/* =========================================================
   1. FOOTER COLORS
   ========================================================= */
.site-footer h2,
.site-footer p,
.site-footer svg {
  color: #005040 !important;
  fill: #005040 !important;
}

.site-footer a {
  color: #70c040 !important;
}
.site-footer a:hover {
  color: #005040 !important;
}


/* =========================================================
   2. PRODUCT CATALOG LAYOUT (ASTRA / WOOCOMMERCE)
   ========================================================= */

/* Image scaling */
.ast-woocommerce-container .astra-shop-thumbnail-wrap img,
.woocommerce-LoopProduct-link img.attachment-woocommerce_thumbnail,
.widget-area.secondary .wc-block-grid__product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  aspect-ratio: unset !important;
  display: block;
}

/* Product card container */
.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 10px;
}

/* Hover effect */
.woocommerce-LoopProduct-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* Out-of-stock badge */
.ast-shop-product-out-of-stock {
  background: rgba(20,50,40,0.6) !important;
  color: #fff;
  border-radius: 10px;
}

/* Hide unwanted meta info */
.woocommerce-product-attributes-item--attribute_pa_srp_price,
.woocommerce-product-attributes-item--attribute_pa_shipping_class {
  display: none;
}
.product_meta .posted_in:has(a[href*="varum"]) {
  display: none !important;
}

/* Quantity UI */
.quantity .ast-qty-placeholder[style*="not-allowed"] {
  background-color: #eee !important;
  color: #999 !important;
}


/* =========================================================
   3. WOOCOMMERCE BLOCK PRODUCTS
   ========================================================= */

.bf-prod-kort a {
		font-family: 'Merryweather', serif !important;
}

.wc-block-product.bf-prod-kort:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

.wc-block-grid__products img {
  height: 300px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wc-block-grid__product a {
  align-items: center !important;
  justify-content: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wc-block-grid__product-image {
  align-items: center !important;
  display: block !important;
}

.wc-block-grid__product {
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden;
  position: absolute;
  background: #fff;
  margin-bottom: 0.75em !important;
  padding: 10px !important;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-align: center !important;
}

.wc-block-grid__product:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}


/* =========================================================
   4. CATEGORY MENU + SEARCH BAR
   ========================================================= */

.wpb_category_n_menu_accordion_list .cat-item a {
  color: var(--ast-global-color-1) !important;
  padding-left: 5px;
}

@media (min-width: 993px) {
  .wpb_category_n_menu_accordion_list .cat-item a {
    margin-right: -60px;
  }
  .dgwt-wcas-sf-wrapp {
    padding: 0;
    margin-left: -10px;
    margin-right: -60px;
    width: 300px;
  }
  .dgwt-wcas-suggestions-wrapp {
    width: 280px !important;
  }
}

.dgwt-wcas-sf-wrapp {
  background: transparent !important;
}

/* Accordion states */
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li:hover>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li.wpb-wmca-focus>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li.current-cat>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li.current-menu-item>a,
.wpb_wmca_accordion_wrapper_theme_transparent li.current_page_item>a {
  border-color: var(--ast-global-color-0);
}

.wpb_wmca_accordion_wrapper_theme_transparent ul li a:hover,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li.wpb-wmca-focus>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li.current_page_item>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li.current-menu-item>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li.current-cat>a {
  background-color: rgba(186, 231, 160, 0.3) !important;
}


/* =========================================================
   5. UAGB PRODUCT CAROUSEL
   ========================================================= */

.slick-track .uagb-post__inner-wrap {
  background: #fff;
  border: 1px solid var(--ast-border-color, #eaeaea);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slick-track .uagb-post__inner-wrap:hover {
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
  transform: translateY(-3px);
}

/* Image */
.slick-track .uagb-post__image {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
}
.slick-track .uagb-post__image img {
  object-fit: cover;
  height: 100%;
  max-height: 280px !important;
  transition: transform 0.4s ease;
}
.slick-track .uagb-post__inner-wrap:hover .uagb-post__image img {
  transform: scale(1.05);
}

/* Title */
.slick-track .uagb-post__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--ast-global-color-2, #111);
  margin: 0.8em 1em 0.5em;
  line-height: 1.3;
  height: 48px;
}
.slick-track .uagb-post__title a {
  color: inherit;
  text-decoration: none;
}
.slick-track .uagb-post__title a:hover {
  color: var(--ast-global-color-0, #70c040);
}

/* CTA */
.slick-track .uagb-post__cta {
  margin-top: auto;
  padding-bottom: 1.2em;
}

/* Layout */
.slick-track {
  display: flex !important;
  gap: 20px;
}
.slick-slide {
  float: none !important;
  height: auto;
}


/* =========================================================
   6. BRAND CAROUSEL (UAGB TAXONOMY)
   ========================================================= */

.uagb-taxonomy__outer-wrap.slick-slider {
  display: block !important;
  padding: 20px 40px;
  overflow: hidden;
  position: relative;
}

.uagb-taxonomy__outer-wrap.slick-slider .uagb-taxonomy-wrap {
  display: block !important;
  grid-template-columns: none !important;
}

/* Brand cards */
.uagb-taxonomy__outer-wrap .uagb-taxomony-box {
  background: #fff !important;
  border: 1px solid var(--ast-border-color, #eaeaea);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  text-align: center;
  transition: all 0.3s ease;
  padding: 20px 15px;
  margin: 20px 10px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  height: 160px;
}
.uagb-taxonomy__outer-wrap .uagb-taxomony-box:hover {
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
  transform: translateY(-3px);
}

/* Brand name + link */
.uagb-taxonomy__outer-wrap .uagb-tax-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--ast-global-color-2, #111);
  margin: 0.6em 0 0.3em;
  line-height: 1.3;
}
.uagb-taxonomy__outer-wrap .uagb-tax-link {
  color: var(--ast-global-color-1, #005040);
  text-decoration: none;
  font-size: 13px;
}
.uagb-taxonomy__outer-wrap .uagb-tax-link:hover {
  color: var(--ast-global-color-0, #70c040);
}

/* Arrows */
.slick-prev,
.slick-next {
  width: 50px !important;
  height: 50px;
	padding: 0px;
  background: transparent !important;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.slick-prev:hover,
.slick-next:hover {
		background: transparent !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}
.slick-prev { left: 10px; }
.slick-next { right: 10px; }

.slick-prev svg,
.slick-next svg {
  width: 16px;
  height: 16px;
  fill: var(--ast-global-color-1);
  transition: fill 0.3s ease;
}
.slick-prev:hover svg,
.slick-next:hover svg {
  fill: #000;
}

.wp-block-uagb-taxonomy-list .slick-prev svg { transform: translateX(-1px); } .wp-block-uagb-taxonomy-list .slick-next svg { transform: rotate(180deg); }

/* Center slides */
.uagb-taxonomy__outer-wrap .slick-track {
  display: flex !important;
  align-items: center;
  margin-left: -1rem;
  margin-top: 10px;
}

/* Brand logo */
.uagb-taxonomy__outer-wrap .brand-logo {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uagb-taxonomy__outer-wrap .brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* =========================================================
   7. WOOF FILTER CUSTOM
   ========================================================= */
.woof_container_inner_produktetiketter h4 {
  display: none !important;
}

/* KAMPANJ tag red background and hover */
.woof-sd-ie-checkbox_4240 label > span > span {
  background-color: #c40000 !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 4px 10px;
  display: inline-block;
  transition: background-color 0.2s ease;
}

/* Hover and checked states */
.woof-sd-ie-checkbox_4240:hover label > span > span,
.woof-sd-ie-checkbox_4240 input:checked + label > span > span {
  background-color: #ff0000 !important;
  color: #fff !important;
}

.logga-in-hem .wp-block-button__link {
  border-style: none !important;
}

/* Center the "Läs mer" button in Woo Blocks product cards */
.wc-block-product .wp-block-button.align-center {
  display: flex;
  justify-content: center;
  text-align: center;
}
.wc-block-product .wp-block-button.align-center .wp-block-button__link {
  margin: 0 auto;
}