/* CSS Outlets.se - Rev 2026-02-17 */
/* Samlad custom CSS */

/* =========================================
   Kategorisidor – Förbättrad hero + SEO-layout
   ========================================= */

/* ===== HERO (Top content) ===== */

.tax-product_cat .custom-category-header{
  padding: 20px 20px 28px;
  margin: 0 0 24px;

  /* Distinkt gradient */
  background: linear-gradient(135deg, #126c9d 0%, #ec6568 100%);

  /* Text på färg */
  color: #fff;
}

/* Mindre text */
.tax-product_cat .custom-category-header h1{
  font-size: 30px !important;
  line-height: 1.15;
  margin: 0 0 10px;
}

.tax-product_cat .custom-category-header h2{
  font-size: 20px !important;
  line-height: 1.25;
  margin: 0 0 10px;
}

.tax-product_cat .custom-category-header p{
  font-size: 12px !important;      /* var 16px */
  line-height: 1.55;    /* var 1.65 */
  margin: 0 0 10px;     /* var 0 0 12px */
}

/* Centrera innehållet som övriga layouten */
.tax-product_cat .custom-category-header > *{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Begränsa bara textbredd */
.tax-product_cat .custom-category-header p,
.tax-product_cat .custom-category-header h1,
.tax-product_cat .custom-category-header h2,
.tax-product_cat .custom-category-header h3,
.tax-product_cat .custom-category-header ul,
.tax-product_cat .custom-category-header ol{
  max-width: 80%;
  align-content: center;
}

/* Typografi */
.tax-product_cat .custom-category-header h1,
.tax-product_cat .custom-category-header h2,
.tax-product_cat .custom-category-header h3{
  color: #fff;
}

.tax-product_cat .custom-category-header p{
  line-height: 1.65;
  font-size: 16px;
  margin: 0 0 12px;
  color: rgba(255,255,255,.92);
}

.tax-product_cat .custom-category-header p:last-child{
  margin-bottom: 0;
}

/* Länkar i hero */
.tax-product_cat .custom-category-header a{
  color: rgba(255,255,255,.95);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Dölj standard kategori-beskrivningen i Woo headern (om den finns där) */
.tax-product_cat .woocommerce-products-header .term-description{
  display: none;
}


/* ===== SEO / Bottom Content ===== */

.tax-product_cat .cat-seo{
  max-width: 1100px;
  margin: 40px auto 0;
  padding-top: 24px;
  border-top: 1px solid #e6e6e6;
}

.tax-product_cat .cat-seo h2{
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 600;
}

.tax-product_cat .cat-seo__intro,
.tax-product_cat .cat-seo__content{
  max-width: 70ch;
  line-height: 1.65;
  font-size: 15px;
  color: #444;
}

.tax-product_cat .cat-seo__details > summary{
  cursor: pointer;
  font-weight: 600;
  margin-top: 12px;
  font-size: 14px;
}

.tax-product_cat .cat-seo__content{
  margin-top: 12px;
}

.tax-product_cat .cat-seo__content details{
  margin: 12px 0;
}

.tax-product_cat .cat-seo__content details > summary{
  cursor: pointer;
  font-weight: 500;
}


/* =========================================
   Produktsidan - Länk under kortbeskrivning – diskret men tydlig (Flatsome-känsla)
   ========================================= */

.product-image-info-link{
  margin: 8px 0 0;
  line-height: 1.2;
}

.product-image-info-link .info-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: rgba(0,0,0,.58);
  text-decoration: none;
  border-bottom: 1px dotted rgba(0,0,0,.28);
  padding-bottom: 1px;
  transition: color .15s ease, border-color .15s ease, opacity .15s ease;
}

.product-image-info-link .info-link:hover{
  color: rgba(0,0,0,.82);
  border-bottom-color: rgba(0,0,0,.55);
}

.product-image-info-link .info-link:focus-visible{
  outline: 2px solid rgba(0,0,0,.15);
  outline-offset: 3px;
  border-bottom-color: transparent;
}

.product-image-info-link .info-emoji{
  font-size: 12px;
  opacity: .85;
  line-height: 1;
}


/* =========================================
   Ny startsida 2026 – layoutjusteringar
   Gäller endast sidan med ID: 374445
   Länk: https://outlets.se/?page_id=374445
   Syfte: ta bort standardrubrik och göra sidan mer “edge-to-edge”
   ========================================= */

/* 1) Dölj sidans titel/rubriksektion (entry header) */
.page-id-374445 header.entry-header{
  display: none !important;
}

/* 2) Ta bort topp-padding i sidens wrapper */
.page-id-374445 .page-wrapper{
  padding-top: 0 !important;
}

/* 3) Ta bort extra topp-padding i innehållsområdet */
.page-id-374445 .entry-content{
  padding-top: 0 !important;
}

/* 4) Tvinga raden (row) att använda full bredd */
.page-id-374445 .page-wrapper .row{
  max-width: 100% !important;
  width: 100% !important;
}

/* 5) Ta bort sidopadding i kolumnerna */
.page-id-374445 .page-wrapper .col,
.page-id-374445 .page-wrapper .col-inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}