.elementor-kit-7{--e-global-color-primary:#692BFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;font-family:"Montserrat", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h6{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================
   GLOBAL PRODUCTS GRID – Northerner Style (Astra + Elementor + WVS)
   Scope: alla WooCommerce product grids (arkiv, shop, elementor loop)
============================ */

.woocommerce ul.products{
  --card-bg:#fff;
  --card-border:#e7e7e7;
  --card-radius:14px;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
  --shadow-hover: 0 14px 38px rgba(0,0,0,.10);
  --text:#111;
  --muted:#6b7280;
  --cta:#2563eb;
  --cta-text:#fff;
  --cta-radius:12px;
  --gap:16px;

  gap: var(--gap) !important;
}

/* Card */
.woocommerce ul.products > li.product{
  background: var(--card-bg) !important;
  border:1px solid var(--card-border) !important;
  border-radius:var(--card-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--shadow) !important;

  padding:12px 12px 14px !important;

  display:flex !important;
  flex-direction:column !important;
  height:100% !important;

  transition: transform .15s ease, box-shadow .15s ease;
}

.woocommerce ul.products > li.product:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-hover) !important;
}

/* Bild */
.woocommerce ul.products .astra-shop-thumbnail-wrap{
  margin:0 0 10px !important;
}

.woocommerce ul.products .astra-shop-thumbnail-wrap img{
  width:100% !important;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:12px;
  background:#f5f5f5;
}

/* Ta bort Astra “bag icon” overlay */
.woocommerce ul.products a.ast-on-card-button{
  display:none !important;
}

/* Summary */
.woocommerce ul.products .astra-shop-summary-wrap{
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
}

/* Kategori */
.woocommerce ul.products .ast-woo-product-category{
  font-size:12px;
  color:var(--muted);
  order:1;
}

/* Titel (2 rader, jämn höjd) */
.woocommerce ul.products .woocommerce-loop-product__title{
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  color:var(--text) !important;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;

  min-height:2.5em;
  order:2;
}

/* Pris */
.woocommerce ul.products .price{
  display:flex;
  gap:8px;
  order:3;
  align-items:baseline;
}

.woocommerce ul.products .price del{
  color:var(--muted);
  opacity:.8;
  font-size:12px;
}

.woocommerce ul.products .price ins{
  text-decoration:none;
  font-weight:800;
  color:var(--text);
}

/* Variation wrapper */
.woocommerce ul.products .wvs-archive-variations-wrapper{
  order:4;
  margin-top:8px !important;
}

.woocommerce ul.products .wvs_archive_reset_variations{
  display:none !important;
}

/* Dölj swatches/knappar (WVS) */
.woocommerce ul.products .wvs-archive-variations-wrapper ul.archive-variable-items,
.woocommerce ul.products .wvs-archive-variations-wrapper ul.variable-items-wrapper{
  display:none !important;
}

/* Dropdown – tvinga fram raw select även om den har inline display:none */
.woocommerce ul.products .wvs-archive-variations-wrapper select.woo-variation-raw-select,
.woocommerce ul.products .wvs-archive-variations-wrapper select[style*="display:none"]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;

  width:100% !important;
  height:42px !important;
  padding:10px 38px 10px 12px !important;

  border-radius:12px !important;
  border:1px solid var(--card-border) !important;

  background:
    #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>")
    no-repeat right 12px center / 18px !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  font-size:13px !important;
}

/* CTA */
.woocommerce ul.products a.button{
  order:5;
  margin-top:10px !important;

  width:100% !important;
  padding:12px !important;

  border-radius:var(--cta-radius) !important;
  font-weight:800 !important;
  border:0 !important;

  background:var(--cta) !important;
  color:var(--cta-text) !important;

  display:flex !important;
  justify-content:center !important;
}

/* Mobil */
@media(max-width:767px){
  .woocommerce ul.products{
    --gap:12px;
  }
  .woocommerce ul.products > li.product{
    padding:10px !important;
  }
  .woocommerce ul.products .wvs-archive-variations-wrapper select{
    height:40px !important;
  }
}/* End custom CSS */