/* snorkeling.css
   Zusatzstile fuer die Schnorchelseite <sprache>/snorkeling.html.

   Die Seite ist im Aufbau eine Kurs-/Detailseite (reef.css + course-page.css)
   und zeigt zusaetzlich die Daily-Diving-Paketstaffel. Deren Stile stehen sonst
   in daily-diving.css, die hier nicht geladen wird: die Datei bringt eigene
   Regeln fuer .hero, .offer-block und Verwandte mit, die auf einer Detailseite
   nichts zu suchen haben. Darum stehen hier nur die Regeln der Paketstaffel,
   wortgleich uebernommen, plus das Geschenk-Etikett aus promo.css.

   Eigene Datei statt einer Ergaenzung in extra-pages.css, damit kein ?v=-Bump
   ueber die achtzig Seiten noetig wird, die extra-pages.css bereits laden. */

/* --- Paketstaffel (Uebernahme aus daily-diving.css) --- */
.pkg-section{padding:90px 0;background:linear-gradient(180deg,#0f6f7c 0%,#0c4f5f 100%);}
.pkg-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.pkg-table{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);overflow:hidden;margin-top:30px;}
.pkg-row{display:grid;grid-template-columns:2fr 1fr;padding:14px 22px;color:#fff;font-size:14.5px;font-weight:600;transition:background .2s;}
.pkg-row:nth-child(odd){background:rgba(255,255,255,.04);}
.pkg-row:hover{background:rgba(255,255,255,.1);}
.pkg-price{text-align:right;font-family:'Fredoka',sans-serif;font-size:18px;font-weight:700;color:var(--accent);}
/* Jede Zeile ist ein Link in das Buchungsformular und traegt ihre Tageszahl mit. */
a.pkg-row{text-decoration:none;cursor:pointer;}
a.pkg-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
.pkg-hint{margin:14px 0 0;font-size:13px;line-height:1.55;color:#bfe6e2;text-align:center;}
.pkg-notes{margin-top:24px;display:flex;flex-direction:column;gap:10px;}
.pkg-note{display:flex;align-items:flex-start;gap:10px;color:#bfe6e2;font-size:13.5px;}
.pkg-note svg{color:var(--accent);flex:none;margin-top:2px;}

/* --- Geschenk-Etikett der 5-Tage-Zeile (Uebernahme aus promo.css) --- */
.gift-tag{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 9px;border-radius:999px;background:var(--accent);color:#1a2a10;font-size:11px;font-weight:800;white-space:nowrap;vertical-align:middle;}

@media(max-width:960px){
  .pkg-inner{grid-template-columns:1fr;direction:ltr;}
}

/* Im Arabischen sitzt der Betrag am linken Rand der Zeile. */
[dir=rtl] .pkg-price{text-align:left;}
[dir=rtl] .gift-tag{margin-left:0;margin-right:8px;}