/* fermadraugiem.lv — the shared layer (lane W6, agreed with W5 2026-11-10).
   Tokens, reset, header, footer, buttons, cards and the consent banner. Every page loads this file;
   the home page (W5) adds home.css, the inner pages add pages.css. No web fonts, no images except the logo. */
:root{
  --fd-ink:#3d2a12;--fd-ink-soft:#6b4a2b;--fd-cream:#fff6e0;--fd-cream-2:#f7ebd2;
  --fd-wood:#c98a3a;--fd-wood-dark:#8a5a2b;--fd-woodline:#5a3412;
  --fd-cherry:#b3261e;--fd-cherry-dark:#7e1610;--fd-orange:#f28a12;--fd-orange-dark:#9c4a00;
  --fd-green:#2e7d1e;--fd-leaf:#4c9729;--fd-grass:#69b23a;--fd-gold:#ffd23b;--fd-sky:#8ccdf4;
  --fd-link:#9a4600;
  --fd-font:ui-rounded,"SF Pro Rounded","Nunito","Trebuchet MS","Segoe UI",system-ui,sans-serif;
  --fd-radius:18px;
  /* the first landing's names, kept as aliases */
  --font:var(--fd-font);--ink:var(--fd-ink);--wood:var(--fd-wood);--cream:var(--fd-cream);
  /* the header reads these, so the home page can make it transparent over its panorama */
  --fd-head-bg:linear-gradient(#fffaf0,#f8e7c4);
  --fd-head-border:3px solid var(--fd-wood);
  --fd-head-shadow:0 3px 0 rgba(90,52,18,.16);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--fd-font);color:var(--fd-ink);-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto}
.fd-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* skip link */
.fd-skip{position:absolute;left:12px;top:-80px;z-index:200;padding:.65em 1.1em;border-radius:12px;font-weight:800;color:var(--fd-ink);
  background:var(--fd-cream);border:2px solid var(--fd-wood);text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.fd-skip:focus{top:12px}

/* ── header ─────────────────────────────────────────────────────────────── */
.fd-head{position:relative;z-index:30;background:var(--fd-head-bg);border-bottom:var(--fd-head-border);box-shadow:var(--fd-head-shadow)}
.fd-head__in{max-width:1200px;margin:0 auto;min-height:66px;display:flex;align-items:center;gap:14px;
  padding:6px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}
.fd-brand{display:block;flex:none;line-height:0;border-radius:12px}
.fd-brand img{display:block;width:128px;height:auto}
.fd-nav{display:none;margin-left:auto;align-items:center;gap:2px}
.fd-nav a{padding:.5em .8em;border-radius:999px;font-weight:800;font-size:16px;color:var(--fd-ink);text-decoration:none;white-space:nowrap;
  transition:background-color .15s ease}
.fd-nav a:hover{background:rgba(201,138,58,.2)}
.fd-nav a[aria-current="page"]{color:#fff;background:linear-gradient(#f6a12e,#d86e00);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18);text-shadow:0 1px 0 rgba(120,50,0,.6)}
/* the phone menu: a plain <details>, no script */
.fd-burger{margin-left:auto}
.fd-burger__btn{list-style:none;display:flex;align-items:center;gap:.55em;min-height:46px;padding:.5em 1.05em;border-radius:999px;cursor:pointer;
  font-weight:800;font-size:16px;color:#5b3a12;background:var(--fd-cream);border:2px solid var(--fd-wood);box-shadow:0 3px 0 #a86c2c;user-select:none}
.fd-burger__btn::-webkit-details-marker{display:none}
.fd-burger__btn::marker{content:""}
.fd-burger__icon{position:relative;width:18px;height:2.5px;border-radius:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;transition:transform .2s ease}
.fd-burger[open] .fd-burger__icon{box-shadow:none;transform:rotate(45deg)}
.fd-burger[open] .fd-burger__icon::after{content:"";position:absolute;inset:0;border-radius:2px;background:currentColor;transform:rotate(90deg)}
.fd-burger__panel{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:calc(100% + 8px);
  display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:22px;background:linear-gradient(#fffdf6,#fff2d2);
  border:3px solid var(--fd-wood);box-shadow:0 0 0 5px rgba(255,248,231,.6),0 22px 46px rgba(30,20,0,.38);animation:fd-drop .22s ease-out}
.fd-burger__panel a{display:flex;align-items:center;min-height:48px;padding:.55em .9em;border-radius:14px;font-weight:800;font-size:16px;color:var(--fd-ink);
  text-decoration:none;background:#fff;border:1px solid rgba(201,138,58,.4)}
.fd-burger__panel a[aria-current="page"]{color:#fff;background:linear-gradient(#f6a12e,#d86e00);border-color:#b25a00}
.fd-burger__panel .fd-burger__home{grid-column:1/-1;justify-content:center;background:var(--fd-cream-2)}
@media (min-width:1000px){.fd-nav{display:flex}.fd-burger{display:none}.fd-brand img{width:140px}}

/* ── footer ─────────────────────────────────────────────────────────────── */
.fd-foot{position:relative;color:#fbe9c6;font-size:15px;line-height:1.5;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 38px,rgba(0,0,0,.12) 38px 40px),linear-gradient(#6b4019,#4f2d10);
  padding:34px max(18px,env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  border-top:6px solid var(--fd-grass);box-shadow:inset 0 3px 0 rgba(255,255,255,.08)}
.fd-foot__in{max-width:1200px;margin:0 auto}
.fd-foot__top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:22px}
.fd-foot__brand{line-height:0;flex:none}
.fd-foot__brand img{width:120px;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.fd-foot__tag{margin:0;max-width:52ch;color:#fff3da}
.fd-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 28px}
.fd-foot h2{margin:0 0 .45em;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fd-gold)}
.fd-foot ul{list-style:none;margin:0;padding:0}
.fd-foot li{margin:0}
.fd-foot a,.fd-linkbtn{display:inline-block;padding:.4em 0;color:#fff3da;text-decoration:none;font:inherit;line-height:1.35}
.fd-foot a:hover,.fd-linkbtn:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fd-linkbtn{background:none;border:0;cursor:pointer;text-align:left}
.fd-foot a[aria-current="page"]{color:var(--fd-gold)}
.fd-foot__legal{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,235,200,.22);font-size:13.5px;color:#f0dcb6}
.fd-foot__legal p{margin:0 0 .45em}
.fd-foot__legal a{padding:.15em 0;color:#fff3da;text-decoration:underline;text-underline-offset:2px}
.fd-foot__credit{font-size:12.5px;color:#e6cfa5}
.fd-foot :focus-visible{outline:3px solid var(--fd-gold);outline-offset:2px;border-radius:4px}

/* ── buttons, cards ─────────────────────────────────────────────────────── */
.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.62em 1.5em;border-radius:999px;cursor:pointer;
  font:inherit;font-weight:800;font-size:17px;line-height:1.15;text-align:center;text-decoration:none;color:#fff;
  background:linear-gradient(#cf7010,#b05000 40%,#963f00);border:2px solid var(--fd-orange-dark);
  text-shadow:0 1px 0 #7a3600,0 0 2px #7a3600;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 4px 0 #8a4100,0 8px 16px rgba(50,25,0,.22);transition:transform .12s ease,box-shadow .12s ease}
.fd-btn:hover{transform:translateY(-1px);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 5px 0 #8a4100,0 11px 20px rgba(50,25,0,.25)}
.fd-btn:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 1px 0 #8a4100,0 3px 8px rgba(50,25,0,.2)}
.fd-btn--cream{color:#5b3a12;text-shadow:none;background:var(--fd-cream);border-color:var(--fd-wood);
  box-shadow:0 4px 0 #a86c2c,0 8px 16px rgba(0,0,0,.14)}
.fd-btn--cream:hover{box-shadow:0 5px 0 #a86c2c,0 11px 20px rgba(0,0,0,.16)}
.fd-btn--cream:active{box-shadow:0 1px 0 #a86c2c,0 3px 8px rgba(0,0,0,.14)}
.fd-btn--green{background:linear-gradient(#7cc94a,#4c9729 55%,#367a1b);border-color:#245510;text-shadow:0 1px 0 #1d4a0c,0 0 2px #1d4a0c;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 #245510,0 8px 16px rgba(20,40,0,.22)}
.fd-btn:focus-visible{outline:3px solid var(--fd-ink);outline-offset:3px}
.fd-card{background:linear-gradient(#fffdf6,#fff2d2);border:3px solid var(--fd-wood);border-radius:22px;
  box-shadow:0 0 0 5px rgba(255,248,231,.5),0 14px 34px rgba(40,25,0,.16)}
.fd-ribbon{display:inline-block;padding:.3em 1.15em .34em;border-radius:12px;font-weight:800;color:#fff;
  background:linear-gradient(#d23f33,#b3261e 60%,#921c15);border:2px solid var(--fd-cherry-dark);box-shadow:0 3px 0 var(--fd-cherry-dark);
  text-shadow:0 1px 0 rgba(0,0,0,.35)}

/* ── the consent banner (js/consent.js builds it; nothing here shows without it) ── */
.fd-consent{position:fixed;z-index:1000;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));
  bottom:max(10px,env(safe-area-inset-bottom));max-width:540px;max-height:calc(100vh - 20px);overflow:auto;padding:18px 18px 14px;
  color:var(--fd-ink);font-size:15px;line-height:1.45;background:linear-gradient(#fffdf6,#fff2d2);border:3px solid var(--fd-wood);border-radius:22px;
  box-shadow:0 0 0 5px rgba(255,248,231,.6),0 22px 54px rgba(25,18,0,.42);animation:fd-up .32s cubic-bezier(.2,.9,.3,1.1)}
.fd-consent h2{margin:0 0 .3em;font-size:19px;line-height:1.2;color:#9a4600}
.fd-consent p{margin:0 0 .75em}
.fd-consent a{color:var(--fd-link);font-weight:700}
.fd-consent__row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.fd-consent__row .fd-btn{flex:1 1 190px;min-height:46px;padding:.5em 1em;font-size:16px}
.fd-consent details{margin:.2em 0 .8em;padding:.5em .8em;border-radius:14px;background:rgba(255,255,255,.65);border:1px solid rgba(201,138,58,.38)}
.fd-consent summary{cursor:pointer;font-weight:800;min-height:32px;display:flex;align-items:center}
.fd-consent dl{margin:.4em 0 .2em}
.fd-consent dt{font-weight:800}
.fd-consent dd{margin:0 0 .5em}
.fd-consent__more{margin:.8em 0 0!important;font-size:14px}
.fd-consent__x{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;cursor:pointer;font:inherit;font-size:22px;line-height:1;
  color:#7a3e00;background:#fff;border:2px solid rgba(201,138,58,.6)}
.fd-consent__x:focus-visible{outline:3px solid var(--fd-ink);outline-offset:2px}
@media (max-width:719px){.fd-consent{padding:12px 14px 10px;font-size:14px;line-height:1.4;border-radius:18px}.fd-consent h2{font-size:17px;padding-right:36px}.fd-consent p{margin-bottom:.5em}.fd-consent details{margin:0 0 .55em;padding:.25em .7em}.fd-consent summary{min-height:30px}.fd-consent__row{flex-wrap:nowrap;gap:8px}.fd-consent__row .fd-btn{flex:1 1 0;min-width:0;min-height:44px;padding:.4em .5em;font-size:15px}.fd-consent__more{margin-top:.5em!important;font-size:13px}}
@media (min-width:720px){.fd-consent{right:auto;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}}

@keyframes fd-up{from{opacity:0;transform:translateY(16px)}}
@keyframes fd-drop{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.fd-consent,.fd-burger__panel{animation:none}.fd-btn,.fd-nav a,.fd-burger__icon{transition:none}}
@media print{.fd-head,.fd-foot,.fd-consent,.fd-skip{display:none!important}}