/* KOCHLER - EFSANE KASIM 2026 / v3
 * Theme: Kochler / Woodmart 8.3.8
 * One dedicated stylesheet, loaded AFTER Woodmart via functions.php.
 * Colors: ink #171717, gold #C8A45D, sale red #C62828, ivory #F5F2EC.
 * WooCommerce prices are NOT recalculated by CSS/PHP.
 */

/* Theme palette (WooCommerce and Woodmart dynamic variables). */
html:root,
html body {
  --kochler-ink: #171717;
  --kochler-gold: #C8A45D;
  --kochler-gold-hover: #E2BD73;
  --kochler-red: #C62828;
  --kochler-red-hover: #A91F21;
  --kochler-ivory: #F5F2EC;
  --wd-primary-color: #C8A45D !important;
  --wd-alternative-color: #C62828 !important;
  --btn-accented-bgcolor: #C8A45D !important;
  --btn-accented-bgcolor-hover: #E2BD73 !important;
  --btn-accented-color: #171717 !important;
  --btn-accented-color-hover: #171717 !important;
}

/* Search button in desktop and mobile headers. */
body [class*="wd-header-search-form"] .searchform .searchsubmit,
body .wd-header-search-form .searchsubmit,
body .wd-header-search-form-mobile .searchsubmit {
  background: var(--kochler-gold) !important;
  background-image: none !important;
  border-color: var(--kochler-gold) !important;
  color: var(--kochler-ink) !important;
}
body [class*="wd-header-search-form"] .searchform .searchsubmit:hover,
body .wd-header-search-form .searchsubmit:hover,
body .wd-header-search-form-mobile .searchsubmit:hover {
  background: var(--kochler-gold-hover) !important;
  border-color: var(--kochler-gold-hover) !important;
  color: var(--kochler-ink) !important;
}

/* "TUM URUNLER" / categories menu opener. */
body .wd-header-cats .menu-opener,
body .wd-header-cats .menu-opener.has-bg,
body .wd-header-cats.wd-style-1 .menu-opener {
  background: var(--kochler-gold) !important;
  background-image: none !important;
  border-color: var(--kochler-gold) !important;
  color: var(--kochler-ink) !important;
}
body .wd-header-cats .menu-opener:hover,
body .wd-header-cats.wd-opened .menu-opener {
  background: var(--kochler-gold-hover) !important;
  color: var(--kochler-ink) !important;
}

/* Account, cart and wishlist circular accents; preserve layout/icons. */
body .wd-tools-element.wd-design-7 > a > :is(.wd-tools-inner, .wd-tools-icon),
body .wd-tools-element.wd-design-8 .wd-tools-inner {
  background-color: var(--kochler-gold) !important;
  background-image: none !important;
  color: var(--kochler-ink) !important;
}
body .wd-tools-element.wd-design-8 .wd-tools-icon {
  background-color: var(--kochler-ink) !important;
  color: var(--kochler-gold) !important;
}
body .wd-tools-element.wd-design-7:hover > a > :is(.wd-tools-inner, .wd-tools-icon),
body .wd-tools-element.wd-design-8:hover .wd-tools-inner {
  background-color: var(--kochler-gold-hover) !important;
  color: var(--kochler-ink) !important;
}
body .wd-tools-element :is(.wd-tools-count) {
  background-color: var(--kochler-ink) !important;
  color: var(--kochler-gold) !important;
  border: 1px solid var(--kochler-gold);
}

/* Woodmart-style primary and alternative buttons. */
body .btn-color-primary:not(.btn-style-link),
body .btn-color-alt:not(.btn-style-link) {
  --btn-bgcolor: #C8A45D !important;
  --btn-bgcolor-hover: #E2BD73 !important;
  --btn-color: #171717 !important;
  --btn-color-hover: #171717 !important;
  --btn-brd-color: #C8A45D !important;
  --btn-brd-color-hover: #E2BD73 !important;
}
/* Primary purchasing actions: no gradient, distinct gold color. */
body :is(.single_add_to_cart_button,
         .wd-product .add-to-cart-loop,
         .wd-product a.add_to_cart_button,
         .wd-add-btn .add-to-cart-loop,
         .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
         .woocommerce-checkout #place_order,
         .wc-block-components-checkout-place-order-button) {
  background: var(--kochler-gold) !important;
  background-image: none !important;
  color: var(--kochler-ink) !important;
  border-color: var(--kochler-gold) !important;
  border-radius: 9px;
  box-shadow: 0 6px 18px rgba(200,164,93,.18) !important;
  font-weight: 750;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
body :is(.single_add_to_cart_button,
         .wd-product .add-to-cart-loop,
         .wd-product a.add_to_cart_button,
         .wd-add-btn .add-to-cart-loop,
         .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
         .woocommerce-checkout #place_order,
         .wc-block-components-checkout-place-order-button):hover:not(:disabled) {
  background: var(--kochler-gold-hover) !important;
  border-color: var(--kochler-gold-hover) !important;
  color: var(--kochler-ink) !important;
  box-shadow: 0 8px 22px rgba(200,164,93,.27) !important;
  transform: translateY(-1px);
}
/* Buy now: override Woodmart & common third-party fast-checkout classes.
 * The current page shows a teal gradient from an additional style source.
 * CSS stays here rather than in functions.php.
 */
html body.single-product form.cart :is(
  .wd-buy-now-btn,
  [class*="buy-now"],
  [class*="buy_now"],
  [class*="buynow"],
  [class*="quick-buy"],
  [class*="quick_buy"],
  [class*="fast-buy"],
  [class*="fast_buy"]
),
html body.single-product form.cart .single_add_to_cart_button + button:not(.single_add_to_cart_button) {
  --btn-bgcolor: #C62828 !important;
  --btn-bgcolor-hover: #A91F21 !important;
  --btn-color: #FFFFFF !important;
  --btn-color-hover: #FFFFFF !important;
  --btn-accented-bgcolor: #C62828 !important;
  --btn-accented-bgcolor-hover: #A91F21 !important;
  --btn-accented-color: #FFFFFF !important;
  --btn-accented-color-hover: #FFFFFF !important;
  background: #C62828 !important;
  background-color: #C62828 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #C62828 !important;
  border-radius: 9px !important;
  box-shadow: 0 6px 18px rgba(198,40,40,.2) !important;
  font-weight: 750 !important;
  filter: none !important;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
html body.single-product form.cart :is(
  .wd-buy-now-btn,
  [class*="buy-now"],
  [class*="buy_now"],
  [class*="buynow"],
  [class*="quick-buy"],
  [class*="quick_buy"],
  [class*="fast-buy"],
  [class*="fast_buy"]
):hover:not(:disabled),
html body.single-product form.cart .single_add_to_cart_button + button:not(.single_add_to_cart_button):hover:not(:disabled) {
  background: #A91F21 !important;
  background-color: #A91F21 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-color: #A91F21 !important;
  box-shadow: 0 8px 22px rgba(198,40,40,.30) !important;
  transform: translateY(-1px);
}

/* Keep the sale percentage badge compact so other badges don't overlap. */
body .product-label.onsale,
body .woocommerce span.onsale {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 48px;
  height: auto;
  min-height: 25px;
  padding: 5px 9px;
  background: var(--kochler-red) !important;
  background-image: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  word-break: normal;
  box-shadow: 0 3px 10px rgba(198,40,40,.20);
}
body .product-label.onsale::after,
body .woocommerce span.onsale::after { content: none !important; display: none !important; }
body .product-label.new {
  background: var(--kochler-gold) !important;
  color: var(--kochler-ink) !important;
}

/* Prices: clear hierarchy, single sizing level for nested .amount.
 * WooCommerce regular/sale values are used as saved in the product admin.
 */
body .price .kochler-november-label,
body .summary-inner .kochler-november-label,
body .wd-single-price .kochler-november-label,
body .wd-product .kochler-november-label {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 0 8px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(200,164,93,.50) !important;
  border-radius: 6px !important;
  background: rgba(200,164,93,.10) !important;
  color: #E9C57D !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .055em !important;
  text-decoration: none !important;
  text-align: center;
}

/* Critical: don't shrink both <del> and its nested .amount. */
body .price del {
  display: inline-block;
  color: #A9A9A9 !important;
  font-weight: 450 !important;
  font-size: .80em !important;
  line-height: 1.2 !important;
  opacity: .94 !important;
  text-decoration: line-through !important;
  text-decoration-color: #A9A9A9 !important;
}
body .price del :is(.amount, bdi) {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  opacity: 1 !important;
}
body .price ins {
  display: inline-block;
  color: #FF6565 !important;
  background: transparent !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
body .price ins :is(.amount, bdi) {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* Catalogue grid: centred label, regular price + sale price together. */
body .wd-product .price:has(.kochler-november-label) {
  display: grid !important;
  grid-template-columns: max-content max-content;
  align-items: baseline;
  justify-content: center;
  gap: 5px 9px;
  min-height: 61px;
  text-align: center;
}
body .wd-product .price:has(.kochler-november-label) .kochler-november-label {
  grid-column: 1 / -1;
  justify-self: center;
  margin: 0 0 2px !important;
  padding: 5px 9px !important;
  font-size: 10px !important;
}
body .wd-product .price:has(.kochler-november-label) del {
  grid-column: 1;
  justify-self: end;
  margin: 0 !important;
  font-size: 12px !important;
}
body .wd-product .price:has(.kochler-november-label) ins {
  grid-column: 2;
  justify-self: start;
  margin: 0 !important;
  font-size: 21px !important;
  letter-spacing: -.025em;
}
body .wd-product .price:has(.kochler-november-label) ins .amount,
body .wd-product .price:has(.kochler-november-label) del .amount {
  font-size: inherit !important;
}
/* Non-discounted product prices stay gold, no campaign label. */
body .wd-product .price:not(:has(.kochler-november-label)) {
  color: var(--kochler-gold) !important;
  font-weight: 700;
}

/* Product detail: premium price panel, without touching checkout totals. */
body.single-product .wd-single-price .price:has(.kochler-november-label),
body.single-product .summary-inner > .price:has(.kochler-november-label) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 7px 13px;
  padding: 14px 16px !important;
  max-width: 100%;
  border: 1px solid rgba(200,164,93,.32);
  border-radius: 12px;
  background: rgba(200,164,93,.075);
  box-shadow: 0 4px 18px rgba(0,0,0,.09);
}
body.single-product .wd-single-price .price .kochler-november-label,
body.single-product .summary-inner > .price .kochler-november-label {
  flex: 0 0 100%;
  justify-content: flex-start;
  width: auto;
  margin: 0 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #E9C57D !important;
  font-size: 12px !important;
  text-align: start;
}
body.single-product .wd-single-price .price del,
body.single-product .summary-inner > .price del {
  margin: 0 !important;
  font-size: 16px !important;
}
body.single-product .wd-single-price .price ins,
body.single-product .summary-inner > .price ins {
  margin: 0 !important;
  font-size: 31px !important;
  font-weight: 850 !important;
  letter-spacing: -.03em;
}

/* Shipping information: replace green with dark-gold contrast. */
body .kochler-shipping-box {
  overflow: hidden;
  border: 1px solid rgba(200,164,93,.36) !important;
  border-radius: 10px;
  background-color: #111 !important;
}
body .kochler-shipping-box-top {
  background: #342916 !important;
  color: var(--kochler-ivory) !important;
  border-bottom: 1px solid rgba(200,164,93,.28) !important;
  padding: 10px 13px;
}
body .kochler-shipping-box-top strong,
body .kochler-shipping-countdown { color: #F5D78F !important; }
body .kochler-shipping-box-bottom { background: #111 !important; padding: 9px 12px; }
body .kochler-shipping-box-label { color: #A7A7A7 !important; }
body .kochler-shipping-box-value { color: #fff !important; font-weight: 750; }
body .kochler-shipping-box-logo { background: #fff; border-radius: 6px; }
body .kochler-shipping-box-logo img { max-width: 90px; max-height: 35px; object-fit: contain; }

/* Stock checks, visitor boxes, link interactions. */
body .wd-single-stock-status .in-stock,
body p.stock.in-stock,
body .stock.in-stock::before { color: var(--kochler-gold) !important; }
body .wd-product-info .wd-info-icon { color: var(--kochler-gold) !important; }
body .wd-single-visitor-count,
body .wd-single-visitor-count .wd-product-info {
  background: rgba(200,164,93,.11) !important;
  border-color: rgba(200,164,93,.22) !important;
  border-radius: 9px;
}
body .wd-single-visitor-count .wd-info-icon { color: var(--kochler-gold) !important; }
body .wd-single-visitor-count .wd-product-info { color: var(--kochler-ivory) !important; }
body :is(.wd-nav-tabs .wd-active > a, .wd-nav-tabs a:hover, .wd-nav.wd-style-default li:hover > a) {
  color: var(--kochler-gold) !important;
}
body input[type="checkbox"],
body input[type="radio"] { accent-color: var(--kochler-gold); }
body :is(input, textarea, select, button, a):focus-visible {
  outline-color: var(--kochler-gold) !important;
}

/* A previous version returned <div> inside WooCommerce's <p class="stock">.
 * v3 PHP fixes that structure. This fallback hides the orphan status icon.
 */
body.single-product .stock.in-stock:has(.kochler-shipping-box)::before,
body.single-product .wd-single-stock-status .in-stock:has(.kochler-shipping-box)::before {
  display: none !important;
  content: none !important;
}

/* Garanti POS - previously in functions.php, styles only in CSS. */
body #gpos-card-bin,
body #gpos-card-cvv,
body #gpos-card-expiry-month,
body #gpos-card-expiry-year {
  background-color: #141414 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
}
body #gpos-card-bin::placeholder,
body #gpos-card-cvv::placeholder {
  color: rgba(255,255,255,.55) !important;
  -webkit-text-fill-color: rgba(255,255,255,.55) !important;
  opacity: 1 !important;
}
body #gpos-card-expiry-month option,
body #gpos-card-expiry-year option {
  background-color: #141414 !important;
  color: #fff !important;
}
body div:has(> #gpos-card-bin),
body div:has(> #gpos-card-cvv),
body div:has(#gpos-card-expiry-month),
body div:has(#gpos-card-expiry-year),
body div:has(> #gpos-card-bin) > span,
body div:has(> #gpos-card-cvv) > span,
body div:has(#gpos-card-expiry-month) > span,
body div:has(#gpos-card-expiry-year) > span {
  background-color: #141414 !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  body .wd-product .price:has(.kochler-november-label) { gap: 4px 6px; min-height: 60px; }
  body .wd-product .price:has(.kochler-november-label) .kochler-november-label { font-size: 9px !important; padding: 4px 7px !important; }
  body .wd-product .price:has(.kochler-november-label) del { font-size: 11px !important; }
  body .wd-product .price:has(.kochler-november-label) ins { font-size: 19px !important; }
  body.single-product .wd-single-price .price:has(.kochler-november-label),
  body.single-product .summary-inner > .price:has(.kochler-november-label) { padding: 12px 13px !important; gap: 6px 10px; }
  body.single-product .wd-single-price .price ins,
  body.single-product .summary-inner > .price ins { font-size: 27px !important; }
  body.single-product .wd-single-price .price del,
  body.single-product .summary-inner > .price del { font-size: 14px !important; }
  body .kochler-shipping-box-top { padding: 10px 11px; }
  body .kochler-shipping-box-bottom { padding: 9px 11px; }
}
@media (prefers-reduced-motion: reduce) {
  body :is(.single_add_to_cart_button, .wd-buy-now-btn, .wd-product a.add_to_cart_button) {
    transition: none !important;
    transform: none !important;
  }
}


/* ===============================================================
 * KOCHLER EFSANE KASIM v4 - RESPONSIVE REFINEMENTS (02.11.2026)
 * Product cards, mobile purchase controls, cart drawer, checkout.
 * These rules deliberately avoid checkout input elements and totals.
 * =============================================================== */

/* Product card: consistent column layout without fixed-height cards. */
body .wd-product .product-wrapper,
body .wd-product .product-element-top + .product-element-bottom,
body .wd-product .product-element-bottom {
  min-width: 0;
}
body .wd-product .product-element-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
}
body .wd-product .wd-entities-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.42 !important;
  min-height: 2.84em;
  max-height: 2.84em;
  text-overflow: ellipsis;
  text-align: center;
}
body .wd-product .price {
  margin-top: auto;
  padding-top: 8px;
}
body .wd-product .price:has(.kochler-november-label) {
  grid-template-columns: auto auto;
  align-content: end;
  justify-content: center;
  column-gap: 10px;
  row-gap: 5px;
  min-height: 85px;
}
body .wd-product .price:has(.kochler-november-label) .kochler-november-label {
  align-self: end;
  white-space: nowrap;
}
body .wd-product .price:has(.kochler-november-label) del {
  font-size: 16px !important;
  color: #bcb6aa !important;
  opacity: .9 !important;
  line-height: 1.25 !important;
}
body .wd-product .price:has(.kochler-november-label) ins {
  font-size: 23px !important;
  color: #fa4949 !important;
  line-height: 1.25 !important;
}
body .wd-product .price del .amount,
body .wd-product .price ins .amount { font-size: inherit !important; }

/* Product page: readable comparison and a strong sale price. */
body.single-product :is(.wd-single-price .price, .summary-inner > .price):has(.kochler-november-label) del {
  font-size: 20px !important;
  color: #bcb6aa !important;
  opacity: .92 !important;
}
body.single-product :is(.wd-single-price .price, .summary-inner > .price):has(.kochler-november-label) ins {
  font-size: clamp(30px, 2.9vw, 38px) !important;
  color: #f34848 !important;
}
body.single-product :is(.wd-single-price .price, .summary-inner > .price):has(.kochler-november-label) :is(ins,del) .amount {
  font-size: inherit !important;
}

/* Buy now / fast purchase: cover common Woodmart and plugin button classes.
 * Scoped to product purchase actions, not payment gateway form buttons. */
html body.single-product :is(
  .wd-buy-now-btn, .buy-now-button, .buy_now_button, .buy-now,
  .buy_now, .buy-now-btn, .buy_now_btn, .wpcbn-btn,
  .wc-buy-now-btn, .quick-buy-button, .quick_buy_button,
  .single_buy_now_button, .single-buy-now, .fast-checkout-btn
),
html body.single-product form.cart button[type="button"]:not(.minus):not(.plus):not(.single_add_to_cart_button):not(.wd-quantity-minus):not(.wd-quantity-plus) {
  --btn-bgcolor: #c62828 !important;
  --btn-bgcolor-hover: #a91f21 !important;
  --btn-color: #fff !important;
  --btn-color-hover: #fff !important;
  background: #c62828 !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #c62828 !important;
  box-shadow: none !important;
}
html body.single-product :is(
  .wd-buy-now-btn, .buy-now-button, .buy_now_button, .buy-now,
  .buy_now, .buy-now-btn, .buy_now_btn, .wpcbn-btn,
  .wc-buy-now-btn, .quick-buy-button, .quick_buy_button,
  .single_buy_now_button, .single-buy-now, .fast-checkout-btn
):hover,
html body.single-product form.cart button[type="button"]:not(.minus):not(.plus):not(.single_add_to_cart_button):hover {
  background: #a91f21 !important;
  background-image: none !important;
  border-color: #a91f21 !important;
}

/* Mini cart: Woodmart slide-out drawer and WooCommerce mini-cart. */
body :is(.wd-side-hidden, .cart-widget-side, .wd-dropdown-cart) :is(
  .wd-cart-footer .button, .woocommerce-mini-cart__buttons .button,
  .wd-cart-buttons .button, .buttons .button
) {
  border-radius: 10px !important;
  min-height: 48px;
  font-weight: 800 !important;
  background: #c8a45d !important;
  background-image: none !important;
  color: #171717 !important;
  border: 1px solid #c8a45d !important;
  box-shadow: none !important;
}
body :is(.wd-side-hidden, .cart-widget-side, .wd-dropdown-cart) :is(
  .wd-cart-footer .button, .woocommerce-mini-cart__buttons .button,
  .wd-cart-buttons .button, .buttons .button
):hover {
  background: #e2bd73 !important;
  background-image: none !important;
}
body :is(.wd-side-hidden, .cart-widget-side, .wd-dropdown-cart) :is(
  .woocommerce-mini-cart__buttons .checkout, .wd-cart-buttons .checkout,
  .buttons .checkout, a.checkout, a.wc-forward.checkout
) {
  background: #c62828 !important;
  background-image: none !important;
  border-color: #c62828 !important;
  color: #fff !important;
}
body :is(.wd-side-hidden, .cart-widget-side, .wd-dropdown-cart) :is(
  .woocommerce-mini-cart__buttons .checkout, .wd-cart-buttons .checkout,
  .buttons .checkout, a.checkout, a.wc-forward.checkout
):hover {
  background: #a91f21 !important;
  background-image: none !important;
  border-color: #a91f21 !important;
  color: #fff !important;
}
body :is(.wd-side-hidden, .cart-widget-side, .wd-dropdown-cart) :is(.woocommerce-mini-cart__total, .wd-cart-subtotal) .amount {
  color: #e4bd73 !important;
  font-weight: 800;
}

/* Cart and checkout: emphasize final payment action red; view-cart gold. */
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-checkout #place_order,
body .wc-block-components-checkout-place-order-button {
  background: #c62828 !important;
  background-image: none !important;
  border-color: #c62828 !important;
  color: #fff !important;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-checkout #place_order:hover,
body .wc-block-components-checkout-place-order-button:hover {
  background: #a91f21 !important;
  background-image: none !important;
}

/* Responsive purchase layout: quantity + add-to-cart, then full width buy-now. */
@media (max-width: 767px) {
  body .wd-product .wd-entities-title {
    font-size: clamp(13px, 3.4vw, 16px) !important;
    min-height: 2.84em;
    max-height: 2.84em;
  }
  body .wd-product .price:has(.kochler-november-label) {
    gap: 5px 8px;
    min-height: 76px;
  }
  body .wd-product .price:has(.kochler-november-label) del {
    font-size: 14px !important;
  }
  body .wd-product .price:has(.kochler-november-label) ins {
    font-size: 22px !important;
  }
  body .wd-product .price:has(.kochler-november-label) .kochler-november-label {
    font-size: 10px !important;
    padding: 5px 8px !important;
  }
  body.single-product :is(.wd-single-price .price, .summary-inner > .price):has(.kochler-november-label) del {
    font-size: 17px !important;
  }
  body.single-product :is(.wd-single-price .price, .summary-inner > .price):has(.kochler-november-label) ins {
    font-size: 31px !important;
  }
  body.single-product form.cart:not(.variations_form),
  body.single-product form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  body.single-product form.cart :is(.quantity, .wd-quantity) {
    flex: 0 0 auto;
    margin: 0 !important;
  }
  body.single-product form.cart .single_add_to_cart_button {
    flex: 1 1 160px;
    width: auto !important;
    margin: 0 !important;
    min-height: 48px;
  }
  body.single-product form.cart :is(
    .wd-buy-now-btn, .buy-now-button, .buy_now_button, .buy-now,
    .buy_now, .buy-now-btn, .buy_now_btn, .wpcbn-btn,
    .wc-buy-now-btn, .quick-buy-button, .quick_buy_button,
    .single_buy_now_button, .single-buy-now, .fast-checkout-btn
  ),
  body.single-product form.cart button[type="button"]:not(.minus):not(.plus):not(.single_add_to_cart_button):not(.wd-quantity-minus):not(.wd-quantity-plus) {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 48px;
    margin: 0 !important;
  }
  body :is(.wd-side-hidden, .cart-widget-side) :is(.woocommerce-mini-cart__buttons, .wd-cart-buttons, .buttons) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }
  body :is(.wd-side-hidden, .cart-widget-side) :is(.woocommerce-mini-cart__buttons, .wd-cart-buttons, .buttons) .button {
    width: 100% !important;
    margin: 0 !important;
  }
  /* Keep logo proportional; don't change header structural heights. */
  body .whb-mobile-left .wd-logo img,
  body .whb-mobile-center .wd-logo img {
    max-width: min(42vw, 190px);
    height: auto;
    object-fit: contain;
  }
}

/* ============================================================
   KOCHLER EFSANE KASIM V5 - INDIRIMSIZ FIYAT GORUNURLUGU
   Only the catalogue's non-sale product prices are affected.
   ============================================================ */
body .wd-product:not(.product-type-grouped) .price:not(:has(del)):not(:has(ins)) {
  color: #E5C078 !important;
  font-size: 21px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em;
  opacity: 1 !important;
  text-align: center;
}
body .wd-product:not(.product-type-grouped) .price:not(:has(del)):not(:has(ins)) :is(.woocommerce-Price-amount, .amount, bdi) {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  opacity: 1 !important;
}
/* Preserve a shared bottom baseline on Woodmart product cards. */
body .wd-product .price:not(:has(.kochler-november-label)) {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  body .wd-product:not(.product-type-grouped) .price:not(:has(del)):not(:has(ins)) {
    font-size: 19px !important;
  }
  body .wd-product .price:not(:has(.kochler-november-label)) {
    min-height: 29px;
  }
}


/* ========================================================================
   KOCHLER / EFSANE KASIM - V6 / 02.11.2026
   WooCommerce notices, coupon actions, return buttons, quick view and
   remaining purchase gradients. UI-only: no coupon, price or cart changes.
   Keep this block at the BOTTOM of css/kochler-efsane-kasim.css.
   ======================================================================== */

/* 1) SUCCESS / INFO / ERROR: preserve notification types and messages. */
html body :is(
  .woocommerce-message,
  .wd-notice.wd-success,
  .wc-block-components-notice-banner.is-success
) {
  --notices-success-bg: #292317;
  --notices-success-color: #F5F2EC;
  background: #292317 !important;
  background-image: none !important;
  color: #F5F2EC !important;
  border: 1px solid rgba(200,164,93,.55) !important;
  border-inline-start: 4px solid #C8A45D !important;
  border-radius: 11px !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
}
html body :is(
  .woocommerce-message,
  .wd-notice.wd-success,
  .wc-block-components-notice-banner.is-success
)::before,
html body :is(
  .woocommerce-message,
  .wd-notice.wd-success
) .wd-notice-icon {
  color: #E5C078 !important;
}
html body :is(.woocommerce-message, .wd-notice.wd-success) a:not(.button) {
  color: #E5C078 !important;
  text-decoration-color: rgba(229,192,120,.7) !important;
}
html body :is(
  .woocommerce-error,
  .wd-notice.wd-warning,
  .wc-block-components-notice-banner.is-error
) {
  --notices-warning-bg: #301B1C;
  --notices-warning-color: #FFE4E4;
  background: #301B1C !important;
  background-image: none !important;
  color: #FFE4E4 !important;
  border: 1px solid rgba(198,40,40,.55) !important;
  border-inline-start: 4px solid #DC4848 !important;
  border-radius: 11px !important;
}
html body :is(.woocommerce-error, .wd-notice.wd-warning)::before {
  color: #FF7878 !important;
}
html body :is(
  .woocommerce-info,
  .wd-notice.wd-info,
  .wc-block-components-notice-banner.is-info
) {
  background: #24282C !important;
  background-image: none !important;
  color: #F5F2EC !important;
  border: 1px solid rgba(200,164,93,.35) !important;
  border-inline-start: 4px solid #C8A45D !important;
  border-radius: 11px !important;
}

/* Success links (e.g. 'ALISVERISE DEVAM ET') must remain visible and usable. */
html body :is(.woocommerce-message, .wd-notice.wd-success) :is(
  a.button,
  a.wc-forward,
  .button.wc-forward
) {
  --btn-bgcolor: transparent;
  --btn-bgcolor-hover: rgba(200,164,93,.18);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px !important;
  margin: 2px 12px 2px 0 !important;
  padding: 6px 13px !important;
  border: 1px solid rgba(229,192,120,.70) !important;
  border-radius: 7px !important;
  background: transparent !important;
  background-image: none !important;
  color: #F5D78F !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
html body :is(.woocommerce-message, .wd-notice.wd-success) :is(
  a.button,
  a.wc-forward,
  .button.wc-forward
):hover {
  background: rgba(200,164,93,.18) !important;
  color: #FFE6AD !important;
}

/* 2) Cart and checkout coupon input + application button (no removal). */
html body :is(
  .wd-coupon-form,
  .woocommerce-form-coupon,
  .woocommerce-cart-form .coupon
) :is(input[type="text"], input[name="coupon_code"], .input-text) {
  min-height: 44px;
  border-color: rgba(200,164,93,.46) !important;
  color: #F5F2EC !important;
  background-color: #202020 !important;
  border-radius: 7px !important;
}
html body :is(
  .wd-coupon-form,
  .woocommerce-form-coupon,
  .woocommerce-cart-form .coupon
) :is(input[type="text"], input[name="coupon_code"], .input-text):focus {
  border-color: #E5C078 !important;
  outline: 2px solid rgba(200,164,93,.24) !important;
  outline-offset: 0;
}
html body :is(
  .wd-coupon-form,
  .woocommerce-form-coupon,
  .woocommerce-cart-form .coupon
) :is(button, .button, input[type="submit"]) {
  --btn-bgcolor: #C8A45D !important;
  --btn-bgcolor-hover: #E2BD73 !important;
  --btn-color: #171717 !important;
  --btn-color-hover: #171717 !important;
  --btn-accented-bgcolor: #C8A45D !important;
  --btn-accented-bgcolor-hover: #E2BD73 !important;
  background: #C8A45D !important;
  background-image: none !important;
  border: 1px solid #C8A45D !important;
  border-radius: 8px !important;
  color: #171717 !important;
  min-height: 44px;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(200,164,93,.14) !important;
  filter: none !important;
}
html body :is(
  .wd-coupon-form,
  .woocommerce-form-coupon,
  .woocommerce-cart-form .coupon
) :is(button, .button, input[type="submit"]):hover:not(:disabled) {
  background: #E2BD73 !important;
  background-image: none !important;
  border-color: #E2BD73 !important;
  color: #171717 !important;
}

/* 3) Explicitly style 'SEPETE GERI DON' and comparable safe back links. */
html body .woocommerce :is(
  a.wc-backward,
  a.button.wc-backward,
  .return-to-shop .button
),
html body :is(.woocommerce-cart, .woocommerce-checkout) a.wc-backward {
  --btn-bgcolor: #C8A45D !important;
  --btn-bgcolor-hover: #E2BD73 !important;
  background: #C8A45D !important;
  background-image: none !important;
  color: #171717 !important;
  border: 1px solid #C8A45D !important;
  border-radius: 8px !important;
  min-height: 44px;
  font-weight: 750 !important;
  box-shadow: none !important;
}
html body .woocommerce :is(
  a.wc-backward,
  a.button.wc-backward,
  .return-to-shop .button
):hover,
html body :is(.woocommerce-cart, .woocommerce-checkout) a.wc-backward:hover {
  background: #E2BD73 !important;
  background-image: none !important;
  border-color: #E2BD73 !important;
  color: #171717 !important;
}

/* 4) Quick view: separate campaign badge from the two prices. */
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  gap: 8px 12px !important;
  min-height: 0 !important;
  margin: 10px 0 15px !important;
  text-align: left !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price .kochler-november-label {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 5px 9px !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) .kochler-november-label {
  flex-basis: 100% !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) del {
  font-size: 18px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  color: #C4BCAD !important;
  opacity: .96 !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) ins {
  font-size: clamp(27px, 2.4vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  color: #FF6565 !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) :is(ins, del) :is(.amount, bdi) {
  font-size: inherit !important;
  color: inherit !important;
}

/* 5) Fast buy: plugin buttons in popup AND regular product detail pages. */
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap, .single-product) form.cart :is(
  .wd-buy-now-btn,
  .buy-now-button, .buy_now_button, .buy-now, .buy_now,
  .buy-now-btn, .buy_now_btn, .wpcbn-btn, .wc-buy-now-btn,
  .quick-buy-button, .quick_buy_button, .single_buy_now_button,
  .single-buy-now, .fast-checkout-btn
),
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap, .single-product) form.cart .single_add_to_cart_button + :is(button, a):not(.added_to_cart),
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) form.cart button[type="button"]:not(.minus):not(.plus):not([class*="quantity"]):not([class*="qty"]) {
  --btn-bgcolor: #C62828 !important;
  --btn-bgcolor-hover: #A91F21 !important;
  --btn-color: #fff !important;
  --btn-accented-bgcolor: #C62828 !important;
  --btn-accented-bgcolor-hover: #A91F21 !important;
  --btn-accented-color: #fff !important;
  background: #C62828 !important;
  background-color: #C62828 !important;
  background-image: none !important;
  border: 1px solid #C62828 !important;
  border-radius: 9px !important;
  color: #fff !important;
  box-shadow: 0 5px 16px rgba(198,40,40,.20) !important;
  filter: none !important;
  font-weight: 800 !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap, .single-product) form.cart :is(
  .wd-buy-now-btn,
  .buy-now-button, .buy_now_button, .buy-now, .buy_now,
  .buy-now-btn, .buy_now_btn, .wpcbn-btn, .wc-buy-now-btn,
  .quick-buy-button, .quick_buy_button, .single_buy_now_button,
  .single-buy-now, .fast-checkout-btn
):hover:not(:disabled),
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap, .single-product) form.cart .single_add_to_cart_button + :is(button, a):not(.added_to_cart):hover,
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) form.cart button[type="button"]:not(.minus):not(.plus):not([class*="quantity"]):not([class*="qty"]):hover:not(:disabled) {
  background: #A91F21 !important;
  background-image: none !important;
  border-color: #A91F21 !important;
  color: #fff !important;
}

/* Quick view add-to-cart: gold, not the third-party green-to-blue gradient. */
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) form.cart .single_add_to_cart_button {
  --btn-bgcolor: #C8A45D !important;
  background: #C8A45D !important;
  background-image: none !important;
  border-color: #C8A45D !important;
  color: #171717 !important;
  box-shadow: none !important;
  border-radius: 9px !important;
}
html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) form.cart .single_add_to_cart_button:hover:not(:disabled) {
  background: #E2BD73 !important;
  background-image: none !important;
  border-color: #E2BD73 !important;
  color: #171717 !important;
}

/* 6) Product card overlay 'Sepete Ekle' (only clickable purchase controls). */
html body .wd-product :is(
  .wd-add-btn a.add_to_cart_button,
  .wd-add-btn a.add-to-cart-loop,
  .product-element-top a.add_to_cart_button,
  .product-element-top a.add-to-cart-loop
) {
  background: #C8A45D !important;
  background-image: none !important;
  border-color: #C8A45D !important;
  color: #171717 !important;
}
html body .wd-product :is(
  .wd-add-btn a.add_to_cart_button,
  .wd-add-btn a.add-to-cart-loop,
  .product-element-top a.add_to_cart_button,
  .product-element-top a.add-to-cart-loop
):hover {
  background: #E2BD73 !important;
  color: #171717 !important;
}

/* 7) Responsive: button text remains usable on narrow phones. */
@media (max-width: 767px) {
  html body :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
    padding: 15px 14px 15px 45px !important;
    font-size: 13px;
    line-height: 1.5;
  }
  html body :is(.woocommerce-message, .woocommerce-error, .woocommerce-info)::before {
    left: 15px;
  }
  html body :is(.wd-coupon-form, .woocommerce-form-coupon) .button {
    width: 100%;
    justify-content: center;
  }
  html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) del {
    font-size: 16px !important;
  }
  html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) .price:has(.kochler-november-label) ins {
    font-size: 29px !important;
  }
  html body :is(.popup-quick-view, .wd-popup-quick-view-wrap) form.cart :is(
    .wd-buy-now-btn, .buy-now-button, .buy_now_button, .wpcbn-btn,
    .wc-buy-now-btn, .single_buy_now_button, .fast-checkout-btn
  ) {
    width: 100% !important;
  }
}