/* ============================================================
   bieszczady.css v1 — REBRAND OVERRIDE
   Górsko-podróżniczy charakter, magazine feel, warm/cool balans.
   Ładowany PO critical + main.css — nadpisuje kolory, fonty,
   akcenty i mikro-detale, zachowując strukturę layoutu.
   ============================================================ */

:root{
  /* Rozszerzona paleta */
  --forest:#1B5E20;
  --forest-2:#2E7D32;
  --forest-deep:#0B2F0D;
  --moss:#4C7A3E;
  --pine:#0D3B0E;
  --sunrise:#E58A3B;     /* wschód nad Połoniną */
  --sunset:#C25436;      /* jesienny grzbiet */
  --sky:#A9CFD9;         /* niebieski poranek */
  --sky-deep:#4E7C89;    /* mgła nad jeziorem */
  --stone:#8C8570;       /* skała */
  --stone-2:#5C5644;
  --sand:#F7F1E1;        /* piasek pod Soliną */
  --cream:#FBF7EE;
  --bark:#3B2A1C;        /* kora drzewa */
  --linen:#FAF6ED;

  /* Zestrojone brand tokens (nadpisują forest z critical.css) */
  --brand:var(--forest);
  --brand-2:var(--forest-2);
  --brand-100:#D8E9CC;
  --brand-50:#F1F7EB;
  --accent:var(--sunrise);
  --warm:var(--sunset);

  --bg:var(--linen);
  --bg-soft:var(--cream);
  --bg-panel:#EDE8D6;
  --border:#E1DCC8;
  --text:#22301F;
  --heading:#0F1E10;
  --muted:#5A6852;

  --shadow-sm:0 1px 2px rgba(15,30,16,.06);
  --shadow:0 6px 22px rgba(15,30,16,.09);
  --shadow-lg:0 24px 52px rgba(15,30,16,.18);

  /* Typography — outdoor-magazine */
  --font-ui:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-h:'Bricolage Grotesque','Fraunces',Georgia,serif;
  --font-display:'Bricolage Grotesque','Fraunces',Georgia,serif;

  /* Bardziej organic radius */
  --radius:20px;
  --radius-sm:12px;
  --radius-xs:8px;
}

html.dark,html[data-theme=dark]{
  --bg:#0e1710;
  --bg-soft:#141e15;
  --bg-panel:#1a271c;
  --border:#2b3a2d;
  --text:#e2ede1;
  --heading:#f2faf0;
  --muted:#9fb1a1;
  --brand:#7BC97F;
  --brand-2:#98D89B;
  --brand-100:#1c2e1e;
  --brand-50:#161f18;
  --accent:#F0A45E;
  --sky:#5F8B95;
}

/* Body — cieplejsze pergaminowe tło */
body{
  font-family:var(--font-ui);
  background:var(--bg);
  color:var(--text);
  font-feature-settings:"ss01","cv11";
}

/* Nagłówki */
h1,h2,h3,h4{
  font-family:var(--font-h);
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--heading);
}
h1{font-weight:700;letter-spacing:-.028em}
h2{font-weight:600}

/* ============================================================
   HEADER — logotyp z lepszym charakterem
   ============================================================ */
.site-header{
  background:rgba(251,247,238,.94);
  border-bottom-color:rgba(27,94,32,.14);
}
@media(min-width:960px){.site-header{background:rgba(251,247,238,.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}}
html.dark .site-header{background:rgba(14,23,16,.92)}

.brand-mark{
  width:42px;height:42px;
  background:linear-gradient(135deg,var(--forest) 0%,var(--forest-2) 55%,var(--sunrise) 130%);
  border-radius:14px;
  box-shadow:0 4px 14px rgba(15,30,16,.18),inset 0 1px 0 rgba(255,255,255,.18);
  position:relative;
  overflow:hidden;
}
.brand-mark::after{
  /* subtle stars */
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.9) 0 1.2px,transparent 1.5px);
  opacity:.7;
}
.brand-mark svg{width:24px;height:24px}

.brand-l1{
  font-family:var(--font-display);
  font-size:1.2rem;
  color:var(--heading);
  font-weight:700;
  letter-spacing:-.015em;
}
.brand-l2{
  font-size:.63rem;
  color:var(--forest-2);
  letter-spacing:.22em;
  font-weight:700;
  text-transform:uppercase;
  margin-top:2px;
}

/* Menu items — hover z akcentem sunrise */
.mega-item>a:hover,.mega-item.has-mega:hover>a,.mega-item:focus-within>a{
  background:var(--brand-50);
  color:var(--forest);
  border-bottom-color:var(--sunrise);
}
.mega-panel{border-top-color:rgba(27,94,32,.14)}
.mega-col-h{color:var(--forest-2);border-bottom-color:var(--sunrise)}

/* Search */
.site-search{background:rgba(255,255,255,.7);border-color:rgba(27,94,32,.15)}
html.dark .site-search{background:var(--bg-soft)}
.site-search button{background:var(--forest);border-radius:var(--pill)}
.site-search button:hover{background:var(--sunrise)}

/* Tel-fab → kompas */
.tel-fab{background:var(--brand-50);color:var(--forest);border-color:rgba(27,94,32,.2)}

/* ============================================================
   HERO — outdoor magazine feel
   ============================================================ */
.hero{
  background:
    radial-gradient(ellipse 1000px 400px at 15% 0%,rgba(233,148,79,.28),transparent 60%),
    radial-gradient(ellipse 900px 500px at 100% 100%,rgba(169,207,217,.35),transparent 55%),
    linear-gradient(160deg,#0B2F0D 0%,#1B5E20 45%,#2E7D32 100%);
  padding:3.5rem 0 4.5rem;
}
.hero::before{
  background:
    radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.09),transparent 45%),
    radial-gradient(ellipse at 80% 80%,rgba(0,0,0,.28),transparent 55%);
}
.hero::after{
  height:80px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 L0,55 L110,20 L220,45 L320,15 L430,50 L560,10 L680,45 L780,20 L900,50 L1020,15 L1150,45 L1270,20 L1360,45 L1440,25 L1440,80 Z' fill='%23FAF6ED'/%3E%3Cpath d='M0,80 L0,72 L120,55 L240,68 L360,50 L490,72 L620,55 L760,72 L900,58 L1020,72 L1160,58 L1290,72 L1440,58 L1440,80 Z' fill='%23FAF6ED' opacity='.55'/%3E%3C/svg%3E") no-repeat bottom/cover;
}
html.dark .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 L0,55 L110,20 L220,45 L320,15 L430,50 L560,10 L680,45 L780,20 L900,50 L1020,15 L1150,45 L1270,20 L1360,45 L1440,25 L1440,80 Z' fill='%230e1710'/%3E%3C/svg%3E")}

.hero h1{
  font-family:var(--font-display);
  font-size:clamp(2.1rem,3.4vw + 1rem,3.6rem);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.05;
  margin-bottom:1.1rem;
}
.hero .lead{color:rgba(255,255,255,.94);font-size:clamp(1.05rem,.7vw + .95rem,1.22rem);line-height:1.55;max-width:56ch}

.hero .quick-links{gap:.55rem;margin-top:1.6rem}
.hero .quick-links a{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.22);
  padding:.68rem 1.15rem;
  font-weight:600;
  backdrop-filter:blur(6px);
}
.hero .quick-links a:hover{
  background:var(--sunrise);color:#fff;border-color:var(--sunrise);
  transform:translateY(-2px);box-shadow:0 6px 16px rgba(233,148,79,.4);
}

.hero-panel{
  background:rgba(251,247,238,.98);
  border-radius:var(--radius);
  padding:1.5rem;
  box-shadow:0 30px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.5) inset;
  border:1px solid rgba(255,255,255,.6);
}
html.dark .hero-panel{background:var(--bg-panel);border-color:var(--border)}
.hero-panel h2{font-size:1.15rem;color:var(--heading);margin:0 0 .9rem}
.hero-search input{background:transparent;color:var(--text)}
.hero-search button{background:var(--forest);font-weight:700}
.hero-search button:hover{background:var(--sunrise)}
.hero-cta a{background:transparent;padding:.75rem .5rem;border-bottom:1px solid var(--border)}
.hero-cta li:last-child a{border-bottom:0}
.hero-cta a:hover{background:var(--brand-50);color:var(--forest);padding-left:.85rem}
.hero-cta .ico{background:linear-gradient(135deg,var(--forest),var(--forest-2));border-radius:12px}

/* ============================================================
   STAT STRIP — bieszczadzka wstęga
   ============================================================ */
.stat-strip{
  background:linear-gradient(90deg,var(--forest-deep) 0%,var(--forest) 50%,var(--forest-2) 100%);
  border-top:3px solid var(--sunrise);
  padding:1.15rem 0;
}
.stat b{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.02em}
.stat span{color:rgba(255,255,255,.78);font-size:.72rem;letter-spacing:.08em}

/* ============================================================
   SECTION TITLE — z gradient border
   ============================================================ */
.section-title{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--sunrise),var(--forest) 40%,transparent) 1;padding-bottom:.85rem;margin-bottom:1.5rem}
.section-title h2{font-family:var(--font-display);font-size:clamp(1.5rem,1.2vw + 1rem,1.95rem);padding-left:1rem;border-left:5px solid var(--sunrise);line-height:1.1}
.section-title .more{color:var(--forest);font-weight:700;text-transform:none;font-size:.92rem;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:var(--brand-50);border-radius:var(--pill);border:1px solid var(--brand-100)}
.section-title .more:hover{background:var(--forest);color:#fff;border-color:var(--forest)}

/* Section-panel — inny odcień */
.section-panel{background:var(--bg-panel);border-top-color:rgba(27,94,32,.12);border-bottom-color:rgba(27,94,32,.12)}
html.dark .section-panel{background:var(--bg-soft)}

/* ============================================================
   TILES — magazynowy grid z ciepłym hover
   ============================================================ */
.tiles{gap:1rem}
.tile{
  background:linear-gradient(180deg,#fff 0%,var(--linen) 100%);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.35rem .85rem;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}
html.dark .tile{background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%)}
.tile:hover{border-color:var(--sunrise);transform:translateY(-4px) rotate(-.4deg);box-shadow:0 20px 40px rgba(15,30,16,.12);color:var(--forest)}
.tile-ico{
  width:52px;height:52px;
  background:linear-gradient(135deg,var(--brand-100) 0%,var(--brand-50) 100%);
  border-radius:14px;
  color:var(--forest);
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}
.tile:hover .tile-ico{background:linear-gradient(135deg,var(--sunrise),var(--sunset));color:#fff;transform:rotate(-8deg) scale(1.08)}
.tile b{font-family:var(--font-display);font-weight:600;font-size:1rem;margin-top:.25rem}
.tile span{color:var(--muted);font-size:.78rem}

/* ============================================================
   CARDS — postcard style
   ============================================================ */
.card{
  background:#fff;
  border:1px solid rgba(15,30,16,.08);
  border-radius:var(--radius);
  box-shadow:0 2px 6px rgba(15,30,16,.04);
  transition:all .28s cubic-bezier(.2,.8,.2,1);
  position:relative;
}
html.dark .card{background:var(--bg-soft);border-color:var(--border)}
.card::after{
  /* subtelna „taśma” na dole karty w akcent color */
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--sunrise),var(--forest));
  border-radius:0 0 var(--radius) var(--radius);
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.card:hover{transform:translateY(-5px);box-shadow:0 24px 44px rgba(15,30,16,.14);border-color:transparent}
.card:hover::after{transform:scaleX(1)}
.card-thumb{aspect-ratio:16/10}
.card-thumb.no-image{
  background:linear-gradient(135deg,var(--forest) 0%,var(--forest-2) 60%,var(--sunrise) 130%);
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:-.01em;
  font-size:1.25rem;
}
.card-body{padding:1.1rem 1.2rem 1.3rem}
.card-cat{color:var(--sunrise);font-weight:800;font-size:.68rem;letter-spacing:.12em}
.card-title{font-family:var(--font-display);font-size:1.08rem;font-weight:600;line-height:1.28;letter-spacing:-.01em}
.card p{color:var(--muted);line-height:1.55}
.card time{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}

/* ============================================================
   CATEGORY HEADER — z SVG topografią
   ============================================================ */
.cat-header{
  background:
    radial-gradient(ellipse 800px 300px at 100% 0%,rgba(233,148,79,.14),transparent 60%),
    linear-gradient(180deg,var(--brand-50) 0%,var(--bg) 100%);
  border-bottom:1px solid var(--border);
  padding:2.5rem 0 1.5rem;
  position:relative;
  overflow:hidden;
}
.cat-header::before{
  /* topograficzne linie */
  content:"";position:absolute;inset:0;opacity:.11;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%231B5E20' stroke-width='1'%3E%3Ccircle cx='200' cy='200' r='40'/%3E%3Ccircle cx='200' cy='200' r='80'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='160'/%3E%3Ccircle cx='200' cy='200' r='200'/%3E%3C/g%3E%3C/svg%3E");
  background-size:600px auto;background-position:right center;background-repeat:no-repeat;
}
.cat-header .wrap{position:relative;z-index:1}
.cat-badge{
  background:var(--sunrise);
  color:#fff;
  border-radius:var(--pill);
  padding:.35rem .9rem;
  letter-spacing:.08em;
  box-shadow:0 4px 12px rgba(233,148,79,.28);
}
.cat-header h1{font-family:var(--font-display);font-size:clamp(1.9rem,2.4vw + 1rem,2.85rem);font-weight:700;letter-spacing:-.03em}
.cat-meta{color:var(--muted);gap:.4rem 1rem}
.cat-intro{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:70ch}

/* ============================================================
   CHIPS — pigułki z accent hover
   ============================================================ */
.chips a{
  background:#fff;
  border:1px solid var(--border);
  padding:.55rem 1.05rem;
  font-family:var(--font-ui);
  font-weight:600;
  font-size:.9rem;
  color:var(--heading);
  transition:all .18s cubic-bezier(.2,.8,.2,1);
}
html.dark .chips a{background:var(--bg-soft)}
.chips a:hover,.chips a[aria-current]{
  background:var(--forest);color:#fff;border-color:var(--forest);
  transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,94,32,.22);
}

/* ============================================================
   SIDEBAR — bardziej „notatnik podróżnika”
   ============================================================ */
aside.sidebar .box{
  background:#fff;
  border-radius:var(--radius);
  border:1px solid var(--border);
  box-shadow:0 4px 12px rgba(15,30,16,.05);
}
html.dark aside.sidebar .box{background:var(--bg-soft)}
aside.sidebar .box h3{
  font-family:var(--font-display);
  font-size:1.02rem;
  font-weight:600;
  border-bottom:1px solid var(--brand-100);
  padding-bottom:.55rem;
  letter-spacing:-.01em;
}
aside.sidebar .box-cta{
  background:
    radial-gradient(ellipse 200px 100px at 100% 0%,rgba(233,148,79,.25),transparent 60%),
    linear-gradient(135deg,var(--forest-deep) 0%,var(--forest) 55%,var(--forest-2) 100%);
  color:#fff;position:relative;overflow:hidden;
}
aside.sidebar .box-cta::before{
  /* topografia w tle */
  content:"";position:absolute;inset:0;opacity:.09;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='100' cy='100' r='30'/%3E%3Ccircle cx='100' cy='100' r='60'/%3E%3Ccircle cx='100' cy='100' r='90'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom/240px;
}
aside.sidebar .box-cta h3{border-bottom-color:rgba(255,255,255,.22);color:#fff}
aside.sidebar .box-cta a{color:#fff;border-bottom:1px solid rgba(255,255,255,.13);padding:.65rem 0;position:relative;z-index:1}
aside.sidebar .box-cta a:hover{padding-left:.4rem;color:var(--sunrise)}
aside.sidebar .box-cta a:last-child{border:0}

.sb-hubs a{
  background:var(--brand-50);
  border:1px solid var(--brand-100);
  color:var(--forest);
  border-radius:var(--pill);
  font-weight:700;
}
.sb-hubs a:hover{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:0 4px 12px rgba(27,94,32,.22)}

/* Card-mini w sidebarze */
.card-mini a{font-family:var(--font-display);font-size:.9rem}
.card-mini img{border-radius:8px}

/* ============================================================
   ARTICLE — magazynowy layout
   ============================================================ */
.article-header .cats a{background:var(--sunrise);color:#fff;padding:.24rem .8rem;box-shadow:0 4px 10px rgba(233,148,79,.28)}
.article-header .cats a:hover{background:var(--sunset)}
.article-header h1{
  font-family:var(--font-display);
  font-size:clamp(2rem,2.6vw + 1rem,3rem);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.08;
  margin:.5rem 0 .7rem;
}
.article-meta .avatar{background:linear-gradient(135deg,var(--forest),var(--forest-2));font-family:var(--font-display);font-weight:700}

.hero-image{border-radius:var(--radius);box-shadow:0 24px 44px rgba(15,30,16,.14)}
.hero-image img{transition:transform 8s ease-out}
.hero-image:hover img{transform:scale(1.04)}

.content{font-size:1.09rem;line-height:1.82;color:var(--text)}
.content h2{font-family:var(--font-display);font-size:1.7rem;font-weight:600;margin:2.4rem 0 .8rem;letter-spacing:-.02em;position:relative;padding-left:1rem}
.content h2::before{content:"";position:absolute;left:0;top:.28em;width:5px;height:1em;background:var(--sunrise);border-radius:3px}
.content h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin:1.6rem 0 .55rem;letter-spacing:-.015em}
.content a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--sunrise)}
.content a:hover{color:var(--sunset)}
.content strong,.content b{color:var(--heading);font-weight:700}
.content blockquote{
  background:linear-gradient(135deg,var(--brand-50),var(--linen));
  border-left:4px solid var(--sunrise);
  font-family:var(--font-display);
  font-style:normal;font-weight:500;
  font-size:1.08em;
  color:var(--heading);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.content img{border-radius:var(--radius-sm);box-shadow:0 8px 22px rgba(15,30,16,.1)}
.content ul li::marker{color:var(--sunrise)}
.content ol li::marker{color:var(--forest);font-weight:800}

/* TOC — jak notatnik */
.toc{
  background:linear-gradient(135deg,var(--linen) 0%,var(--brand-50) 100%);
  border-left:4px solid var(--sunrise);
  border-radius:0 var(--radius) var(--radius) 0;
}
.toc-head b{font-family:var(--font-display);font-weight:600}
.toc ol>li::before{color:var(--sunrise)}
.toc-sidebar{background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:1.15rem 1.25rem}
html.dark .toc-sidebar{background:var(--bg-soft)}
.toc-sidebar a.is-active{border-left-color:var(--sunrise);color:var(--forest);background:var(--brand-50)}
.toc-sidebar a:hover{background:var(--brand-50);color:var(--forest)}

/* Rating */
.rating{background:linear-gradient(135deg,var(--brand-50),var(--linen));border:1px solid var(--brand-100);border-radius:var(--radius)}
.rating button.on{color:var(--sunrise)}
.rating:not(.voted) .stars button:hover,.rating:not(.voted) .stars button:hover~button{color:var(--sunrise)}

/* Share */
.share a,.share button{background:#fff;border-color:var(--border);font-family:var(--font-ui);font-weight:600}
html.dark .share a,html.dark .share button{background:var(--bg-soft)}
.share a:hover,.share button:hover{border-color:var(--sunrise);color:var(--sunrise)}

/* Related — pocztówki */
.related h2{font-family:var(--font-display);font-size:1.5rem}
.related li a{background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:all .25s cubic-bezier(.2,.8,.2,1)}
html.dark .related li a{background:var(--bg-soft)}
.related li a:hover{border-color:var(--sunrise);color:var(--forest);transform:translateY(-3px);box-shadow:0 20px 36px rgba(15,30,16,.12)}
.related li .t{padding:.85rem 1rem;font-family:var(--font-display);font-weight:600}

/* FAQ */
.faq details{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border);padding:0 1.15rem}
html.dark .faq details{background:var(--bg-soft)}
.faq summary{font-family:var(--font-display);font-weight:600;padding:1rem 0}
.faq summary::after{color:var(--sunrise)}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination a,.pagination span{
  background:#fff;border-radius:var(--radius-sm);font-family:var(--font-ui);font-weight:700;
}
html.dark .pagination a,html.dark .pagination span{background:var(--bg-soft)}
.pagination a:hover{background:var(--forest);color:#fff;border-color:var(--forest)}
.pagination [aria-current]{background:linear-gradient(135deg,var(--forest),var(--forest-2));color:#fff;border-color:transparent}

/* ============================================================
   CALLBAR — kompas
   ============================================================ */
.callbar-fab{
  background:linear-gradient(135deg,var(--forest) 0%,var(--forest-2) 55%,var(--sunrise) 130%);
  border-color:#fff;
  box-shadow:0 8px 22px rgba(15,30,16,.28),0 0 0 3px rgba(255,255,255,.5);
}
.callbar-ring{border-color:var(--sunrise)}
@keyframes cbglow{0%,100%{box-shadow:0 8px 22px rgba(15,30,16,.28),0 0 0 3px rgba(255,255,255,.5)}50%{box-shadow:0 14px 30px rgba(233,148,79,.42),0 0 0 4px rgba(255,255,255,.55)}}

/* ============================================================
   FOOTER — bark texture
   ============================================================ */
.site-footer{
  background:
    radial-gradient(ellipse 800px 300px at 5% 0%,rgba(233,148,79,.06),transparent 55%),
    linear-gradient(180deg,#0F1E10 0%,#050B06 100%);
  color:#a9baa9;
  padding:3.25rem 0 1.2rem;
  border-top:3px solid var(--sunrise);
  position:relative;
  overflow:hidden;
}
.site-footer::before{
  /* topografia w tle */
  content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E%3Cg fill='none' stroke='%23FAF6ED' stroke-width='1'%3E%3Cpath d='M-20,150 Q60,80 130,120 T280,90 T430,140'/%3E%3Cpath d='M-20,180 Q80,120 160,150 T320,120 T430,170'/%3E%3Cpath d='M-20,120 Q40,50 110,90 T260,60 T430,110'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom/700px;
}
.site-footer .wrap{position:relative;z-index:1}
.site-footer h3{font-family:var(--font-display);color:#fff;font-size:.82rem;letter-spacing:.14em;font-weight:600}
.site-footer a{color:#c5d3c9}
.site-footer a:hover{color:var(--sunrise)}
.brand-col{max-width:none}
.brand-col p{color:#c5d3c9;font-size:.93rem;line-height:1.6}
.brand-col p strong{font-family:var(--font-display);color:#fff;font-weight:600;font-size:1.05rem;letter-spacing:-.01em}
.brand-col .disclaimer{
  background:rgba(255,255,255,.05);
  border-left:3px solid var(--sunrise);
  padding:.85rem 1rem;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  font-size:.82rem;
  color:#a9baa9;
  margin-top:1rem;
}
.brand-col .disclaimer b{color:#fff;font-weight:700}
.footer-bottom{border-top-color:rgba(255,255,255,.08);color:#7a9581}
.footer-bottom small{font-family:var(--font-ui)}

/* ============================================================
   WEATHER GRID (specyficzne)
   ============================================================ */
.weather-card{border:1px solid var(--border);transition:all .25s cubic-bezier(.2,.8,.2,1)}
.weather-card:hover{border-color:var(--sky-deep);transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,30,16,.1)}
.weather-card .card-cat{color:var(--sky-deep)}
.weather-card .weather-data{font-family:var(--font-display)}

/* ============================================================
   COOKIE BAR
   ============================================================ */
.cookie-bar{background:rgba(15,30,16,.97);border-radius:var(--radius)}
.cookie-ok{background:var(--sunrise);color:#3a2000}
.cookie-ok:hover{background:var(--sunset);color:#fff}

/* ============================================================
   FOCUS RING — sunrise
   ============================================================ */
:focus-visible{outline-color:var(--sunrise)}

/* ============================================================
   ACCENT link decoration — subtle underline
   ============================================================ */
a{text-decoration-color:currentColor}

/* ============================================================
   AD IN-FEED — jako karta w gridzie noclegi/atrakcje
   ============================================================ */
.ad-slot.ad-in-feed{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow-sm);
  min-height:380px;margin:0;padding:0;text-align:left;
  position:relative;
}
html.dark .ad-slot.ad-in-feed{background:var(--bg-soft)}
.ad-slot.ad-in-feed::before{
  content:"REKLAMA";display:block;font-size:.62rem;color:var(--muted);
  text-transform:uppercase;letter-spacing:.14em;padding:.5rem 1rem;
  border-bottom:1px solid var(--border);font-weight:700;
}
.ad-slot.ad-in-feed .adsbygoogle{flex:1;min-height:320px;width:100%}
.is-preview .ad-slot.ad-in-feed{min-height:380px;outline-offset:-4px}
/* Ad-in-feed w gridzie — jako <li> */
.cards > li.ad-cell{list-style:none;padding:0;margin:0}
.cards > li.ad-cell > .ad-slot{margin:0;height:100%}

/* ============================================================
   EMBED MAPS (iframe google maps) — responsywne
   ============================================================ */
.embed-map{
  position:relative;width:100%;aspect-ratio:16/10;
  border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--border);box-shadow:var(--shadow);
  margin:1rem 0 1.5rem;background:var(--bg-panel);
}
.embed-map iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}
@media(max-width:640px){.embed-map{aspect-ratio:4/3}}

/* ============================================================
   PREVIEW mode — mniej krzykliwe
   ============================================================ */
.is-preview .ad-slot{outline-color:rgba(233,148,79,.55);background:repeating-linear-gradient(45deg,rgba(233,148,79,.08),rgba(233,148,79,.08) 10px,transparent 10px,transparent 20px)}
.is-preview .ad-slot::after{color:var(--sunrise);background:#fff}