/* ==================================================
   KITLUMANARI Custom CSS
   Author: Internal
   Purpose: Global overrides & performance-safe styling
   ================================================== */

/* ===========================================
	Style first page
=============================================== */

.mainhero {
  position: relative;
  overflow: hidden;

  /* Feather only at the bottom */
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 75%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 75%,
    transparent 100%
  );
}

/* ===========================================
	Style main title images
=============================================== */

/* Slightly tighter feather */
.wd-page-title .wd-page-title-bg {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
}

.wd-page-title .entry-title {
  text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

/* Category title text color */
.wd-page-title .entry-title,
.wd-page-title .entry-title a {
  color: #9e9e9e;
}

/* Back arrow icon color (WoodMart uses ::before) */
.wd-page-title .wd-back-btn a::before {
  color: #9e9e9e;
}
.wd-page-title .wd-back-btn a:hover::before {
  color: #8c8c8c;
}

@media (max-width: 768px) {
  body:not(.woocommerce-cart):not(.woocommerce-checkout) .wd-page-title {
    min-height: 150px;   /* try 220–260 */
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .wd-page-title {
    display: flex;
    align-items: center;
  }

  .wd-page-title .container {
    width: 100%;
  }

  .wd-page-title .wd-title-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}

/* ===========================================
	Style cart sipping info message
=============================================== */

/* Cart totals: shipping info row - make it look like normal text */
.woocommerce-cart .shipping-info-note td{
  background: transparent !important;
  padding: 0 !important;
  text-align: right !important; /* keep price-column alignment style */
}

.woocommerce-cart .shipping-info-note td .shipping-info-text{
  display: inline !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #777 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}

/* =================================================
   CHECKOUT – SHIPPING + PAYMENT CARDS (CLEAN)
   ✔ CSS-only
   ✔ Shipping cards + logos + selected state
   ✔ Payment cards + "Plată" title + icons
   ✔ Fix scroll-to-top on shipping click (radio anchored)
================================================= */

/* ====== CONFIG ====== */
:root {
  --ship-accent: #111;
  --ship-bg: #ffffff;
  --ship-bg-selected: #fafafa;
  --ship-border: rgba(0,0,0,.18);
  --ship-shadow: 0 6px 18px rgba(0,0,0,.06);
  --ship-shadow-hover: 0 10px 26px rgba(0,0,0,.10);
  --ship-shadow-selected: 0 12px 30px rgba(0,0,0,.14);
  --ship-radio-border: #bdbdbd;
}

/* =========================================
   FIX: prevent scroll-to-top on shipping click
   (anchor hidden input inside each card)
========================================= */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li {
  position: relative !important;
}

/* Anchor the hidden radio INSIDE the card */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li > input.shipping_method {
  position: absolute !important;
  left: 18px !important;
  top: 22px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
}

/* =====================================
   MOVE "LIVRARE" TITLE ABOVE OPTIONS
===================================== */
.woocommerce-checkout tr.woocommerce-shipping-totals {
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout tr.woocommerce-shipping-totals th {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 12px 0 !important;
  border: 0 !important;
}

.woocommerce-checkout tr.woocommerce-shipping-totals td {
  display: block;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
}

/* ===== GRID ===== */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: medium; /* optional: bigger text */
}

/* ===== RESET LI ===== */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =================================================
   SHIPPING CARD (LABEL)
   - radio drawn using background gradients
   - logo via CSS var --ship-logo (safe)
================================================= */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li label {
  --ship-logo: none;

  display: block !important;
  position: relative;
  cursor: pointer;

  /* space: radio (left) + logo (middle) + text */
  padding: 16px 16px 16px 138px !important;

  border: 1px solid var(--ship-border);
  border-radius: 12px;
  background-color: var(--ship-bg);

  font-weight: 600;
  line-height: 1.25;

  box-shadow: var(--ship-shadow);
  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease,
    background-color .15s ease;

  /* RADIO DRAWN HERE */
  background-image:
    radial-gradient(circle at 27px 50%, transparent 0 4px, transparent 5px),
    radial-gradient(circle at 27px 50%, transparent 0 8px, var(--ship-radio-border) 9px 10px, transparent 11px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li label:hover {
  transform: translateY(-0.5px);
  box-shadow: var(--ship-shadow-hover);
}

/* ===== SHIPPING LOGO (label::before) ===== */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li label::before {
  content: "";
  position: absolute;
  left: 58px;               /* after radio */
  top: 50%;
  transform: translateY(-50%);

  /* BIGGER logo size */
  width: 64px;
  height: 44px;

  background-image: var(--ship-logo);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  pointer-events: none;
}

/* ===== SELECTED STATE (shipping) ===== */
.woocommerce-checkout
tr.woocommerce-shipping-totals
ul#shipping_method
> li input.shipping_method:checked + label {
  border-color: rgba(0,0,0,.38);
  background-color: var(--ship-bg-selected);
  box-shadow: var(--ship-shadow-selected);

  background-image:
    radial-gradient(circle at 27px 50%, var(--ship-accent) 0 4px, transparent 5px),
    radial-gradient(circle at 27px 50%, transparent 0 8px, var(--ship-accent) 9px 10px, transparent 11px);
}

/* Optional: price emphasis */
.woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method .amount {
  font-weight: 700;
}

/* ===== SHIPPING LOGOS per ID ===== */
/* GLS Courier */
.woocommerce-checkout #shipping_method input#shipping_method_0_tree_table_rate14a13b7522_livrare_la_adresa_prin_gls + label {
  --ship-logo: url("/wp-content/uploads/2026/01/gls.png");
}

/* Sameday easybox/point */
.woocommerce-checkout #shipping_method input#shipping_method_0_samedaycourier15ln + label {
  --ship-logo: url("/wp-content/uploads/2026/01/SAMEDAY-easybox2.png");
}

/* GLS Parcel Locker */
.woocommerce-checkout #shipping_method input#shipping_method_0_gls_shipping_method_parcel_locker + label {
  --ship-logo: url("/wp-content/uploads/2026/01/gls_parcel.svg");
}

/* Mobile fine-tuning */
@media (max-width: 768px) {
  .woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li label {
    padding: 14px 14px 14px 126px !important;
  }
  .woocommerce-checkout tr.woocommerce-shipping-totals ul#shipping_method > li label::before {
    width: 56px;
    height: 38px;
    left: 54px;
  }
}

/* =========================================================
PAYMENT V2 — Ultra-clean card layout (desktop + mobile)
- Adds "Metoda de plată" title above methods
- Uses CSS Grid for perfect alignment (radio + icon + title)
- Payment description (payment_box) is full-width with equal side padding
- No hacks / negative margins
========================================================= */

.woocommerce-checkout #payment {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-checkout #payment::before {
  content: "Metoda de plată";
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #111;
}

/* Remove default wrapper styling */
.woocommerce-checkout #payment ul.payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* ===== Card ===== */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  position: relative;
  margin: 0 0 12px 0 !important;

  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  background: #f5f5f5;
  overflow: hidden;

  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

/* Hide native radios but keep accessible */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ===== Header row (radio + icon + title) ===== */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  display: grid;
  grid-template-columns: 22px 30px 1fr;
  align-items: center;
  column-gap: 12px;

  padding: 16px !important;
  margin: 0 !important;

  cursor: pointer;
  font-weight: 700;
  line-height: 1.25;
  color: #111;

  user-select: none;
}

/* Custom radio */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,.25);
  background: #fff;
  display: inline-block;
  box-sizing: border-box;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #111;
  display: inline-block;
  justify-self: center;

  opacity: 0;
  transform: scale(.6);
  transition: opacity .12s ease, transform .12s ease;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked + label::after {
  opacity: 1;
  transform: scale(1);
}

/* Move the dot into the radio column (same grid cell as ::before) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::after {
  grid-column: 1;
  grid-row: 1;
}

/* Gateway icon */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label .payment_method_icon,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label img,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label svg {
  max-height: 26px;
}

/* Provide our own icon slot so it's consistent even if Woo doesn't output images */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::marker {
  content: "";
}

/* Icon block via ::before on the LI (so you can control per gateway) */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method::before {
  content: "";
  position: absolute;
  left: 16px;          /* aligns with label padding */
  top: 16px;
  width: 22px;         /* same as radio column */
  height: 22px;
  transform: translateX(34px); /* push into icon column (22 + 12 gap) */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .95;
  pointer-events: none;
}

/* Selected card */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
  background: #fff;
  border-color: rgba(0,0,0,.18);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* ===== Payment description box (FULL WIDTH, equal padding) ===== */
.woocommerce-checkout #payment div.payment_box {
  margin: 0 !important;
  padding: 14px 16px !important;

  border-top: 1px solid rgba(0,0,0,.08);
  background: #f7f7f7;

  border-radius: 0 !important;
  box-shadow: none !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

/* Text inside payment box */
.woocommerce-checkout #payment div.payment_box p {
  margin: 0 !important;
  line-height: 1.35;
}

/* ===== Gateway icons (edit URLs as needed) ===== */
.woocommerce-checkout #payment li.payment_method_librapay::before {
  background-image: url("/wp-content/uploads/2026/01/card1.webp");
}
.woocommerce-checkout #payment li.payment_method_ingwebpay::before {
  background-image: url("/wp-content/uploads/2026/01/card1.webp");
}
.woocommerce-checkout #payment li.payment_method_cod::before {
  background-image: url("/wp-content/uploads/2026/01/ramburs.webp");
}
.woocommerce-checkout #payment li.payment_method_bacs::before {
  background-image: url("/wp-content/uploads/2026/01/transfer_bancar.webp");
}

/* ===== Mobile polish ===== */
@media (max-width: 768px) {
  .woocommerce-checkout #payment::before {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
    padding: 14px !important;
    grid-template-columns: 22px 28px 1fr;
    column-gap: 10px;
  }

  .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method::before {
    left: 14px;
    top: 14px;
    width: 20px;
    height: 20px;
    transform: translateX(32px);
  }

  .woocommerce-checkout #payment div.payment_box {
    padding: 12px 14px !important;
  }
  
  .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label{
    padding:18px !important;
}
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
  border-color: rgba(0,0,0,.18);
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
  background: #fafafa;
  border-color: #d6d6d6;
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/* Hide WooCommerce default stock line inside variation area */
.single_variation .woocommerce-variation-availability {
    display: none !important;
}

/* Optional: style for the new stock text above swatches */
.kl-variation-availability-top {
    margin: 8px 0 4px;
}
.kl-variation-availability-top .stock {
    display: inline-block;
}

.price_box_per_item {
	display:none;
}
.tc-chars {
	display:none;
}

input#ywpar-points-max {
    max-width: max-content;
}

/* Hide Cookie button */
.hu-revoke-button {
	display:none;
}

/* Increase font size for shipping methods */
ul#shipping_method {
    font-size: medium;
}

/* NoWrap for shop loop head */
.shop-loop-head {
    flex-wrap: nowrap;
}

/* Style filter widget */
.wd-carousel-wrap {
    display: flex
;
    justify-content: space-evenly;
}

/* Hide all filters by default */
.filtru_parfumant,
.filtru_colorant,
.filtru_ceara,
.filtru_fitiluri,
.filtru_recipiente,
.filtru_odorizant {
  display: none !important;
}

/* ===================== */
/* 💜 Parfumant Lumanari */
/* ===================== */
body.term-parfumant-lumanari .filtru_parfumant,
body.term-parfumant-lumanari-designer .filtru_parfumant,
body.term-parfumant-lumanari-functional .filtru_parfumant,
body.term-parfumant-lumanari-floral .filtru_parfumant,
body.term-parfumant-lumanari-fructat .filtru_parfumant,
body.term-parfumant-lumanari-citric .filtru_parfumant,
body.term-parfumant-lumanari-fresh .filtru_parfumant,
body.term-parfumant-lumanari-vanilat .filtru_parfumant,
body.term-parfumant-lumanari-dulce .filtru_parfumant,
body.term-parfumant-lumanari-condimentat .filtru_parfumant,
body.term-parfumant-lumanari-lemnos .filtru_parfumant,
body.term-parfumant-lumanari-craciun .filtru_parfumant {
  display: block !important;
}

/* ===================== */
/* 💧 Colorant Lumanari  */
/* ===================== */
body.term-colorant .filtru_colorant,
body.term-colorant-lumanari-lichid .filtru_colorant,
body.term-colorant-lichid-natural .filtru_colorant,
body.term-colorant-lumanari-solid .filtru_colorant,
body.term-colorant-sapun-pasta .filtru_colorant{
  display: block !important;
}

/* ===================== */
/* 💧 Odorizant de Camera  */
/* ===================== */
body.term-odorizante-de-camera .filtru_odorizant,
body.term-accesorii-pentru-odorizant-de-camera .filtru_odorizant,
body.term-baza-pentru-odorizant-de-camera .filtru_odorizant,
body.term-recipiente-pentru-odorizant-de-camera .filtru_odorizant
{
  display: block !important;
}

/* ===================== */
/* 🕯️ Ceara              */
/* ===================== */
body.term-ceara .filtru_ceara,
body.term-ceara-soia .filtru_ceara,
body.term-ceara-soia-matrite .filtru_ceara,
body.term-ceara-soia-recipient .filtru_ceara,
body.term-ceara-cocos .filtru_ceara,
body.term-ceara-cocos-matrite .filtru_ceara,
body.term-ceara-cocos-recipient .filtru_ceara,
body.term-ceara-parafina .filtru_ceara,
body.term-ceara-parafina-matrite .filtru_ceara,
body.term-ceara-parafina-recipient .filtru_ceara,
body.term-ceara-zapada .filtru_ceara {
  display: block !important;
}

/* ===================== */
/* 🪵 Fitiluri Lumanari  */
/* ===================== */
body.term-fitil-lumanari .filtru_fitiluri,
body.term-fitil-la-metru .filtru_fitiluri,
body.term-fitil-cerat .filtru_fitiluri,
body.term-fitil-cerat-12cm .filtru_fitiluri,
body.term-fitil-cerat-6cm .filtru_fitiluri {
  display: block !important;
}

/* =========================== */
/* 🏺 Recipiente pentru Lumanari */
/* =========================== */
body.term-recipiente-lumanari .filtru_recipiente,
body.term-recipiente-metalice .filtru_recipiente,
body.term-recipiente-metalice-medii .filtru_recipiente,
body.term-recipiente-metalice-250ml .filtru_recipiente,
body.term-recipiente-sticla .filtru_recipiente,
body.term-recipiente-sticla-100ml .filtru_recipiente,
body.term-recipiente-sticla-220ml .filtru_recipiente,
body.term-recipiente-sticla-315ml .filtru_recipiente,
body.term-capace-lemn .filtru_recipiente,
body.term-capace-7cm .filtru_recipiente,
body.term-capace-8cm .filtru_recipiente {
  display: block !important;
}

/* Style products panel */
.wd-product .star-rating {
    align-self: anchor-center!important;
}

.product-element-bottom {
    text-align: -webkit-center;
}

.wd-product.wd-hover-tiled .product-wrapper {
    box-shadow: 0 0 0!important;
}

.wd-product.wd-hover-tiled .product-element-top {
    border-top-left-radius: 25px!important;
		border-top-right-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
}

/* Style for checkout payment methods */
ul.wc_payment_methods.payment_methods.methods {
    border: dashed;
		padding-top: 5px;
		padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Style out of stock */
.product-labels.labels-rounded .out-of-stock {
    max-width: fit-content;
}

/* remove extra asterisk */
.woocommerce-checkout label abbr.required {
    display: none;
}

/* Change styling for extra options */
.tm-responsive .tc-col-auto,
.tm-responsive .tm-extra-product-options .tc-col-auto,
.tm-responsive .tm-extra-product-options .tc-cell.tc-col-auto,
.tm-responsive .tc-cell.tc-col-auto {
    max-width: unset !important;
}

/* Remove cross sells */
.cross-sells {
    display: none;
}

/* Ensure text inside the switch is properly centered */
.tip-fitil .cost-calculator-switch-slider::after {
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important; /* Centers text vertically */
    justify-content: center !important;
    font-size: 14px !important; /* Adjust font size */
    padding: 0 50px !important; /* Adjusts padding for better spacing */
    transition: opacity 0.3s ease-in-out !important;
}

/* Fix the slider circle (toggle) positioning and keep it inside the switch */
.tip-fitil .cost-calculator-switch-slider::before {
    
    top: 50% !important;
    
    transform: translateY(-50%) !important;
    width: 35px !important; /* Increased circle size */
    height: 35px !important;
    transition: left 0.3s ease-in-out !important;
}

/* Move the slider circle inside the switch when toggled */
.tip-fitil input[type='checkbox']:checked + .cost-calculator-switch-slider::before {
    left: calc(100% - 45px) !important; /* Moves to the right inside the slider */
}

/* Override conflicting styles */
.tip-fitil input[type="checkbox"]:checked + span.cost-calculator-switch-slider::before {
    background-color: white !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Checkout order review followin scroll */

.checkout-order-review {
    top: 150px;
    position: sticky!important;
}



/*Change color for points and rewards banner */
div#yith-par-message-reward-cart {
    background-color: mediumpurple;
}

/*Disable "modify options" from checkout */


td.product-name a.tm-cart-edit-options, .tm-cart-edit-options {
	display: none;
}

/* Change buy button on product picture */
.wd-product.wd-hover-icons .wd-buttons .wd-action-btn {
    max-width: none!important;
}

/* Format price text in cart */
:is(td.product-price,.woocommerce-checkout-review-order-table) ins .amount {
    color: var(--wd-primary-color)!important;
    font-weight: 600!important;
}


/* Hide variantion price */
.woocommerce-variation-price {
    display: none!important;
}


/* Style perfume density calculator */
.tm-extra-product-options .tc-row, .tc-row{
		align-items: flex-end;
    justify-content: space-between;
}

/* Increase Out of stock label size */
.product-labels.labels-rounded .out-of-stock {
    max-width: fit-content;
}

/* Style the pagination for gifts in cart page */



/* Style read more reviews button */
#view-more-reviews {
    background-color: #0071a1;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}
#view-more-reviews:hover {
    background-color: #005c84;
}


/* Basic styling for swatches */
.wd-swatch.wd-text.wd-enabled::after{display:none}

.wd-swatch.wd-text.wd-enabled {
    display: inline-block;
    padding: 10px 15px;
    border: 2px solid #ccc;
    border-radius: 5px; /* Rounded corners */
    font-size: 14px;
    color: #333;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative; /* For positioning the "X" */
}

/* Hover effect */
.wd-swatch.wd-text.wd-enabled:hover {
    border-color: #000;
    background-color: #f5f5f5;
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Selected swatch */
.wd-swatch.wd-text.wd-active.wd-enabled {
    border-color: black;
    background-color: lightgreen;
    font-weight: bold;
}


/* Make cart totals follow screen */

.cart_totals {
    top: 150px;
    position: sticky;
}

/* Out-of-stock swatch */
.wd-swatch.wd-text.wd-enabled.out-of-stock {
    opacity: 0.5; /* Makes the swatch appear blurred */

    filter: grayscale(100%); /* Optional: Makes it appear gray */
}

/* Increase size of quantity buttons */
div.quantity input[type="button"] {
    min-width: 40px!important;
}

div.quantity input[type="number"] {
    width: 40px!important;
}

@media (max-width: 1024px) {
    .wd-swatch.wd-text.wd-enabled {
        font-size: 12px;
        padding: 8px 10px;
    }

		.wp-block-wd-popup-content .wd-popup-inner {
    font-size: xx-small;
		}



		.cost-calculator-box label,
		.cost-calculator-container label,
		.cost-calculator-flex-box label,
		.cost-calculator-summary-box label {
			font-size: small !important;
			}

}
/* Stick proceed botton to bottom */

@media (max-width: 768px) {
    .wc-proceed-to-checkout {
				
        position: fixed;
        bottom: 60px; /* Keeps it above .wd-toolbar */         
        text-align: center;
        transition: all 0.3s ease-in-out;
    }

	a.checkout-button.button.alt.wc-forward {
    width: unset;
}

    /* Prevent content from being cut off */
    .cart-content-wrapper {
        padding-bottom: 120px; /* Adjust to prevent overlap */
    }
}

/* Weather delay banner - high conversion */

.weather-delay-banner {
    background: #FFF7ED; /* warm, calm */
    color: #7A4B00;
    padding: 12px 20px;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 0;
    margin: 0;
}

/* icon spacing */
.weather-delay-banner .icon {
    margin-right: 6px;
}

/* mobile */
@media (max-width:768px){
    .weather-delay-banner{
        font-size:13px;
        padding:10px 14px;
    }
}