/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */
.gp-top-banner {
    text-align: center;
    margin: 0 auto 20px;
}
.gp-top-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

  .meta{color:#666;font-size:.9em;margin:.2em 0 1em;}
  .ad{color:#888;font-size:.82em;font-style:italic;margin-bottom:1.5em;}
  table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em;}
  th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #eee;vertical-align:top;}
  th{background:#faeef4;color:#8a2a5c;}
  tr:nth-child(even) td{background:#fcfafb;}
  .faq q{display:block;font-weight:600;margin-top:1.1em;}
  .tip{background:#faeef4;border-left:4px solid #c23b7e;padding:12px 16px;border-radius:6px;margin:1.2em 0;}



/*
CSS Skönhetskalendrar 2025
-------------------------------------------------------------- */


/* === Beauty Advent 2025 – scoped === */
#beauty-2025{ /* yttre avstånd på sidan */ margin: 0; display:block; }
#beauty-2025 .ba-section{padding: 4rem 0;background: linear-gradient(180deg,#fffdfb,#fffaf7);}
#beauty-2025 .ba-container{max-width:1200px;margin:0 auto;padding:0 1.25rem;}
#beauty-2025 .ba-header{text-align:center;margin-bottom:2.5rem;}
#beauty-2025 .ba-title{
  font-size:clamp(1.8rem, 2.5vw, 2.75rem);
  font-weight:800; line-height:1.15; margin:0 0 .5rem;
  background: linear-gradient(135deg, #e88aa0, #f2d27a);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
#beauty-2025 .ba-subtitle{color:#6e5f63;font-size:1.05rem;max-width:720px;margin:0.5rem auto 0;}

#beauty-2025 .ba-grid{
  display:grid; gap:2rem; grid-template-columns: 1fr;
}
@media (min-width:700px){ #beauty-2025 .ba-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (min-width:1024px){ #beauty-2025 .ba-grid{ grid-template-columns: repeat(3, 1fr);} }

/* Card */
#beauty-2025 .ba-card{
  background:#fff; border:1px solid #eaded8; border-radius:18px; overflow:hidden;
  box-shadow: 0 6px 24px -6px rgba(0,0,0,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
#beauty-2025 .ba-card:hover{ transform:translateY(-6px) scale(1.01); box-shadow:0 16px 40px -10px rgba(232,138,160,.35); }

/* Bildyta + fallback om aspect-ratio saknas */
#beauty-2025 .ba-card-media{ position:relative; overflow:hidden; }
#beauty-2025 .ba-card-media::before{ content:""; display:block; padding-top:75%; } /* 4:3 */
#beauty-2025 .ba-card-media > a, 
#beauty-2025 .ba-card-media img{ position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; }
#beauty-2025 .ba-card:hover .ba-card-media img{ transform: scale(1.08); transition: transform .35s ease; }

/* Text */
#beauty-2025 .ba-card-body{padding:1.25rem 1.25rem 1.4rem;}
#beauty-2025 .ba-meta{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#6e5f63;margin-bottom:.5rem;}
#beauty-2025 .ba-card-title{margin:0 0 .5rem;font-size:1.2rem;line-height:1.25;}
#beauty-2025 .ba-card-title a{color:#2a1f22;text-decoration:none; border:0;}
#beauty-2025 .ba-card-title a:hover{color:#b35474;}
#beauty-2025 .ba-card-excerpt{color:#6e5f63;font-size:.98rem;line-height:1.6;margin:.25rem 0 1rem;}

/* Knapp – gradient + full width */
#beauty-2025 .ba-btn{
  display:inline-flex;align-items:center;justify-content:center;width:100%;
  padding:.8rem 1rem;border-radius:9999px;font-weight:700;color:#fff !important;text-decoration:none !important;border:none;
  background: linear-gradient(135deg, #e88aa0, #f6c3cf);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
#beauty-2025 .ba-btn:hover{transform: translateY(-2px); box-shadow:0 10px 22px -8px rgba(232,138,160,.6);}

/* Nollställ temats länk-understrykningar i grid */
#beauty-2025 .ba-grid a{ text-decoration:none; }





/*
END - CSS Skönhetskalendrar 2025
-------------------------------------------------------------- */


.info-above {
    background: #eee;
    padding: 5px 10px;
    margin-bottom: 10px;
    text-align: center;
	font-size: 13px;
	overflow: hidden;
}
@media only screen and (max-width: 960px) {
    .google-between-posts {
        margin-bottom: 50px !important;
        text-align: center;
		display: block;
    }
}

@media all and (max-width: 500px) {
    .google-between-posts {
        margin-bottom: 20px !important; /* Överskriver 50px för mindre skärmar */
        text-align: center;
		display: block;
    }
}

/*@media only screen and (max-width: 960px) {
	.penci-infeed-data.penci-infeed-fullwidth-ads {
		overflow: visible!important;
	}	
}*/

/*
==================================================================
 NYTT FLÖDE 2026 — Gratisprinsessan
------------------------------------------------------------------
 Gäller bara när <body> har klassen .gp-nytt-flode.

 Kortet renderas av child-temats egen content-list.php, så all CSS
 nedan pekar på egna klasser (.gp-kort och så vidare). Därför behövs
 nästan inga !important här — vi slåss inte längre mot main.css.
------------------------------------------------------------------ */

:root {
  --gp-rosa:        #F7387E;
  --gp-rosa-text:   #D0175C;
  --gp-rosa-mjuk:   #F090B0;
  --gp-rosa-tint:   #FDEFF4;
  --gp-rosa-tint-2: #FBE1EB;
  --gp-guld:        #C09443;
  --gp-guld-ljus:   #E3C177;
  --gp-guld-text:   #8A6516;
  --gp-guld-tint:   #FBF3E3;
  --gp-ink:         #241E21;
  --gp-brod:        #4A4045;
  --gp-dov:         #7A6E73;
  --gp-linje:       #EFE7EB;
  --gp-linje-stark: #E2D6DC;
  --gp-yta:         #FFFFFF;
  --gp-botten:      #FAF7F8;
  --gp-radie:       14px;
}

/* ---------- Typsnitt ----------
 Rubriker: Bricolage Grotesque, laddas av functions.php.
 Brödtext: systemtypsnitt, laddar ingenting.
*/
body.gp-nytt-flode,
body.gp-nytt-flode .gp-utdrag,
body.gp-nytt-flode .gp-tid,
body.gp-nytt-flode .gp-kategori a,
body.gp-nytt-flode .gp-knapp,
body.gp-nytt-flode .gp-markning,
body.gp-nytt-flode .gp-chip,
body.gp-nytt-flode .gp-flodetext,
body.gp-nytt-flode .gp-topprad,
body.gp-nytt-flode .gp-kort .info-above,
body.gp-nytt-flode .gp-meny-lista a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body.gp-nytt-flode .gp-titel,
body.gp-nytt-flode .gp-flodetitel,
body.gp-nytt-flode #sidebar .inner-arrow,
body.gp-nytt-flode .penci-sidebar-content .inner-arrow {
  font-family: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Sidbotten i en varm ton, som i mockupen */
body.gp-nytt-flode #soledad_wrapper,
body.gp-nytt-flode .container.penci_sidebar { background: var(--gp-botten); }

/* ---------- Rosa remsan högst upp ---------- */
body.gp-nytt-flode .gp-topprad {
  background: var(--gp-rosa);
  color: #fff;
  text-align: center;
  padding: 7px 16px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
}

/* ---------- Rubrik och flikar över flödet ---------- */
body.gp-nytt-flode .penci-homepage-title {
  border: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  text-align: left !important;
}
body.gp-nytt-flode .penci-homepage-title::before,
body.gp-nytt-flode .penci-homepage-title::after { display: none !important; }
body.gp-nytt-flode .penci-homepage-title .inner-arrow {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  font-size: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.gp-nytt-flode .penci-homepage-title .inner-arrow > span,
body.gp-nytt-flode .penci-homepage-title .inner-arrow > span > span {
  display: contents;
  border: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.gp-nytt-flode .gp-flodehuvud { display: block; }
body.gp-nytt-flode .gp-flodetitel {
  display: block;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.015em;
  text-transform: none;
  color: var(--gp-ink);
}
body.gp-nytt-flode .gp-flodetext {
  display: block;
  margin-top: 3px;
  font-size: 13.5px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--gp-dov);
}
/* ---------- Kortet ---------- */
/*
 Soledad renderar listan i <ul class="penci-grid">, och regeln
 .container.penci_sidebar .penci-grid > li ger varje post halva bredden.
 Det gällde inte förut eftersom temats egen mall satte klasserna
 list-post pclist-layout, som tvingade full bredd. Egen markup betyder
 att den bromsen försvann, så listan tvingas till en kolumn här.
*/
body.gp-nytt-flode ul.penci-wrapper-data.penci-grid {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.gp-nytt-flode .penci-wrapper-data > li.gp-kort {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
body.gp-nytt-flode .gp-kort-inner {
  /* main.css: article.post { margin-bottom:60px }. post_class() sätter den
     klassen på kortet, så marginalen nollas här. */
  margin: 0 !important;
  display: flex;
  gap: 16px;
  padding: 12px;
  background: var(--gp-yta);
  border: 1px solid var(--gp-linje);
  border-radius: var(--gp-radie);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
body.gp-nytt-flode .gp-kort-inner:hover {
  border-color: var(--gp-rosa-mjuk);
  box-shadow: 0 8px 24px -10px rgba(36, 30, 33, .20);
  transform: translateY(-1px);
}

/* Bilden */
body.gp-nytt-flode .gp-bild {
  flex: 0 0 210px;
  width: 210px;
  height: 150px;
  align-self: flex-start;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  background: var(--gp-rosa-tint);
}
body.gp-nytt-flode .gp-bild-img,
body.gp-nytt-flode .gp-bild img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  border-radius: 0;
}

/* Textkolumnen */
body.gp-nytt-flode .gp-kropp {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.gp-nytt-flode .gp-metarad {
  display: flex;
  align-items: center;
  gap: 5px 10px;
  flex-wrap: wrap;
}
body.gp-nytt-flode .gp-tid { font-size: 12.5px; color: var(--gp-dov); }
body.gp-nytt-flode .gp-tid b { font-weight: 600; color: var(--gp-brod); }

body.gp-nytt-flode .gp-titel {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -.012em;
  text-transform: none;
  text-wrap: balance;
}
body.gp-nytt-flode .gp-titel a { color: var(--gp-ink); border: 0; box-shadow: none; }
body.gp-nytt-flode .gp-kort-inner:hover .gp-titel a { color: var(--gp-rosa-text); }

body.gp-nytt-flode .gp-kort .info-above {
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  color: var(--gp-dov);
  font-size: 11.5px;
  font-style: italic;
  text-align: left;
  overflow: visible;
}

body.gp-nytt-flode .gp-utdrag {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--gp-dov);
}

body.gp-nytt-flode .gp-fotrad {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 4px;
}
body.gp-nytt-flode .gp-kategori a {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--gp-rosa-text);
}
body.gp-nytt-flode .gp-kategori a:hover { color: var(--gp-rosa); }

/* Läs mer-knappen */
body.gp-nytt-flode .gp-knapp {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 999px;
  background: var(--gp-rosa);
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  white-space: nowrap;
  transition: filter .15s ease, transform .15s ease;
}
body.gp-nytt-flode .gp-knapp:hover { color: #fff; filter: brightness(1.06); transform: translateX(1px); }
body.gp-nytt-flode .gp-knapp svg { transition: transform .15s ease; }
body.gp-nytt-flode .gp-knapp:hover svg { transform: translateX(2px); }

/* Etiketter */
body.gp-nytt-flode .gp-markning {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.4;
  background: var(--gp-rosa-tint);
  color: var(--gp-rosa-text);
}
body.gp-nytt-flode .gp-markning.gp-gratis { background: var(--gp-guld-tint); color: var(--gp-guld-text); }
body.gp-nytt-flode .gp-markning.gp-kupong {
  background: var(--gp-rosa-tint);
  color: var(--gp-rosa-text);
  border: 1px dashed var(--gp-rosa-mjuk);
  padding: 2px 7px;
}

/* ---------- Paginering som knapp ---------- */
body.gp-nytt-flode .penci-pagination { margin-top: 18px; text-align: center; }
body.gp-nytt-flode .penci-pagination a,
body.gp-nytt-flode .penci-pagination .page-numbers {
  display: inline-block;
  padding: 11px 26px;
  border: 1.5px solid var(--gp-rosa-mjuk);
  border-radius: 999px;
  background: var(--gp-yta);
  color: var(--gp-rosa-text) !important;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
body.gp-nytt-flode .penci-pagination a:hover {
  background: var(--gp-rosa);
  border-color: var(--gp-rosa);
  color: #fff !important;
}

/* ---------- Sidokolumnen ---------- */
body.gp-nytt-flode #sidebar .widget,
body.gp-nytt-flode .penci-sidebar-content .widget {
  background: var(--gp-yta);
  border: 1px solid var(--gp-linje);
  border-radius: var(--gp-radie);
  padding: 16px;
  margin-bottom: 16px;
}
body.gp-nytt-flode #sidebar .penci-border-arrow .inner-arrow,
body.gp-nytt-flode .penci-sidebar-content .penci-border-arrow .inner-arrow {
  background: none !important;
  color: var(--gp-ink) !important;
  font-size: 14px !important;
  letter-spacing: .02em !important;
}

/* ---------- Mobil ---------- */
@media only screen and (max-width: 600px) {
  body.gp-nytt-flode .gp-kort-inner { flex-direction: column; gap: 11px; }
  body.gp-nytt-flode .gp-bild { flex: none; width: 100%; height: 170px; }
  body.gp-nytt-flode .gp-fotrad { flex-wrap: wrap; }
  body.gp-nytt-flode .gp-knapp { margin-left: 0; width: 100%; justify-content: center; }
  body.gp-nytt-flode .gp-flodetitel { font-size: 20px; }
}

/* ---------- Flagga för förhandsgranskningsläget ---------- */
body.gp-nytt-flode .gp-preview-flagga {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 9999;
  background: var(--gp-ink);
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .5);
}
body.gp-nytt-flode .gp-preview-flagga a { color: var(--gp-rosa-mjuk); text-decoration: underline; }

/* ==================================================================
   KOMPAKT SIDHUVUD (template-parts/header/gp-kompakt.php)
   ------------------------------------------------------------------ */

/*
 Soledad sätter height:60px på #navigation, .sticky-wrapper och
 .penci-header-wrap. Mitt sidhuvud är högre än så, och eftersom overflow är
 synligt rann innehållet ut över sidan. Därför nollas höjderna här.
*/
body.gp-nytt-flode .penci-header-wrap,
body.gp-nytt-flode .sticky-wrapper,
body.gp-nytt-flode .gp-huvud {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/*
 Ingen sticky. #soledad_wrapper har overflow:hidden, och då fungerar inte
 position:sticky för något som ligger inuti. Vill du ha ett sidhuvud som
 följer med vid scroll måste det lösas med position:fixed, vilket kräver
 att sidan kompenseras med lika mycket toppmarginal. Det tar vi separat.
*/
body.gp-nytt-flode .gp-huvud {
  position: static !important;
  z-index: 999;
  background: var(--gp-yta);
  border-bottom: 1px solid var(--gp-linje);
  margin: 0;
  padding: 0;
  float: none;
  width: 100%;
}

/* Soledads topprad är tom på den här sajten och blev bara en svart remsa. */
body.gp-nytt-flode .penci-top-bar { display: none !important; }
body.gp-nytt-flode .gp-huvud-rad {
  display: flex;
  align-items: center;
  gap: 22px;
  max-width: 1170px;
  margin: 0 auto;
  padding: 10px 20px;
}

/* Loggan */
body.gp-nytt-flode .gp-logga {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: none;
  line-height: 1;
}
body.gp-nytt-flode .gp-logga-bild {
  display: block;
  width: auto !important;      /* annars sträcks loggan till kolumnbredden */
  max-width: none !important;
  height: 44px !important;     /* här styr du logotypens storlek */
  object-fit: contain;
}
body.gp-nytt-flode .gp-logga-text {
  font-size: 20px;
  font-weight: 700;
  color: var(--gp-rosa);
}
/* Sajtbeskrivningen döljs: logotypfilen innehåller redan "Guldkant på vardagen" */
body.gp-nytt-flode .gp-logga-slogan { display: none !important; }

/* Menyn */
body.gp-nytt-flode .gp-meny {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
body.gp-nytt-flode .gp-meny::-webkit-scrollbar { display: none; }
body.gp-nytt-flode .gp-meny-lista {
  display: flex;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.gp-nytt-flode .gp-meny-lista > li { position: relative; margin: 0; }
body.gp-nytt-flode .gp-meny-lista > li > a {
  display: block;
  padding: 9px 10px;
  border-radius: 9px;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap;
  color: var(--gp-ink) !important;
  transition: background .15s ease, color .15s ease;
}
body.gp-nytt-flode .gp-meny-lista > li > a:hover {
  background: var(--gp-rosa-tint);
  color: var(--gp-rosa-text) !important;
}
/*
 Ingen markering av aktuell sida. WordPress sätter current-menu-item på tre
 poster samtidigt i din meny, så markeringen pekade ut fel sidor.
*/
body.gp-nytt-flode .gp-meny-lista > li.current-menu-item > a {
  background: none;
  color: var(--gp-ink) !important;
}

/* Undermenyer */
body.gp-nytt-flode .gp-meny-lista .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  display: none;
  min-width: 210px;
  margin: 4px 0 0;
  padding: 6px;
  list-style: none;
  background: var(--gp-yta);
  border: 1px solid var(--gp-linje);
  border-radius: 12px;
  box-shadow: 0 12px 32px -12px rgba(36, 30, 33, .3);
}
body.gp-nytt-flode .gp-meny-lista > li:hover > .sub-menu,
body.gp-nytt-flode .gp-meny-lista > li:focus-within > .sub-menu { display: block; }
body.gp-nytt-flode .gp-meny-lista .sub-menu a {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: var(--gp-ink) !important;
  white-space: nowrap;
}
body.gp-nytt-flode .gp-meny-lista .sub-menu a:hover {
  background: var(--gp-rosa-tint);
  color: var(--gp-rosa-text) !important;
}

/* Sök och sociala ikoner */
body.gp-nytt-flode .gp-verktyg {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
body.gp-nytt-flode .gp-verktyg a,
body.gp-nytt-flode .gp-verktyg .search-click {
  color: var(--gp-dov) !important;
  font-size: 15px;
}
body.gp-nytt-flode .gp-verktyg a:hover { color: var(--gp-rosa) !important; }
body.gp-nytt-flode .gp-social { float: none; margin: 0; }
body.gp-nytt-flode .gp-social a { padding: 0 4px; }

/* Hamburgaren: bara på mobil */
body.gp-nytt-flode .gp-hamburgare { display: none; }

/* ---------- Kategoribandet ---------- */
body.gp-nytt-flode .gp-kategoriband {
  display: flex;
  gap: 8px;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px 12px;
  overflow-x: auto;
  scrollbar-width: none;
}
body.gp-nytt-flode .gp-kategoriband::-webkit-scrollbar { display: none; }
body.gp-nytt-flode .gp-chip {
  flex: none;
  padding: 8px 14px;
  border: 1px solid #E2D6DC;
  border-radius: 999px;
  background: #FBF7F9;
  font-size: 13px;
  font-weight: 600;
  color: var(--gp-ink);
  white-space: nowrap;
  transition: all .15s ease;
}
body.gp-nytt-flode .gp-chip:hover {
  border-color: var(--gp-rosa-mjuk);
  background: var(--gp-rosa-tint);
  color: var(--gp-rosa-text);
}
body.gp-nytt-flode .gp-chip-aktiv {
  background: var(--gp-rosa);
  border-color: var(--gp-rosa);
  color: #fff;
}
body.gp-nytt-flode .gp-chip-aktiv:hover { background: var(--gp-rosa); color: #fff; }

/* ---------- Sidhuvudet på mobil ---------- */
@media only screen and (max-width: 900px) {
  body.gp-nytt-flode .gp-huvud-rad { gap: 12px; padding: 8px 14px; }
  body.gp-nytt-flode .gp-hamburgare { display: block; flex: none; }
  body.gp-nytt-flode .gp-meny { display: none; }
  body.gp-nytt-flode .gp-logga-bild { height: 34px !important; }
  body.gp-nytt-flode .gp-verktyg { margin-left: auto; }
  body.gp-nytt-flode .gp-kategoriband { padding: 0 14px 10px; }
}

/* END - KOMPAKT SIDHUVUD
   ------------------------------------------------------------------ */

/*
END - NYTT FLÖDE 2026
------------------------------------------------------------------ */