/* ============================================================
   BOSFOR & BAŁTYK — Event landing pages (Claude-owned)
   Used by urodziny-restauracja-gdansk.html + kolacja-firmowa-gdansk.html
   ============================================================ */
:root{
  --bb-royal:#0a4fba; --bb-royal-deep:#073a8a; --bb-cyan:#04bee9;
  --bb-amber:#ea910f; --bb-amber-deep:#985200; --bb-gold:#ffc30a;
  --bb-vanilla:#fef8e0; --bb-vanilla-warm:#fdf0c8; --bb-ink:#1a1b1c;
}
.page-wrapper{ width:100%; max-width:100%; overflow-x:hidden; }
.ev-hero,.ev-intro,.ev-pkgs,.ev-incl,.ev-faq,.ev-cta,.ev-contact{ width:100%; }

/* ---------- HERO ---------- */
.ev-hero{ position:relative; background:#0a0e1a; padding:clamp(72px,11vw,140px) 0; overflow:hidden; }
.ev-hero::before{ content:""; position:absolute; inset:0;
  background:url('../images/resource/ambiance.jpg') center/cover no-repeat; opacity:.36; }
.ev-hero__veil{ position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(7,58,138,.45), rgba(7,14,26,.82)); }
.ev-hero__inner{ position:relative; z-index:2; max-width:780px; }
.ev-hero__title{ font-family:'DM Serif Display',serif; color:#fff; font-size:clamp(38px,6.5vw,72px);
  line-height:1.05; margin:8px 0 14px; text-shadow:0 4px 30px rgba(0,0,0,.5); }
.ev-hero__title .amp{ color:var(--bb-gold); font-style:italic; }
.ev-hero__lead{ font-family:'Montserrat',sans-serif; color:rgba(254,248,224,.92); font-size:17px;
  line-height:1.7; margin:0 0 26px; max-width:58ch; }
.ev-hero__btns{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- INTRO ---------- */
.ev-intro{ padding:clamp(54px,8vw,90px) 0; }
.ev-intro__inner{ max-width:840px; margin:0 auto; text-align:center; }
.ev-intro p{ font-family:'Montserrat',sans-serif; font-size:16.5px; line-height:1.8;
  color:rgba(26,27,28,.82); margin:0 auto 16px; max-width:64ch; }
.ev-intro strong{ color:var(--bb-royal); }
.ev-intro em{ color:var(--bb-amber-deep); font-style:italic; }

/* ---------- INCLUDED (what you get) ---------- */
.ev-incl{ padding:clamp(48px,7vw,84px) 0; background:var(--bb-vanilla-warm); }
.ev-incl__grid{ display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  max-width:1100px; margin:0 auto; }
.ev-incl__item{ background:var(--bb-vanilla); border:1px solid rgba(10,79,186,.14); border-radius:18px;
  padding:28px 24px; text-align:center; box-shadow:0 8px 24px rgba(10,79,186,.07);
  transition:transform .25s, box-shadow .25s; }
.ev-incl__item:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(10,79,186,.14); }
.ev-incl__ico{ font-size:30px; line-height:1; display:block; margin-bottom:12px; }
.ev-incl__item h3{ font-family:'DM Serif Display',serif; color:var(--bb-royal); font-size:19px; margin:0 0 8px; }
.ev-incl__item p{ font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.6;
  color:rgba(26,27,28,.72); margin:0; }

/* ---------- PACKAGES ---------- */
.ev-pkgs{ padding:clamp(54px,8vw,96px) 0; }
.ev-pkgs__grid{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  max-width:1180px; margin:0 auto; }
.ev-pkg{ background:var(--bb-vanilla); border:1px solid rgba(10,79,186,.14); border-radius:20px;
  padding:34px 30px; box-shadow:0 10px 28px rgba(10,79,186,.08); display:flex; flex-direction:column;
  transition:transform .25s, box-shadow .25s, border-color .25s; position:relative; }
.ev-pkg:hover{ transform:translateY(-4px); box-shadow:0 18px 42px rgba(10,79,186,.16); border-color:var(--bb-gold); }
.ev-pkg--featured{ background:linear-gradient(160deg,var(--bb-vanilla),var(--bb-vanilla-warm));
  border-color:var(--bb-gold); box-shadow:0 16px 38px rgba(234,145,15,.18); }
.ev-pkg--featured::before{ content:"Najpopularniejszy"; position:absolute; top:-12px; right:24px;
  background:linear-gradient(135deg,var(--bb-gold),var(--bb-amber)); color:var(--bb-royal-deep);
  font-family:'Montserrat',sans-serif; font-size:11px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; padding:5px 14px; border-radius:999px;
  box-shadow:0 6px 14px rgba(234,145,15,.34); }
.ev-pkg__name{ font-family:'DM Serif Display',serif; color:var(--bb-royal); font-size:24px; margin:0 0 4px; }
.ev-pkg__sub{ font-family:'Montserrat',sans-serif; font-style:italic; font-size:13px;
  color:var(--bb-amber-deep); margin:0 0 18px; font-weight:600; }
.ev-pkg__price{ font-family:'DM Serif Display',serif; font-size:32px; color:var(--bb-royal-deep);
  margin:0 0 4px; line-height:1; }
.ev-pkg__price small{ font-family:'Montserrat',sans-serif; font-weight:600; font-size:13px;
  color:rgba(26,27,28,.6); display:block; margin-top:6px; }
.ev-pkg__list{ list-style:none; padding:0; margin:22px 0 24px; flex:1; }
.ev-pkg__list li{ position:relative; padding:8px 0 8px 26px; font-family:'Montserrat',sans-serif;
  font-size:14.5px; line-height:1.55; color:rgba(26,27,28,.78);
  border-bottom:1px dashed rgba(10,79,186,.12); }
.ev-pkg__list li:last-child{ border-bottom:0; }
.ev-pkg__list li::before{ content:"✓"; position:absolute; left:0; top:8px; color:var(--bb-amber-deep);
  font-weight:700; }
.ev-pkg .bbh-btn{ align-self:flex-start; }

/* ---------- FAQ (reuse contact style) ---------- */
.ev-faq{ padding:clamp(48px,7vw,84px) 0; background:var(--bb-vanilla-warm); }
.ev-faq__list{ max-width:860px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.ev-faq__item{ background:var(--bb-vanilla); border:1px solid rgba(10,79,186,.14); border-radius:14px;
  box-shadow:0 6px 18px rgba(10,79,186,.06); transition:border-color .25s, box-shadow .25s; }
.ev-faq__item[open]{ border-color:var(--bb-gold); box-shadow:0 12px 28px rgba(10,79,186,.10); }
.ev-faq__item summary{ list-style:none; cursor:pointer; padding:18px 22px;
  font-family:'DM Serif Display',serif; color:var(--bb-royal); font-size:17px; line-height:1.35;
  display:flex; justify-content:space-between; align-items:center; gap:14px; }
.ev-faq__item summary::-webkit-details-marker{ display:none; }
.ev-faq__item summary::after{ content:"+"; font-family:'Montserrat',sans-serif; font-weight:300;
  font-size:24px; color:var(--bb-amber); line-height:1; flex:none; transition:transform .25s; }
.ev-faq__item[open] summary::after{ transform:rotate(45deg); }
.ev-faq__item p{ font-family:'Montserrat',sans-serif; font-size:15px; line-height:1.7;
  color:rgba(26,27,28,.78); margin:0; padding:0 22px 20px; }
.ev-faq__item p a{ color:var(--bb-royal); font-weight:600; text-decoration:underline;
  text-decoration-color:rgba(10,79,186,.3); text-underline-offset:3px; }

/* ---------- CONTACT BAND ---------- */
.ev-contact{ padding:clamp(54px,8vw,96px) 0; text-align:center;
  background:linear-gradient(135deg,var(--bb-royal),var(--bb-royal-deep)); color:var(--bb-vanilla); }
.ev-contact h2{ font-family:'DM Serif Display',serif; color:#fff;
  font-size:clamp(30px,4.5vw,48px); margin:0 0 14px; }
.ev-contact p{ font-family:'Montserrat',sans-serif; color:rgba(254,248,224,.88); font-size:16px;
  line-height:1.7; margin:0 auto 26px; max-width:54ch; }
.ev-contact__btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* nav active state */
.bb-hdr__nav a.is-current{ color:var(--bb-amber-deep); }
.bb-hdr__nav a.is-current::after{ width:100% !important; }