/* =====================================================================
   iNyheter – «Trøkk» (designforslag 3, Elias Omberg) – trinn 1: typografi og farger
   Lastes ETTER Newspaper og child-style.css. Gjelder hele nettstedet.
   Fonter: Newsreader (titler) · Inter (alt annet). Palett fra forslaget.
   ===================================================================== */
:root{
  --in-navy:#0E2350; --in-ink:#121212; --in-black:#111317; --in-dus:#3E5C82;
  --in-grey:#5F6368; --in-rule:#E3E3E3; --in-light:#9CC8D3; --in-red:#D7191F;
  --in-serif:Newsreader,Georgia,"Times New Roman",serif;
  --in-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* tagDiv sine globale font-variabler */
  --td_default_google_font_1:var(--in-sans);
  --td_default_google_font_2:var(--in-sans);
}

/* ---------- Grunnfont: Inter overalt ---------- */
body, .td-excerpt, .td-post-content p, .td-post-content li, .tdb-menu-item-text, .td-module-meta-info,
.td-post-date, .tdb-author-name, .td-author-name, input, button, select, textarea, .td-read-more a,
.tdb-block-inner, .td-sub-footer-copy, .td-search-form, .tdb-search-form-inner, .wp-block-paragraph{
  font-family:var(--in-sans) !important;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body{ color:var(--in-ink); }

/* ---------- Titler: Newsreader, tett og tung ---------- */
h1, h2, h3, h4, .entry-title, .td-module-title, .td-module-title a, .tdb-title-text,
.td-post-title .entry-title, .tdb-single-title .tdb-title-text, .td-page-title, .tdb-category-title,
.td-block-title, .tdb-block-title{
  font-family:var(--in-serif) !important;
  font-weight:600 !important;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.td-module-title, .td-module-title a{ line-height:1.12 !important; }
.td-post-title .entry-title, .tdb-single-title .tdb-title-text{ line-height:1.04 !important; letter-spacing:-.025em; }
.td-module-title a{ color:var(--in-ink); }
.td-module-title a:hover{ color:var(--in-dus) !important; }

/* Hovedsak / store moduler får mer trykk */
.td_module_flex_1 .td-module-title{ font-size:24px !important; line-height:1.1 !important; }
@media (max-width:767px){ .td_module_flex_1 .td-module-title{ font-size:18px !important; line-height:1.16 !important; } }

/* ---------- Ingress / brødtekst ---------- */
.td-excerpt{ font-size:15px; line-height:1.5; color:var(--in-grey); }
.td-post-content, .td-post-content p{ font-size:18px; line-height:1.6; }
.td-post-sub-title, .tdb-single-subtitle{ font-family:var(--in-sans) !important; font-size:19px; line-height:1.5; color:var(--in-grey); }

/* ---------- Blokk-overskrifter («SISTE NYTT», «MEST LEST») – svart bånd, Inter 800 ---------- */
.td-block-title-wrap .td-block-title, .tdb-block-title{
  font-family:var(--in-sans) !important; font-size:13px !important; font-weight:800 !important;
  letter-spacing:.14em !important; text-transform:uppercase; line-height:1 !important;
}
.td_block_template_1 .td-block-title{ border-bottom:0 !important; }
.td_block_template_1 .td-block-title > *{
  background:var(--in-black) !important; color:#fff !important; padding:12px 16px !important; display:block;
}
.td_block_template_1 .td-block-title > *:after, .td_block_template_1 .td-block-title:after{ display:none !important; }

/* ---------- Kategori-/Pluss-etikett: lys blå på mørk, Inter 800, 10 px ---------- */
.td-module-meta-info .td-post-category, .td-post-category, .tdb-category .tdb-entry-category{
  background:var(--in-light) !important; color:var(--in-navy) !important;
  font-family:var(--in-sans) !important; font-size:10px !important; font-weight:800 !important;
  letter-spacing:.1em; text-transform:uppercase; padding:3px 6px !important; margin:0 8px 6px 0 !important;
  line-height:1.2 !important; border-radius:0;
}

/* ---------- Meta (dato/forfatter): Inter 11 px 700 grå ---------- */
.td-module-meta-info .td-post-date, .td-module-meta-info .td-post-author-name, .td-module-meta-info .td-post-author-name a,
.td-post-date .entry-date, .tdb-author-name, .tdb-date .entry-date{
  font-family:var(--in-sans) !important; font-size:11px !important; font-weight:700 !important;
  color:var(--in-grey) !important; letter-spacing:.02em; text-transform:none;
}

/* ---------- Lenker og knapper ---------- */
a{ transition:color .15s; }
.td-read-more a, .tdb-single-content .wp-block-button__link, .button, .woocommerce .button{
  font-family:var(--in-sans) !important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12px;
  background:var(--in-navy) !important; color:#fff !important; border-radius:0 !important;
}

/* ---------- Skillelinjer ---------- */
.td_block_wrap .td_module_wrap{ border-color:var(--in-rule); }

/* =====================================================================
   Trinn 1b – høyere spesifisitet mot tagDivs inline-stiler (.tdi_NN … !important),
   artikkeltittel, fargebokser i palett, synlige annonseplasser
   ===================================================================== */

/* Artikkel-/sidetittel (tagDiv setter Montserrat 65px !important via .tdi_NN .tdb-title-text) */
body [class*="tdi_"] .tdb-title-text, body .tdb-single-title .tdb-title-text, body .td-post-title .entry-title{
  font-family:var(--in-serif) !important; font-weight:600 !important;
  font-size:clamp(30px, 4.1vw, 52px) !important; line-height:1.04 !important; letter-spacing:-.025em !important;
  color:var(--in-ink) !important; text-transform:none !important;
}
/* Modultitler på forsiden/arkiv – samme grep */
body [class*="tdi_"] .td-module-title, body [class*="tdi_"] .td-module-title a, body [class*="tdi_"] .entry-title{
  font-family:var(--in-serif) !important; font-weight:600 !important; letter-spacing:-.02em !important;
}
/* Undertittel/ingress, brødtekst, bildetekst, forfatter, dato */
body [class*="tdi_"] .tdb-single-subtitle, body [class*="tdi_"] .td-post-sub-title{
  font-family:var(--in-sans) !important; font-weight:400 !important; font-size:19px !important; line-height:1.5 !important; color:var(--in-grey) !important;
}
body [class*="tdi_"] .tdb-block-inner p, body [class*="tdi_"] .td-post-content p, body .tdb-single-content p,
body .tdb-single-content li, body .td-post-content li{
  font-family:var(--in-sans) !important; font-size:18px !important; line-height:1.6 !important; color:var(--in-ink);
}
body .tdb-single-content h2, body .tdb-single-content h3, body .td-post-content h2, body .td-post-content h3{
  font-family:var(--in-serif) !important; font-weight:600 !important; letter-spacing:-.02em; line-height:1.15 !important;
}
body [class*="tdi_"] .tdb-caption-text, body .wp-caption-text, body figcaption{
  font-family:var(--in-sans) !important; font-size:12px !important; font-style:normal !important; color:var(--in-grey) !important; line-height:1.45 !important;
}
body [class*="tdi_"] .tdb-author-name, body [class*="tdi_"] .author__role, body [class*="tdi_"] .tdb-date .entry-date,
body [class*="tdi_"] .td-post-date, body [class*="tdi_"] .post_time{
  font-family:var(--in-sans) !important; font-size:12px !important; font-weight:700 !important; color:var(--in-grey) !important;
}
body [class*="tdi_"] .tdb-author-name{ color:var(--in-ink) !important; font-size:14px !important; }

/* Blokk-overskrifter – tagDiv .tdi_NN .td-block-title */
body [class*="tdi_"] .td-block-title, body [class*="tdi_"] .td-block-title > *{
  font-family:var(--in-sans) !important; font-size:13px !important; font-weight:800 !important;
  letter-spacing:.14em !important; text-transform:uppercase !important; line-height:1 !important;
}

/* Fargebokser: fargene byttes i blokkinnstillingene (post_content), ikke i CSS – se caretakerlogg 30.10 */

/* Kategorietikett og meta med spesifisitet */
body [class*="tdi_"] .td-post-category{
  background:var(--in-light) !important; color:var(--in-navy) !important; font-family:var(--in-sans) !important;
  font-size:10px !important; font-weight:800 !important; letter-spacing:.1em !important; text-transform:uppercase !important;
  padding:3px 6px !important; line-height:1.2 !important; border-radius:0 !important;
}

/* Annonseplasser: synlig ramme + «ANNONSE»-etikett (som i Trøkk), også når AdSense ikke fyller */
ins.adsbygoogle{ position:relative; background:#F2F2F2 !important; min-height:90px; }
ins.adsbygoogle::before{
  content:"Annonse"; position:absolute; top:-18px; left:0; font:600 10px/1 var(--in-sans); letter-spacing:.16em;
  text-transform:uppercase; color:#9A9A9A;
}
ins.adsbygoogle[data-ad-status="unfilled"]{ height:250px !important; max-height:300px; }