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

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

/* ===============================
   MAIN HERO – Soft Feather All Around
   =============================== */

.mainhero {
  position: relative;
  overflow: hidden;

  /* Feather strength */
  --feather: 60px; /* 50–70px = premium subtle */

  /* Horizontal + Vertical mask */
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      #000 var(--feather),
      #000 calc(100% - var(--feather)),
      transparent 100%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      #000 var(--feather),
      #000 calc(100% - var(--feather)),
      transparent 100%
    );

  -webkit-mask-composite: source-in;

  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      #000 var(--feather),
      #000 calc(100% - var(--feather)),
      transparent 100%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      #000 var(--feather),
      #000 calc(100% - var(--feather)),
      transparent 100%
    );

  mask-composite: intersect;
}

/* Mobile tuning */
@media (max-width: 768px){
  .mainhero{
    --feather: 40px;
  }
}


/* ===============================
   Header → Body Soft Transition
   =============================== */

.whb-header {
  position: relative;
  z-index: 10;
}

/* Soft fade from header (#fbf9f5) into body (#f8f6f2) */
.whb-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 35px; /* 30–45px ideal */

  pointer-events: none;

}



.wd-page-wrapper {
    background-color: #f8f6f2!important;
}

/* ===============================
   Body → Footer Clean Separation
   =============================== */

.wd-page-content.main-page-wrapper {
  position: relative;
  z-index: 1; /* create stacking context */
  background: #f8f6f2;
}

/* Subtle bottom fade */
.wd-page-content.main-page-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; /* IMPORTANT: no -1px */
  height: 60px;
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(248, 246, 242, 0) 0%,
    #f8f6f2 100%
  );
}

/* Footer sits above */
footer.wd-footer {
  position: relative;
  z-index: 2;
}
/* ===========================================
	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 */
body.woocommerce-checkout .hu-revoke-button,
body.woocommerce-cart .hu-revoke-button{
  display:none !important;
}

/* 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!important;
}

/* 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;
}


/* 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;
}



/* Make cart totals follow screen */

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



/* 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) {


		.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;
    }
}

/* ===============================
   MODERN CHECKOUT DESIGN v1 (UPDATED)
   + ACTIVE INPUT FEEL (fixes “blocked/disabled” look)
   + OPTIONAL warmer container background
   =============================== */


/* ===============================
   SECTION CONTAINERS
   =============================== */

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
    background: #ffffff;
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    margin-bottom: 25px;
}

/* OPTIONAL: warmer premium tone (uncomment if you want it) */
/*
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
    background: #fcfbf9;
}
*/


/* ===============================
   TITLES
   =============================== */

.woocommerce-checkout h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 22px;
    letter-spacing: -0.3px;
}


/* ===============================
   ROW SPACING + LABELS
   =============================== */

.woocommerce-checkout .form-row {
    margin-bottom: 18px;
}

.woocommerce-checkout label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #333;
}

.woocommerce-checkout .required {
    color: #e74c3c;
}


/* ===============================
   INPUTS + SELECTS (BASE)
   =============================== */

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #dcdcdc;     /* stronger border for “active” feel */
    border-radius: 10px;
    background: #ffffff;            /* IMPORTANT: white so it doesn’t look disabled */
    color: #111;
    font-size: 14px;
    transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}


/* Textarea specific */
.woocommerce-checkout textarea {
    height: 120px;
    padding: 12px 14px;
    resize: vertical;
}


/* Hover = feels clickable */
.woocommerce-checkout input[type="text"]:hover,
.woocommerce-checkout input[type="email"]:hover,
.woocommerce-checkout input[type="tel"]:hover,
.woocommerce-checkout input[type="number"]:hover,
.woocommerce-checkout textarea:hover,
.woocommerce-checkout select:hover {
    border-color: #c8c8c8;
}


/* Placeholders (less “disabled” looking) */
.woocommerce-checkout ::placeholder {
    color: #8a8a8a;
    opacity: 1;
}


/* Focus effect = clearly active */
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    border-color: var(--wd-primary-color);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(0,0,0,0.04);
    outline: none;
}


/* Select arrow cleaner */
.woocommerce-checkout select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
}


/* If any theme styles lower opacity on fields, force normal */
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    opacity: 1 !important;
}


/* Readonly/disabled should still look different */
.woocommerce-checkout input[readonly],
.woocommerce-checkout select[readonly],
.woocommerce-checkout textarea[readonly],
.woocommerce-checkout input:disabled,
.woocommerce-checkout select:disabled,
.woocommerce-checkout textarea:disabled {
    background: #f3f3f3 !important;
    cursor: not-allowed;
    opacity: 0.75 !important;
}


/* ===============================
   CHECKBOXES
   =============================== */

.woocommerce-checkout input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--wd-primary-color);
}


/* ===============================
   MISC FIELD TWEAKS
   =============================== */

/* Notes field spacing */
#order_comments_field {
    margin-top: 10px;
}

/* Saved addresses dropdown – keep clean, but not “disabled” */
#thwma-billing-alt {
    background: #ffffff !important;
    border-color: #dcdcdc !important;
    font-weight: 500;
}

/* Country field readonly look (if it’s actually readonly) */
#billing_country[readonly],
#billing_country:disabled {
    background: #f3f3f3 !important;
}


/* ===============================
   MOBILE
   =============================== */

@media (max-width: 768px) {
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields {
        padding: 20px;
    }

    .woocommerce-checkout input,
    .woocommerce-checkout textarea,
    .woocommerce-checkout select {
        height: 46px;
    }
}

/* ====================================
   SELECT2 FIX (Judet / Localitate)
   ==================================== */

.woocommerce-checkout .select2-container--default .select2-selection--single {
  height: 48px;
  border-radius: 10px !important;
  border: 1px solid #dcdcdc !important;
  background: #ffffff !important;
  display: flex;
  align-items: center;
  padding: 0 14px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single:hover {
  border-color: #c8c8c8 !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single:focus {
  border-color: var(--wd-primary-color) !important;
  box-shadow: 0 0 0 4px rgba(0,0,0,0.04) !important;
}

.woocommerce-checkout .select2-container--default .select2-selection__rendered {
  line-height: normal !important;
  color: #111 !important;
  padding-left: 0 !important;
}

.woocommerce-checkout .select2-container--default .select2-selection__arrow {
  height: 100%;
}


/* ====================================
   FORCE INPUT BACKGROUND (Woodmart override protection)
   ==================================== */

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea.input-text {
  background: #ffffff !important;
}

/* ====================================
   MICRO POLISH – PREMIUM FEEL
   ==================================== */

/* Slightly stronger field borders */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
  border: 1px solid #d4d4d4 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

/* Slightly stronger label contrast */
.woocommerce-checkout label {
  color: #222;
}

/* Improve focus depth */
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus {
  box-shadow: 0 0 0 4px rgba(0,0,0,0.05) !important;
}

/* Reduce inactive toggle fade */
.kl-pf-pj-btn:not(.is-active) {
  opacity: 0.95;
}

/* Make active toggle slightly warmer */
.kl-pf-pj-btn.is-active {
  background: rgba(255, 0, 0, 0.05);
}