/*
Theme Name: Sagaia Child
Theme URI: https://sagaia.no
Description: Child-tema for Hello Elementor. Leverer en tilpasset forside (front-page.php) for Sagaia – Norges oversikt over beredskap, selvforsyning og lokale ressurser. Bygget etter Sagaia-prototypen.
Author: Sagaia AS
Author URI: https://sagaia.no
Template: hello-elementor
Version: 0.1.20
Text Domain: sagaia-child
License: Proprietær
*/

/* ============================================================
   Sagaia forside – design fra prototypen (sagaia_landingsside.html)
   Prefikset .sagaia-front rundt hele forsiden for å unngå at
   stilene lekker inn i resten av nettstedet / Elementor.
   ============================================================ */

.sagaia-front{
  --green:#33443b;--green-d:#26332c;--cream:#f2ece1;--teal:#2c6a60;--teal-d:#1f4f47;
  --blue:#1f5f9e;--ink:#20302a;--ok:#6ea84a;--warn:#e0af3c;--crit:#cf5b45;
  --line:rgba(0,0,0,.08);--muted:#5c6b63;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--cream);line-height:1.5;
}
.sagaia-front *{box-sizing:border-box}
.sagaia-front h1,.sagaia-front h2,.sagaia-front h3,.sagaia-front h4{
  font-family:Georgia,'Times New Roman',serif;font-weight:600;color:var(--ink);margin:0;line-height:1.3;
}
.sagaia-front a{color:inherit;text-decoration:none}
.sagaia-front .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.sagaia-front .btn{display:inline-block;background:var(--teal);color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;margin:2px 4px 2px 0}
.sagaia-front .btn.blue{background:var(--blue)}
.sagaia-front .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
.sagaia-front .pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:5px 12px;border-radius:20px}
.sagaia-front .dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.sagaia-front section{padding:72px 0}
.sagaia-front .center{text-align:center}
.sagaia-front .sub{color:var(--muted);font-size:15px;margin-top:2px}
.sagaia-front .chip{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;background:rgba(44,106,96,.12);color:var(--teal-d)}

/* Kapittel-kicker (liten etikett over h2) + subtile seksjonsskiller – gir rytme og «hvor er jeg» */
.sagaia-front section{border-top:1px solid rgba(32,48,42,.06)}
.sagaia-front #dette-skjer{border-top:none}
.sagaia-front .kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:.4rem}
.sagaia-front .center .kicker{display:block}
/* Stedsvelger – situasjonsboksens tydeligste element (hvit «go»-knapp på mørk stripe) */
.sagaia-front #sagaia_sted_sel{font-size:1.05rem;font-weight:700;padding:.6rem 1rem;min-height:46px;background:#fff;color:#20302a;border:2px solid #6ea84a;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer}
.sagaia-front #sagaia_sted_sel:focus{outline:3px solid #b9d9c9;outline-offset:2px}
.sagaia-front .sagaia-sit label[for=sagaia_sted_sel]{font-size:.82rem;font-weight:700;color:#f2ece1;letter-spacing:.03em;text-transform:none}
/* Slank sticky-situasjonsstripe – holder «dette gjelder [sted]» synlig ved scroll (glir inn, dekker ikke innhold) */
.sagaia-front .sagaia-sticky{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--green);color:#eef2ee;transform:translateY(-100%);transition:transform .25s ease;visibility:hidden;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.sagaia-front .sagaia-sticky.show{transform:translateY(0);visibility:visible}
.sagaia-front .sagaia-sticky .sticky-in{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 24px;font-size:14px}
.sagaia-front .sagaia-sticky .s-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sagaia-front .sagaia-sticky .dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}
.sagaia-front .sagaia-sticky .s-link{color:#cdd6cf;font-weight:600;white-space:nowrap;flex:0 0 auto}
.sagaia-front .sagaia-sticky .s-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.sagaia-front .sagaia-sticky .s-place{display:flex;align-items:center;gap:5px;margin:0}
.sagaia-front .sagaia-sticky .s-pin{font-size:13px;line-height:1}
.sagaia-front .sagaia-sticky select{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:7px;padding:3px 8px;font-size:13px;font-weight:600;cursor:pointer;max-width:44vw}
.sagaia-front .sagaia-sticky select option{color:#20302a}
/* Mobil: «Endre sted» (stedvelger) har forrang – skjul «Åpne situasjonsbildet» så stripa ikke blir trang */
@media(max-width:560px){.sagaia-front .sagaia-sticky .sticky-in{padding:7px 14px;font-size:12.5px;gap:10px}.sagaia-front .sagaia-sticky .s-link{display:none}.sagaia-front .sagaia-sticky select{font-size:12.5px;max-width:42vw}}
@media(prefers-reduced-motion:reduce){.sagaia-front .sagaia-sticky{transition:none}}
/* Innlogget admin: legg stripa under WP-admin-linja (#wpadminbar) – uskadelig for besøkere */
body.admin-bar .sagaia-front .sagaia-sticky{top:32px}
@media(max-width:782px){body.admin-bar .sagaia-front .sagaia-sticky{top:46px}}
/* Kompakte fjellovergang-kort («Skal du ut på veien») - navn + status s om standard, detaljer ved s klikk/valg */
.sagaia-front .rutehode{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit}
/* Nødnummer: bredere kort på desktop + langt nummer/etikett bryter under i stedet for å stikke ut (Giftinfo, teksttelefon) */
.sagaia-front .sagaia-nod .ngrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.sagaia-front .sagaia-nod a.ncard{flex-wrap:wrap;row-gap:2px}
.sagaia-front .sagaia-nod a.ncard .nnum{margin-left:auto}
.sagaia-front .rutehode .rutenavn{font-family:Georgia,serif;font-size:15px;font-weight:600;color:#20302a;min-width:0;overflow-wrap:anywhere}
.sagaia-front .rutehode .rutebadge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fff;border-radius:12px;padding:3px 10px;white-space:nowrap}
.sagaia-front .rutehode .ruteche{margin-left:auto;color:#ba958d;font-size:13px;transition:transform .2s;flex:0 0 auto}
.sagaia-front .rutehode[aria-expanded="true"] .ruteche{transform:rotate(180deg)}

.sagaia-front .site-header{background:var(--green);color:#eef2ee;display:block;max-width:none;width:auto;margin:0}
.sagaia-front .topbar{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:10px 0;color:#cdd6cf;border-bottom:1px solid rgba(255,255,255,.08)}
.sagaia-front .topbar a{margin-left:18px;color:#cdd6cf}
.sagaia-front .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.sagaia-front .brand{display:flex;align-items:center;gap:14px}
.sagaia-front .logo{width:46px;height:46px;border-radius:50%;background:#f2ece1;position:relative;overflow:hidden;flex:0 0 auto}
.sagaia-front .logo:before{content:"";position:absolute;left:9px;top:12px;width:28px;height:14px;border-radius:50%;background:var(--green)}
.sagaia-front .logo:after{content:"";position:absolute;left:6px;top:26px;width:34px;height:5px;border-radius:4px;background:var(--green);box-shadow:0 8px 0 -1px var(--green)}
.sagaia-front .brand b{font-family:Georgia,serif;font-size:30px;letter-spacing:3px;color:#f2ece1}
.sagaia-front .menu{display:flex;align-items:center;gap:26px;font-size:15px;color:#e7ede8}
.sagaia-front .navtoggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.4);color:#f2ece1;border-radius:8px;font-size:22px;line-height:1;padding:6px 13px;cursor:pointer}
.sagaia-front .search{background:#f2ece1;color:var(--ink);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}
/* Flytende (fluid) typografi på de store seksjonsoverskriftene – jevn nedskalering mot mobil */
.sagaia-front .center h2{font-size:clamp(1.35rem,4vw,1.65rem)!important;line-height:1.2}
.sagaia-front .statusbar{display:flex;align-items:center;gap:16px;padding:12px 0 4px;font-size:14px;color:#dfe6e0;flex-wrap:wrap}
.sagaia-front .statuschips{display:flex;gap:10px;padding:12px 0 20px;flex-wrap:wrap}
.sagaia-front .statuschips .pill{background:rgba(255,255,255,.06);color:#e7ede8}

/* 1. Viktigst nå (adaptiv topp) */
.sagaia-front .toppnaa{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.06);display:grid;grid-template-columns:1.1fr 1fr}
.sagaia-front .toppnaa .img{background:#8a5a3c;min-height:260px;background-size:cover;background-position:center}
.sagaia-front .toppnaa .c{padding:28px}
.sagaia-front .toppnaa h2{font-size:clamp(1.3rem,3.6vw,1.6rem);margin:8px 0 12px;line-height:1.25}
.sagaia-front .toppnaa ul{margin:10px 0 18px;padding-left:18px;color:#33443b}
.sagaia-front .toppnaa li{margin-bottom:6px}
.sagaia-front .adaptnote{font-size:12px;color:var(--muted);font-style:italic;margin-top:14px}

/* generic cards */
.sagaia-front .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sagaia-front .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sagaia-front .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sagaia-front .grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sagaia-front .card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 9px rgba(0,0,0,.05)}
.sagaia-front .card .ph{height:120px;background-size:cover;background-position:center}
.sagaia-front .card .c{padding:16px 18px}
.sagaia-front .card h4{margin:0 0 4px;font-family:Georgia,serif;font-size:15px}
.sagaia-front .card p{margin:0;font-size:13px;color:var(--muted)}
.sagaia-front .card span.src{font-size:12px;color:var(--muted)}

.sagaia-front .behov{background:#e9ede6}

/* Lokalmat feature */
.sagaia-front .feature{display:grid;grid-template-columns:1fr 1.2fr;gap:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sagaia-front .feature .img{background:#5a6b4a;min-height:220px}
.sagaia-front .feature .c{padding:34px}
.sagaia-front .cat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.sagaia-front .catcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;font-size:14px}
.sagaia-front .catcard .ic{font-size:24px}
.sagaia-front .catcard b{display:block;font-family:Georgia,serif;margin:8px 0 3px}
.sagaia-front .catcard span{color:var(--muted);font-size:12px}

/* Dette skjer */
.sagaia-front .dash{background:#faf7f0;border:1px solid var(--line);border-radius:16px;padding:34px}
.sagaia-front .tile{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:center}
.sagaia-front .tile .ph{height:84px;background-size:cover;background-position:center}
.sagaia-front .tile .c{padding:12px 10px}
.sagaia-front .tile h4{margin:0 0 6px;font-family:Georgia,serif;font-size:14px}
.sagaia-front .tile .st{font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}
.sagaia-front .tile small{color:var(--muted);font-size:12px;display:block;margin-top:3px}
.sagaia-front .dashrow{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:22px;align-items:start}
.sagaia-front .varsel{display:flex;flex-direction:column;gap:10px}
.sagaia-front .varsel .v{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px}
.sagaia-front .tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}
.sagaia-front .mapbox{background:#eef1ea;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.sagaia-front .maplegend{display:flex;gap:14px;justify-content:center;font-size:12px;color:var(--muted);margin-top:8px}

.sagaia-front .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.sagaia-front .step{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.sagaia-front .num{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}

.sagaia-front .maaned{background:#e9ede6}
.sagaia-front .roll{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--teal-d)}

.sagaia-front .verden{background:var(--green);color:#eef2ee}
.sagaia-front .verden h2,.sagaia-front .verden .sub{color:#eef2ee}
.sagaia-front .verden .card{background:rgba(255,255,255,.95)}

.sagaia-front .site-footer{background:var(--green-d);color:#c7d0c8;font-size:14px;padding:38px 0 24px;display:block;max-width:none;width:auto;margin:0}
.sagaia-front .fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.sagaia-front .site-footer h5{color:#eef2ee;font-family:Georgia,serif;margin:0 0 12px}
.sagaia-front .site-footer a{display:block;color:#c7d0c8;padding:3px 0}
.sagaia-front .fnote{border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:14px;font-size:12px;color:#9faba1}

/* Dype sider (menysider): jevn vertikal rytme + luft mellom blokkene */
.sagaia-front.sagaia-dyp-side section{padding:52px 0 76px !important}
.sagaia-front.sagaia-dyp-side section>.wrap>div{margin-top:48px !important}
.sagaia-front.sagaia-dyp-side section>.wrap>div:first-child{margin-top:0 !important}

@media(max-width:880px){
  /* 2-delte tekst/media-oppsett -> én kolonne (tekst over media) */
  .sagaia-front .toppnaa,.sagaia-front .feature,.sagaia-front .dashrow{grid-template-columns:1fr}
  /* kortruter -> to kolonner på nettbrett */
  .sagaia-front .grid2,.sagaia-front .grid3,.sagaia-front .grid4,.sagaia-front .grid6,
  .sagaia-front .cat,.sagaia-front .steps,.sagaia-front .fgrid{grid-template-columns:1fr 1fr}
  /* Mobilmeny: skjul horisontal meny, vis hamburger; menyen åpnes som vertikal panel */
  .sagaia-front .nav{flex-wrap:wrap}
  .sagaia-front .navtoggle{display:inline-flex;align-items:center;justify-content:center}
  .sagaia-front .menu{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--green-d);border-radius:12px;margin-top:12px;padding:6px 0}
  .sagaia-front .menu.open{display:flex}
  .sagaia-front .menu a,.sagaia-front .menu .search{display:block;width:100%;text-align:left;padding:12px 18px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06)}
  .sagaia-front .menu .search{background:transparent;color:#e7ede8;font-weight:600;border-bottom:none}
  .sagaia-front section{padding:48px 0}
  .sagaia-front.sagaia-dyp-side section{padding:34px 0 48px !important}
  .sagaia-front.sagaia-dyp-side section>.wrap>div{margin-top:34px !important}
}
@media(max-width:560px){
  /* Telefon: alle kortruter stables i én kolonne for lesbarhet (unngår 2 klemte kort) */
  .sagaia-front .grid2,.sagaia-front .grid3,.sagaia-front .grid4,.sagaia-front .grid6,
  .sagaia-front .cat,.sagaia-front .steps,.sagaia-front .fgrid{grid-template-columns:1fr}
  .sagaia-front .wrap{padding:0 18px}
  .sagaia-front .dash{padding:16px}   /* mer bredde til situasjonsbildet på telefon (var 34px) */
  .sagaia-front .sagaia-nod .ngrid{grid-template-columns:1fr}   /* nødnummer-kort 1-up på telefon (nnum-nummer sprengte 2-up) */
  .sagaia-front .sagaia-korridorer{grid-template-columns:1fr !important}   /* fjelloverganger 1-up på smal telefon (lange fjellovergang-navn sprengte 2-up); PC/nettbrett beholder side-om-side */
  .sagaia-front .brand b{font-size:24px;letter-spacing:2px}
}
/* Nettbrett i portrett (f.eks. iPad 768px): mellomtrinn så de tetteste rutene ikke hopper 6->2 */
@media(min-width:561px) and (max-width:880px){
  .sagaia-front .grid6{grid-template-columns:repeat(3,1fr)}
  .sagaia-front .grid4{grid-template-columns:repeat(2,1fr)}
}
/* ── Forside: roligere kort-rutenett (layout-runde) ──
   Situasjonsområdene (6 tiles) + Månedens: 3 per rad på desktop (var 6), 2 på nettbrett.
   Mobil: kompakte tiles 2-up, bildekort/hverdag styrt under. */
.sagaia-front #dette-skjer .grid6,
.sagaia-front .maaned .grid6{grid-template-columns:repeat(3,1fr)}
@media(max-width:880px){
  .sagaia-front #dette-skjer .grid6,
  .sagaia-front .maaned .grid6{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .sagaia-front #dette-skjer .grid6{grid-template-columns:repeat(2,1fr)}
  .sagaia-front .maaned .grid6{grid-template-columns:1fr}
  .sagaia-front .sagaia-hverdag{grid-template-columns:repeat(2,1fr) !important}  /* «for området ditt» kompakt 2-up */
  .sagaia-front .sagaia-produkter{grid-template-columns:repeat(2,1fr) !important} /* «lurt å ha»-produkter 2-up */
  .sagaia-front .cat{grid-template-columns:repeat(2,1fr)}                          /* lokalmat-kategorikort 2-up */
  .sagaia-front .sagaia-aktorer{grid-template-columns:repeat(2,1fr) !important}    /* kunnskap/beredskapsaktører 2-up */
}