@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

/* =========================================================================
   TROMSØ POWDER GUIDES — SAMLET CSS  v2
   Erstatt ALT i Ekstra CSS med denne fila.

   @import MÅ stå på aller første linje. Flyttes den ned, slutter
   fontene å laste — det var feilen i forrige versjon.

   Samme designsystem som kurssida:
     Overskrifter  Barlow Condensed 600
     Brødtekst     IBM Plex Sans
     Blekk         #0D1A22   Mykt blekk  #3E5866   Svakt  #7C939F
     Linje         #D7E2E8   Flate       #F4F8FA
     Signal        #EF6C1A   Isbre       #0B6E86
     Radius        10px
   ========================================================================= */


/* =========================================================================
   1 · FORSIDE — HERO
   ========================================================================= */
.tpg-hero{ align-items:flex-end; }
.tpg-hero .wp-block-cover__inner-container{ padding-bottom:clamp(2.5rem,7vh,5rem); }

.tpg-hero__tag{
  margin:0 0 14px !important; color:#fff !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; opacity:.9;
}
.tpg-hero__h1{
  margin:0 0 16px !important; color:#fff !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(42px,7.5vw,78px) !important; font-weight:600;
  line-height:1.02; letter-spacing:0; max-width:14em;
  text-shadow:0 2px 30px rgba(0,0,0,.45);
}
.tpg-hero__sub{
  margin:0 0 28px !important; color:#fff !important;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:clamp(18px,1.9vw,22px) !important;
  line-height:1.5; max-width:32em; opacity:.94;
  text-shadow:0 1px 20px rgba(0,0,0,.55);
}
.tpg-hero__btns{ gap:12px; }

.tpg-btn-a .wp-block-button__link{
  background:#EF6C1A; color:#fff !important; border:1px solid #EF6C1A;
  border-radius:999px; padding:14px 30px 12px;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:20px !important; font-weight:600;
  letter-spacing:.07em; text-transform:uppercase; line-height:1.2;
  transition:background .15s ease;
}
.tpg-btn-a .wp-block-button__link:hover{ background:#d75f13; border-color:#d75f13; }

.tpg-btn-b .wp-block-button__link{
  background:rgba(255,255,255,.12); color:#fff !important;
  border:1px solid rgba(255,255,255,.55); border-radius:999px;
  padding:14px 30px 12px;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:20px !important; font-weight:600;
  letter-spacing:.07em; text-transform:uppercase; line-height:1.2;
  transition:background .15s ease;
}
.tpg-btn-b .wp-block-button__link:hover{ background:rgba(255,255,255,.24); }


/* =========================================================================
   2 · FORSIDE — DE TO VEIENE
   ========================================================================= */
.tpg-paths-wrap{ margin:clamp(40px,6vw,72px) 0; }
.tpg-paths{ gap:28px !important; }

.tpg-path{
  border:1px solid #D7E2E8; border-radius:10px; overflow:hidden; background:#fff;
  display:flex; flex-direction:column;
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.tpg-path:hover{
  border-color:#bcd0da; transform:translateY(-3px);
  box-shadow:0 14px 38px rgba(13,26,34,.10);
}
.tpg-path--kurs{ border-top:4px solid #EF6C1A; }
.tpg-path--tours{ border-top:4px solid #0B6E86; }

.tpg-path__img{ margin:0 !important; }
.tpg-path__img img{ width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:0; }
.tpg-path__body{ padding:clamp(22px,3vw,32px); display:flex; flex-direction:column; flex:1; }

.tpg-path__flag{
  margin:0 0 10px !important; color:#7C939F !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; line-height:1.35;
}
.tpg-path__h{
  margin:0 0 12px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(28px,3.4vw,38px) !important; font-weight:600;
  line-height:1.06; letter-spacing:0;
}
.tpg-path__txt{
  margin:0 0 22px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.6;
}
.tpg-path__facts{
  display:flex; flex-wrap:wrap; gap:10px 32px;
  margin-bottom:24px; padding:16px 0;
  border-top:1px solid #D7E2E8; border-bottom:1px solid #D7E2E8;
}
.tpg-fact{ margin:0 !important; }
.tpg-fact strong{
  display:block; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:22px; font-weight:600; line-height:1.15;
}
.tpg-fact span{
  display:block; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important; font-size:14px;
}
.tpg-path__body .wp-block-buttons{ margin-top:auto; }
.tpg-path__micro{
  margin:12px 0 0 !important; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:14px !important; text-align:center;
}

.tpg-btn-solid .wp-block-button__link{
  background:#0D1A22; color:#fff !important; border:1px solid #0D1A22;
  border-radius:999px; padding:14px 28px 12px;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:20px !important; font-weight:600;
  letter-spacing:.07em; text-transform:uppercase; line-height:1.2;
  transition:background .15s ease, border-color .15s ease;
}
.tpg-btn-solid .wp-block-button__link:hover{
  background:#EF6C1A; border-color:#EF6C1A;
}


/* =========================================================================
   3 · FORSIDE — KURSTABELL
   ========================================================================= */
.tpg-tbl{ margin:clamp(40px,6vw,64px) 0; }
.tpg-tbl__label{
  margin:0 0 10px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-tbl__row{
  margin:0 !important; padding:18px 0; gap:20px !important;
  border-bottom:1px solid #D7E2E8; transition:background .15s ease;
}
.tpg-tbl__row:first-of-type{ border-top:1px solid #D7E2E8; }
.tpg-tbl__row:hover{ background:#F4F8FA; }
.tpg-tbl__row p{ margin:0 !important; }

.tpg-tbl__name{
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:24px !important; font-weight:600; line-height:1.12;
}
.tpg-tbl__name a{ color:#0D1A22 !important; text-decoration:none; }
.tpg-tbl__name a:hover{ color:#EF6C1A !important; }
.tpg-tbl__lvl{
  margin-top:3px !important; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important; font-size:15px !important;
}
.tpg-tbl__dur{
  color:#3E5866; font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important;
}

.tpg-tbl__dates{ display:flex; flex-wrap:wrap; gap:8px; }
.tpg-tbl__dates a{
  display:inline-block; padding:9px 18px 7px; border-radius:999px;
  background:#0D1A22; color:#fff !important; border:1px solid #0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:18px; font-weight:600; letter-spacing:.06em;
  text-decoration:none; white-space:nowrap; line-height:1.2;
  transition:background .15s ease, border-color .15s ease;
}
.tpg-tbl__dates a:hover{ background:#EF6C1A; border-color:#EF6C1A; }
.tpg-tbl__dates a.tpg-ask{
  background:transparent; color:#3E5866 !important; border-color:#D7E2E8;
}
.tpg-tbl__dates a.tpg-ask:hover{
  background:#0D1A22; border-color:#0D1A22; color:#fff !important;
}

.tpg-tbl__foot{
  margin:20px 0 0 !important;
  font-family:"IBM Plex Sans",sans-serif !important; font-size:16px !important;
}
.tpg-tbl__foot a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-tbl__foot a:hover{ color:#EF6C1A; }


/* =========================================================================
   4 · FORSIDE — HVORFOR OSS
   ========================================================================= */
.tpg-trust{ margin:clamp(52px,7vw,88px) 0; }
.tpg-trust__h{
  margin:0 0 34px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(30px,4.2vw,46px) !important; font-weight:600;
  line-height:1.06; letter-spacing:0; max-width:20em;
}
.tpg-trust__cols{ gap:32px !important; }
.tpg-trust__item{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6;
  padding-top:14px; border-top:3px solid #EF6C1A;
}
.tpg-trust__item strong{
  display:block; margin-bottom:6px; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:22px; font-weight:600; line-height:1.15;
}
.tpg-trust__link{
  margin:30px 0 0 !important;
  font-family:"IBM Plex Sans",sans-serif !important; font-size:16px !important;
}
.tpg-trust__link a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-trust__link a:hover{ color:#EF6C1A; }


/* =========================================================================
   5 · FORSIDE — ANMELDELSER OG UTSTYR
   ========================================================================= */
.tpg-rev{
  margin:clamp(52px,7vw,88px) 0; padding:clamp(28px,4vw,44px) 0;
  border-top:1px solid #D7E2E8; border-bottom:1px solid #D7E2E8;
}
.tpg-rev__h{
  margin:0 0 24px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(28px,3.6vw,40px) !important; font-weight:600; line-height:1.06;
}
.tpg-rev__link{
  margin:22px 0 0 !important;
  font-family:"IBM Plex Sans",sans-serif !important; font-size:16px !important;
}
.tpg-rev__link a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-rev__link a:hover{ color:#EF6C1A; }

.tpg-gear{
  margin:clamp(36px,5vw,56px) 0;
  border:1px solid #D7E2E8; border-left:4px solid #EF6C1A;
  border-radius:10px; background:#F4F8FA; padding:20px 24px;
}
.tpg-gear__label{
  margin:0 0 8px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-gear__links{
  margin:0 0 8px !important; display:flex; flex-wrap:wrap; gap:4px 16px;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:24px !important; font-weight:600;
}
.tpg-gear__links a{
  color:#0D1A22 !important; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
  transition:color .15s ease;
}
.tpg-gear__links a:hover{ color:#EF6C1A !important; }
.tpg-gear__links span{ color:#7C939F; font-weight:500; }
.tpg-gear__note{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:44em;
}


/* =========================================================================
   6 · CREDO
   ========================================================================= */
.tpg-credo-block{
  margin:clamp(40px,6vw,64px) 0 clamp(52px,7vw,80px);
  padding:4px 0 4px 24px;
  border-left:3px solid #EF6C1A;
}
.tpg-credo-block__text{
  margin:0 0 12px !important; color:#0D1A22;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:clamp(19px,2vw,23px) !important;
  font-weight:500; line-height:1.55; max-width:30em;
}
.tpg-credo-block__sign{
  margin:0 !important; color:#EF6C1A;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:26px !important; font-weight:600; letter-spacing:.04em; line-height:1.2;
}


/* =========================================================================
   7 · BOOKINGKORT — klikkbart bilde på Guiding-sida
   ========================================================================= */
.tpg-bookcard{
  position:relative; display:block; overflow:hidden;
  border-radius:10px; text-decoration:none; margin:32px 0;
}
.tpg-bookcard__img{
  display:block; width:100%; aspect-ratio:21/9; min-height:340px;
  object-fit:cover; transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.tpg-bookcard__veil{
  position:absolute; inset:0;
  background:linear-gradient(to top,
    rgba(13,26,34,.92) 0%, rgba(13,26,34,.74) 26%,
    rgba(13,26,34,.36) 52%, rgba(13,26,34,.06) 76%, rgba(13,26,34,0) 100%);
}
.tpg-bookcard__body{
  position:absolute;
  left:clamp(20px,4vw,52px); right:clamp(20px,4vw,52px);
  bottom:clamp(22px,4vw,44px);
}
.tpg-bookcard__kicker{
  display:block; color:#fff !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; opacity:.92;
  margin-bottom:10px; text-shadow:0 1px 12px rgba(0,0,0,.6);
}
.tpg-bookcard__title{
  display:block; color:#fff !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(38px,5.5vw,64px); font-weight:600;
  line-height:1.02; letter-spacing:0; max-width:14em;
  text-shadow:0 2px 22px rgba(0,0,0,.78), 0 1px 3px rgba(0,0,0,.55);
}
.tpg-bookcard__cta{
  display:inline-block; margin-top:20px;
  padding:14px 30px 12px; border-radius:999px;
  background:#EF6C1A; color:#fff !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:20px; font-weight:600;
  letter-spacing:.07em; text-transform:uppercase; line-height:1.2;
  box-shadow:0 4px 18px rgba(0,0,0,.34); transition:background .2s ease;
}
.tpg-bookcard:hover .tpg-bookcard__img,
.tpg-bookcard:focus-visible .tpg-bookcard__img{ transform:scale(1.04); }
.tpg-bookcard:hover .tpg-bookcard__cta,
.tpg-bookcard:focus-visible .tpg-bookcard__cta{ background:#d75f13; }
.tpg-bookcard:focus-visible{ outline:3px solid #0B6E86; outline-offset:3px; }

.tpg-bookcard--panel .tpg-bookcard__veil{
  background:linear-gradient(to top,
    rgba(13,26,34,.55) 0%, rgba(13,26,34,.15) 45%, rgba(13,26,34,0) 100%);
}
.tpg-bookcard--panel .tpg-bookcard__body{
  max-width:34rem; padding:26px 30px 30px; border-radius:10px;
  background:rgba(13,26,34,.84); border:1px solid rgba(255,255,255,.14);
}
.tpg-bookcard--panel .tpg-bookcard__title{
  text-shadow:none; font-size:clamp(32px,4.4vw,48px);
}
.tpg-bookcard--panel .tpg-bookcard__kicker{ text-shadow:none; }


/* =========================================================================
   8 · MOBIL
   ========================================================================= */
@media (max-width:781px){
  .tpg-hero{ min-height:72vh !important; }
  .tpg-hero__btns{ flex-direction:column; align-items:stretch; width:100%; }
  .tpg-hero__btns .wp-block-button{ width:100%; }
  .tpg-hero__btns .wp-block-button__link{ display:block; text-align:center; }

  .tpg-paths{ gap:20px !important; }
  .tpg-path__facts{ gap:12px 24px; }

  .tpg-tbl__row{ gap:6px !important; padding:20px 0; }
  .tpg-tbl__dates{ margin-top:10px !important; }

  .tpg-trust__item{ padding-top:12px; }
  .tpg-gear__links{ font-size:21px !important; }
}

@media (max-width:600px){
  .tpg-bookcard__img{ aspect-ratio:4/5; min-height:420px; }
  .tpg-bookcard__veil{
    background:linear-gradient(to top,
      rgba(13,26,34,.94) 0%, rgba(13,26,34,.76) 34%,
      rgba(13,26,34,.32) 62%, rgba(13,26,34,0) 100%);
  }
  .tpg-bookcard__title{ max-width:none; }
  .tpg-bookcard--panel .tpg-bookcard__body{
    left:16px; right:16px; bottom:16px; padding:20px 22px 24px;
  }
}

@media (prefers-reduced-motion:reduce){
  .tpg-path, .tpg-bookcard__img, .tpg-bookcard__cta,
  .tpg-btn-a .wp-block-button__link, .tpg-btn-solid .wp-block-button__link{
    transition:none;
  }
}


/* =========================================================================
   9 · RYDD BORT PÅ FORSIDA
   Fjern kommentartegnene under for å skjule kommentarfelt,
   delingsknapper og søkefelt.
   ========================================================================= */
/*
.home .comments-area,
.home #comments,
.home .entry-comments { display:none !important; }
.home .sharedaddy     { display:none !important; }
.home .widget_search  { display:none !important; }
*/


/* =========================================================================
   TILLEGG — HERO MED BAKGRUNNSBILDE
 
   Lim inn NEDERST i Ekstra CSS, under alt annet.
   Ikke rør @import-linja øverst — den skal fortsatt stå først.
 
   Dette er én ny selektor. Den finnes ikke i v2-fila, så du får
   ingen dobbeltdefinisjon.
   ========================================================================= */
 
/* Overstyrer Cover-blokkens mørkleggingslag med en gradient.
   Bildet er lyst nede til venstre, akkurat der teksten står —
   uten dette blir kontrasten 4,46:1, altså under kravet på 4,5:1.
   Med gradienten er den ca. 13:1. */
.tpg-hero .wp-block-cover__background{
  opacity:1 !important;
  background:linear-gradient(
    to top,
    rgba(13,26,34,.88) 0%,
    rgba(13,26,34,.70) 26%,
    rgba(13,26,34,.42) 52%,
    rgba(13,26,34,.20) 76%,
    rgba(13,26,34,.08) 100%) !important;
}
 
/* Bildeutsnitt. Fjellet ligger midt i bildet — dette holder toppen
   synlig på brede skjermer. Juster prosenten hvis du vil vise mer
   himmel (lavere tall) eller mer snø (høyere tall). */
.tpg-hero .wp-block-cover__image-background{
  object-position:center 42% !important;
}
 
@media (max-width:781px){
  /* På mobil blir rammen høy og smal. Da beskjæres bildet i bredden,
     så vi flytter fokus litt opp for å beholde fjelltoppen. */
  .tpg-hero .wp-block-cover__image-background{
    object-position:center 34% !important;
  }
}

/* =========================================================================
   VÅRE INSTRUKTØRER
   Lim inn NEDERST i Ekstra CSS. Kun nye selektorer — ingen kollisjon
   med forsida eller bookingkortet.

   Knappene nederst gjenbruker .tpg-btn-a og .tpg-btn-solid, som
   allerede er definert i hovedfila.
   ========================================================================= */


/* ---------- Intro ---------- */
.tpg-team-head{ margin-bottom:clamp(36px,5vw,56px); }

.tpg-team__eyebrow{
  margin:0 0 10px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-team__title{
  margin:0 0 18px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(34px,5vw,54px) !important; font-weight:600;
  line-height:1.04; letter-spacing:0;
}
.tpg-team__lead{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:clamp(17px,1.7vw,20px) !important;
  line-height:1.6; max-width:44em;
}


/* ---------- Personrad ---------- */
.tpg-team__row{
  margin:0 !important;
  padding:clamp(28px,4vw,44px) 0;
  gap:clamp(24px,4vw,52px) !important;
  border-top:1px solid #D7E2E8;
  align-items:flex-start;
}

/* Annenhver rad speilvendes, som kursradene på kurssida */
@media (min-width:782px){
  .tpg-team__row--flip{ flex-direction:row-reverse; }
}

.tpg-team__media{ min-width:0; }
.tpg-team__img{ margin:0 !important; }
.tpg-team__img img{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:10px; display:block;
}
.tpg-team__img figcaption{
  margin-top:8px !important; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:13px !important; text-align:left;
}


/* ---------- Navn og kvalifikasjoner ---------- */
.tpg-team__body{ min-width:0; }

.tpg-team__name{
  margin:0 0 8px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(28px,3.4vw,38px) !important; font-weight:600;
  line-height:1.06; letter-spacing:0;
}

/* Kvalifikasjonene står som egen linje, ikke gjemt i brødteksten.
   Det er det folk faktisk skanner etter. */
.tpg-team__cred{
  margin:0 0 18px !important; padding:0 0 16px;
  border-bottom:1px solid #D7E2E8;
  color:#0B6E86 !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px !important; font-weight:600;
  letter-spacing:.06em; line-height:1.4;
}

.tpg-team__text{
  margin:0 0 14px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.65; max-width:40em;
}
.tpg-team__text:last-of-type{ margin-bottom:0 !important; }
.tpg-team__text a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-team__text a:hover{ color:#EF6C1A; }

.tpg-team__link{
  margin:16px 0 0 !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:19px !important; font-weight:600; letter-spacing:.05em;
}
.tpg-team__link a{ color:#0B6E86; text-decoration:none; }
.tpg-team__link a:hover{ color:#EF6C1A; }


/* ---------- Ærlighetsnotat ---------- */
.tpg-team-note{
  margin:clamp(32px,5vw,52px) 0;
  padding:22px 26px;
  border:1px solid #D7E2E8;
  border-left:4px solid #EF6C1A;
  border-radius:10px;
  background:#F4F8FA;
}
.tpg-team-note__label{
  margin:0 0 8px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-team-note__text{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.6; max-width:44em;
}


/* ---------- Avslutning ---------- */
.tpg-team-cta{
  margin:clamp(40px,6vw,72px) 0 clamp(48px,7vw,80px);
  padding-top:clamp(32px,4vw,48px);
  border-top:1px solid #D7E2E8;
}
.tpg-team-cta__h{
  margin:0 0 12px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(28px,3.8vw,42px) !important; font-weight:600;
  line-height:1.06;
}
.tpg-team-cta__text{
  margin:0 0 26px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.6; max-width:40em;
}
.tpg-team-cta__btns{ gap:12px; }


/* ---------- Mobil ---------- */
@media (max-width:781px){
  .tpg-team__row{ padding:26px 0; gap:18px !important; }
  .tpg-team__img img{ aspect-ratio:4/3; }
  .tpg-team__cred{ margin-bottom:14px !important; padding-bottom:12px; }
  .tpg-team-cta__btns{ flex-direction:column; align-items:stretch; }
  .tpg-team-cta__btns .wp-block-button{ width:100%; }
  .tpg-team-cta__btns .wp-block-button__link{ display:block; text-align:center; }
}

/* =========================================================================
   HVORFOR VELGE OSS
   Lim inn NEDERST i Ekstra CSS.

   Gjenbruker .tpg-nf, .tpg-credo-block, .tpg-btn-a og .tpg-btn-solid
   fra hovedfila — de defineres ikke på nytt her.
   ========================================================================= */


/* ---------- Manifest ---------- */
.tpg-why-head{ margin-bottom:clamp(40px,6vw,64px); }

.tpg-why__eyebrow{
  margin:0 0 10px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-why__title{
  margin:0 0 20px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(38px,6vw,68px) !important; font-weight:600;
  line-height:1.02; letter-spacing:0; max-width:14em;
}

/* Setningen som bærer hele siden. Den skal være stor. */
.tpg-why__manifest{
  margin:0 0 24px !important; color:#0D1A22;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:clamp(20px,2.3vw,26px) !important; font-weight:500;
  line-height:1.5; max-width:30em;
  padding-left:22px; border-left:3px solid #EF6C1A;
}
.tpg-why__lead{
  margin:0 0 32px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.65; max-width:42em;
}

/* ---------- Verdier og mål ---------- */
.tpg-why__vals{
  display:grid; grid-template-columns:1fr; gap:0;
  border-top:1px solid #D7E2E8;
}
@media (min-width:700px){
  .tpg-why__vals{ grid-template-columns:1fr 1fr; gap:0 32px; }
}
.tpg-why__val{
  margin:0 !important; padding:16px 0;
  border-bottom:1px solid #D7E2E8;
}
.tpg-why__val strong{
  display:block; margin-bottom:4px; color:#7C939F;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-why__val span{
  display:block; color:#0D1A22;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px; line-height:1.55;
}


/* ---------- Gruppe ---------- */
.tpg-why__group{ margin:clamp(40px,6vw,68px) 0; }

.tpg-why__group-h{
  display:flex; align-items:baseline; gap:16px;
  margin:0 0 8px !important; padding-bottom:14px;
  border-bottom:2px solid #0D1A22;
  color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(26px,3.4vw,36px) !important; font-weight:600;
  line-height:1.06; letter-spacing:0;
}
.tpg-why__num{
  color:#EF6C1A; font-size:.62em; font-weight:600;
  letter-spacing:.08em; flex-shrink:0;
}


/* ---------- Enkeltpunkt ---------- */
.tpg-why__item-h{
  margin:32px 0 8px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:22px !important; font-weight:600;
  line-height:1.15; letter-spacing:.01em;
}
.tpg-why__item-t{
  margin:0 0 12px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.65; max-width:42em;
}
.tpg-why__item-t:last-child{ margin-bottom:0 !important; }
.tpg-why__item-t a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-why__item-t a:hover{ color:#EF6C1A; }


/* ---------- Avslutning ---------- */
.tpg-why-cta{
  margin:clamp(36px,5vw,56px) 0 clamp(48px,7vw,80px);
  padding-top:clamp(28px,4vw,44px);
  border-top:1px solid #D7E2E8;
}
.tpg-why-cta__h{
  margin:0 0 22px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(28px,3.8vw,42px) !important; font-weight:600;
  line-height:1.06;
}
.tpg-why-cta__btns{ gap:12px; }


/* ---------- Mobil ---------- */
@media (max-width:781px){
  .tpg-why__manifest{ padding-left:16px; }
  .tpg-why__group-h{ gap:12px; }
  .tpg-why__item-h{ margin-top:26px !important; }
  .tpg-why-cta__btns{ flex-direction:column; align-items:stretch; }
  .tpg-why-cta__btns .wp-block-button{ width:100%; }
  .tpg-why-cta__btns .wp-block-button__link{ display:block; text-align:center; }
}

/* =========================================================================
   TILLEGG — NF-SEGL
   Lim inn NEDERST i Ekstra CSS. Kun nye selektorer, ingen kollisjon.
   ========================================================================= */

.tpg-nf{
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  margin:clamp(28px,4vw,44px) 0;
  padding:20px 26px;
  border:1px solid #D7E2E8;
  border-left:4px solid #EF6C1A;
  border-radius:10px;
  background:#F4F8FA;
}

.tpg-nf__logo{
  margin:0 !important; flex-shrink:0;
}
.tpg-nf__logo img{
  display:block; width:150px; height:auto;
  /* Logoen har hvit bakgrunn. På den lyse flata er det nesten
     usynlig, men multiply fjerner den siste kanten. */
  mix-blend-mode:multiply;
}
.tpg-nf__logo a{ display:block; }

.tpg-nf__body{ flex:1; min-width:min(100%,320px); }

.tpg-nf__label{
  margin:0 0 6px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; line-height:1.35;
}
.tpg-nf__text{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:46em;
}
.tpg-nf__text a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-nf__text a:hover{ color:#EF6C1A; }

@media (max-width:600px){
  .tpg-nf{ gap:16px; padding:18px 20px; }
  .tpg-nf__logo img{ width:120px; }
}

/* =========================================================================
   GUIDED TOURS
   Lim inn NEDERST i Ekstra CSS.
   Gjenbruker .tpg-bookcard, .tpg-btn-a og .tpg-btn-solid fra hovedfila.
   ========================================================================= */


/* ---------- Intro ---------- */
.tpg-tour-head{ margin-bottom:clamp(28px,4vw,40px); }

.tpg-tour__eyebrow{
  margin:0 0 10px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-tour__title{
  margin:0 0 18px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(36px,5.6vw,62px) !important; font-weight:600;
  line-height:1.02; letter-spacing:0; text-wrap:balance;
}
.tpg-tour__lead{
  margin:0 0 16px !important; color:#0D1A22;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:clamp(19px,2.1vw,23px) !important; font-weight:500;
  line-height:1.5; max-width:34em;
}
.tpg-tour__text{
  margin:0 0 14px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.65; max-width:42em;
}
.tpg-tour__text a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-tour__text a:hover{ color:#EF6C1A; }

.tpg-tour__h2{
  margin:0 0 12px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(28px,3.6vw,40px) !important; font-weight:600;
  line-height:1.06;
}
.tpg-tour__h3{
  margin:28px 0 8px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:22px !important; font-weight:600; line-height:1.15;
}
.tpg-tour__note{
  margin:0 0 24px !important; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:42em;
}


/* ---------- To turtyper ---------- */
.tpg-tour-types{ margin:clamp(40px,6vw,64px) 0; }
.tpg-tour__cols{ gap:24px !important; }

.tpg-tourcard{
  padding:clamp(22px,3vw,32px);
  border:1px solid #D7E2E8; border-radius:10px; background:#fff;
  display:flex; flex-direction:column;
}
.tpg-tourcard--intro{ border-top:4px solid #0B6E86; }
.tpg-tourcard--guided{ border-top:4px solid #EF6C1A; }

.tpg-tourcard__flag{
  margin:0 0 10px !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-tourcard--intro .tpg-tourcard__flag{ color:#0B6E86 !important; }
.tpg-tourcard--guided .tpg-tourcard__flag{ color:#EF6C1A !important; }

.tpg-tourcard__h{
  margin:0 0 12px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(26px,3.2vw,34px) !important; font-weight:600;
  line-height:1.06;
}
.tpg-tourcard__t{
  margin:0 0 22px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.6;
}
.tpg-tourcard__label{
  margin:0 0 10px !important; padding-top:16px;
  border-top:1px solid #D7E2E8; color:#7C939F !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-tourcard__list{
  margin:0 0 18px !important; padding-left:0; list-style:none;
  font-family:"IBM Plex Sans",sans-serif !important;
}
.tpg-tourcard__list li{
  position:relative; padding-left:22px; margin-bottom:8px;
  color:#3E5866; font-size:16px; line-height:1.55;
}
.tpg-tourcard__list li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:8px; height:2px; background:#EF6C1A;
}
.tpg-tourcard--intro .tpg-tourcard__list li::before{ background:#0B6E86; }
.tpg-tourcard__foot{
  margin:auto 0 0 !important; padding-top:14px;
  border-top:1px solid #D7E2E8; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:15px !important; line-height:1.55;
}


/* ---------- Oversikt ---------- */
.tpg-tour-facts{ margin:clamp(40px,6vw,64px) 0; }
.tpg-facts__grid{
  display:grid; grid-template-columns:1fr; gap:0;
  border-top:1px solid #D7E2E8; margin-top:18px;
}
@media (min-width:640px){
  .tpg-facts__grid{ grid-template-columns:1fr 1fr; gap:0 40px; }
}
.tpg-fact2{
  margin:0 !important; padding:14px 0;
  border-bottom:1px solid #D7E2E8;
  display:flex; justify-content:space-between; gap:16px; align-items:baseline;
}
.tpg-fact2 strong{
  color:#7C939F; flex-shrink:0;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
}
.tpg-fact2 span{
  color:#0D1A22; text-align:right;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px; line-height:1.45;
}


/* ---------- Priser ---------- */
.tpg-tour-rates{ margin:clamp(40px,6vw,64px) 0; }
.tpg-rates{ margin:0 0 32px !important; }
.tpg-rates table{ border-collapse:collapse; width:100%; }
.tpg-rates th{
  text-align:left; padding:0 14px 10px 0;
  border:0; border-bottom:2px solid #0D1A22;
  color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
}
.tpg-rates td{
  padding:13px 14px 13px 0;
  border:0; border-bottom:1px solid #D7E2E8;
  color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important; font-size:17px;
}
.tpg-rates td:first-child{
  color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:20px; font-weight:600;
}

.tpg-incl{ gap:32px !important; margin:0 0 28px !important; }
.tpg-incl__label{
  margin:0 0 12px !important; padding-bottom:10px;
  border-bottom:1px solid #D7E2E8;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px !important; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
}
.tpg-incl__label--yes{ color:#0B6E86 !important; }
.tpg-incl__label--no{ color:#7C939F !important; }
.tpg-incl__list{
  margin:0 !important; padding-left:0; list-style:none;
  font-family:"IBM Plex Sans",sans-serif !important;
}
.tpg-incl__list li{
  position:relative; padding-left:24px; margin-bottom:8px;
  color:#3E5866; font-size:16px; line-height:1.55;
}
.tpg-incl__list li::before{
  content:"✓"; position:absolute; left:0; top:0;
  color:#0B6E86; font-weight:700; font-size:14px;
}
.tpg-incl__list--no li::before{ content:"—"; color:#A6AEB6; font-weight:400; }

.tpg-tour-disc{
  padding:18px 22px;
  border:1px solid #D7E2E8; border-left:4px solid #EF6C1A;
  border-radius:10px; background:#F4F8FA;
}
.tpg-tour-disc__label{
  margin:0 0 6px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px !important; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
}
.tpg-tour-disc__text{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6;
}
.tpg-tour-disc__text a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #EF6C1A; padding-bottom:1px;
}
.tpg-tour-disc__text a:hover{ color:#EF6C1A; }


/* ---------- Booking ---------- */
.tpg-tour-book{
  margin:clamp(40px,6vw,64px) 0;
  padding:clamp(26px,4vw,40px);
  border:1px solid #D7E2E8; border-radius:10px; background:#F4F8FA;
}
.tpg-tour__btns{ gap:12px; margin-top:22px; }


/* ---------- Vilkår ---------- */
.tpg-terms{ margin:clamp(40px,6vw,64px) 0 clamp(48px,7vw,80px); }
.tpg-term{
  border-bottom:1px solid #D7E2E8;
  padding:0; margin:0 !important;
}
.tpg-term summary{
  padding:18px 0; cursor:pointer; list-style:none;
  color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:22px; font-weight:600; letter-spacing:.01em;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.tpg-term summary::-webkit-details-marker{ display:none; }
.tpg-term summary::after{
  content:"+"; color:#EF6C1A; font-size:26px; font-weight:400;
  line-height:1; flex-shrink:0;
}
.tpg-term[open] summary::after{ content:"–"; }
.tpg-term p,
.tpg-term li{
  color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px; line-height:1.65; max-width:44em;
}
.tpg-term > *:last-child{ margin-bottom:20px; }


/* ---------- Mobil ---------- */
@media (max-width:781px){
  .tpg-tour__cols{ gap:18px !important; }
  .tpg-incl{ gap:0 !important; }
  .tpg-fact2{ gap:10px; }
  .tpg-fact2 span{ text-align:left; }
  .tpg-tour__btns{ flex-direction:column; align-items:stretch; }
  .tpg-tour__btns .wp-block-button{ width:100%; }
  .tpg-tour__btns .wp-block-button__link{ display:block; text-align:center; }
  .tpg-rates td:first-child{ font-size:18px; }
}

/* =========================================================================
   BACKCOUNTRY TOURING PACK LIST
   Lim inn NEDERST i Ekstra CSS.
   Gjenbruker .tpg-btn-a og .tpg-btn-solid fra hovedfila.
   ========================================================================= */


/* ---------- Topp ---------- */
.tpg-pack-head{ margin-bottom:clamp(36px,5vw,52px); }

.tpg-pack__eyebrow{
  margin:0 0 10px !important; color:#EF6C1A !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-pack__title{
  margin:0 0 16px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(34px,5.2vw,58px) !important; font-weight:600;
  line-height:1.03; letter-spacing:0; text-wrap:balance;
}
.tpg-pack__lead{
  margin:0 0 28px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:clamp(17px,1.8vw,20px) !important;
  line-height:1.6; max-width:40em;
}

/* Print og leie — de to tingene folk faktisk kom hit for */
.tpg-pack__actions{ gap:20px !important; margin:0 !important; }
.tpg-pack-act{
  height:100%; padding:20px 22px;
  border:1px solid #D7E2E8; border-radius:10px; background:#F4F8FA;
}
.tpg-pack-act--print{ border-left:4px solid #0B6E86; }
.tpg-pack-act--rent{ border-left:4px solid #EF6C1A; }
.tpg-pack-act__label{
  margin:0 0 6px !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:16px !important; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
}
.tpg-pack-act--print .tpg-pack-act__label{ color:#0B6E86 !important; }
.tpg-pack-act--rent  .tpg-pack-act__label{ color:#EF6C1A !important; }
.tpg-pack-act__text{
  margin:0 0 12px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.55;
}
.tpg-pack-act__link{
  margin:0 !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:19px !important; font-weight:600; letter-spacing:.05em;
}
.tpg-pack-act__link a{ color:#0D1A22; text-decoration:none; }
.tpg-pack-act__link a:hover{ color:#EF6C1A; }


/* ---------- Seksjon ---------- */
.tpg-pack-sec{ margin:clamp(36px,5vw,56px) 0; }

.tpg-pack__h2{
  display:flex; align-items:baseline; gap:14px;
  margin:0 0 14px !important; padding-bottom:12px;
  border-bottom:2px solid #0D1A22; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(26px,3.2vw,34px) !important; font-weight:600;
  line-height:1.06;
}
.tpg-pack__num{
  color:#EF6C1A; font-size:.62em; font-weight:600;
  letter-spacing:.08em; flex-shrink:0;
}
.tpg-pack__sub{
  margin:0 0 18px !important; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:40em;
}
.tpg-pack__label{
  margin:24px 0 10px !important; color:#7C939F !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-pack__tip{
  margin:18px 0 0 !important; padding-left:18px;
  border-left:2px solid #D7E2E8; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:42em;
}
.tpg-pack__tip strong{ color:#3E5866; }


/* ---------- Avkryssingsliste ---------- */
.tpg-check{
  margin:0 !important; padding-left:0 !important; list-style:none !important;
  font-family:"IBM Plex Sans",sans-serif !important;
}
.tpg-check li{
  position:relative; padding-left:36px; margin-bottom:11px;
  color:#0D1A22; font-size:17px; line-height:1.5;
}
/* Tegnet avkryssingsboks — ingen ☐-tegn, ingen emoji */
.tpg-check li::before{
  content:""; position:absolute; left:0; top:.14em;
  width:19px; height:19px;
  border:2px solid #A6AEB6; border-radius:4px;
  background:#fff;
}
.tpg-check--critical li::before{ border-color:#EF6C1A; }
.tpg-check--light li{ color:#3E5866; font-size:16px; }
.tpg-check--light li::before{ border-color:#D7E2E8; }
.tpg-check--final li::before{ border-color:#0B6E86; }


/* ---------- Varsler ---------- */
.tpg-alert{
  margin:22px 0 0; padding:18px 22px; border-radius:10px;
}
.tpg-alert--warn{ background:#FFF4EC; border:1px solid #F5C9A6; border-left:4px solid #EF6C1A; }
.tpg-alert--info{ background:#EEF6F8; border:1px solid #BEDCE4; border-left:4px solid #0B6E86; }
.tpg-alert__label{
  margin:0 0 6px !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:17px !important; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
}
.tpg-alert--warn .tpg-alert__label{ color:#B8500F !important; }
.tpg-alert--info .tpg-alert__label{ color:#0B6E86 !important; }
.tpg-alert__text{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:44em;
}


/* ---------- Lagsystem ---------- */
.tpg-layers{
  margin:0 0 8px; border-top:1px solid #D7E2E8;
  counter-reset:layer;
}
.tpg-layer{
  display:flex; align-items:baseline; gap:16px;
  margin:0 !important; padding:14px 0 14px 40px;
  border-bottom:1px solid #D7E2E8; position:relative;
  counter-increment:layer;
}
.tpg-layer::before{
  content:counter(layer); position:absolute; left:0; top:14px;
  width:24px; height:24px; border-radius:50%;
  background:#0D1A22; color:#fff;
  font-family:"Barlow Condensed",sans-serif; font-size:15px; font-weight:600;
  display:flex; align-items:center; justify-content:center;
}
.tpg-layer strong{
  min-width:64px; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:19px; font-weight:600; letter-spacing:.04em;
}
.tpg-layer span{
  color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px; line-height:1.5;
}


/* ---------- Kvelden før ---------- */
.tpg-final{
  margin:clamp(40px,6vw,64px) 0;
  padding:clamp(26px,4vw,38px);
  border:1px solid #D7E2E8; border-radius:10px; background:#F4F8FA;
}
.tpg-final__h{
  margin:0 0 8px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(26px,3.2vw,34px) !important; font-weight:600; line-height:1.06;
}
.tpg-final__sub{
  margin:0 0 20px !important; color:#7C939F;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.55;
}
.tpg-final .tpg-check li::before{ background:#fff; }


/* ---------- Avslutning ---------- */
.tpg-pack-foot{
  margin:clamp(32px,5vw,48px) 0 clamp(48px,7vw,72px);
  padding-top:clamp(26px,4vw,38px); border-top:1px solid #D7E2E8;
}
.tpg-pack-foot__text{
  margin:0 0 22px !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:17px !important; line-height:1.6; max-width:42em;
}
.tpg-pack-foot__text strong{ color:#0D1A22; }
.tpg-pack__btns{ gap:12px; }


/* ---------- Mobil ---------- */
@media (max-width:781px){
  .tpg-pack__actions{ gap:14px !important; }
  .tpg-pack__two{ gap:0 !important; }
  .tpg-check li{ padding-left:32px; font-size:16px; }
  .tpg-layer{ flex-direction:column; gap:2px; padding-left:36px; }
  .tpg-layer strong{ min-width:0; }
  .tpg-pack__btns{ flex-direction:column; align-items:stretch; }
  .tpg-pack__btns .wp-block-button{ width:100%; }
  .tpg-pack__btns .wp-block-button__link{ display:block; text-align:center; }
}


/* ---------- Utskrift ---------- */
@media print{
  .tpg-pack-head, .tpg-pack-foot, .tpg-pack__actions{ display:none; }
  .tpg-pack-sec, .tpg-final{ page-break-inside:avoid; }
  .tpg-alert{ border:1px solid #999; background:none; }
}


/* =========================================================================
   SKITOUREN — kun TREFFPUNKT-boksen er ny.
   Alt annet på den tyske sida bruker CSS fra 28-guiding.css,
   som allerede ligger i Ekstra CSS.

   Lim inn NEDERST i Ekstra CSS.
   ========================================================================= */

.tpg-meet{
  margin:clamp(32px,5vw,48px) 0;
  padding:22px 26px;
  border:1px solid #D7E2E8; border-left:4px solid #0B6E86;
  border-radius:10px; background:#F4F8FA;
}
.tpg-meet__label{
  margin:0 0 6px !important; color:#0B6E86 !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:15px !important; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
}
.tpg-meet__time{
  margin:0 0 10px !important; color:#0D1A22;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:clamp(24px,3vw,30px) !important; font-weight:600;
  line-height:1.1; letter-spacing:.01em;
}
.tpg-meet__text{
  margin:0 !important; color:#3E5866;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:16px !important; line-height:1.6; max-width:44em;
}
.tpg-meet__text a{
  color:#0D1A22; font-weight:600; text-decoration:none;
  border-bottom:2px solid #0B6E86; padding-bottom:1px;
}
.tpg-meet__text a:hover{ color:#0B6E86; }
