.gutentoc {
	float:right !IMPORTANT;
	margin-left: 10px;
	margin-top: 12px;
}
figcaption {
text-align:center;
	font-weight: bold;
}
.single-featured-image-w {
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 2rem; /* eller vad som passar din vertikala rytm */
}

.single-featured-image-w img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .archive-item.type-sokord,
  .archive-item.any,
  .archive-item.full_third,
  .archive-item.half,
  .archive-item.first-in-row {
    width: 100% !important;
    float: none !important;
    clear: both;
    display: block;
  }
  .single-featured-image-w,


  .archive-item-media {
    margin-bottom: 1rem;
  }

  .archive-item-media img {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    display: block;
  }

  .archive-item-header {
    margin-top: 0;
    position: relative;
    z-index: 2;
  }

  .archive-item-header h2.entry-title {
    background: white;
    padding: 0.3rem 0;
    line-height: 1.3;
    word-break: break-word;
  }
}
@media (max-width: 767px) {
  .archive-item-media {
    margin-bottom: 1rem; /* Skapar luft mellan bild och rubrik */
  }

  .archive-item-media img.recipe-thumb {
    width: 100%;
    max-height: 280px; /* Justera efter behov */
    object-fit: cover;
    display: block;
  }

  .archive-item-header {
    margin-top: 0;
    position: relative;
    z-index: 2;
  }

  .archive-item-header h2.entry-title {
    background: white;
    padding: 0.3rem 0;
    line-height: 1.3;
    word-break: break-word;
  }

  .archive-item-content-text {
    margin-top: 0.5rem;
  }
}



    .category-blogg .archive-item-header {
        min-height: auto !important;
    }
}
	.main-header {
  min-height: 139px; /* avrundat uppåt för säkerhetsmarginal */
}

.mobile-header {
  min-height: 138px;
}

.archive-item-deep-meta {
    height: 0 !important;
    padding: 0 !important;
    margin-bottom: 10px !important;

    border-top: none !important; /* Tar bort den prickade linjen */
}

article.archive-item {
    border: none !important;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;
}
.home .read-more-link {
    position: absolute;
    right: 0;
}
.read-more-link a {
    border: 1px solid rgba(0, 0, 0, 0.8); /* Mjukare svart, mer transparent */
    border-radius: 8px; /* Rundade hörn */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Subtil skugga */
    background-color: transparent; /* Ingen färg */
    padding: 6px 12px;
    text-decoration: none;
    font-weight: bold;
	color: #000;
}
.os-container.hero-roll-w .read-more-link {
    position: relative !important; /* Återställer normal placering */
    margin-top: 10px; /* Skapar luft mellan text och knapp */
    z-index: 10; /* Säkerställer att den inte hamnar under andra element */
}
.os-container.hero-roll-w .read-more-link a {
    font-size: 14px; /* Gör texten lite mindre */
    padding: 4px 8px; /* Justerar knappens storlek */
    border-radius: 6px; /* Behåller rundade hörn men gör dem lite mindre */
}

.category .archive-item-meta {
    display: none !important;
}
.tag .archive-item .archive-item-content .archive-item-meta {
    display: none !important;
}

.ingredient-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
  margin: 2rem 0;
  max-width: 100%;
  box-sizing: border-box;
}
.ingredient-heading {
  font-weight: 550 !important;     /* Mjukare än 700 */
  font-size: 20px !important;      /* Lite större än tidigare */
  letter-spacing: 0.025em !important;
  line-height: 1.4 !important;
  color: #000 !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3em;
}








.ingredient-card {
  overflow: hidden;
  word-wrap: break-word;
  max-width: 100%;
}

.ingredient-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.ingredient-card:hover {
  transform: translateY(-4px);
}


.ingredient-card h2 {
  font-size: 1.1rem;
  margin: 1rem;
  color: #333;
}
.type-ingrediens .archive-item-header {
  min-height: unset !important;
}

.type-ingrediens .archive-item-meta {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.type-ingrediens h2.entry-title {
  line-height: 1.3;
  margin-bottom: 0.2rem;
}
.type-ingrediens .archive-item-author-meta,
.type-ingrediens .archive-item-comments {
  display: none !important;
}
.archive-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #222;
}

.term-description {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  color: #444;
}
.page-intro-title-block {
  background: #fff;
  padding: 1.5rem 2rem;
  margin-bottom: 1rem;
  border-radius: 4px;
}

.page-intro-header.with-background {
  display: inline-block;  /* Anpassar höjden exakt efter innehållet */
  width: 100%;
  padding: 0;             /* Ingen extra padding här */
  margin-bottom: 1.5rem;  /* Yttre marginal om du vill ha den */
  min-height: unset;
  line-height: 1;
  background-size: cover;
  background-position: top left;
}
.page-intro-header .no-bg {
  padding-bottom: 0px !IMPORTANT;             /* Ingen extra padding här */
    padding-top: 0px !IMPORTANT;             /* Ingen extra padding här */

}
/* Vit blockbakgrund bakom text, inte hela headern */

.page-intro-header h1 {
  background-color: #fff;
  padding: 10px 20px;
  display: inline-block;
  margin-bottom: -0.2rem; /* minskar avståndet ytterligare */
}
.page-intro-header.with-background {
  padding: 0; /* låt innehållet hantera spacing */
  margin-bottom: 1.5rem;
  display: inline-block;
  width: 100%;
  min-height: unset;
  line-height: 1; /* minimerar arvade radavstånd */
}
.page-intro-header.with-background > * {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-intro-header.background-image {
	background-repeat: repeat; background-position: top left;
	margin-top: -20px;
	Margin-bottom:-20px;
}

.page-intro-description {
  background: rgba(255, 255, 255, 0.85);
  padding: 0.3rem 0.5rem;
  border-radius: 4px;
  line-height: 1.6;
  color: #444;
  max-width: 900px;
}
page-intro-description

.page-intro-header.with-background:empty {
  display: none;
}
.utrustning-half-image {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.5rem;
}

.utrustning-half-image-thumb {
  flex: 0 0 200px;
  max-width: 100%;
}

.utrustning-half-image-thumb img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
}

.utrustning-half-image-text {
  flex: 1;
  min-width: 0;
}

.utrustning-half-image-text h2 {
  margin: 0 0 0.5rem;
}
.utrustning-half-image-text h2 a {
  color: #000;
  text-decoration: none;
}
.utrustning-half-image-text p {
  margin-top: 0.5rem;
}
.utrustning-half-image-text .read-more-link {
    text-align: right;
}
.indragen-lista {
  padding-left: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Generella stilar för den översta titeln på recepssidor (ej big_image_titled layout) */
.single-osetin_recipe .os-container .single-title {
    background-color: #fff; /* Vit bakgrund */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Lätt skugga för att ge djup */
    margin-bottom: 0px; 
    margin-top: 0; 
    box-sizing: border-box; 
    width: 100%; /* Säkerställ att den tar full bredd */
    margin-left: 0; /* Nollställ marginaler på sidorna */
    margin-right: 0;
}

/* Stilar för H1 och H3 inuti single-title (basstilar för mobil) */
.single-osetin_recipe .os-container .single-title h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 6px; 
    color: #333;
    padding: 20px 20px 10px 20px; 
}

.single-osetin_recipe .os-container .single-title h3 {
    font-size: 17px; 
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
    color: #666;
    padding: 0 20px 20px 20px; 
}


/* Anpassning för desktop (större skärmar) */
@media (min-width: 992px) { 
    .single-osetin_recipe .os-container .single-title {
        padding: 35px 50px 30px 50px; 
        margin-bottom: 0px; 
        margin-top: 0; 
        width: 100%; /* Fortfarande full bredd på desktop, os-container hanterar centrer */
    }
    .single-osetin_recipe .os-container .single-title h1 {
        font-size: 52px; 
        margin-bottom: 12px; 
        padding: 0; 
    }
    .single-osetin_recipe .os-container .single-title h3 {
        font-size: 24px; 
        padding: 0; 
    }
}

/* Mycket viktigt: Nollställ marginalen och padding på bilden direkt under titeln */
.single-osetin_recipe .os-container .single-title + .single-main-media {
    margin-top: 0 !important; 
    margin-bottom: 0 !important;
    padding-top: 0 !important; 
    padding-bottom: 0 !important;
}

/* Ytterligare justering: Nollställ marginaler på själva bilden inuti .single-main-media */
.single-osetin_recipe .os-container .single-main-media img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Specifik anpassning för MOBIL för att minska det "blågröna" fältet OCH expandera vit bakgrund */
@media (max-width: 991px) { /* Använd max-width för mobil och surfplatta */

    /* Nollställ marginaler och padding för .single-main-media på mobil */
    .single-osetin_recipe .single-main-media {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Nollställ marginaler och padding för .single-recipe-ingredients-nutritions på mobil */
    .single-osetin_recipe .single-recipe-ingredients-nutritions {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Nollställ marginaler och padding för h3-rubriken inuti .single-ingredients (alltså "Ingredienser") */
    .single-osetin_recipe .single-ingredients h3 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Nollställ padding för .single-panel-main (huvudinnehållspanelen) på mobil */
    .single-osetin_recipe .single-panel-main {
        padding-top: 0 !important;
    }

    /* Nollställ margin/padding på den första H2:an i huvudinnehållet om den finns */
    .single-osetin_recipe .single-panel-main h2.bordered-title:first-of-type {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* VIKTIGT NYTT FÖR MOBIL: För att eliminera havsgrå fält runt rubriken */
    .single-osetin_recipe .os-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important; /* Säkerställ att den kan expandera */
    }

    .single-osetin_recipe .os-container .single-title {
        border-radius: 0 !important; /* Ta bort rundade hörn om de finns och bidrar till gap */
    }
}

/* Resten av din CSS */
.single-osetin_recipe .recipe-big-titled-header-w h1 {
    font-size: 60px; 
}
.single-osetin_recipe .recipe-big-titled-header-w .recipe-header-image-sub-title {
    font-size: 28px; 
}
/* CSS för FAQ i recept */
.faq-section {
  padding: 1.5em;
  background-color: #ecf2f6;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}


.faq-item {
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5em;
}

.faq-item summary {
  font-weight: bold;
  cursor: pointer;
  padding: 0.5em 0;
  list-style: none;
}

.faq-item[open] summary::after {
  content: "-";
  float: right;
}

.faq-item summary::after {
  content: "+";
  float: right;
}

.faq-answer {
  padding: 0.5em 0 0.5em 1em;
}
.faq-intro-link {
  margin-top: 1em;
  font-weight: 500;
  background: #fef6e4;
  padding: 0.5em 1em;
  border-left: 4px solid #f4a261;
  border-radius: 6px;
}
.faq-intro-link a {
  color: #e76f51;
  text-decoration: underline;
}
/* CSS för Video i recept */
.video-label {
  display: inline-block;
  background-color: #e0f7e9;
  color: #2e7d32;
  font-size: 0.85em;
  font-weight: 600;
  padding: 0.4em 0.8em;
  border-radius: 6px;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.recipe-video {
  margin: 2em 0;
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px; /* Anpassa efter din layout */
  margin: 0 auto;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.vertical-video {
  padding-bottom: 177.78%; /* 9:16 aspect ratio */
}
/* Seasonal highlight block */
.seasonal-highlight {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  border-radius: 14px;
  background: #1a120f;
  color: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  isolation: isolate;
}

/* Background image pane */
/* 1. Här sätter vi vilken bild som ska laddas beroende på vilken klass som finns i HTML */
.seasonal-highlight.host   { --seasonal-img: url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/host.webp'); }
.seasonal-highlight.vinter { --seasonal-img: url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/winter.webp'); }
.seasonal-highlight.var    { --seasonal-img: url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/spring.webp'); }
.seasonal-highlight.sommar { --seasonal-img: url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/summer.webp'); }

/* 2. Här är ditt originalblock helt intakt med alla viktiga inställningar */
/* Background image pane */
.seasonal-highlight .seasonal-media {
  position: relative;
  min-height: 260px;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.65) 100%),
    var(--seasonal-img);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Content */
.seasonal-highlight .seasonal-content {
  position: relative;
  padding: 22px 22px 26px;
  backdrop-filter: saturate(110%);
  background-color: rgba(0,0,0,0.5);
  border-radius: 12px;
  max-width: 600px;
  margin: auto;
}

.seasonal-highlight h2 {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 1.1rem + 1vw, 1.8rem);
  line-height: 1.2;
  letter-spacing: 0.1px;
  font-weight: 700;
}

.seasonal-highlight p {
  margin: 0 0 16px;
  font-size: clamp(0.98rem, 0.92rem + .4vw, 1.06rem);
  line-height: 1.55;
  color: rgba(255,255,255,.92);
}

/* Button base */
.button.button--seasonal {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
  will-change: transform;
}

/* Höstfärger */
.seasonal-highlight.host .button--seasonal {
  background: linear-gradient(135deg, #b85e23 0%, #7a2f16 100%);
  box-shadow: 0 6px 16px rgba(184,94,35,.35);
}
.seasonal-highlight.host #seasonal-title { color: #f5c07a; }

/* Vinterfärger */
.seasonal-highlight.vinter .button--seasonal {
  background: linear-gradient(135deg, #3a5a98 0%, #1a2a55 100%);
  box-shadow: 0 6px 16px rgba(58,90,152,.35);
}
.seasonal-highlight.vinter #seasonal-title { color: #a8d0f0; }

/* Vårfärger */
.seasonal-highlight.var .button--seasonal {
  background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
  box-shadow: 0 6px 16px rgba(76,175,80,.35);
}
.seasonal-highlight.var #seasonal-title { color: #b2e0b2; }

/* Sommarfärger */
.seasonal-highlight.sommar .button--seasonal {
  background: linear-gradient(135deg, #f9c74f 0%, #f9844a 100%);
  box-shadow: 0 6px 16px rgba(249,135,74,.35);
}
.seasonal-highlight.sommar #seasonal-title { color: #ffe082; }

/* === Introblock – visuell inledning för startsida och taxonomier === */

.intro-block {
  background: #f5fffd;
  color: #2c1d16;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 16px 24px 48px;
  max-width: 800px;
  margin: 0 auto 3rem auto;

}

/* === RUBUKEN (H1) === */
/* Huvudrubrik – responsiv.  */
.intro-block h1 {
    /* clamp(MIN_STORLEK, IDEAL_STORLEK, MAX_STORLEK)
       Vi sätter den minsta storleken till 2.2rem för mobil.
    */
    font-size: clamp(2.2rem, 1.8rem + 1vw, 3rem); /* Justerad MIN_STORLEK */
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1.15;
    color: #000; /* Eller den färg du valde för ökad läsbarhet */
    /* Behåll text-shadow här */
    /* ... (övrig styling, som din text-shadow) ... */
    margin: -8px 0 12px 0;
}

/* Du kan också lägga till en specifik Media Query för att garantera det: */
@media (max-width: 600px) {
    .intro-block h1 {
        /* Tvinga fram en specifik fontstorlek för alla mobiler under 600px */
        font-size: 2.2rem; 
        line-height: 1.25; /* Ge den mer luft */
    }
}

/* Ingress – förstärkt brödtext */
.intro-ingress {

  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 18px;
  color: #2c1d16;
}

/* Radlayout – text + CTA-knapp */
.intro-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.intro-row p {
  margin: 0;
  flex: 1;
  font-size: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  line-height: 1.6;
  font-weight: 600;
}
/* === MOBIL FIX: Introblock Layout === */
@media (max-width: 600px) {
    /* ... (befintlig kod för .intro-row och .inline-cta) ... */
    
    /* NY KOD: Centrera textstycket (den vänstra delen av raden) */
    .intro-row p {
        text-align: center; /* Centrera texten horisontellt */
        margin-bottom: 0;   /* Ta bort eventuell marginal i botten */
    }
	.intro-block {
        /* Minska paddingen i botten */
        padding-bottom: 0px; /* Byt från 48px till en mindre siffra */
        /* Minska den externa marginalen under blocket */
        margin-bottom:5px; /* Justera till en mindre enhet */
}
    /* Gör knappen centrerad under texten och ta bort extra marginaler */
    .inline-cta {
        width: 100%;
        text-align: center;
        margin: 8px 0 16px 0; /* Tydlig marginal uppe och nere, noll på sidorna */
        justify-content: center;
    }

    /* Säkerställ att textstycket ändå inte trycker ut knappen för mycket */
    .intro-row {
        align-items: center; /* Centrera raden */
    }
}
/* CTA-knappar – blå, rundade, med hovereffekt */
.inline-cta {
  
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 12px;
  margin-top: 6px;
  padding: 10px 20px;
  background-color: #ee0089;
  color: #ffffff;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background 0.2s ease, transform 0.2s ease;
}

.inline-cta:hover {
  background-color: #008ac2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transform: scale(1.02);
}

.inline-cta:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 2px;
}

.inline-cta .intro-icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

/* Inlinelänkar i text – turkos accent */
.intro-link {
  color: #00aeef;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Länkrad – horisontell layout */
.intro-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
  justify-content: center;
}

/* Tillgänglighet – mindre rörelse vid preferens */
@media (prefers-reduced-motion: reduce) {
  .inline-cta {
    transition: none;
  }
  .inline-cta:hover {
    transform: none;
  }
}
.archive-pagination-next a,
.archive-pagination-prev a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  font-size: clamp(1.3rem, 1.2rem + 0.5vw, 1.5rem);
  font-weight: 700;
  background-color: #007bb5;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: background 0.2s ease, transform 0.2s ease;
}

.archive-pagination-next a::after {
  content: "?";
  font-size: 1.5rem;
}

.archive-pagination-prev a::before {
  content: "?";
  font-size: 1.5rem;
}

.archive-pagination-next a:hover,
.archive-pagination-prev a:hover {
  background-color: #008ac2;
  transform: scale(1.03);
}

.archive-pagination-next a:focus-visible,
.archive-pagination-prev a:focus-visible {
  outline: 3px solid rgba(0,174,239,.35);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .archive-item.half_and_half {
    display: block;
  }

  .archive-item-media,
  .archive-item-content {
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
  }

  .archive-item-content-text {
    margin-top: 1rem;
  }
}
body.single-utrustning .page-content {
  padding-top: 20px;
}
body.single-utrustning .page-intro-header {
  padding-top: 0px !IMPORTANT;
  padding-bottom: 0px !IMPORTANT;
}

body.single-utrustning .featured-image-block {
  max-width: 748px;
  margin: 0 auto;
  text-align: center;
  border-radius: 8px;
}

body.single-utrustning .featured-image-block img.equipment-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
@media (max-width: 480px) {
  body.single-utrustning .featured-image-block {
    padding: 0 16px;
  }

  body.single-utrustning .featured-image-block img.equipment-image {
    max-width: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  }
}
/* === Årstids-tag-sidor === */
.tag-varmat .archive-title-w,
.tag-sommarmat .archive-title-w,
.tag-hostmat .archive-title-w,
.tag-vintermat .archive-title-w {
  padding: 80px 20px 40px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
}

.tag-varmat .archive-title-w .page-title,
.tag-sommarmat .archive-title-w .page-title,
.tag-hostmat .archive-title-w .page-title,
.tag-vintermat .archive-title-w .page-title {
  font-size: clamp(2.6rem, 2rem + 2.5vw, 4rem);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

.tag-varmat .archive-title-w .page-content-sub-title p,
.tag-sommarmat .archive-title-w .page-content-sub-title p,
.tag-hostmat .archive-title-w .page-content-sub-title p,
.tag-vintermat .archive-title-w .page-content-sub-title p {
  line-height: 1.65;
  text-shadow: 0 1px 2px rgba(0,0,0,0.7);
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
}

.tag-hostmat .archive-title-w {
  background-image: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.65)), url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/autumn.webp');
}

.tag-hostmat .page-title {
  color: #f5c07a;
}
.tag-hostmat .page-content-sub-title p {
  color: #fff; /* Nästan svart, men mjukare än #000 */
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.tag-vintermat .archive-title-w {
  background-image: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.65)), url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/winter.webp');
}
.tag-vintermat .page-title {
  color: #fff;
}
.tag-vintermat .page-content-sub-title p {
  color: #fff; /* Nästan svart, men mjukare än #000 */
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.tag-varmat .archive-title-w {
  background-image: linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.35)), url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/spring.webp');
}

.tag-varmat .page-title {
  color: #C8E675;
}
.tag-varmat .page-content-sub-title p {
  color: #fff; /* Nästan svart, men mjukare än #000 */
}
.tag-sommarmat .archive-title-w {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.7)), url('/wp-content/themes/neptune-by-osetin/assets/img/seasonal/summer.webp');
}
.tag-sommarmat .page-title {
  color: #fff;
}
.tag-sommarmat .page-content-sub-title p {
  color: #111; /* Nästan svart, men mjukare än #000 */
  text-shadow: 0 1px 2px rgba(255,255,255,0.4);
}
/* Dölj alltid på desktop */
.mobile-jump-btn {
    display: none;
}

/* Visa endast på mobila enheter */
@media (max-width: 768px) {
    .mobile-jump-btn {
        display: block;
        width: fit-content;
        margin: 5px auto 15px; /* Minimal marginal uppåt, lagom neråt */
        padding: 6px 15px; /* Mindre padding = mindre knapp */
        
        /* Designförändringar */
        background-color: transparent !important; /* Ta bort den röda fyllningen */
        border: 1px solid #de2d2d; /* Endast en tunn röd ram */
        color: #de2d2d !important; /* Röd text istället för vit */
        
        font-size: 0.75em; /* Mycket mindre textstorlek */
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        border-radius: 20px; /* Mer diskret rundning */
        text-decoration: none;
        box-shadow: none; /* Ta bort skuggan helt */
    }
    
    /* Ta bort Neptunes standardavstånd för att fixa glappen */
    .single-title {
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }
}
/* 1. Dölj visningsräknaren helt */
.side-meta-box li.single-meta-views {
    display: none !important;
}

/* 2. Se till att de två kvarvarande elementen fördelas jämnt */
.side-meta-box ul {
    display: flex !important;
    justify-content: space-around !important; /* Ger jämnt avstånd mellan dem */
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 3. Ge de två kvarvarande kolumnerna 50% bredd var för symmetri */
.side-meta-box li.single-meta-share, 
.side-meta-box li.single-meta-likes {
    flex: 1 !important;
    text-align: center !important;
    border-right: 1px solid #eee; /* Valfritt: lägger en tunn linje mellan dem */
}

/* Ta bort linjen på den sista så det ser snyggt ut */
.side-meta-box li.single-meta-likes {
    border-right: none !important;
}
/* Dölj visningar i arkiv-listor */
.archive-item-views-count {
    display: none !important;
}

/* Om det finns en liten ikon bredvid som blir kvar ensam */
.archive-item-views-count .os-icon-eye {
    display: none !important;
}

/* Se till att avståndet i arkiv-rutan ser bra ut efteråt */
.archive-item-content {
    padding-bottom: 10px; /* Justera om det ser för tajt ut i botten */
}