/*
Theme Name: Kadence Child
Template: kadence
*/

/*
 * Parent theme's style.css is enqueued from functions.php as the
 * 'kadence-parent' handle (this child stylesheet depends on it).
 * Do NOT re-add @import here — it forces a redundant blocking fetch.
 */

/* ============================================================================
   DESIGN TOKENS
   Local custom properties for The Humidor child theme. Names use a `--th-`
   prefix so they don't collide with Kadence's `--global-*` tokens. Prefer
   these over raw hex/rgba/font literals in any new CSS.
   ============================================================================ */
:root {
  /* Surfaces (darkest → lightest) */
  --th-bg-900: #0D0B09;
  --th-bg-800: #161311;
  --th-bg-700: #1C1916;
  --th-bg-600: #2A2520;
  --th-bg-500: #3A3530;

  /* Cream / foreground */
  --th-cream-50:  #FAFAF8;
  --th-cream-100: #F0E6D3;
  --th-cream-200: #D4BC8A;

  /* Gold accents */
  --th-gold-300: #C8A96E;
  --th-gold-400: #8B7A55;
  --th-gold-500: #6B6156;

  /* Muted text */
  --th-text-muted: #A89B8A;

  /* Status */
  --th-success:    #4A7A5A;
  --th-error:      #9B3B3B;
  --th-error-soft: #C86E6E;

  /* Gold-tinted glows / overlays — opacity step encoded in the name */
  --th-gold-glow-06: rgba(200, 169, 110, 0.06);
  --th-gold-glow-08: rgba(200, 169, 110, 0.08);
  --th-gold-glow-12: rgba(200, 169, 110, 0.12);
  --th-gold-glow-14: rgba(200, 169, 110, 0.14);
  --th-gold-glow-15: rgba(200, 169, 110, 0.15);
  --th-gold-glow-20: rgba(200, 169, 110, 0.2);
  --th-gold-glow-25: rgba(200, 169, 110, 0.25);
  --th-gold-glow-35: rgba(200, 169, 110, 0.35);

  /* Type stacks */
  --th-font-sans:  'Inter', sans-serif;
  --th-font-serif: 'Playfair Display', Georgia, serif;
}

/* Password instructions */
.woocommerce-account .woocommerce-form-register .humidor-password-hint {
    order: 7;
    margin-top: -10px;
    margin-bottom: 14px;
    font-size: 11px;
    color: var(--global-palette5);
    line-height: 1.5;
}

/* Micanje headinga sa mobile facetsa */
.flyout-row.name-search h3, .flyout-row.name-reset h3 {
  display: none;
}

/* Smanjivanje paddinga iznad add to cart */
.woocommerce .products.align-buttons-bottom li.product .product-action-wrap.product-action-wrap {
	padding-top: 0.2em;
}

/* Smanjivanje paddinga ispod add to cart */

.woocommerce ul.products li.product .entry-content-wrap.entry-content-wrap {
	padding-bottom: 1rem;
}

/* ──────────────────────────────────────
   STRENGTH DOTS — Concept B (Gold Rings)
   ────────────────────────────────────── */

.strength-bars {
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0;
  display: flex;
  gap: 6px;
}

.strength-bars li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  border: 1.5px solid var(--th-bg-500);
  box-sizing: border-box;
}

/* Filled dots based on strength class (s1..s5) */
.strength-bars.s1 li:nth-child(-n + 1),
.strength-bars.s2 li:nth-child(-n + 2),
.strength-bars.s3 li:nth-child(-n + 3),
.strength-bars.s4 li:nth-child(-n + 4),
.strength-bars.s5 li:nth-child(-n + 5) {
  background: var(--th-gold-300);
  border-color: var(--th-gold-300);
}

/* Smanjivanje top i bottom margina na svim pageovima — mobile defaults */
.wrap .content-area {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {
	.wrap .content-area {
		margin-top: 3rem;
	}
}

/* Skrivanje filter sidebara na mobile stranicama */
@media (max-width: 1024px) {
  .primary-sidebar {
    display: none;
  }
}

/* Complianz cookie banner: izbacivanje paddinga izmedu nepostojecih elemenata */
.cmplz-cookiebanner {
  grid-gap: 0 !important;
  grid-row-gap: 0 !important;
}

/* Margina na dnu vodic clanaka na naslovnici */
article.entry.content-bg.loop-entry.post.type-post.format-standard.hentry > div.entry-content-wrap > header.entry-header {
	margin-bottom: 0px;
}

/* homepage edge-to-edge cards — mobile defaults; desktop reset is in @media (min-width: 768px) section */
.wp-block-kadence-column.alignwide.kk1.kk2.kk3,
.wp-block-kadence-rowlayout.alignwide.kk1.kk2.kk3 {
  margin-right: -20px;
  margin-left: -20px;
}

/* homepage padding na vrhu i dnu — mobile defaults; desktop reset is in @media (min-width: 768px) section */
.page-homepage-kk div.entry-content-wrap {
	padding-top: 10px;
	padding-bottom: 5px;
}


/* eyebrow label — mobile defaults; desktop overrides via more-specific selectors in min-width: 768px section */
.eyebrow-label {
	font-family: "Inter";
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.18em;
	color: var(--th-gold-400);
}

.eyebrow-label.eyebrow-label-hero {
	font-size: 12px;
}

/* kategorije podnaslovi na naslovnici — mobile defaults */
.kategorija-podnaslov-naslovnica {
	font-size: 12px;
	color: var(--th-text-muted);
}

/* button kod kategorije na naslovnici — mobile defaults */
.kategorija-button-naslovnica {
	color: var(--th-gold-400) !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	border: 1px solid var(--th-bg-600) !important;
	background-color: transparent !important;
	margin-right: 10px;
}

/* button kod trgovine na naslovnici za poziv */
.kategorija-button-naslovnica.poziv-button-naslovnica {
	color: var(--th-gold-300) !important;
}

/* button kod trgovine na naslovnici za lokaciju */
.kategorija-button-naslovnica.lokacija-button-naslovnica {
	color: #9E3434 !important;
}

/* centriranje okruglih buttona na naslovnici */
span.kb-svg-icon-wrap.kb-svg-icon-fas_long-arrow-alt-right.kt-btn-icon-side-right,
span.kb-svg-icon-wrap.kb-svg-icon-fe_phone.kt-btn-icon-side-right,
span.kb-svg-icon-wrap.kb-svg-icon-fas_map-pin.kt-btn-icon-side-right {
	display: flex;
}

/* velicina naslova blog posta na naslovnici */
.kt-blocks-post-grid-item-inner-wrap .kt-blocks-post-grid-item-inner h2.entry-title {
	font-size: 16px;
	line-height: 1.4;
	color: var(--th-cream-100);
	letter-spacing: 0.02em;
}

/* modifikacija slidera da se vidi vise od jednog posta na naslovnici */
@media (max-width: 767px) {

  .guides-carousel-kk .splide__slide {
    width: calc(76.9% - 12px) !important;
    min-width: calc(76.9% - 12px) !important;
  }

  .guides-carousel-kk .splide__track {
    overflow: visible !important;
  }

  .guides-carousel-kk.kadence-splide-wrap {
    overflow: hidden;
  }

}

/* stil product slidera na naslovnici — mobile defaults; desktop overrides in min-width: 768px section */

/* ── Card wrapper: dark bg, border, rounded ── */
.popular-carousel-kk li.product {
  background: var(--th-bg-800) !important;
  border: 1px solid var(--th-bg-600) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

/* ── Image: flush to card edges, rounded top only ── */
.popular-carousel-kk li.product .woocommerce-loop-product__link {
  display: block;
}

.popular-carousel-kk li.product .woocommerce-loop-product__link img {
  border-radius: 10px 10px 0 0 !important;
  display: block;
  width: 100%;
  margin: 0 !important;
}

/* ── Text area: push content to edges ── */
.popular-carousel-kk li.product .product-details.entry-content-wrap {
  padding: 12px 4px 16px !important;
  background: var(--th-bg-800) !important;
}

/* ── Title: smaller, cream, Playfair ── */
.popular-carousel-kk li.product .woocommerce-loop-product__title,
.popular-carousel-kk li.product .woocommerce-loop-product__title a {
  font-family: var(--th-font-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--th-text-muted) !important;
  line-height: 1.45 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* ── Price: large, bold, white, Playfair ── */
.popular-carousel-kk li.product .price,
.popular-carousel-kk li.product .price .woocommerce-Price-amount,
.popular-carousel-kk li.product .price bdi {
  font-family: var(--th-font-serif) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--th-cream-50) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Currency symbol: same style, no break ── */
.popular-carousel-kk li.product .woocommerce-Price-currencySymbol {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--th-cream-50) !important;
}

/* ── Kill any default content-bg from Kadence theme ── */
.popular-carousel-kk li.product.content-bg {
  background: var(--th-bg-800) !important;
}

/* ── Hide empty action wrap if no add-to-cart button ── */
.popular-carousel-kk li.product .product-action-wrap:empty {
  display: none;
}

/* stil product slidera na naslovnici — mobile defaults; desktop overrides in min-width: 768px section */
.popular-carousel-col-kk > .kt-inside-inner-col {
	padding: 0px !important;
}
.popular-carousel-col-kk {
	margin-bottom: 0px !important;
}

/* column-gap override stays mobile-only:
   This broad selector beats the desktop-specific .popular-carousel-kk gap,
   so unwrapping it would kill the desktop column gap between product cards. */
@media (max-width: 767px) {
	.woocommerce ul.products:not(.products-list-view),
	.wp-site-blocks .wc-block-grid:not(.has-2-columns):not(.has-1-columns) .wc-block-grid__products {
		column-gap: 0px !important;
	}
}

/* footer spacing — mobile defaults; desktop padding overrides in min-width: 768px section */
.site-middle-footer-inner-wrap.site-footer-row {
	padding-top: 0px;
}
.site-top-footer-inner-wrap.site-footer-row {
	padding-top: 18px;
	padding-bottom: 10px;
}

/* grid-row-gap override stays mobile-only:
   Kadence's customizer sets a 30px row gap on desktop that we don't
   want to disturb. Setting grid-row-gap at base would leak to desktop. */
@media (max-width: 767px) {
	.site-middle-footer-inner-wrap.site-footer-row {
		grid-row-gap: 0px;
	}
}

/* margine prvog itema u mobile navigaciji */
div.site-header-item.site-header-focus-item[data-section="kadence_customizer_mobile_html"] {
	margin-bottom: 0px;
}

/* ══════════════════════════════════════════════════════════════════
   SHOP ARCHIVE + SINGLE PRODUCT — mobile defaults
   Desktop overrides in min-width: 768px sections (DESKTOP CATEGORY
   ARCHIVE REDESIGN, SINGLE PRODUCT PAGE — DESKTOP REDESIGN, etc.)
   ══════════════════════════════════════════════════════════════════ */

  /* ══════════════════════════════════════
     1. CATEGORY HEADER / HERO AREA
     ══════════════════════════════════════ */

  /* Same background as the rest of the page — no gradient */
  .woocommerce-shop .entry-header.product-archive-title,
  .tax-woo-product .entry-header.product-archive-title {
    background: var(--th-bg-800) !important;
    border-bottom: none !important;
    padding: 20px 16px 16px !important;
    margin: 0 !important;
  }

  .woocommerce-shop .entry-header .archive-title,
  .tax-woo-product .entry-header .archive-title {
    font-family: var(--th-font-serif) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin-bottom: 8px !important;
    line-height: 1.1 !important;
  }

  /* Description: 2 lines, inline "Više" via CSS */
  .tax-woo-product .entry-header .archive-description {
    position: relative !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .tax-woo-product .entry-header .archive-description p {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }

  /* Remove the old gradient ::after */
  .tax-woo-product .entry-header .archive-description::after {
    display: none !important;
  }


/* ══════════════════════════════════════
     2. FILTER / SORT BAR
   ══════════════════════════════════════ */

  .kadence-shop-top-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 16px !important;
    border-top: 1px solid var(--th-bg-600) !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    background: var(--th-bg-900) !important;
    position: sticky;
    top: 0;
    z-index: 50;
  }

  .kadence-woo-results-count {
    display: block !important;
    width: auto !important;
    margin-right: auto !important;
	margin-bottom: 0px !important;
  }

  .kadence-shop-top-row .woocommerce-result-count {
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    color: var(--th-text-muted) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .kadence-woo-ordering,
  .kadence-element-wrap.vs-lg-false.vs-md-false {
    width: auto !important;
    padding: 0 !important;
  }

  .kadence-shop-top-row .woocommerce-ordering select.orderby {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    height: auto !important;
    -webkit-appearance: none;
    appearance: none;
  }

  .kadence-shop-top-row .mobile-filter-button,
  .kadence-shop-top-row .facetwp-flyout-open {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    line-height: normal !important;
    text-align: center !important;
    display: inline-block !important;
  }


  /* ══════════════════════════════════════
     3. PRODUCT GRID
     ══════════════════════════════════════ */

  .woocommerce ul.products.product-archive {
    padding: 12px 12px !important;
    gap: 10px !important;
    grid-row-gap: 10px !important;
    column-gap: 10px !important;
  }
	
  /* FIX kako se side padding nebi primjenjivao na product kartice na naslovnici*/
  .products.content-wrap.product-archive.grid-cols.grid-sm-col-2.grid-lg-col-3.woo-archive-action-visible.woo-archive-btn-text.align-buttons-bottom.woo-archive-image-hover-none.splide__list {
	padding: 0px !important;
  }

  .woocommerce ul.products li.product {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__link img {
    border-radius: 10px 10px 0 0 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .woocommerce ul.products li.product .product-details.entry-content-wrap {
    padding: 6px 4px 14px !important;
    background: var(--th-bg-800) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
  }
	
  .woocommerce ul.products li.product .product-details .price {
    margin-top: auto !important;
  }
	
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title a {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
    line-height: 1.4 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .price .woocommerce-Price-amount,
  .woocommerce ul.products li.product .price bdi {
    font-family: var(--th-font-serif) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce ul.products li.product .woocommerce-Price-currencySymbol {
    font-size: 17px !important;
    color: var(--th-cream-50) !important;
  }

  .woocommerce ul.products li.product .product-action-wrap:empty {
    display: none !important;
  }


  /* ══════════════════════════════════════
     4. PAGINATION — horizontal row
     ══════════════════════════════════════ */
	
  .woocommerce nav.woocommerce-pagination {
    margin: 0 auto !important;
  }

  .woocommerce-pagination {
    padding: 8px 0px 18px !important;
    text-align: center !important;
  }

  .woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    border: none !important;
  }

  .woocommerce-pagination ul.page-numbers li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: inline-flex !important;
  }

 
  .woocommerce-pagination .page-numbers:not(.dots):not(ul):not(.prev):not(.next):not(.current) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    border: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
  }

  .woocommerce-pagination .page-numbers.current {
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border-color: var(--th-gold-300) !important;
	border: 1px solid !important;
	font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
	text-decoration: none !important;
  }

  .woocommerce-pagination .page-numbers.next {
    color: var(--th-gold-300) !important;
    border-color: var(--th-bg-500) !important;
  }

  .woocommerce-pagination .page-numbers.dots {
    border: none !important;
    width: 24px !important;
    color: var(--th-gold-400) !important;
    font-size: 11px !important;
    background: transparent !important;
  }
	
  .woocommerce-pagination .page-numbers.prev,
  .woocommerce-pagination .page-numbers.next {
    display: none !important;
  }

  /* ══════════════════════════════════════
     5. REDUCE CONTENT AREA MARGINS
     ══════════════════════════════════════ */

  .woocommerce-shop .content-area,
  .tax-woo-product .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
	
  .woocommerce-shop .content-container.site-container,
  .tax-woo-product .content-container.site-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tax-woo-product .primary-sidebar {
    display: none !important;
  }

  /* ══════════════════════════════════════
     6. ADD TO CART — circular button
     ══════════════════════════════════════ */

  .woocommerce ul.products li.product {
    position: relative !important;
	display: flex !important;
    flex-direction: column !important;
  }

  .woocommerce ul.products li.product .product-action-wrap {
    position: absolute !important;
    bottom: 12px !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
	
  /* Pozicija add to cart buttona na related products na single product pageu */
  .single-product .product .related.products .product-details .product-action-wrap {
    right: 12px !important;
  }

  .woocommerce ul.products li.product .product-action-wrap .button {
    width: 32px !important;
    height: 32px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: var(--th-gold-300) !important;
    font-size: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  /* Hide ALL inner elements: text, SVGs, spans */
  .woocommerce ul.products li.product .product-action-wrap .button * {
    display: none !important;
  }

	/* Default state — shopping bag icon */
	.woocommerce ul.products li.product .product-action-wrap .button::after {
	  content: '' !important;
	  width: 14px !important;
	  height: 14px !important;
	  background-color: var(--th-bg-900) !important;
	  -webkit-mask: url("assets/icons/bag.svg") no-repeat center / contain !important;
	          mask: url("assets/icons/bag.svg") no-repeat center / contain !important;
	  display: block !important;
	}

	/* Loading state — darker gold background, same icon */
	.woocommerce ul.products li.product .product-action-wrap .button.loading {
	  background: #73654c !important;
	}

	/* Added state — muted green background, same icon */
	.woocommerce ul.products li.product .product-action-wrap .button.added {
	  background: #4a7542 !important;
	}

	/* Keep button dimensions during loading/added states */
	.woocommerce ul.products li.product .product-action-wrap .button.loading,
	.woocommerce ul.products li.product .product-action-wrap .button.added {
	  width: 32px !important;
	  height: 32px !important;
	  min-width: 0 !important;
	  min-height: 0 !important;
	  padding: 0 !important;
	  margin: 0 !important;
	  border-radius: 50% !important;
	  font-size: 0 !important;
	}

	/* Hide "View cart" link */
	.woocommerce ul.products li.product .product-action-wrap .added_to_cart {
	  display: none !important;
	}

	/* Out of stock — gray button with arrow icon */
	.woocommerce ul.products li.product .product-action-wrap .button:not(.add_to_cart_button) {
	  background: var(--th-bg-600) !important;
	}

	.woocommerce ul.products li.product .product-action-wrap .button:not(.add_to_cart_button)::after {
	  content: '' !important;
	  width: 14px !important;
	  height: 14px !important;
	  background-color: var(--th-gold-500) !important;
	  -webkit-mask: url("assets/icons/arrow-right.svg") no-repeat center / contain !important;
	          mask: url("assets/icons/arrow-right.svg") no-repeat center / contain !important;
	}
	
  /* OSTATAK */
	
  /* stil kategorija labela na product arhivama */
	.product-brand-label {
		display: block;
		font-family: var(--th-font-sans);
		font-size: 9px;
		font-weight: 600;
		color: var(--th-gold-400);
		letter-spacing: 0.1em;
		text-transform: uppercase;
		padding: 0 13px;
		margin-top: 10px;
	}
	
	/* stil vise tipke kod opisa kategorije */
  .tax-woo-product .archive-description .desc-expand-link {
    display: inline;
    color: var(--th-gold-300);
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
  }
	/* divider bar izmedu opisa kategorije i filter tipke */
	.tax-woo-product .kadence-shop-top-row {
		border-top: 1px solid var(--th-bg-600) !important;
	}
	
  /* smanjivanje margina oko paginacije na dnu cat archive */
  .woocommerce nav.woocommerce-pagination {
    margin: 0 auto !important;
  }
	
  /* ══════════════════════════════════════
     SINGLE PRODUCT PAGE
     ══════════════════════════════════════ */
	
  /* ══════════════════════════════════════
     1. photo and thumbnails
     ══════════════════════════════════════ */

  /* ── Make the product entry full-bleed on mobile ── */
  .single-product .entry.content-bg.entry-content-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
	
  .single-product .content-container.site-container {
    padding: 0 !important;
  }

  .entry.content-bg.entry-content-wrap.product.type-product {
	margin-left: 0px;
	margin-right: 0px;	
  }
	
  /* ── Re-add padding for everything AFTER the gallery ── */
  .single.single-product .summary.entry-summary {
    padding: 4px 18px !important;
	margin-bottom: 16px;
  }

  .single-product .related.products {
    padding: 0 18px !important;
  }

  .single-product .woocommerce-notices-wrapper {
    padding: 0 18px !important;
  }

  .single-product .product-specs-label,
  .single-product .product-specs-grid {
    padding: 0 18px !important;
  }

  .single-product .woocommerce-product-gallery__image img {
    border-radius: 10px !important;
  }
	
	/* ── Hide the thumbnail strip ── */
  .single-product .flex-control-thumbs {
    display: none !important;
  }

  /* ── Gallery container: softer dark background ── */
  .single-product .woocommerce-product-gallery {
    background: var(--th-bg-800) !important;
	padding: 20px !important;
	margin-bottom: 0px !important;
  }

  .single.single-product .content-area {
	margin-top: 0;
  }
	
  /* ── Style FlexSlider dot navigation ── */
  .single-product .woocommerce-product-gallery .flex-control-nav {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 22px 0 6px !important;
    margin: 0 !important;
    list-style: none !important;
	background: var(--th-bg-800) !important;
  }

  .single-product .woocommerce-product-gallery .flex-control-nav li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .single-product .woocommerce-product-gallery .flex-control-nav li a {
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: var(--th-gold-500) !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    border: none !important;
    padding: 0 !important;
    transition: background 0.2s ease !important;
  }

  .single-product .woocommerce-product-gallery .flex-control-nav li a.flex-active {
    background: var(--th-gold-300) !important;
  }

  /* ══════════════════════════════════════
     1. PRODUCT TITLE
     ══════════════════════════════════════ */
  .single-product .product_title.entry-title {
    font-family: var(--th-font-serif) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.15 !important;
    margin: 14px 0 4px !important;
  }

  /* ══════════════════════════════════════
     2. PRICE
     ══════════════════════════════════════ */
  .single-product .summary .price {
    margin-bottom: 14px !important;
  }

  .single-product .summary .price .woocommerce-Price-amount,
  .single-product .summary .price bdi {
    font-family: var(--th-font-serif) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  .single-product .summary .price .woocommerce-Price-currencySymbol {
    font-family: var(--th-font-sans) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
    vertical-align: baseline !important;
  }

  /* ══════════════════════════════════════
     3. DESCRIPTION
     ══════════════════════════════════════ */
  .single-product .woocommerce-product-details__short-description,
  .single-product .woocommerce-product-details__short-description p {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
  }

  /* ══════════════════════════════════════
     4. QUANTITY SELECTOR
     ══════════════════════════════════════ */
  .single-product form.cart {
    display: flex !important;
    /*gap: 10px !important;*/
    align-items: stretch !important;
    margin-bottom: 24px !important;
  }

  .single-product form.cart .quantity {
    display: flex !important;
    align-items: center !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .single-product form.cart .quantity .qty {
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--th-bg-600) !important;
    border-right: 1px solid var(--th-bg-600) !important;
    color: var(--th-cream-50) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    width: 36px !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
  }

  /* Hide number input spinners */
  .single-product form.cart .quantity .qty::-webkit-outer-spin-button,
  .single-product form.cart .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }

  /* style for the quantity plus and minus buttons */
  .single-product form.cart .quantity .minus,
  .single-product form.cart .quantity .plus {
    background: transparent !important;
    border: none !important;
    color: var(--th-text-muted) !important;
    font-size: 20px !important;
    width: 40px !important;
    height: 48px !important;
    padding: 0 !important;
    cursor: pointer !important;
  }


  /* ══════════════════════════════════════
     5. ADD TO CART BUTTON
     ══════════════════════════════════════ */
  .single-product form.cart .single_add_to_cart_button {
    flex: 1 !important;
    height: 48px !important;
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 12px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    padding: 0 20px !important;
    white-space: nowrap !important;
	margin-left: 12px; 
  }
	
  /* ── Hide "View cart" link after adding ── */
  .single-product .summary .added_to_cart {
    display: none !important;
  }
	
  /* ══════════════════════════════════════
     6. DIVIDER AFTER ADD TO CART
     ══════════════════════════════════════ */
  .single-product .store-availability {
    border-top: 1px solid var(--th-bg-600) !important;
    padding-top: 20px !important;
    margin-top: 24px !important;
  }

 /* ══════════════════════════════════════
	STORE AVAILABILITY
    ══════════════════════════════════════ */
	
  /* ── Section label ── */
  .single-product .store-availability::before {
    content: 'DOSTUPNOST U TRGOVINAMA';
    display: block;
    font-family: var(--th-font-sans);
    font-size: 9px;
    font-weight: 600;
    color: var(--th-gold-500);
    letter-spacing: 0.14em;
    margin-bottom: 12px;
  }

  /* ── Each store row ── */
  .single-product .store-availability__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--th-bg-800);
    border: 1px solid var(--th-bg-600);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 6px;
  }

  /* ── Store name ── */
  .single-product .store-availability__store {
    font-family: var(--th-font-sans);
    font-size: 13px;
    font-weight: 600;
    color: var(--th-cream-100);
  }

  /* ── Available status ── */
  .single-product .store-availability__item--dostupno .store-availability__status {
    font-family: var(--th-font-sans);
    font-size: 11px;
    font-weight: 600;
    color: #4ADE80 !important;
  }

  /* ── Unavailable status ── */
  .single-product .store-availability__item--nedostupno .store-availability__status {
    font-family: var(--th-font-sans);
    font-size: 11px;
    font-weight: 600;
    color: #EF4444 !important;
  }

  /* ── Green dot ── */
  .single-product .store-availability__item--dostupno .store-availability__status::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22C55E;
    margin-right: 6px;
    vertical-align: middle;
  }

  /* ── Red dot ── */
  .single-product .store-availability__item--nedostupno .store-availability__status::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DC2626;
    margin-right: 6px;
    vertical-align: middle;
  }

  .single-product .store-availability__item--nedostupno .store-availability__store {
    color: var(--th-text-muted) !important;
  }
	
  


  /* ══════════════════════════════════════
   * RELATED PRODUCTS PART ON SINGLE PRODUCT PAGE
     1. DIVIDER ABOVE RELATED PRODUCTS
     ══════════════════════════════════════ */
  .single-product section.related.products {
    border-top: 1px solid var(--th-bg-600) !important;
    padding-top: 20px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-top: 20px !important;
  }

  /* ══════════════════════════════════════
     2. TITLE STYLING
     ══════════════════════════════════════ */
  .single-product section.related.products > h2 {
    font-family: var(--th-font-serif) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 14px !important;
  }

  /* ══════════════════════════════════════
     3. CARD INNER PADDING — scoped to
        single product related only
     ══════════════════════════════════════ */
  .single-product section.related.products ul.products li.product .product-details.entry-content-wrap {
    padding: 6px 12px 14px !important;
  }
	
  /* ══════════════════════════════════════
     5. CARDS OUTER MARGIN
     ══════════════════════════════════════ */
  .single-product section.related.products ul.products.product-archive {
    padding: 0 !important;
  }

/* ══════════════════════════════════════
   PRODUCT SPECS — mobile defaults (cards grid)
   Desktop overrides in min-width: 768px section
   ══════════════════════════════════════ */

/* ── Divider ── */
.single-product .product-specs-divider {
  border-top: 1px solid var(--th-bg-600);
  margin: 18px;
}

/* ── Section label ── */
.single-product .product-specs-label {
  font-family: var(--th-font-sans);
  font-size: 9px;
  font-weight: 600;
  color: var(--th-gold-500);
  letter-spacing: 0.14em;
  margin-bottom: 14px;
}

/* ── Grid container ── */
.single-product .product-specs-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Each card ── */
.single-product .product-spec-card {
  flex: 0 0 calc(50% - 4px);
  background: var(--th-bg-800);
  border-radius: 10px;
  padding: 12px 14px;
  box-sizing: border-box;
}

/* ── Label ── */
.single-product .product-spec-card__label {
  font-family: var(--th-font-sans);
  font-size: 9px;
  font-weight: 500;
  color: var(--th-gold-500);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* ── Value ── */
.single-product .product-spec-card__value {
  font-family: var(--th-font-sans);
  font-size: 13px;
  font-weight: 700;
  color: var(--th-cream-100);
  line-height: 1.4;
}

.single-product .product-spec-card__value p {
  margin: 0;
}

/* ── Profile — full width, italic ── */
.single-product .product-spec-card--profile {
  flex: 0 0 100%;
}

.single-product .product-spec-card--profile .product-spec-card__value {
  font-family: var(--th-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 12.5px;
}

/* fix kako se broj rezultata nebi pokazivao prije nego se skrati */
.kadence-woo-results-count .woocommerce-result-count {
  visibility: hidden;
}

/* ══════════════════════════════════════
   CONTACT PAGE — mobile defaults
   Mobile renders the accordion (.contact-section-maloprodaja, etc.);
   desktop hides it via display:none and renders .desktop-contact-layout
   (tabs) instead. Accordion rules below are mobile-first base — they
   apply on desktop too but target hidden elements, so no visual effect.
   Page-chrome rules with no desktop counterpart stay wrapped in
   max-width: 767px to avoid leaking onto the desktop layout.
   ══════════════════════════════════════ */

/* ── Page-chrome: rules that target visible-on-desktop elements ── */
@media (max-width: 767px) {

  /* Hide subtitle on mobile */
  .page-stores-kk p.kt-adv-heading28_448dca-80,
  .page-stores-kk p.kt-adv-heading39_aeab50-48 {
    display: none !important;
  }

  /* Page spacing */
  .page-stores-kk .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .page-stores-kk .entry-content-wrap {
    padding: 10px 16px 24px !important;
  }

  /* Page title "KONTAKT" → eyebrow label */
  .page-stores-kk .entry-title {
    font-size: 10px !important;
    font-family: var(--th-font-sans) !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    color: var(--th-gold-400) !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    line-height: 1 !important;
  }

  /* "Naše Trgovine" H2 */
  .page-stores-kk .single-content > .wp-block-kadence-advancedheading {
    font-family: var(--th-font-serif) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.15 !important;
    margin: 0 0 6px !important;
  }

  /* Divider after Naše Trgovine */
  .page-stores-kk .single-content > .wp-block-kadence-advancedheading + .kb-row-layout-wrap {
    border-top: 1px solid var(--th-bg-600);
    margin-top: 12px !important;
    padding-top: 18px !important;
  }

  /* Section wrapper rows: kill all internal padding */
  .page-stores-kk .single-content .kb-row-layout-wrap > .kt-row-column-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 10px !important;
  }

  /* Section labels (MALOPRODAJA / VELEPRODAJA) */
  .page-stores-kk .single-content .kt-inside-inner-col > h6.wp-block-kadence-advancedheading {
    font-family: var(--th-font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    margin: 0 0 12px !important;
  }

  /* fix pozicija za transparent header */
  .page-stores-kk .entry-header.page-title {
    margin-top: 86px;
  }

  /* fix pozicija za transparent header */
  .page-stores-kk .entry-content.single-content {
    margin-top: 0px;
  }
}

/* ── Mobile-first base: accordion-only rules (accordion is hidden on desktop) ── */

/* Accordion pane gap */
.page-stores-kk .kt-accordion-inner-wrap {
  row-gap: 10px !important;
}

/* Each accordion pane = one unified card */
.page-stores-kk .wp-block-kadence-pane {
  background: var(--th-bg-800) !important;
  border: 1px solid var(--th-bg-600) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Accordion header: no separate border, lives inside the card */
.page-stores-kk .kt-blocks-accordion-header {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--th-cream-100) !important;
  font-family: var(--th-font-serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 16px 16px !important;
}

.page-stores-kk .kt-blocks-accordion-header:hover,
.page-stores-kk .kt-blocks-accordion-header:focus-visible {
  background: transparent !important;
  border: none !important;
  color: var(--th-cream-50) !important;
}

/* Active header */
.page-stores-kk .kt-blocks-accordion-header.kt-accordion-panel-active {
  background: transparent !important;
  border: none !important;
  color: var(--th-cream-50) !important;
}

/* Active pane: gold border on the whole card */
.page-stores-kk .wp-block-kadence-pane:has(.kt-accordion-panel-active) {
  border-color: var(--th-gold-400) !important;
}

/* Arrow icon: muted by default, gold when active */
.page-stores-kk .kt-blocks-accordion-icon-trigger::before,
.page-stores-kk .kt-blocks-accordion-icon-trigger::after {
  background: var(--th-text-muted) !important;
}

.page-stores-kk .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger::before,
.page-stores-kk .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger::after {
  background: var(--th-gold-300) !important;
}

/* Circle-style icon backgrounds (if using circle icon style) */
.page-stores-kk .kt-blocks-accordion-icon-trigger {
  background: transparent !important;
}

/* Accordion panel inner: no separate card, lives inside the pane */
.page-stores-kk .kt-accordion-panel-inner {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0px 16px 16px !important;
  color: var(--th-cream-100) !important;
  border-top: 1px solid var(--th-bg-600) !important;
}

/* Info grid 2-col rows */
.page-stores-kk .kt-accordion-panel-inner .kt-has-2-columns > .kt-row-column-wrap {
  padding: 0 !important;
  gap: 8px !important;
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}

/* Info grid columns: subtle bg cards */
.page-stores-kk .kt-accordion-panel-inner .kb-row-layout-wrap:first-child .wp-block-kadence-column > .kt-inside-inner-col {
  background: rgba(255,255,255,0.02) !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

/* Info grid labels (ADRESA / RADNO VRIJEME) */
.page-stores-kk .kt-accordion-panel-inner h6.wp-block-kadence-advancedheading {
  font-family: var(--th-font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: var(--th-gold-400) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
}

/* Info grid values (addresses, hours) */
.page-stores-kk .kt-accordion-panel-inner p.wp-block-kadence-advancedheading {
  font-family: var(--th-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--th-cream-100) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Button row (3-col and 2-col): spacing */
.page-stores-kk .kt-accordion-panel-inner .kt-has-3-columns > .kt-row-column-wrap,
.page-stores-kk .kt-accordion-panel-inner .kb-row-layout-id28_8720a4-cc > .kt-row-column-wrap {
  padding: 0 !important;
  gap: 8px !important;
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

/* Action buttons (Nazovi / Upute / Email) */
.page-stores-kk .kt-accordion-panel-inner .kb-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: var(--th-gold-glow-08) !important;
  border: 1px solid var(--th-bg-600) !important;
  border-radius: 8px !important;
  color: var(--th-cream-100) !important;
  font-family: var(--th-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 11px 8px !important;
  box-shadow: none !important;
}

.page-stores-kk .kt-accordion-panel-inner .kb-button:hover,
.page-stores-kk .kt-accordion-panel-inner .kb-button:focus,
.page-stores-kk .kt-accordion-panel-inner .kb-button:active {
  background: var(--th-gold-glow-14) !important;
  border-color: var(--th-bg-500) !important;
  box-shadow: none !important;
}

/* Remove default heading margins from Kadence inside accordion */
.page-stores-kk .kt-accordion-panel-inner .kadence-advanced-heading-wrapper h6,
.page-stores-kk .kt-accordion-panel-inner .kadence-advanced-heading-wrapper p {
  margin: 0 !important;
}

/* Veleprodaja section: top divider + spacing
   These row IDs are explicitly hidden on desktop via display:none */
.page-stores-kk .kb-row-layout-id28_2b685a-a6,
.page-stores-kk .kb-row-layout-id39_17049d-e8 {
  margin-top: 8px;
  padding-top: 18px;
}

/* Row layout wrappers inside accordion: kill extra margins */
.page-stores-kk .kt-accordion-panel-inner .kb-row-layout-wrap {
  margin-top: 16px !important;
}

/* Kill the Kadence column inner-col default gap inside accordion */
.page-stores-kk .kt-accordion-panel-inner .kt-inside-inner-col {
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Accordion header: flex column for title + subtitle */
.page-stores-kk .kt-blocks-accordion-title-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

/* Subtitle (injected via PHP) */
.page-stores-kk .kt-accordion-subtitle {
  font-family: var(--th-font-sans);
  font-size: 11px;
  font-weight: 400;
  color: var(--th-text-muted);
  line-height: 1.3;
}

/* Closed days: muted color */
.page-stores-kk .closed-day {
  color: var(--th-text-muted);
}

/* ══════════════════════════════════════
   BLOG ARCHIVE PAGE — mobile defaults
   Desktop overrides in min-width: 768px section.
   ══════════════════════════════════════ */

  /* ── 1. PAGE MARGINS ── */
  .blog .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .blog .content-container.site-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ── 2. PAGE HEADER (BLOG eyebrow + Kadence Element heading) ──
     Wrapped mobile-only: when unwrapped to base, this rule was winning
     over the desktop counterpart and applying mobile padding on desktop. */
  @media (max-width: 767px) {
    .blog .entry-header.post-archive-title {
      padding: 20px 16px 16px !important;
      margin: 0 !important;
    }
  }

  /* These two rules stay mobile-only-wrapped: their !important would
     otherwise leak to desktop and override desktop's no-!important
     versions, including margin-top: 42px on archive-title (which
     Kadence's own cascade was previously adjusting). */
  @media (max-width: 767px) {

    /* "BLOG" H1 → eyebrow label */
    .blog .archive-title {
      font-family: var(--th-font-sans) !important;
      font-size: 10px !important;
      font-weight: 500 !important;
      letter-spacing: 0.18em !important;
      color: var(--th-gold-400) !important;
      text-transform: uppercase !important;
      margin-bottom: 4px !important;
      line-height: 1 !important;
    }

    /* "Vodiči & Novosti" H2 from Kadence Element */
    .blog .entry-header h2.wp-block-kadence-advancedheading,
    .blog .entry-header .kt-adv-heading4795_8d3266-d1 {
      font-family: var(--th-font-serif) !important;
      font-size: 30px !important;
      font-weight: 700 !important;
      color: var(--th-cream-50) !important;
      line-height: 1.15 !important;
      margin: 0 0 4px !important;
    }
  }

  /* Subtitle from Kadence Element */
  .blog .entry-header p.wp-block-kadence-advancedheading,
  .blog .entry-header .kt-adv-heading4795_6fff35-08 {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  /* ── 3. POST GRID → single column ── */
  .blog #archive-container {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 16px !important;
    border-top: 1px solid var(--th-bg-600);
  }

  /* ── 4. EACH ARTICLE → horizontal flex row ── */
  .blog .loop-entry {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 0 !important;
    overflow: visible !important;
  }

  /* ── 5. THUMBNAIL → square, fixed size ── */

  /* Reset Kadence's padding-bottom ratio trick */
  .blog .loop-entry a.post-thumbnail {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    flex-shrink: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
  }

  .blog .loop-entry .post-thumbnail-inner {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100px !important;
    height: 100px !important;
  }

  .blog .loop-entry .post-thumbnail-inner img {
    position: relative !important;
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  /* ── 6. CONTENT AREA ── */
  .blog .loop-entry .entry-content-wrap {
    flex: 1 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: transparent !important;
  }

  .blog .loop-entry .entry-header {
    margin: 0 !important;
  }

  /* ── 7. TITLE ── (wrapped mobile-only: line-height 1.3 was leaking
     onto the desktop h2 wrapper, overriding desktop's 0.6) */
  @media (max-width: 767px) {
    .blog .loop-entry .entry-title,
    .blog .loop-entry .entry-title a {
      font-family: var(--th-font-serif) !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      color: var(--th-cream-50) !important;
      line-height: 1.3 !important;
      margin: 0 0 6px !important;
      text-decoration: none !important;
    }
  }

  /* ── 8. META — date styling ── */
  .blog .loop-entry .entry-meta {
    font-size: 10px !important;
    color: var(--th-gold-400) !important;
    margin: 0 !important;
  }

  /* ── 9. HIDE author + Read More ── */
  .blog .loop-entry .posted-by {
    display: none !important;
  }

  /* Remove dot divider when only date remains */
  .blog .entry-meta-divider-dot .posted-on::before {
    display: none !important;
  }

  .blog .loop-entry .entry-footer {
    display: none !important;
  }
	
  /* Thumbnail border */
  .blog .loop-entry .post-thumbnail-inner img {
    border: 1px solid var(--th-bg-600) !important;
  }

  /* Category tag */
  .blog .loop-entry .entry-taxonomies {
    margin: 0 0 4px !important;
  }

  .blog .loop-entry .category-links,
  .blog .loop-entry .category-links a {
    font-family: var(--th-font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }
	
  /* Per-category tag colors */
  .blog .category-cigare .category-links a {
    color: #A08560 !important;
  }

  .blog .category-alkoholna-pica .category-links a {
    color: #D4A44A !important;
  }

  .blog .category-how-to .category-links a {
    color: #C87A5A !important;
  }

  .blog .category-oprema .category-links a {
    color: #6BA368 !important;
  }

/* ══════════════════════════════════════
   SINGLE BLOG POST — mobile defaults
   Desktop overrides in min-width: 768px section.
   ══════════════════════════════════════ */

  /* ── 1. PAGE MARGINS ── */
  .single-post .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .single-post .content-container.site-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .single-post .entry-content-wrap {
    padding: 0 !important;
  }

  .single-post .entry.single-entry {
    box-shadow: none !important;
	margin: 0px 4px !important;
  }

  /* ── 2. FEATURED IMAGE → FULL-BLEED MINI-HERO ── */
  .single-post .post-thumbnail.article-post-thumbnail {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
  }

  .single-post .post-thumbnail.article-post-thumbnail .post-thumbnail-inner {
    position: absolute;
    inset: 0;
  }

  .single-post .post-thumbnail.article-post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    position: absolute;
    inset: 0;
  }

  /* ── 3. ENTRY HEADER — OVERLAID ON IMAGE ── */
  .single-post .entry-header {
    padding: 0 18px !important;
  }

  /* Category tag */
  .single-post .entry-header .entry-taxonomies {
    margin: 6px 0 !important;
  }

  .single-post .entry-header .category-links,
  .single-post .entry-header .category-links a {
    font-family: var(--th-font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: #A08560 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }

  /* Title */
  .single-post .entry-title {
    font-family: var(--th-font-serif) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  /* ── 4. META ROW ── */
  .single-post .entry-header .entry-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 22px 14px !important;
    margin-top: 14px !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    margin-left: -22px;
	  margin-right: -22px;
  }

    .single-post .entry-related-carousel .entry-header .entry-meta {
    padding: 4px 0px 14px !important;
  }

  .single-post .entry-header .entry-meta,
  .single-post .entry-header .entry-meta * {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    color: var(--th-text-muted) !important;
  }

  /* Hide author if it ever appears */
  .single-post .entry-header .posted-by {
    display: none !important;
  }

  .single-post .entry-meta-divider-dot .posted-on::before {
    display: none !important;
  }

  /* ── 5. ARTICLE BODY ── */
  .single-post .single-content {
    padding: 0px 18px 0 !important;
	margin-top: 20px;
  }

  /* Paragraphs */
  .single-post .single-content p {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--th-cream-100) !important;
    margin-bottom: 18px !important;
  }

  /* H2 */
  .single-post .single-content h2 {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.2 !important;
    margin: 32px 0 14px !important;
  }

  /* H3 */
  .single-post .single-content h3 {
    font-family: var(--th-font-serif) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.3 !important;
    margin: 24px 0 10px !important;
  }

  /* Links */
  .single-post .single-content a {
    color: var(--th-gold-300) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--th-gold-400);
  }

  /* Bold */
  .single-post .single-content strong {
    color: var(--th-cream-50);
    font-weight: 700;
  }

  /* Unordered lists */
  .single-post .single-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 18px !important;
  }

  .single-post .single-content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-family: var(--th-font-sans);
    font-size: 14px;
    color: var(--th-cream-100);
    line-height: 1.65;
  }

  .single-post .single-content ul li::before {
    content: '–';
    position: absolute;
    left: 0;
    color: var(--th-gold-400);
    font-weight: 600;
  }

  /* Ordered lists */
  .single-post .single-content ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 18px !important;
    counter-reset: post-ol;
  }

  .single-post .single-content ol li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    font-family: var(--th-font-sans);
    font-size: 14px;
    color: var(--th-cream-100);
    line-height: 1.65;
    counter-increment: post-ol;
  }

  .single-post .single-content ol li::before {
    content: counter(post-ol) '.';
    position: absolute;
    left: 0;
    color: var(--th-gold-400);
    font-weight: 600;
    font-size: 13px;
  }

  /* ── 6. RELATED POSTS → VERTICAL LIST ── */
  .single-post .entry-related {
    padding: 0 18px !important;
    margin: 0 !important;
	background-color: var(--th-bg-900);
  }

  .single-post .entry-related .entry-related-inner-content {
    border-top: 1px solid var(--th-bg-600);
    padding: 20px 20px 0px !important;
  }

  /* Eyebrow label */
  .single-post .entry-related-title {
    font-family: var(--th-font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: var(--th-gold-500) !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    margin: 0 0 4px !important;
  }

  /* Kill carousel, make vertical list */
  .single-post .entry-related-carousel .splide__track {
    overflow: visible !important;
  }

  .single-post .entry-related-carousel .splide__list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .single-post .entry-related-carousel .splide__arrows,
  .single-post .entry-related-carousel .splide__pagination {
    display: none !important;
  }

  /* Each related post → horizontal row (matches blog archive) */
  .single-post .entry-related .loop-entry {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 0 !important;
    overflow: visible !important;
  }

  /* Thumbnail */
  .single-post .entry-related .loop-entry a.post-thumbnail {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    flex-shrink: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
  }

  .single-post .entry-related .loop-entry .post-thumbnail-inner {
    position: relative !important;
    width: 80px !important;
    height: 80px !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  .single-post .entry-related .loop-entry .post-thumbnail-inner img {
    position: relative !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid var(--th-bg-600) !important;
  }

  /* Content area */
  .single-post .entry-related .loop-entry .entry-content-wrap {
    flex: 1 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: transparent !important;
  }

  .single-post .entry-related .loop-entry .entry-header {
    margin: 0 !important;
  }

  /* Category tag */
  .single-post .entry-related .loop-entry .entry-taxonomies {
    margin: 0 0 4px !important;
  }

  .single-post .entry-related .loop-entry .category-links,
  .single-post .entry-related .loop-entry .category-links a {
    font-family: var(--th-font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }

  /* Title */
  .single-post .entry-related .loop-entry .entry-title,
  .single-post .entry-related .loop-entry .entry-title a {
    font-family: var(--th-font-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.3 !important;
    margin: 0 0 6px !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }

  /* Date */
  .single-post .entry-related .loop-entry .entry-meta {
    font-size: 10px !important;
    color: var(--th-gold-400) !important;
    margin: 0 !important;
	border-bottom: 0px !important;
  }

  .single-post .entry-related .loop-entry .posted-by {
    display: none !important;
  }

  .single-post .entry-related .loop-entry .entry-footer {
    display: none !important;
  }

  .single-post .entry-related .entry-meta-divider-dot .posted-on::before {
    display: none !important;
  }

  /* ── 7. ENTRY FOOTER ── */
  .single-post > .content-wrap > article > .entry-content-wrap > .entry-footer {
    padding: 0 18px 20px !important;
  }

/* ══════════════════════════════════════
   SINGLE BLOG POST — CUSTOM CLASSES (mobile defaults)
   Assign via block editor → Advanced
   Desktop overrides in min-width: 768px section.
   ══════════════════════════════════════ */

  /* ── post-disclaimer ──
     Use on: Paragraph or Group block
     For: 18+ notice, legal disclaimers */
  .single-post .post-disclaimer {
    background: rgba(139,46,46,0.1) !important;
    border: 1px solid rgba(139,46,46,0.25) !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    margin-bottom: 22px !important;
  }

  .single-post .post-disclaimer p {
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  .single-post .post-disclaimer strong {
    color: var(--th-cream-100) !important;
  }

  /* ── post-callout ──
     Use on: Group block
     For: tips, savjeti, important notes */
  .single-post .post-callout {
    background: var(--th-gold-glow-06) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-left: 3px solid var(--th-gold-300) !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 14px 16px !important;
    margin-bottom: 20px !important;
  }

  .single-post .post-callout p {
    font-size: 13px !important;
    color: var(--th-cream-100) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }

  /* Optional: eyebrow inside callout */
  .single-post .post-callout .post-callout-label {
    font-family: var(--th-font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
  }

  /* ── post-product-cta ──
     Use on: Kadence Row block (single column)
     For: inline links to product categories */
  .single-post .post-product-cta {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin-bottom: 8px !important;
  }

  .single-post .post-product-cta a {
    color: var(--th-cream-100) !important;
    border-bottom: none !important;
    text-decoration: none !important;
  }

  .single-post .post-product-cta .kt-inside-inner-col {
    padding: 0 !important;
  }

  /* ── post-faq ──
     Use on: Kadence Accordion block
     For: FAQ section at bottom of posts */
  .single-post .post-faq {
    border-top: 1px solid var(--th-bg-600) !important;
    margin-top: 28px !important;
    padding-top: 22px !important;
  }

  .single-post .post-faq .kt-accordion-inner-wrap {
    row-gap: 8px !important;
  }

  .single-post .post-faq .wp-block-kadence-pane {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .single-post .post-faq .wp-block-kadence-pane:has(.kt-accordion-panel-active) {
    background: var(--th-bg-800) !important;
    border-color: var(--th-bg-500) !important;
  }

  .single-post .post-faq .kt-blocks-accordion-header {
    background: transparent !important;
    border: none !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 14px !important;
  }

  .single-post .post-faq .kt-blocks-accordion-header.kt-accordion-panel-active {
    color: var(--th-cream-50) !important;
  }

  .single-post .post-faq .kt-accordion-panel-inner {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--th-bg-600) !important;
    padding: 12px 14px 14px !important;
  }

  .single-post .post-faq .kt-accordion-panel-inner p {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }

  .single-post .post-faq .kt-blocks-accordion-icon-trigger::before,
  .single-post .post-faq .kt-blocks-accordion-icon-trigger::after {
    background: var(--th-text-muted) !important;
  }

  .single-post .post-faq .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger::before,
  .single-post .post-faq .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger::after {
    background: var(--th-gold-300) !important;
  }

  /* ── post-cta-box ──
     Use on: Group block
     For: end-of-post CTA (contact us, etc.) */
  .single-post .post-cta-box {
    background: var(--th-gold-glow-06) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 20px 18px !important;
    margin-top: 24px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  .single-post .post-cta-box h3,
  .single-post .post-cta-box h4 {
    font-family: var(--th-font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 6px !important;
  }

  .single-post .post-cta-box p {
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    margin-bottom: 14px !important;
    line-height: 1.5 !important;
  }

  .single-post .post-cta-box .kb-button,
  .single-post .post-cta-box .wp-block-button__link {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border-radius: 8px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    padding: 10px 24px !important;
    border: none !important;
  }

/* ═══════════════════════════════════════════════════════════════
   THE HUMIDOR — DESKTOP HOMEPAGE
   Breakpoint: min-width: 768px
   
   Mobile (≤767px) is UNTOUCHED. Every rule here is desktop-only.
   All selectors target actual Kadence block IDs from the homepage.
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. GLOBAL FIXES
     Undo styles that were meant for mobile
     but weren't wrapped in a media query
     ────────────────────────────────────── */

  /* The kk1/kk2/kk3 negative margins were for mobile edge-to-edge.
     On desktop, reset them so content sits inside the container. */
  .wp-block-kadence-column.alignwide.kk1.kk2.kk3,
  .wp-block-kadence-rowlayout.alignwide.kk1.kk2.kk3 {
    margin-right: 0;
    margin-left: 0;
  }

  /* Homepage content area — remove top margin so hero
     can sit flush against the transparent header */
  .page-homepage-kk .wrap .content-area {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* Homepage content wrap — reset padding for full-bleed hero */
  .page-homepage-kk .entry-content-wrap {
    padding: 0;
  }


  /* ──────────────────────────────────────
     1. HERO SECTION
     Block: hero-section-kk
     ────────────────────────────────────── */

  /* Swap to landscape hero image on desktop */
  .hero-section-kk > .kt-inside-inner-col {
    background-image: url('https://thehumidorstg.wpenginepowered.com/wp-content/uploads/2026/03/ChatGPT-Image-Mar-10-2026-at-10_51_41-AM.webp') !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding-left: calc((100vw - var(--global-content-width)) / 2 + var(--global-content-edge-padding));
    padding-right: calc((100vw - var(--global-content-width)) / 2 + var(--global-content-edge-padding));
    padding-bottom: 80px;
    padding-top: 0;
    justify-content: flex-end;
    align-items: flex-start;
    max-width: none;
  }

  /* Gradient overlay for text legibility */
  .hero-section-kk > .kt-inside-inner-col:before {
    background-image:
      linear-gradient(90deg, rgba(13,11,9,0.85) 0%, rgba(13,11,9,0.5) 45%, transparent 70%),
      linear-gradient(180deg, rgba(13,11,9,0.3) 0%, transparent 30%, rgba(13,11,9,0.6) 100%) !important;
    opacity: 1 !important;
  }

  /* Eyebrow label */
  .hero-section-kk .eyebrow-label-hero {
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: var(--th-gold-300);
    margin-bottom: 16px;
  }

  /* Hero heading — large, left-aligned */
  .wp-block-kadence-advancedheading.hero-heading-kk {
    font-size: 68px !important;
    line-height: 1.05 !important;
    max-width: 600px;
    margin-bottom: 8px !important;
	margin-top: 0px;
  }

  /* Subtitle — "Online & u trgovini · Zagreb" */
  .wp-block-kadence-advancedheading.hero-subtitle-kk {
    font-size: 16px !important;
    margin-bottom: 32px !important;
  }

  /* CTA buttons row */
  .wp-block-kadence-advancedbtn.hero-buttons-kk {
    margin-top: 0 !important;
    gap: 14px;
  }

  /* Primary button — SHOP NOW */
  .wp-block-kadence-advancedbtn .hero-btn-primary-kk.kb-button {
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
  }

  /* Secondary button — TRGOVINE */
  .wp-block-kadence-advancedbtn .hero-btn-secondary-kk.kb-button {
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
    border-width: 1px !important;
  }


  /* ──────────────────────────────────────
     2. CATEGORY ROWS
     Blocks: cat-row-kk
     ────────────────────────────────────── */

  /* Wrapper — constrain width, add top spacing */
  .page-homepage-kk .entry-content > .cat-row-kk {
    max-width: 1290px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 12px !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* First category row — add top spacing after hero TODO TO DO */
  .page-homepage-kk .entry-content > .cat-row-first-kk {
    margin-top: -40px !important;
    position: relative;
    z-index: 10;
  }

  /* Inner column wrap — horizontal, padded */
  .cat-row-kk > .kt-row-column-wrap {
    padding: 24px 28px !important;
    align-items: center;
  }

  /* Eyebrow labels in category rows */
  .cat-row-kk .eyebrow-label {
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    color: var(--th-gold-400);
    margin-bottom: 6px;
  }

  /* Category titles */
  .wp-block-kadence-advancedheading.cat-title-kk {
    font-size: 26px !important;
    margin-bottom: 2px !important;
  }

  /* Category subtitles */
  .kategorija-podnaslov-naslovnica {
    font-size: 13px;
  }

  /* Arrow buttons — bigger on desktop, no margin-right (mobile sets 10px) */
  .kategorija-button-naslovnica {
    width: 48px;
    height: 48px;
    margin-right: 0;
    transition: border-color 0.2s ease, color 0.2s ease;
  }

  .kategorija-button-naslovnica:hover {
    border-color: var(--th-gold-300) !important;
    color: var(--th-gold-300) !important;
  }

  /* Text column — let subtitle sit close to title */
  .cat-text-col-kk > .kt-inside-inner-col {
    row-gap: 0;
    padding: 0;
  }

  /* Arrow column — center vertically */
  .cat-arrow-col-kk > .kt-inside-inner-col {
    justify-content: center !important;
    align-items: flex-end;
    padding: 0;
  }


  /* ──────────────────────────────────────
     3. "POPULARNO SADA" + PRODUCT CAROUSEL
     Row: popular-section-kk
     Carousel: popular-carousel-kk
     ────────────────────────────────────── */

  /* Outer wrapper — constrain & space */
  .page-homepage-kk .entry-content > .popular-section-kk {
    max-width: 1290px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 40px 0px 0 !important;
  }
	
  .popular-carousel-kk li.product .woocommerce-loop-product__link {
    flex-shrink: 0 !important;
  }

  /* Make the two columns stack differently on desktop:
     title row stays side-by-side, products go full width */
  .popular-section-kk > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    row-gap: 24px;
  }

  /* Title row inside — "Popularno sada" + "Vidi sve" */
  .popular-title-row-kk > .kt-row-column-wrap {
    grid-template-columns: 1fr auto !important;
    align-items: center;
    padding: 0 !important;
  }

  /* Section title — "Popularno sada" */
  .wp-block-kadence-advancedheading.popular-heading-kk {
    font-size: 34px !important;
    margin: 0 !important;
  }

  /* "Vidi sve" button */
  .wp-block-kadence-advancedbtn .popular-viewall-btn-kk.kb-button {
    font-size: 13px !important;
    border: 1px solid var(--th-bg-500) !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    transition: border-color 0.2s ease;
  }

  .wp-block-kadence-advancedbtn .popular-viewall-btn-kk.kb-button:hover {
    border-color: var(--th-gold-300) !important;
  }

  /* Product carousel column — remove padding/margin overrides */
  .popular-carousel-col-kk > .kt-inside-inner-col {
    padding: 0 !important;
    background: transparent !important;
  }

  .popular-carousel-col-kk {
    margin: 0 !important;
  }

  /* ── Override Splide → CSS Grid for products ── */
  .popular-carousel-kk .woocommerce.columns-3 {
    overflow: visible !important;
  }

  .popular-carousel-kk .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }

  .popular-carousel-kk ul.products > li {
    width: auto !important;
    min-width: 0 !important;
	margin: 0 !important;
	margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Product card styling on desktop */
  .popular-carousel-kk li.product {
    transition: border-color 0.25s ease;
  }

  .popular-carousel-kk li.product:hover {
    border-color: var(--th-bg-500) !important;
  }


  .popular-carousel-kk .woocommerce ul.products li.product .product-details.entry-content-wrap {
    padding: 14px 16px 18px !important;
	  margin: 0 !important;
	  display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
  }
	
  .popular-carousel-kk .woocommerce ul.products li.product .woocommerce-loop-product__title {
    flex: 1 !important;
  }
	
  .popular-carousel-kk .woocommerce ul.products li.product .product-details .price {
    margin-top: auto !important;
  }

  .popular-carousel-kk .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .popular-carousel-kk .woocommerce ul.products li.product .woocommerce-loop-product__title a {
    font-family: 'Inter', Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
  }

  .popular-carousel-kk .woocommerce ul.products li.product .price,
  .popular-carousel-kk .woocommerce ul.products li.product .price .woocommerce-Price-amount,
  .popular-carousel-kk .woocommerce ul.products li.product .price bdi {
    font-size: 20px !important;
  }

  /* Currency symbol — match desktop price size (mobile is 17px) */
  .popular-carousel-kk .woocommerce ul.products li.product .woocommerce-Price-currencySymbol {
    font-size: 20px !important;
  }

  /* Brand label on product images */
  .popular-carousel-kk .product-brand-label {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--th-gold-400);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0 16px;
    margin-top: 12px;
  }


/* ──────────────────────────────────────
     4. TRGOVINE (STORES) SECTION
     ────────────────────────────────────── */

  .kb-row-layout-wrap.stores-section-kk.alignwide.kk1.kk2.kk3.wp-block-kadence-rowlayout {
	  padding-top: 40px;
	}

  /* Store card containers — uniform styling */
  .store-card-kk > .kt-inside-inner-col {
    background-color: var(--th-bg-800) !important;
    border-radius: 10px;
  }

  /* Phone button — green on desktop too */

  /* Location button — red on desktop too */

  /* Call/location buttons — consistent sizing */
  .poziv-button-naslovnica,
  .lokacija-button-naslovnica {
    width: 40px !important;
    height: 40px !important;
  }

  h3.stores-heading-kk.wp-block-kadence-advancedheading {
	font-size: 34px;	
  }
  .page-homepage-kk .entry-content > .stores-grid-kk {
    max-width: 1290px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0px !important;
  }

  .stores-grid-kk > .kt-row-column-wrap {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px;
  }

  .store-row-kk > .kt-row-column-wrap {
    padding: 20px !important;
    grid-template-columns: 1fr auto !important;
    align-items: center;
  }

  .wp-block-kadence-advancedheading.store-title-kk{
    font-size: 20px !important;
    margin-bottom: 4px !important;
  }
	
  .stores-grid-kk .kategorija-button-naslovnica {
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
  }

  /* ──────────────────────────────────────
     5. VODIČI (GUIDES) + BLOG CAROUSEL
     Row: guides-section-kk
     Carousel: guides-carousel-kk
     ────────────────────────────────────── */

  /* Outer wrapper */
  .page-homepage-kk .entry-content > .guides-section-kk {
    max-width: 1290px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px 0px 0 !important;
  }

  /* Make two columns stack: title row on top, blog grid below */
  .guides-section-kk > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    row-gap: 24px;
  }

  /* Title row — "Vodiči" + "Vidi sve" */
  .guides-title-row-kk > .kt-row-column-wrap {
    grid-template-columns: 1fr auto !important;
    align-items: center;
    padding: 0 !important;
  }

  /* "Vodiči" section title */
  .wp-block-kadence-advancedheading.guides-heading-kk {
    font-size: 34px !important;
    margin: 0 !important;
  }

  /* "Vidi sve" button in Vodiči */
  .wp-block-kadence-advancedbtn .guides-viewall-btn-kk.kb-button {
    font-size: 13px !important;
    border: 1px solid var(--th-bg-500) !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    transition: border-color 0.2s ease;
  }

  .wp-block-kadence-advancedbtn .guides-viewall-btn-kk.kb-button:hover {
    border-color: var(--th-gold-300) !important;
  }

  /* Blog column — remove mobile padding/bg */
  .guides-carousel-col-kk > .kt-inside-inner-col {
    padding: 0 !important;
    background: transparent !important;
  }

  .guides-carousel-col-kk {
    margin: 0 !important;
  }

  /* ── Override Splide → CSS Grid for blog posts ── */
  .guides-carousel-kk .kt-post-grid-layout-carousel-wrap {
    overflow: visible !important;
  }

  .guides-carousel-kk .kadence-splide-slider-init {
    overflow: visible !important;
  }

  .guides-carousel-kk .kadence-splide-slider-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }

  .guides-carousel-kk .kt-post-slider-item {
    width: 100% !important;
    min-width: 0 !important;
	margin: 0 !important;
	display: flex !important;
  }

  /* Show all blog items (third one is hidden by default) */
  .guides-carousel-kk .kt-post-slider-item article.hide-on-js {
    display: block !important;
  }

  /* Blog card styling */
  .guides-carousel-kk .kt-blocks-post-grid-item {
    border-radius: 10px !important;
    overflow: hidden;
    transition: border-color 0.25s ease;
  }

  .guides-carousel-kk .kt-blocks-post-grid-item:hover {
    border-color: var(--th-bg-500) !important;
  }

  /* Blog post titles */
  .guides-carousel-kk .kt-blocks-post-grid-item .entry-title {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .guides-carousel-kk .kt-blocks-post-grid-item .entry-title a {
    color: var(--th-cream-100);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .guides-carousel-kk .kt-blocks-post-grid-item .entry-title a:hover {
    color: var(--th-gold-300);
  }

  .guides-carousel-kk .kt-blocks-post-grid-item {
    height: 100% !important;
	width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .guides-carousel-kk .kt-blocks-post-grid-item-inner-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
  }

  .guides-carousel-kk .kt-blocks-post-grid-item-inner {
    flex: 1 !important;
  }

  /* ──────────────────────────────────────
     6. FOOTER
     ────────────────────────────────────── */

  /* Top footer — copyright */
  .site-top-footer-inner-wrap {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
  }

  /* Middle footer — nav links */
  .site-middle-footer-inner-wrap {
    padding-top: 10px !important;
    padding-bottom: 40px !important;
  }


  /* ──────────────────────────────────────
     7. HEADER REFINEMENTS
     (Transparent header is already set
      in Kadence for desktop)
     ────────────────────────────────────── */

  /* Sticky header — slightly more opaque bg */
  #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
  #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
    background: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  /* Nav link hover — smooth transition */
  .main-navigation .primary-menu-container > ul > li.menu-item > a {
    transition: color 0.2s ease;
  }


  /* ──────────────────────────────────────
     8. SUBTLE HOVER STATES
     Performance-friendly CSS transitions
     ────────────────────────────────────── */

  /* Category rows */
  .cat-row-kk {
    transition: border-color 0.25s ease;
  }

  .cat-row-kk:hover {
    border-color: var(--th-bg-500) !important;
  }

  /* Store cards */
  .store-row-kk {
    transition: border-color 0.25s ease;
  }

  .store-row-kk:hover {
    border-color: var(--th-bg-500) !important;
  }

}

/* ══════════════════════════════════════
   CONTACT PAGE — DESKTOP
   Only affects ≥768px. Mobile is untouched.
   ══════════════════════════════════════ */

/* ── Hide desktop layout on mobile/tablet ── */
.desktop-contact-layout {
  display: none !important;
}

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     1. SHOW/HIDE TOGGLE
     ────────────────────────────────────── */
  .desktop-contact-layout {
    display: block !important;
  }

  .page-stores-kk .contact-section-maloprodaja,
  .page-stores-kk .kb-row-layout-id28_2b685a-a6,
  .page-stores-kk .kb-row-layout-id39_17049d-e8 {
    display: none !important;
  }


  /* ──────────────────────────────────────
     2. PAGE TITLE AREA
     ────────────────────────────────────── */
  .page-stores-kk .entry-title {
    font-size: 14px;
    font-family: var(--th-font-sans);
    font-weight: 500;
    letter-spacing: 0.18em;
    color: var(--th-gold-400);
    text-transform: uppercase;
    margin-bottom: 8px;
	margin-top: 42px;
    line-height: 1;
  }
	
  .page-stores-kk .single-content {
	margin-top: 12px;	
  }

  .page-stores-kk .single-content > .wp-block-kadence-advancedheading {
    font-family: var(--th-font-serif);
    font-size: 48px;
    font-weight: 700;
    color: var(--th-cream-50);
    line-height: 1.1;
    margin: 0 0 10px;
  }
	
  /* ── Contact page subtitle below "Naše Trgovine" ── */
  .page-stores-kk p.kt-adv-heading28_448dca-80,
  .page-stores-kk p.kt-adv-heading39_aeab50-48 {
    font-family: var(--th-font-sans) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
    line-height: 1.6 !important;
    margin: 12px 0 0 !important;
  }


  /* ──────────────────────────────────────
     3. DESKTOP LAYOUT WRAPPER
     ────────────────────────────────────── */

  /* The outer row: stack maloprodaja and veleprodaja vertically */
  .desktop-contact-layout > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    gap: 56px !important;
  }


  /* ──────────────────────────────────────
     4. KADENCE TABS — OUTER SHELL
     ────────────────────────────────────── */
  .desktop-contact-layout .kt-tabs-wrap {
    border: 1px solid var(--th-bg-600);
    border-radius: 12px;
    overflow: hidden;
  }


  /* ──────────────────────────────────────
     5. TAB TITLES (left sidebar)
     ────────────────────────────────────── */
  .desktop-contact-layout .kt-tabs-title-list {
    background: var(--th-bg-900) !important;
    border-right: 1px solid var(--th-bg-600) !important;
    min-width: 340px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .desktop-contact-layout .kt-tabs-title-list li {
    margin: 0 !important;
    border-bottom: 1px solid var(--th-bg-600);
    border-radius: 0 !important;
  }

  .desktop-contact-layout .kt-tabs-title-list li:last-child {
    border-bottom: none;
  }

  .desktop-contact-layout .kt-tabs-title-list li .kt-tab-title {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-100) !important;
    background: transparent !important;
    border: none !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
    padding: 24px 28px !important;
    margin: 0 !important;
    text-align: left !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
  }

  .desktop-contact-layout .kt-tabs-title-list li .kt-tab-title:hover {
    background: var(--th-bg-800) !important;
    color: var(--th-cream-50) !important;
    border-color: transparent !important;
    border-left-color: transparent !important;
  }

  /* Active tab */
  .desktop-contact-layout .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title {
    background: var(--th-bg-800) !important;
    color: var(--th-cream-50) !important;
    border-color: transparent !important;
    border-left: 3px solid var(--th-gold-300) !important;
  }
	
  /* ── Tab subtitle (injected via PHP) ── */
  .desktop-contact-layout .kt-tab-subtitle {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 400;
    color: var(--th-text-muted);
    line-height: 1.3;
    margin-top: 4px;
    letter-spacing: 0;
    text-transform: none;
  }

  .desktop-contact-layout .kt-tab-title-active .kt-tab-subtitle {
    color: var(--th-text-muted);
  }


  /* ──────────────────────────────────────
     6. TAB CONTENT PANEL (right side)
     ────────────────────────────────────── */
  .desktop-contact-layout .kt-tabs-content-wrap {
    background: var(--th-bg-800) !important;
  }

  .desktop-contact-layout .kt-tabs-content-wrap > .wp-block-kadence-tab {
    background: var(--th-bg-800) !important;
    border: none !important;
    padding: 0 !important;
    min-height: 400px !important;
  }

  /* Inner content wrapper inside each tab */
  .desktop-contact-layout .kt-tab-inner-content-inner {
    padding: 0 !important;
  }

  /* The top-level row inside each tab — stack its 4 columns vertically.
     Only target the DIRECT child row of the tab inner content,
     not nested rows (like the 2-col ADRESA/RADNO VRIJEME grid). */
  .desktop-contact-layout .kt-tab-inner-content-inner > .kb-row-layout-wrap > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
  }


  /* ──────────────────────────────────────
     7. MAP IFRAME (inside tabs)
     ────────────────────────────────────── */
  .desktop-contact-layout .store-detail-map {
    padding: 0 !important;
  }

  .desktop-contact-layout .store-detail-map .kt-inside-inner-col {
    padding: 32px 32px 0 !important;
  }

  .desktop-contact-layout .store-detail-map iframe {
    border-radius: 10px !important;
    border: 1px solid var(--th-bg-600) !important;
    width: 100% !important;
    height: 220px !important;
  }


  /* ──────────────────────────────────────
     8. STORE HEADING (h3 inside tabs)
     ────────────────────────────────────── */
  .desktop-contact-layout .kt-tabs-content-wrap h3.wp-block-kadence-advancedheading {
    font-family: var(--th-font-serif) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 !important;
    padding: 24px 32px 24px !important;
  }


  /* ──────────────────────────────────────
     9. INFO GRID (ADRESA / RADNO VRIJEME inside tabs)
     ────────────────────────────────────── */

  /* The row wrapping the 2-col info grid — force side-by-side */
  .desktop-contact-layout .kt-tabs-content-wrap .kt-has-2-columns > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    padding: 20px 32px 0 !important;
  }

  /* The column that wraps the info grid row — kill its own padding */
  .desktop-contact-layout .kt-tabs-content-wrap .kt-has-2-columns {
    padding: 0 !important;
  }

  /* Labels: ADRESA, RADNO VRIJEME */
  .desktop-contact-layout .kt-tabs-content-wrap h6.wp-block-kadence-advancedheading {
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    margin: 0 0 8px !important;
  }

  /* Values: address text, hours */
  .desktop-contact-layout .kt-tabs-content-wrap p.wp-block-kadence-advancedheading {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--th-cream-100) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }

  .desktop-contact-layout .kt-tabs-content-wrap p.wp-block-kadence-advancedheading.store-hours-closed {
	color: var(--th-text-muted) !important;
  }


  /* ──────────────────────────────────────
     10. ACTION BUTTONS (inside tabs)
     ────────────────────────────────────── */

  /* Button row wrapper */
  .desktop-contact-layout .kt-tabs-content-wrap .kb-buttons-wrap {
    padding: 24px 32px 32px !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  /* All buttons: base style */
  .desktop-contact-layout .kt-tabs-content-wrap .kb-button {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
  }

  /* buttons (Upute, Email) — ghost style */
  .desktop-contact-layout .kt-tabs-content-wrap .kb-buttons-wrap .kb-button {
    background: transparent !important;
    color: var(--th-cream-100) !important;
    border: 1px solid var(--th-bg-500) !important;
  }

  .desktop-contact-layout .kt-tabs-content-wrap .kb-buttons-wrap .kb-button:hover {
    border-color: var(--th-gold-300) !important;
    color: var(--th-gold-300) !important;
  }

  /* ──────────────────────────────────────
     12. VELEPRODAJA SECTION
     ────────────────────────────────────── */

  /* Section label */
  .desktop-contact-layout h6.eyebrow-subtitle-kk {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    margin: 0 0 20px !important;
  }

  /* Card wrapper */
  .veleprodaja-desktop-card > .kt-row-column-wrap {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    gap: 40px !important;
  }

  /* Veleprodaja title */
  .veleprodaja-desktop-card h3.wp-block-kadence-advancedheading {
    font-family: var(--th-font-serif) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 4px !important;
  }

  /* Veleprodaja subtitle (Seles Zastupstva d.o.o.) */
  .veleprodaja-desktop-card h6.wp-block-kadence-advancedheading {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 28px !important;
  }

  /* Info labels inside veleprodaja */
  .veleprodaja-desktop-card .kt-has-2-columns h6.wp-block-kadence-advancedheading {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    margin: 0 0 8px !important;
  }

  /* Info values inside veleprodaja */
  .veleprodaja-desktop-card p.wp-block-kadence-advancedheading {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--th-cream-100) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }
	
  .veleprodaja-desktop-card p.wp-block-kadence-advancedheading.store-hours-closed {
	color: var(--th-text-muted) !important;
  }

  /* Veleprodaja info grid */
  .veleprodaja-desktop-card .kt-has-2-columns > .kt-row-column-wrap {
    gap: 24px !important;
    padding: 0 !important;
  }

  /* Veleprodaja buttons */
  .veleprodaja-desktop-card .kb-buttons-wrap {
    display: flex !important;
    gap: 10px !important;
    margin-top: 28px !important;
  }

  .veleprodaja-desktop-card .kb-button {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
  }

  .veleprodaja-desktop-card .kb-buttons-wrap .kb-button {
    background: transparent !important;
    color: var(--th-cream-100) !important;
    border: 1px solid var(--th-bg-500) !important;
  }

  .veleprodaja-desktop-card .kb-buttons-wrap .kb-button:hover {
    border-color: var(--th-gold-300) !important;
    color: var(--th-gold-300) !important;
  }

  /* Veleprodaja map iframe */
  .veleprodaja-desktop-card iframe {
    border-radius: 10px !important;
    border: 1px solid var(--th-bg-600) !important;
  }

  /* Veleprodaja inner rows — kill extra padding */
  .veleprodaja-desktop-card .kb-row-layout-wrap > .kt-row-column-wrap {
    padding: 0 !important;
  }


  /* ──────────────────────────────────────
     14. GENERAL CLEANUP
     ────────────────────────────────────── */

  /* Kill Kadence's default box-shadow on the content wrap for this page */
  .page-stores-kk .entry.single-entry {
    box-shadow: none !important;
  }

  /* Kill default content-bg background that creates a white card */
  .page-stores-kk .entry.content-bg {
    background: transparent !important;
  }

  /* Ensure inner columns don't add unwanted gaps */
  .desktop-contact-layout .kt-inside-inner-col {
    gap: 0 !important;
  }

  /* Accordion title list items on mobile breakpoint inside tabs 
     (Kadence tabs collapse to accordion on mobile — this ensures
      the accordion version inherits ok, though it's hidden anyway) */
  .desktop-contact-layout .kt-tabs-content-wrap > .kt-tabs-accordion-title {
    display: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   DESKTOP CATEGORY ARCHIVE REDESIGN
   Breakpoint: min-width 768px
   Works WITH Kadence's existing flex sidebar layout.
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. LAYOUT FOUNDATION
     Reset content area margins, widen the sidebar
     ────────────────────────────────────── */

  .tax-woo-product .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .tax-woo-product .content-container.site-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
	grid-gap: 0;
  }

  /* Kadence sidebar — make it wider and sticky */
  .tax-woo-product .primary-sidebar {
    display: block !important;
    min-width: 300px !important;
    flex: 0 0 300px !important;
    border-right: 1px solid var(--th-bg-600) !important;
    padding: 0 20px 40px 0px !important;
    position: sticky !important;
    top: 80px !important;
    height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    background: var(--global-palette8) !important;
    margin: 0 20px 0 0 !important;
	padding-right: 20px !important;
  }

  /* Smooth thin scrollbar */
  .tax-woo-product .primary-sidebar::-webkit-scrollbar { width: 4px; }
  .tax-woo-product .primary-sidebar::-webkit-scrollbar-track { background: transparent; }
  .tax-woo-product .primary-sidebar::-webkit-scrollbar-thumb { background: var(--th-bg-600); border-radius: 2px; }

  /* Main content area — take remaining space */
  .tax-woo-product #main.site-main {
    padding: 0 0 28px !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* Remove boxed content shadows */
  .tax-woo-product .entry.single-entry,
  .tax-woo-product .entry.loop-entry,
  .tax-woo-product .entry-content-wrap {
    box-shadow: none !important;
  }


  /* ──────────────────────────────────────
     1. CATEGORY HEADER / HERO
     Lives inside <main>, so we style it
     within that column (not full-width).
     ────────────────────────────────────── */

  .tax-woo-product .entry-header.product-archive-title {
    background: transparent !important;
    padding: 32px 0px 8px !important;
    margin: 0 auto !important;
    max-width: 1440px !important;
    box-sizing: border-box !important;
  }

  /* "Kategorija" eyebrow */
  .tax-woo-product .entry-header .archive-title::before {
    content: 'Kategorija';
    display: block;
    font-family: var(--th-font-sans);
    font-size: 9px;
    font-weight: 500;
    color: var(--th-gold-400);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  .tax-woo-product .entry-header .archive-title {
    font-family: var(--th-font-serif) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
  }

  /* Description: shown in full — override any JS truncation */

  .tax-woo-product .entry-header .archive-description p {
    font-size: 13px !important;
    margin: 10px 0 0 !important;
    max-width: 100% !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    text-overflow: unset !important;
  }

  /* Hide "Više ↓" link */
  .tax-woo-product .entry-header .archive-description .desc-expand-link {
    display: none !important;
  }



  /* ──────────────────────────────────────
     2. SHOP TOP ROW (result count + sort)
     ────────────────────────────────────── */

  .tax-woo-product .kadence-shop-top-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    padding: 16px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    position: static !important;
    margin: 0 !important;
  }

  .tax-woo-product .kadence-woo-results-count {
    margin-right: auto !important;
    width: auto !important;
    margin-bottom: 0 !important;
  }

  .tax-woo-product .kadence-shop-top-row .woocommerce-result-count {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    color: var(--th-text-muted) !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
  }

  /* Sort dropdown */
  .woocommerce .kadence-shop-top-row .woocommerce-ordering select.orderby {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 9px 14px !important;
    height: auto !important;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.15s ease;
  }

  .tax-woo-product .kadence-shop-top-row .woocommerce-ordering select.orderby:hover {
    border-color: var(--th-bg-500) !important;
  }

  /* Hide filter button on desktop */
  .tax-woo-product .kadence-shop-top-row .kadence-element-wrap,
  .tax-woo-product .kadence-shop-top-row .mobile-filter-button,
  .tax-woo-product .kadence-shop-top-row .facetwp-flyout-open {
    display: none !important;
  }

  .tax-woo-product .kadence-woo-ordering {
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }


  /* ──────────────────────────────────────
     3. SIDEBAR FILTER STYLING
     ────────────────────────────────────── */

.woocommerce-shop .primary-sidebar .widget,
  .tax-woo-product .primary-sidebar .widget {
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  .woocommerce-shop .primary-sidebar .sidebar-inner-wrap,
  .tax-woo-product .primary-sidebar .sidebar-inner-wrap {
    padding: 0 !important;
  }

  /* Each filter group: bottom border separator */
  .woocommerce-shop .primary-sidebar .facet-wrap,
  .tax-woo-product .primary-sidebar .facet-wrap {
    padding: 14px 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--th-bg-600);
  }

  .woocommerce-shop .primary-sidebar .facet-wrap:last-child,
  .tax-woo-product .primary-sidebar .facet-wrap:last-child {
    border-bottom: none;
  }

  /* Filter labels */
  .woocommerce-shop .primary-sidebar h3.facet-label,
  .tax-woo-product .primary-sidebar h3.facet-label {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-bottom: 12px !important;
  }

  /* Slider title row (JS creates .sidebar-title-row) */
  .woocommerce-shop .primary-sidebar .sidebar-title-row,
  .tax-woo-product .primary-sidebar .sidebar-title-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4px;
  }

  .woocommerce-shop .primary-sidebar .sidebar-title-row h3.facet-label,
  .tax-woo-product .primary-sidebar .sidebar-title-row h3.facet-label {
    margin-bottom: 0 !important;
  }

  /* Value text created by JS (copy of slider label) */
  .woocommerce-shop .primary-sidebar .sidebar-title-value,
  .tax-woo-product .primary-sidebar .sidebar-title-value {
    font-family: var(--th-font-serif);
    font-size: 16px;
    font-weight: 600;
    color: var(--th-cream-100);
    white-space: nowrap;
  }

  /* Hide original slider labels in sidebar — JS copies text into .sidebar-title-value */
  .woocommerce-shop .primary-sidebar .facetwp-slider-label,
  .tax-woo-product .primary-sidebar .facetwp-slider-label {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Facet spacing */
  .woocommerce-shop .primary-sidebar .facetwp-facet,
  .tax-woo-product .primary-sidebar .facetwp-facet {
    margin: 8px 0 !important;
  }

  /* Reset button */
  .woocommerce-shop .primary-sidebar .facetwp-facet-reset,
  .tax-woo-product .primary-sidebar .facetwp-facet-reset {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--th-bg-600);
    margin: 0 !important;
  }

  .woocommerce-shop .primary-sidebar .facetwp-reset,
  .tax-woo-product .primary-sidebar .facetwp-reset {
    width: 100% !important;
    border-radius: 10px !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    color: var(--th-gold-400) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    text-decoration: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
  }

  .woocommerce-shop .primary-sidebar .facetwp-reset:hover,
  .tax-woo-product .primary-sidebar .facetwp-reset:hover {
    background: var(--th-bg-700) !important;
    border-color: var(--th-bg-500) !important;
    color: var(--th-gold-300) !important;
  }

  /* Sidebar facet spacing override */
  .woocommerce-shop .primary-sidebar .wp-block-kadence-column .facetwp-filters :is(.facet-wrap, .facetwp-facet),
  .tax-woo-product .primary-sidebar .wp-block-kadence-column .facetwp-filters :is(.facet-wrap, .facetwp-facet) {
    margin-bottom: 0 !important;
  }

  .facetwp-facet a.facetwp-toggle {
    color: var(--th-cream-100);
  }
  .facetwp-facet a.facetwp-toggle:hover {
    text-decoration: none;
  }

  /* ──────────────────────────────────────
     4. PRODUCT GRID
     Since you set 4 columns in the builder,
     we just need gap + padding fixes.
     ────────────────────────────────────── */

  .tax-woo-product ul.products.content-wrap {
    gap: 16px !important;
    grid-row-gap: 16px !important;
    column-gap: 16px !important;
    padding: 20px 0 0 !important;
  }


  /* ──────────────────────────────────────
     5. PRODUCT CARDS
     High-specificity selectors to override
     Kadence + WooCommerce defaults.
     ────────────────────────────────────── */

  /* Card container */
  body.tax-woo-product .woocommerce ul.products li.product,
  body.tax-woo-product ul.products li.product {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  }

  body.tax-woo-product ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.3) !important;
    border-color: var(--th-bg-500) !important;
  }

  /* Product image link */
  body.tax-woo-product ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.tax-woo-product ul.products li.product .woocommerce-loop-product__link img {
    border-radius: 10px 10px 0 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Brand label */
  body.tax-woo-product ul.products li.product .product-brand-label {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 12px 14px 0 !important;
    margin: 0 !important;
  }

  /* Product details wrapper */
  body.tax-woo-product ul.products li.product .product-details.entry-content-wrap {
    padding: 6px 14px 16px !important;
    background: var(--th-bg-800) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
	margin: 0;
  }

  /* Product title — Inter, not Playfair */
  body.tax-woo-product ul.products li.product h2.woocommerce-loop-product__title,
  body.tax-woo-product ul.products li.product h2.woocommerce-loop-product__title a,
  body.tax-woo-product ul.products li.product .woocommerce-loop-product__title,
  body.tax-woo-product ul.products li.product .woocommerce-loop-product__title a {
    font-family: var(--th-font-sans) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--th-cream-100) !important;
    line-height: 1.45 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  /* Price — Playfair, bold, white */
  body.tax-woo-product ul.products li.product .price,
  body.tax-woo-product ul.products li.product .price .woocommerce-Price-amount,
  body.tax-woo-product ul.products li.product .price bdi {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.tax-woo-product ul.products li.product .price {
    margin-top: auto !important;
  }

  body.tax-woo-product ul.products li.product .woocommerce-Price-currencySymbol {
    font-size: 17px !important;
    color: var(--th-cream-50) !important;
  }


  /* ──────────────────────────────────────
     6. ADD TO CART — circular gold button
     ────────────────────────────────────── */

  .woocommerce ul.products li.product .product-action-wrap {
    bottom: 14px !important;
    right: 14px !important;
  }

  .woocommerce ul.products li.product .product-action-wrap .button {
    width: 40px !important;
    height: 40px !important;
    opacity: 0.7;
    transition: transform 0.15s ease, opacity 0.15s ease !important;
  }


  /* Default state — shopping bag icon */
  .woocommerce ul.products li.product .product-action-wrap .button::after {
    width: 18px !important;
    height: 18px !important;
  }

  /* Loading state — darker gold background, same icon */

  /* Added state — muted green background, same icon */

  /* Keep button dimensions during loading/added states */
  .woocommerce ul.products li.product .product-action-wrap .button.loading,
  .woocommerce ul.products li.product .product-action-wrap .button.added {
    width: 40px !important;
    height: 40px !important;
  }

  /* Hide "View cart" link that appears after adding */

  /* Out of stock — gray button with arrow icon */

  .woocommerce ul.products li.product .product-action-wrap .button:not(.add_to_cart_button)::after {
    width: 16px !important;
    height: 16px !important;
  }


  /* ──────────────────────────────────────
     7. PAGINATION
     ────────────────────────────────────── */

  .tax-woo-product .woocommerce-pagination {
    padding: 32px 0 !important;
    text-align: center !important;
  }

  .tax-woo-product .woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    border: none !important;
  }

  .tax-woo-product .woocommerce-pagination ul.page-numbers li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: inline-flex !important;
  }

  .tax-woo-product .woocommerce-pagination .page-numbers:not(.dots):not(ul):not(.current) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--th-cream-100) !important;
    text-decoration: none !important;
    transition: border-color 0.15s ease !important;
  }

  .tax-woo-product .woocommerce-pagination .page-numbers:not(.dots):not(ul):not(.current):hover {
    border-color: var(--th-bg-500) !important;
  }

  .tax-woo-product .woocommerce-pagination .page-numbers.current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .tax-woo-product .woocommerce-pagination .page-numbers.dots {
    border: none !important;
    width: 24px !important;
    color: var(--th-text-muted) !important;
    font-size: 13px !important;
    background: transparent !important;
  }

  .tax-woo-product .woocommerce-pagination .page-numbers.next,
  .tax-woo-product .woocommerce-pagination .page-numbers.prev {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-size: 14px !important;
  }
}

/* ══════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE — DESKTOP REDESIGN
   Breakpoint: min-width: 768px
   
   IMPORTANT: Nothing in this file affects mobile.
   All rules are inside @media (min-width: 768px).
   
   LAYOUT: CSS Grid, 2 columns, explicit row for each child.
   Gallery in col 1 / row 1 with align-self:start.
   Summary + specs all in col 2 / rows 1-4.
   Related products in row 5 spanning both columns.
   No sticky. No row spanning on gallery.
   ══════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. CONTAINER RESETS
     ────────────────────────────────────── */

  .single-product .entry.content-bg.entry-content-wrap {
    padding: 0 !important;
    box-shadow: none !important;
  }


  .entry.content-bg.entry-content-wrap.product.type-product {
    margin-left: 0;
    margin-right: 0;
  }

  .single.single-product .content-area {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }


  /* ──────────────────────────────────────
     1. GRID LAYOUT
     ────────────────────────────────────── */

.single-product #primary .entry.content-bg.entry-content-wrap.product {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 48px !important;
  }

  /* Let Kadence handle the float-based 2-column layout.
     Just ensure the gallery and summary have correct widths. */
  .single-product .woocommerce-product-gallery {
    width: 48% !important;
    float: left !important;
    margin-bottom: 40px !important;
    margin-right: 4% !important;
  }

  .single.single-product .summary.entry-summary {
    width: 48% !important;
    float: right !important;
    padding: 0 !important;
    margin-bottom: 20px;
  }

  /* Specs flow naturally after summary in the right column */
  .single-product .product-specs-divider {
    width: 48% !important;
    float: right !important;
    clear: right !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .single-product .product-specs-label {
    width: 48% !important;
    float: right !important;
    clear: right !important;
    display: block !important;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
  }

  .single-product .product-specs-grid {
    width: 48% !important;
    float: right !important;
    clear: right !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
  }

  /* Related products — full width, clear both floats */
  .single-product section.related.products {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin-top: 40px !important;
    padding-top: 28px !important;
  }

  /* Notices — full width */
  .single-product .woocommerce-notices-wrapper {
    width: 100% !important;
    clear: both !important;
    padding: 0 !important;
  }

  /* ──────────────────────────────────────
     2. GALLERY STYLING
     ────────────────────────────────────── */

  .single-product .woocommerce-product-gallery {
    padding: 28px !important;
    border-radius: 12px !important;
    border: 1px solid var(--th-bg-600);
    overflow: hidden !important;
  }


  /* Hide thumbnail strip — use dots instead */

  /* Dot navigation — match mobile */





  /* ──────────────────────────────────────
     3. CATEGORY EYEBROW
     ────────────────────────────────────── */

  .product-title .single-category {
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
  }


  /* ──────────────────────────────────────
     4. PRODUCT TITLE
     ────────────────────────────────────── */

  .single-product .product_title.entry-title {
    font-size: 38px !important;
    margin: 0 0 16px !important;
  }

  .woocommerce div.product .product_title {
    margin-top: 0 !important;
  }


  /* ──────────────────────────────────────
     5. PRICE
     ────────────────────────────────────── */

  .single-product .summary .price {
    margin-bottom: 18px !important;
  }

  .single-product .summary .price .woocommerce-Price-amount,
  .single-product .summary .price bdi {
    font-size: 32px !important;
  }

  .single-product .summary .price .woocommerce-Price-currencySymbol {
    font-size: 18px !important;
  }


  /* ──────────────────────────────────────
     6. DESCRIPTION
     ────────────────────────────────────── */

  .single-product .woocommerce-product-details__short-description,
  .single-product .woocommerce-product-details__short-description p {
    font-size: 15px !important;
    color: var(--th-cream-100) !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
    max-width: 520px;
  }


  /* ──────────────────────────────────────
     7. QUANTITY SELECTOR + ADD TO CART
     ────────────────────────────────────── */

  .single-product form.cart {
    margin-bottom: 28px !important;
    gap: 0 !important;
  }

  .single-product form.cart .quantity {
	margin-right: 20px !important;
  }

  .single-product form.cart .quantity .minus,
  .single-product form.cart .quantity .plus {
    width: 44px !important;
    transition: color 0.15s ease;
  }

  .single-product form.cart .quantity .minus:hover,
  .single-product form.cart .quantity .plus:hover {
    color: var(--th-cream-50) !important;
  }

  .single-product form.cart .quantity .qty {
    width: 40px !important;
  }


  .single-product form.cart .single_add_to_cart_button {
    padding: 0 24px !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
    cursor: pointer;
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    box-shadow: 0 4px 16px var(--th-gold-glow-20);
  }

  .single-product form.cart .single_add_to_cart_button:hover {
    box-shadow: 0 6px 24px var(--th-gold-glow-35) !important;
    transform: translateY(-1px);
  }



  /* ──────────────────────────────────────
     8. STORE AVAILABILITY
     ────────────────────────────────────── */

  .single-product .store-availability {
    margin-top: 0 !important;
  }

  .single-product .store-availability::before {
    font-size: 11px;
  }


  .single-product .store-availability__store {
    font-size: 15px;
  }

  .single-product .store-availability__item--dostupno .store-availability__status {
    font-size: 13px;
  }

  .single-product .store-availability__item--nedostupno .store-availability__status {
    font-size: 13px;
  }





  /* ──────────────────────────────────────
     9. SPECS — CARD LAYOUT
     ────────────────────────────────────── */

  .single-product .product-spec-card {
    flex: 0 0 calc(50% - 4px) !important;
    display: block !important;
    flex-direction: unset !important;
    border: 1px solid var(--th-bg-600);
    padding: 12px 14px !important;
    width: auto !important;
  }

  .single-product .product-spec-card__label {
    font-size: 11px !important;
    width: auto !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .single-product .product-spec-card__value {
    font-size: 14px !important;
    width: auto !important;
    text-align: left !important;
    font-style: normal !important;
  }


  .single-product .product-spec-card--profile {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .single-product .product-spec-card--profile .product-spec-card__value {
    font-family: var(--th-font-serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 13px !important;
  }


  /* ──────────────────────────────────────
     10. RELATED PRODUCTS
     ────────────────────────────────────── */

  .single-product section.related.products > h2 {
    font-size: 22px !important;
    margin: 0 0 18px !important;
  }

  .single-product section.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    padding: 0 !important;
  }

  .single-product section.related.products ul.products li.product {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden;
    transition: border-color 0.2s ease;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
	display: flex !important;
    flex-direction: column !important;
  }

  .single-product section.related.products ul.products li.product:hover {
    border-color: var(--th-bg-500) !important;
  }

  .single-product section.related.products ul.products li.product .woocommerce-loop-image-link {
    display: block;
/*     background-color: var(--th-bg-800); */
  }

  .single-product section.related.products ul.products li.product .woocommerce-loop-image-link img {
    border-radius: 0 !important;
    width: 100%;
    height: auto;
  }

  .single-product section.related.products .product-brand-label {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--th-gold-400);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0 13px;
    margin-top: 10px;
    margin-bottom: 2px;
  }
	
  .single-product section.related.products ul.products li.product .woocommerce-loop-product__title {
    flex: 1 !important;
  }

  .single-product section.related.products ul.products li.product .product-details.entry-content-wrap {
    padding: 10px 14px 14px !important;
    background: var(--th-bg-800) !important;
	display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
  }
	
  .single-product section.related.products ul.products li.product .woocommerce-loop-product__title,
  .single-product section.related.products ul.products li.product .woocommerce-loop-product__title a {
    font-family: var(--th-font-sans) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
    line-height: 1.4 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  .single-product section.related.products ul.products li.product .price,
  .single-product section.related.products ul.products li.product .price .woocommerce-Price-amount,
  .single-product section.related.products ul.products li.product .price bdi {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  .single-product section.related.products ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
  }

.single-product section.related.products ul.products li.product {
    position: relative !important;
  }

  .single-product section.related.products ul.products li.product .product-action-wrap {
    position: absolute !important;
    bottom: 12px !important;
    right: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .single-product section.related.products ul.products li.product .product-action-wrap .button {
    width: 40px !important;
    height: 40px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: var(--th-gold-300) !important;
    font-size: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .single-product section.related.products ul.products li.product .product-action-wrap .button * {
    display: none !important;
  }

	/* Default state — shopping bag icon */
	.single-product section.related.products ul.products li.product .product-action-wrap .button::after {
	  content: '' !important;
	  width: 18px !important;
	  height: 18px !important;
	  background-color: var(--th-bg-900) !important;
	  -webkit-mask: url("assets/icons/bag.svg") no-repeat center / contain !important;
	          mask: url("assets/icons/bag.svg") no-repeat center / contain !important;
	  display: block !important;
	}

	/* Loading state — darker gold background, same icon */
	.single-product section.related.products ul.products li.product .product-action-wrap .button.loading {
	  background: #73654c !important;
	}

	/* Added state — muted green background, same icon */
	.single-product section.related.products ul.products li.product .product-action-wrap .button.added {
	  background: #4a7542 !important;
	}

	/* Keep button dimensions during loading/added states */
	.single-product section.related.products ul.products li.product .product-action-wrap .button.loading,
	.single-product section.related.products ul.products li.product .product-action-wrap .button.added {
	  width: 40px !important;
	  height: 40px !important;
	  min-width: 0 !important;
	  min-height: 0 !important;
	  padding: 0 !important;
	  border-radius: 50% !important;
	  font-size: 0 !important;
	}

	/* Hide "View cart" link */
	.single-product section.related.products ul.products li.product .product-action-wrap .added_to_cart {
	  display: none !important;
	}

	/* Out of stock — gray button with arrow icon */
	.single-product section.related.products ul.products li.product .product-action-wrap .button:not(.add_to_cart_button) {
	  background: var(--th-bg-600) !important;
	}

	.single-product section.related.products ul.products li.product .product-action-wrap .button:not(.add_to_cart_button)::after {
	  content: '' !important;
	  width: 16px !important;
	  height: 16px !important;
	  background-color: var(--th-gold-500) !important;
	  -webkit-mask: url("assets/icons/arrow-right.svg") no-repeat center / contain !important;
	          mask: url("assets/icons/arrow-right.svg") no-repeat center / contain !important;
	}
}
/* ═══════════════════════════════════════════════════════════════
   THE HUMIDOR — DESKTOP BLOG ARCHIVE
   Breakpoint: min-width: 768px

   Mobile (≤767px) is UNTOUCHED. Every rule here is desktop-only.
   Targets the blog archive page (.blog body class).
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. LAYOUT & SPACING
     ────────────────────────────────────── */


  .blog .content-container.site-container {
    max-width: 1290px !important;
    margin: 0 auto 40px !important;
    padding: 0 48px !important;
    box-sizing: border-box !important;
  }

  /* Remove Kadence boxed entry shadow */
  .blog .entry.loop-entry {
    box-shadow: none !important;
  }


  /* ──────────────────────────────────────
     1. PAGE HEADER
     "BLOG" eyebrow + "Vodiči & Novosti"
     + subtitle
     ────────────────────────────────────── */

  .blog .entry-header.post-archive-title {
    margin: 42px 0 48px !important;
    background: transparent !important;
  }

  /* "BLOG" H1 → small gold eyebrow */
  .blog .archive-title {
    font-size: 14px;
    font-family: var(--th-font-sans);
    font-weight: 500;
    letter-spacing: 0.18em;
    color: var(--th-gold-400);
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 42px;
    line-height: 1;
  }

  /* "Vodiči & Novosti" from Kadence Element */
  .blog .entry-header h2.wp-block-kadence-advancedheading,
  .blog .entry-header .kt-adv-heading4795_8d3266-d1 {
    font-family: var(--th-font-serif);
    font-size: 48px;
    font-weight: 700;
    color: var(--th-cream-50);
    line-height: 1.1;
    margin: 0 0 10px;
  }

  /* Subtitle */
  .blog .entry-header p.wp-block-kadence-advancedheading,
  .blog .entry-header .kt-adv-heading4795_6fff35-08 {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 12px 0 0 !important;
  }


  /* ──────────────────────────────────────
     2. POST GRID — 3 columns
     ────────────────────────────────────── */

  .blog #archive-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    padding: 0 !important;
    border-top: none !important;
  }


  /* ──────────────────────────────────────
     3. EACH CARD — vertical stack
     ────────────────────────────────────── */

  .blog .loop-entry {
    flex-direction: column !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.2) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .blog .loop-entry:hover {
    border-color: var(--th-bg-500) !important;
    box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.45) !important;
  }


  /* ──────────────────────────────────────
     4. THUMBNAIL — 3:2 ratio
     ────────────────────────────────────── */

  .blog .loop-entry a.post-thumbnail {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
    padding-bottom: 66.66% !important;
    height: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
  }

  .blog .loop-entry .post-thumbnail-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .blog .loop-entry .post-thumbnail-inner img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: none !important;
    transition: transform 0.4s ease !important;
  }

  .blog .loop-entry:hover .post-thumbnail-inner img {
    transform: scale(1.03) !important;
  }


  /* ──────────────────────────────────────
     5. CONTENT WRAP
     ────────────────────────────────────── */

  .blog .loop-entry .entry-content-wrap {
    padding: 22px 24px 28px !important;
    justify-content: flex-start !important;
  }




  /* ──────────────────────────────────────
     6. CATEGORY TAG
     ────────────────────────────────────── */

  .blog .loop-entry .entry-taxonomies {
    margin: 0 0 10px !important;
  }

  .blog .loop-entry .category-links,
  .blog .loop-entry .category-links a {
    font-size: 11px !important;
    letter-spacing: 0.15em !important;
    color: var(--th-gold-300) !important;
    transition: color 0.2s ease !important;
  }

  .blog .loop-entry .category-links a:hover {
    color: var(--th-cream-100) !important;
  }


  /* ──────────────────────────────────────
     7. POST TITLE
     ────────────────────────────────────── */

  .blog .loop-entry .entry-title {
    margin: 0 0 14px !important;
	line-height: 0.6;
  }

  .blog .loop-entry .entry-title a {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--th-cream-100) !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
  }

  .blog .loop-entry:hover .entry-title a {
    color: var(--th-cream-50) !important;
  }


  /* ──────────────────────────────────────
     8. META (date · read time)
     ────────────────────────────────────── */

  .blog .loop-entry .entry-meta {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
  }

  .blog .loop-entry .entry-meta a {
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
  }


  /* Hide author byline if present */

}

	
/* ═══════════════════════════════════════════════════════════════
   THE HUMIDOR — DESKTOP SINGLE BLOG POST
   Breakpoint: min-width: 768px
   
   Mobile (≤767px) is UNTOUCHED. Every rule here is desktop-only.
   All selectors target the existing Kadence single-post HTML.
   No new fonts. No external libraries.
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. CONTAINER & LAYOUT RESETS
     ────────────────────────────────────── */


  .single-post .content-container.site-container {
    max-width: none !important;
  }


  .single-post .entry.single-entry {
    margin: 0 !important;
    background: transparent !important;
  }

  .single-post .content-wrap {
    max-width: none;
  }


  /* ──────────────────────────────────────
     1. FEATURED IMAGE → FULL-BLEED HERO
     ────────────────────────────────────── */

  .single-post .post-thumbnail.article-post-thumbnail {
    height: 480px;
    border-radius: 0 !important;
  }



  /* Bottom gradient fade */
  .single-post .post-thumbnail.article-post-thumbnail .post-thumbnail-inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(
      to top,
      var(--th-bg-900) 0%,
      rgba(13, 11, 9, 0.7) 50%,
      transparent 100%
    );
    pointer-events: none;
    z-index: 1;
  }


  /* ──────────────────────────────────────
     2. ARTICLE HEADER
     Overlaps the hero image bottom
     ────────────────────────────────────── */

  .single-post .entry-header {
    position: relative;
    z-index: 2;
    max-width: 1060px;
    margin: -120px auto 0 !important;
    padding: 0 48px !important;
  }

  /* Category tag */
  .single-post .entry-header .entry-taxonomies {
    margin: 0 0 14px !important;
  }

  .single-post .entry-header .category-links,
  .single-post .entry-header .category-links a {
    font-size: 11px !important;
    color: var(--th-gold-300) !important;
    letter-spacing: 0.15em !important;
  }

  /* Title */
  .single-post .entry-title {
    font-size: 48px !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 16px !important;
  }

  /* Meta row */
  .single-post .entry-header .entry-meta {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: none !important;
  }

  .single-post .entry-header .entry-meta,
  .single-post .entry-header .entry-meta * {
    font-size: 13px !important;
  }




  /* ──────────────────────────────────────
     3. TWO-COLUMN LAYOUT: CONTENT + TOC
     Uses CSS grid on .single-content
     TOC is injected via PHP at the end
     of .single-content, then pulled into
     its own grid column.
     ────────────────────────────────────── */

  .single-post .single-content {
    display: grid !important;
    grid-template-columns: 1fr 220px;
    gap: 0 56px;
    max-width: 1060px;
    margin: 48px auto 0 !important;
    padding: 0 48px !important;
    align-items: start;
  }

  /* All article children flow into the first column */
  .single-post .single-content > * {
    grid-column: 1;
    max-width: 100%;
    min-width: 0;
  }

  /* TOC nav → pinned to the second column,
     spanning ALL rows from row 1 to the end */
  .single-post .single-content > .post-toc {
    grid-column: 2;
    grid-row: 1 / 100;
    position: sticky;
    top: 96px;
    align-self: start;
    max-width: 220px;
  }


  /* ──────────────────────────────────────
     3b. TOC STYLING
     ────────────────────────────────────── */

  .post-toc__label {
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--th-gold-400);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin: 0 0 16px;
    padding: 0;
  }

  .post-toc__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .post-toc__list li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .post-toc__list li::before {
    display: none !important;
  }

  .post-toc .post-toc__list .post-toc__link {
    display: block;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
    border-bottom: none !important;
    border-left: 2px solid var(--th-bg-600);
    padding: 7px 0 7px 14px;
    line-height: 1.4;
    transition: color 0.2s, border-color 0.2s;
  }

  .post-toc .post-toc__list .post-toc__link:hover {
    color: var(--th-gold-300) !important;
    border-left-color: var(--th-gold-300);
  }

  /* Active state — toggled by the tiny
     IntersectionObserver in the PHP snippet */
  .post-toc .post-toc__list .post-toc__link.is-active {
    color: var(--th-gold-300) !important;
    border-left-color: var(--th-gold-300);
  }


  /* ──────────────────────────────────────
     4. TYPOGRAPHY — BODY TEXT
     ────────────────────────────────────── */

  .single-post .single-content p {
    font-size: 16px !important;
    line-height: 1.75 !important;
    margin-bottom: 20px !important;
  }

  .single-post .single-content h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin: 56px 0 20px !important;
    scroll-margin-top: 96px;
  }

  .single-post .single-content h2:first-of-type {
    margin-top: 0 !important;
  }

  .single-post .single-content h3 {
    font-size: 20px !important;
    margin: 32px 0 12px !important;
  }

  .single-post .single-content a {
    border-bottom: 1px solid rgba(139, 122, 85, 0.4);
    transition: border-color 0.2s;
  }

  .single-post .single-content a:hover {
    border-bottom-color: var(--th-gold-300);
  }



  /* ──────────────────────────────────────
     5. LISTS
     ────────────────────────────────────── */

  .single-post .single-content ul {
    margin-bottom: 20px !important;
  }

  .single-post .single-content ul li {
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.7;
  }

  .single-post .single-content ul li::before {
    content: '';
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--th-gold-400);
  }

  /* Prevent TOC list items from getting bullets */
  .single-post .single-content .post-toc__list li::before {
    display: none !important;
  }

  .single-post .single-content ol {
    margin-bottom: 20px !important;
    counter-reset: post-step;
  }

  .single-post .single-content ol li {
    padding-left: 32px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.7;
    counter-increment: post-step;
  }

  .single-post .single-content ol li::before {
    content: counter(post-step);
    top: 0;
    font-family: var(--th-font-serif);
    font-size: 20px;
    font-weight: 700;
    color: var(--th-gold-300);
    opacity: 0.7;
    line-height: 1.4;
  }


  /* ──────────────────────────────────────
     6. CUSTOM BLOCK CLASSES
     ────────────────────────────────────── */

  .single-post .post-disclaimer {
    background: rgba(139, 46, 46, 0.08) !important;
    border: 1px solid rgba(139, 46, 46, 0.2) !important;
    padding: 16px 20px !important;
    margin-bottom: 36px !important;
  }

  .single-post .post-disclaimer p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }


  .single-post .post-callout {
    background: linear-gradient(
      135deg,
      var(--th-gold-glow-06) 0%,
      rgba(22, 19, 17, 0.8) 100%
    ) !important;
    border: 1px solid #332E28 !important;
    padding: 20px 24px !important;
    margin: 28px 0 !important;
  }

  .single-post .post-callout p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .single-post .post-callout strong {
    color: var(--th-cream-50) !important;
  }

  .single-post .post-cta-box {
    background: linear-gradient(
      135deg,
      var(--th-gold-glow-06) 0%,
      rgba(22, 19, 17, 0.8) 100%
    ) !important;
    border: 1px solid #332E28 !important;
    border-left: 3px solid var(--th-gold-300) !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 24px 28px !important;
    margin-top: 40px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
  }

  .single-post .post-cta-box h3,
  .single-post .post-cta-box h4 {
    font-size: 20px !important;
    margin: 0 0 8px !important;
  }

  .single-post .post-cta-box p {
    font-size: 15px !important;
    color: var(--th-cream-100) !important;
    margin-bottom: 0 !important;
    line-height: 1.7 !important;
  }

  .single-post .post-cta-box .kb-button,
  .single-post .post-cta-box .wp-block-button__link {
    border-radius: 6px !important;
    font-size: 13px !important;
    padding: 12px 28px !important;
    transition: box-shadow 0.2s;
  }

  .single-post .post-cta-box .kb-button:hover,
  .single-post .post-cta-box .wp-block-button__link:hover {
    box-shadow: 0 8px 24px var(--th-gold-glow-15);
  }

  .single-post .post-product-cta {
    padding: 16px 20px !important;
    margin-bottom: 10px !important;
    transition: border-color 0.2s;
  }

  .single-post .post-product-cta:hover {
    border-color: var(--th-bg-500) !important;
  }




  /* ──────────────────────────────────────
     7. FAQ (Kadence Accordion)
     ────────────────────────────────────── */

  .single-post .post-faq {
    margin-top: 48px !important;
    padding-top: 36px !important;
  }

  .single-post .post-faq .kt-accordion-inner-wrap {
    row-gap: 10px !important;
  }

  .single-post .post-faq .wp-block-kadence-pane {
    transition: background 0.2s, border-color 0.2s;
  }


  .single-post .post-faq .kt-blocks-accordion-header {
    font-size: 17px !important;
    padding: 18px 20px !important;
    transition: color 0.2s;
  }

  .single-post .post-faq .kt-blocks-accordion-header:hover {
    color: var(--th-cream-50) !important;
  }


  .single-post .post-faq .kt-accordion-panel-inner {
    padding: 16px 20px 20px !important;
  }

  .single-post .post-faq .kt-accordion-panel-inner p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }




  /* ──────────────────────────────────────
     8. RELATED POSTS → 3-COLUMN GRID
     ────────────────────────────────────── */

  .single-post .entry-related {
    padding: 0 !important;
    margin: 0 auto !important;
    background-color: var(--th-bg-900) !important;
  }

  .single-post .entry-related .entry-related-inner-content {
    max-width: 1060px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
    border-top: none !important;
  }

  .single-post .entry-related-title {
    font-family: var(--th-font-serif) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 0 32px !important;
    padding-top: 48px !important;
    border-top: 1px solid var(--th-bg-600);
  }

  .single-post .entry-related-carousel .splide__list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    flex-direction: unset !important;
  }

  .single-post .entry-related-carousel .splide__slide {
  width: 100% !important;
  margin-right: 0 !important;
  }

  .single-post .entry-related .loop-entry {
    flex-direction: column !important;
    gap: 0 !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.3s;
  }

  .single-post .entry-related .loop-entry:hover {
    border-color: var(--th-bg-500) !important;
  }

  .single-post .entry-related .loop-entry a.post-thumbnail {
    width: 100% !important;
    min-width: unset !important;
    max-width: none !important;
    aspect-ratio: 3 / 2;
    overflow: hidden;
  }

  .single-post .entry-related .loop-entry .post-thumbnail-inner {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .single-post .entry-related .loop-entry .post-thumbnail-inner img {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: none !important;
    transition: transform 0.4s ease;
  }

  .single-post .entry-related .loop-entry:hover .post-thumbnail-inner img {
    transform: scale(1.03);
  }

  .single-post .entry-related .loop-entry .entry-content-wrap {
    padding: 18px 20px 20px !important;
    justify-content: flex-start !important;
  }

  .single-post .entry-related .loop-entry .entry-header {
	padding: 0 !important;
  }

  .single-post .entry-related .loop-entry .entry-taxonomies {
    margin: 0 0 10px !important;
  }

  .single-post .entry-related .loop-entry .category-links,
  .single-post .entry-related .loop-entry .category-links a {
    font-size: 11px !important;
    color: var(--th-gold-300) !important;
    letter-spacing: 0.15em !important;
  }

  .single-post .entry-related .loop-entry .entry-title,
  .single-post .entry-related .loop-entry .entry-title a {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin: 0 0 12px !important;
  }

  .single-post .entry-related .loop-entry .entry-meta {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    border-bottom: 0 !important;
  }





  /* ──────────────────────────────────────
     9. ENTRY FOOTER
     ────────────────────────────────────── */

  .single-post > .content-wrap > article > .entry-content-wrap > .entry-footer {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 48px 60px !important;
  }


  /* ──────────────────────────────────────
     10. HIDE TOC ON MOBILE
     (belt-and-suspenders — the PHP also
     hides it, but just in case)
     ────────────────────────────────────── */
}

/* TOC must be hidden below 768px.
   This rule sits OUTSIDE the desktop
   media query so it applies by default. */
.post-toc {
  display: none;
}

@media (min-width: 768px) {
  .post-toc {
    display: block;
  }
}
	
/* ═══════════════════════════════════════════════════════════════
   MY ACCOUNT (LOGIN/REGISTER) — Mobile Redesign
   Intentionally kept wrapped in max-width: 767px.
   The desktop counterpart at line 6607+ pairs most rules, but ~7 of
   the mobile rules (entry-header margin, h1 size, u-column widths,
   h2 hiding, column border removal, submit width, entry-content-wrap
   padding) would leak onto desktop and override it without clean
   pairs to add to the desktop block. Treating as a mobile-only
   custom redesign.
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* ── Page container ── */
  .woocommerce-account .entry-content-wrap {
    padding: 0 20px 24px !important;
    background: var(--global-palette8) !important;
  }

  .woocommerce-account .entry.single-entry {
    box-shadow: none;
  }

  /* ── Page title with eyebrow + subtitle ── */
  .woocommerce-account .entry-header {
	margin-top: 86px;
    margin-bottom: 16px !important;
  }

  .woocommerce-account h1.entry-title {
    font-family: var(--th-font-serif) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--global-palette3) !important;
    line-height: 1.15 !important;
    margin-bottom: 0 !important;
  }

  .humidor-account-eyebrow {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--global-palette2);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 1;
  }

  .humidor-account-subtitle {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 400;
    color: var(--global-palette5);
    margin-top: 6px;
    line-height: 1.5;
  }

  /* ── Tab bar ── */
  .humidor-auth-tabs {
    display: flex;
    margin: 0 0 24px;
    border-bottom: 1px solid var(--global-palette6);
  }

  /* [FIX #1] Straight underline, no curves/radius */
  .humidor-auth-tab {
    flex: 1;
    padding: 12px 0 11px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--global-palette5);
    font-family: var(--th-font-serif);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    /*transition: color 0.25s, border-color 0.25s;*/
    letter-spacing: 0.03em;
    text-align: center;
  }

  .humidor-auth-tab.active {
    color: var(--global-palette1);
    border-bottom-color: var(--global-palette1);
  }

  /* [FIX #5] No hover effect on tabs */
  .humidor-auth-tab:hover,
  .humidor-auth-tab:focus {
    box-shadow: none !important;
    background: transparent !important;
	color: var(--global-palette1);
	border-bottom-color: var(--global-palette1);
  }

  /* ── Column layout ── */
  #customer_login {
    display: block !important;
  }

  #customer_login .u-column1,
  #customer_login .u-column2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #customer_login .humidor-hidden {
    display: none !important;
  }

  /* Hide original h2 headings (replaced by tabs) */
  #customer_login > .u-column1 > h2,
  #customer_login > .u-column2 > h2 {
    display: none !important;
  }

  /* [FIX #7] Remove the outline/border around form columns
     Kadence's woocommerce-account CSS adds a border on col2-set columns */
  .woocommerce-account #customer_login,
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2 {
    border: none !important;
    outline: none !important;
  }

  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register {
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Kadence may also put border on .col2-set .col-1 / .col-2 */
  .woocommerce-account .col2-set .col-1,
  .woocommerce-account .col2-set .col-2 {
    border: none !important;
  }

  /* [FIX #2] Form labels — Inter, 11px, uppercase, left-aligned */
  .woocommerce-account .woocommerce-form label {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--global-palette5) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    text-align: left !important;
    line-height: 1.3 !important;
  }

  /* ── Inputs ── */
  .woocommerce-account .woocommerce-form .input-text,
  .woocommerce-account .woocommerce-form input[type="text"],
  .woocommerce-account .woocommerce-form input[type="email"],
  .woocommerce-account .woocommerce-form input[type="password"],
  .woocommerce-account .woocommerce-form input[type="tel"],
  .woocommerce-account .woocommerce-form input[type="date"] {
    width: 100%;
    padding: 12px 14px;
    background: var(--th-bg-700);
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    color: var(--global-palette4);
    font-family: var(--th-font-sans);
    font-size: 14px;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
  }

  .woocommerce-account .woocommerce-form .input-text:focus,
  .woocommerce-account .woocommerce-form input:focus {
    border-color: var(--global-palette1);
    outline: none;
    box-shadow: none;
  }

  .woocommerce-account .woocommerce-form .required {
    color: var(--global-palette1) !important;
  }

  /* ── Form rows ── */
  .woocommerce-account .woocommerce-form .form-row {
    margin-bottom: 14px;
    padding: 0;
  }

  /* ── Reorder registration fields via flexbox ──
     Source order of direct children inside .woocommerce-form-register:
       1: email        (p.form-row-wide)
       2: password     (p.form-row-wide)
       3: first name   (p.form-row-first)
       4: last name    (p.form-row-last)
       5: .clear       (div.clear)
       6: phone        (p.form-row-wide)
       7: birthdate    (p.form-row-wide)
       8: wc-order-attribution-inputs
       9: .woocommerce-privacy-policy-text
      10: submit       (p.form-row)
  */
  .woocommerce-account .woocommerce-form-register {
    display: flex;
    flex-wrap: wrap;
  }

  .woocommerce-account .woocommerce-form-register > * {
    width: 100%;
    flex: 0 0 100%;
  }

  /* First name (child 3) → order 1, side-by-side */
  .woocommerce-account .woocommerce-form-register > .form-row-first {
    order: 1;
    flex: 0 0 calc(50% - 5px);
    width: calc(50% - 5px) !important;
    margin-right: 10px;
  }

  /* Last name (child 4) → order 2, side-by-side */
  .woocommerce-account .woocommerce-form-register > .form-row-last {
    order: 2;
    flex: 0 0 calc(50% - 5px);
    width: calc(50% - 5px) !important;
  }

  /* .clear (child 5) → hide */
  .woocommerce-account .woocommerce-form-register > .clear {
    order: 2;
    display: none;
  }

  /* [FIX #6] Email (child 1) → order 3 */
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(1) {
    order: 3;
  }

  /* [FIX #6] Phone (child 6) → order 4 (after email) */
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(7) {
    order: 4;
  }

  /* Birthdate (child 7) → order 5 */
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(8) {
    order: 5;
  }

  /* Password (child 2) → order 6 (last input field) */
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(2) {
    order: 6;
  }
	
  /* Confirm password (child 10) → order 8, right after password */
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(11) {
    order: 8;
  }

  /* Privacy text → order 9 */
  .woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text {
    order: 9;
  }

  /* Submit row → order 10 */
  .woocommerce-account .woocommerce-form-register > .form-row:last-of-type {
    order: 10;
	margin-top: 12px;
  }

  /* WC order attribution → end */
  .woocommerce-account .woocommerce-form-register wc-order-attribution-inputs {
    order: 99;
  }

  /* [FIX #4] Buttons — consistent height matching mockup */
  .woocommerce-account .woocommerce-form button[type="submit"] {
    width: 100%;
    padding: 13px 0 !important;
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    cursor: pointer;
    box-shadow: none !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .woocommerce-account .woocommerce-form button[type="submit"]:hover {
    opacity: 0.9;
    box-shadow: none !important;
  }

  /* [FIX #3] Remember me — styled checkbox + label */
  .woocommerce-account .woocommerce-form label.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--global-palette5) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer;
    margin-bottom: 0 !important;
  }

  .woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    border-radius: 3px !important;
    border: 1px solid var(--global-palette6) !important;
    background: var(--th-bg-700) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
  }

  .woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]:checked {
    background: var(--global-palette1) !important;
    border-color: var(--global-palette1) !important;
  }

  .woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid var(--global-palette8);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* Login form row containing remember me + submit */
  .woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .woocommerce-account .woocommerce-form-login__rememberme {
    order: 1;
  }

  .woocommerce-account .woocommerce-form-login__submit {
    order: 3;
    width: 100%;
    margin-top: 16px;
	margin-right: 0 !important;
  }

  /* ── Lost password ── */
  .woocommerce-account .lost_password {
    text-align: left;
    margin-top: -4px;
    margin-bottom: 8px;
  }

  .woocommerce-account .lost_password a {
    font-family: var(--th-font-sans);
    font-size: 12px;
    color: var(--global-palette1);
    text-decoration: none;
    font-weight: 500;
  }

  /* ── Privacy text ── */
  .woocommerce-account .woocommerce-privacy-policy-text p {
    font-family: var(--th-font-sans);
    font-size: 11px;
    color: var(--global-palette5);
    line-height: 1.6;
    margin-bottom: 16px;
  }

  .woocommerce-account .woocommerce-privacy-policy-link {
    color: var(--global-palette1);
    text-decoration: none;
    font-weight: 500;
  }

  /* ── Cross-link button (injected by JS) ── */
  .humidor-switch-tab {
    display: block;
    width: 100%;
    padding: 13px 0;
    margin-top: 12px;
    background: transparent;
    border: 1px solid var(--global-palette2);
    border-radius: 6px;
    color: var(--global-palette4);
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
  }

  .humidor-switch-tab:hover {
    box-shadow: none !important;
  }

  /* ── Divider with text (injected by JS) ── */
  .humidor-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 6px 0 12px;
  }

  .humidor-divider::before,
  .humidor-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--global-palette6);
  }

  .humidor-divider span {
    font-family: var(--th-font-sans);
    font-size: 10px;
    color: var(--global-palette2);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* ── Password strength meter ── */
  .woocommerce-account .woocommerce-password-strength {
    font-family: var(--th-font-sans);
    font-size: 10px;
    text-align: right;
    margin-top: 4px;
    padding: 0;
    background: transparent !important;
  }

  .woocommerce-account .woocommerce-password-strength.short { color: #C25450; }
  .woocommerce-account .woocommerce-password-strength.bad { color: var(--th-gold-300); }
  .woocommerce-account .woocommerce-password-strength.good { color: var(--global-palette1); }
  .woocommerce-account .woocommerce-password-strength.strong { color: #6B8E6B; }

  /* ── WooCommerce notices ── */
  .woocommerce-account .woocommerce-error,
  .woocommerce-account .woocommerce-message,
  .woocommerce-account .woocommerce-info {
    background: var(--th-bg-700);
    border-color: var(--global-palette1);
    color: var(--global-palette4);
    border-radius: 6px;
    font-family: var(--th-font-sans);
    font-size: 13px;
  }

  .woocommerce-account .woocommerce-error {
    border-color: #8B2E2E;
  }

} /* end @media max-width: 767px */


/* ── Desktop: hide mobile-only elements, restore columns ── */
@media (min-width: 768px) {

  .humidor-auth-tabs,
  .humidor-switch-tab,
  .humidor-divider {
    display: none !important;
  }
	
  /* Show eyebrow & subtitle on desktop with adjusted styling */
  .humidor-account-eyebrow {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 11px;
    font-weight: 600;
    color: var(--global-palette2);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-top: 20px;
    line-height: 1;
  }

  .humidor-account-subtitle {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--global-palette5);
    margin-top: 8px;
    line-height: 1.5;
  }

  #customer_login .u-column1,
  #customer_login .u-column2 {
    display: block !important;
  }
}

/* ── Lost Password subpage + logged-in My Account pages ──
   Intentionally kept wrapped in max-width: 767px (same reasoning as
   the My Account login/register block above). The desktop counterpart
   at 6607+ covers labels/inputs/buttons but doesn't override the
   MyAccount-navigation list styling, MyAccount-content text, orders
   table, or button-width: 100% rules. Treated as mobile-only. */
@media (max-width: 767px) {

  /* Hide tab bar on lost-password */
  .woocommerce-lost-password .humidor-auth-tabs {
    display: none !important;
  }

  /* Description paragraph */
  .woocommerce-lost-password .lost_reset_password > p:first-child {
    font-family: var(--th-font-sans);
    font-size: 13px;
    color: var(--global-palette5);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  /* Remove border from form */
  .woocommerce-lost-password .lost_reset_password {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
	
  /* Lost password form — inherit same input/label/button styles */
  .woocommerce-lost-password .lost_reset_password label {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--global-palette5) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    text-align: left !important;
    line-height: 1.3 !important;
  }

  .woocommerce-lost-password .lost_reset_password .input-text {
    width: 100%;
    padding: 12px 14px;
    background: var(--th-bg-700);
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    color: var(--global-palette4);
    font-family: var(--th-font-sans);
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
  }

  .woocommerce-lost-password .lost_reset_password .input-text:focus {
    border-color: var(--global-palette1);
    outline: none;
    box-shadow: none;
  }

  .woocommerce-lost-password .lost_reset_password button[type="submit"] {
    width: 100%;
    padding: 12px 0 !important;
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

  .woocommerce-lost-password .lost_reset_password button[type="submit"]:hover {
    opacity: 0.9;
    box-shadow: none !important;
  }

  .woocommerce-lost-password .lost_reset_password .required {
    color: var(--global-palette1) !important;
  }
	
/* ── Logged-in: hide avatar ── */
  .woocommerce-account .kadence-account-avatar {
    display: none !important;
  }

  /* ── Logged-in: navigation styling ── */
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--global-palette6);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    padding: 14px 12px;
    font-family: var(--th-font-sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--global-palette4);
    text-decoration: none;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    padding-left: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: 600;
    color: var(--global-palette1);
  }

  /* Logout item — muted red */
  .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #8B4040;
  }

  /* ── Logged-in: content area ── */
  .woocommerce-account .woocommerce-MyAccount-content {
    font-family: var(--th-font-sans);
    font-size: 13px;
    color: var(--global-palette5);
    line-height: 1.6;
  }

  .woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--global-palette1);
    text-decoration: none;
    font-weight: 500;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
    background: var(--global-palette7);
    border-color: var(--global-palette1);
    color: var(--global-palette4);
    border-radius: 6px;
    font-size: 13px;
  }

  /* Orders table */
  .woocommerce-account .woocommerce-MyAccount-content table {
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    overflow: hidden;
  }

  .woocommerce-account .woocommerce-MyAccount-content table th {
    background: var(--global-palette7);
    font-family: var(--th-font-sans);
    font-size: 11px;
    font-weight: 600;
    color: var(--global-palette5);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--global-palette6);
  }

  .woocommerce-account .woocommerce-MyAccount-content table td {
    font-family: var(--th-font-sans);
    font-size: 13px;
    color: var(--global-palette4);
    border-bottom: 1px solid var(--global-palette6);
  }

  /* Action buttons in account content */
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-button,
  .woocommerce-account .woocommerce-MyAccount-content .button {
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    box-shadow: none !important;
  }
	
/* ── Edit Account form fields ── */
  .woocommerce-account .woocommerce-EditAccountForm label {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--global-palette5) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    text-align: left !important;
    line-height: 1.3 !important;
  }

  .woocommerce-account .woocommerce-EditAccountForm .input-text,
  .woocommerce-account .woocommerce-EditAccountForm input[type="text"],
  .woocommerce-account .woocommerce-EditAccountForm input[type="email"],
  .woocommerce-account .woocommerce-EditAccountForm input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    background: var(--th-bg-700);
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    color: var(--global-palette4);
    font-family: var(--th-font-sans);
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
  }

  .woocommerce-account .woocommerce-EditAccountForm input:focus {
    border-color: var(--global-palette1);
    outline: none;
    box-shadow: none;
  }

  .woocommerce-account .woocommerce-EditAccountForm .required {
    color: var(--global-palette1) !important;
  }

  .woocommerce-account .woocommerce-EditAccountForm .form-row {
    margin-bottom: 14px;
    padding: 0;
  }

  /* Password change fieldset */
  .woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    padding: 16px;
    margin: 20px 0;
  }

  .woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 600;
    color: var(--global-palette5);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0 8px;
  }

  /* Helper text under display name */
  .woocommerce-account .woocommerce-EditAccountForm em {
    font-family: var(--th-font-sans);
    font-size: 11px;
    color: var(--global-palette5);
    font-style: italic;
  }

  /* Save button */
  .woocommerce-account .woocommerce-EditAccountForm button[type="submit"] {
    width: 100%;
    padding: 12px 0 !important;
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

  .woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:hover {
    opacity: 0.9;
    box-shadow: none !important;
  }
	
/* ── Empty orders state ── */
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    background: var(--global-palette7) !important;
    border: 1px solid var(--global-palette6) !important;
    border-left: 1px solid var(--global-palette6) !important;
    border-radius: 10px !important;
    padding: 28px 20px !important;
    text-align: center !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--global-palette5) !important;
    line-height: 1.6 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
    display: none !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 12px 0 !important;
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    float: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   MY ACCOUNT — Desktop Styles (768px+)
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {

  /* ── Page container ── */
  .woocommerce-account .entry-content-wrap {
    background: var(--global-palette8);
  }

  .woocommerce-account .entry.single-entry {
    box-shadow: none;
  }

  /* ── Form cards (login/register columns) ── */
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2 {
    border: 1px solid var(--global-palette6);
    border-radius: 10px;
    padding: 32px 28px;
  }

  /* ── Labels ── */
  .woocommerce-account .woocommerce-form label,
  .woocommerce-account .woocommerce-EditAccountForm label,
  .woocommerce-account .lost_reset_password label {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--global-palette5) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    text-align: left !important;
    line-height: 1.3 !important;
  }

  /* ── Inputs ── */
  .woocommerce-account .woocommerce-form .input-text,
  .woocommerce-account .woocommerce-form input[type="text"],
  .woocommerce-account .woocommerce-form input[type="email"],
  .woocommerce-account .woocommerce-form input[type="password"],
  .woocommerce-account .woocommerce-form input[type="tel"],
  .woocommerce-account .woocommerce-form input[type="date"],
  .woocommerce-account .woocommerce-EditAccountForm .input-text,
  .woocommerce-account .woocommerce-EditAccountForm input[type="text"],
  .woocommerce-account .woocommerce-EditAccountForm input[type="email"],
  .woocommerce-account .woocommerce-EditAccountForm input[type="password"],
  .woocommerce-account .lost_reset_password .input-text {
    width: 100%;
    padding: 11px 14px;
    background: var(--th-bg-700);
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    color: var(--global-palette4);
    font-family: var(--th-font-sans);
    font-size: 14px;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
  }

  .woocommerce-account .woocommerce-form input:focus,
  .woocommerce-account .woocommerce-EditAccountForm input:focus,
  .woocommerce-account .lost_reset_password .input-text:focus {
    border-color: var(--global-palette1);
    outline: none;
    box-shadow: none;
  }

  .woocommerce-account .woocommerce-form .required,
  .woocommerce-account .woocommerce-EditAccountForm .required {
    color: var(--global-palette1) !important;
  }

  /* ── Form rows ── */
  .woocommerce-account .woocommerce-form .form-row,
  .woocommerce-account .woocommerce-EditAccountForm .form-row {
    margin-bottom: 14px;
    padding: 0;
  }

  /* ── Buttons ── */
  .woocommerce-account .woocommerce-form button[type="submit"],
  .woocommerce-account .woocommerce-EditAccountForm button[type="submit"],
  .woocommerce-account .lost_reset_password button[type="submit"] {
    padding: 12px 28px !important;
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
	margin-top: 6px;
  }

  .woocommerce-account .woocommerce-form button[type="submit"]:hover,
  .woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:hover,
  .woocommerce-account .lost_reset_password button[type="submit"]:hover {
    opacity: 0.9;
    box-shadow: none !important;
  }

  /* ── Remember me ── */
  .woocommerce-account .woocommerce-form-login__rememberme {
    font-family: var(--th-font-sans);
    font-size: 12px;
    color: var(--global-palette5);
    text-transform: none;
    letter-spacing: 0;
  }

  /* ── Lost password link ── */
  .woocommerce-account .lost_password a {
    font-family: var(--th-font-sans);
    font-size: 12px;
    color: var(--global-palette1);
    text-decoration: none;
    font-weight: 500;
  }

  /* ── Privacy text ── */
  .woocommerce-account .woocommerce-privacy-policy-text p {
    font-family: var(--th-font-sans);
    font-size: 11px;
    color: var(--global-palette5);
    line-height: 1.6;
  }

  .woocommerce-account .woocommerce-privacy-policy-link {
    color: var(--global-palette1);
    text-decoration: none;
    font-weight: 500;
  }

  /* ── Registration: name fields side by side ── */
  .woocommerce-account .woocommerce-form-register {
    display: flex;
    flex-wrap: wrap;
  }

  .woocommerce-account .woocommerce-form-register > * {
    width: 100%;
    flex: 0 0 100%;
  }

  .woocommerce-account .woocommerce-form-register > .form-row-first {
    flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px);
    margin-right: 12px;
  }

  .woocommerce-account .woocommerce-form-register > .form-row-last {
    flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px);
  }

  .woocommerce-account .woocommerce-form-register > .clear {
    display: none;
  }

  /* Field reordering (same as mobile) */
  .woocommerce-account .woocommerce-form-register > .form-row-first { order: 1; }
  .woocommerce-account .woocommerce-form-register > .form-row-last { order: 2; }
  .woocommerce-account .woocommerce-form-register > .clear { display: none; }
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(1) { order: 3; }
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(7) { order: 4; }
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(8) { order: 5; }
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(2) { order: 6; }
  .woocommerce-account .woocommerce-form-register .humidor-password-hint { order: 7; }
  .woocommerce-account .woocommerce-form-register > p.form-row-wide:nth-child(11) { order: 8; }
  .woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text { order: 9; }
  .woocommerce-account .woocommerce-form-register > .form-row:last-of-type { order: 10; }
  .woocommerce-account .woocommerce-form-register wc-order-attribution-inputs { order: 99; }

  /* ── Password strength meter ── */
  .woocommerce-account .woocommerce-password-strength {
    font-family: var(--th-font-sans);
    font-size: 10px;
    text-align: right;
    margin-top: 4px;
    background: transparent !important;
  }

  /* ── Logged-in: hide avatar ── */
  .woocommerce-account .kadence-account-avatar {
    display: none !important;
  }

  /* ── Logged-in: navigation ── */
  .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: 600;
    color: var(--global-palette1);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #8B4040;
  }

  /* ── Logged-in: content area ── */
  .woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--global-palette1);
    text-decoration: none;
  }

  /* ── Logged-in: empty orders ── */
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    background: var(--global-palette7);
    border: 1px solid var(--global-palette6);
    border-radius: 10px;
    font-family: var(--th-font-sans);
    font-size: 13px;
    color: var(--global-palette5);
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
    color: var(--global-palette1);
  }

  /* ── Logged-in: edit account fieldset ── */
  .woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--global-palette6);
    border-radius: 6px;
    padding: 20px;
    margin: 24px 0;
  }

  .woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    font-family: var(--th-font-sans);
    font-size: 12px;
    font-weight: 600;
    color: var(--global-palette5);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0 8px;
  }

  .woocommerce-account .woocommerce-EditAccountForm em {
    font-family: var(--th-font-sans);
    font-size: 11px;
    color: var(--global-palette5);
  }

  /* ── Lost password page ── */
  .woocommerce-lost-password .humidor-auth-tabs {
    display: none !important;
  }

  .woocommerce-lost-password .lost_reset_password {
    border: none;
    padding: 0;
  }

  .woocommerce-lost-password .lost_reset_password > p:first-child {
    font-family: var(--th-font-sans);
    font-size: 14px;
    color: var(--global-palette5);
    line-height: 1.6;
    max-width: 600px;
  }
	
  /* ── fixevi ── */
  .woocommerce-account #customer_login .u-column1 form,
  .woocommerce-account #customer_login .u-column2 form {
    border: none !important;
    padding: 0 !important;
	margin: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button {
    background: var(--global-palette1) !important;
    color: var(--global-palette8) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

}

/* ============================================================================
   CART PAGE — mobile defaults
   Desktop overrides in min-width: 768px section at line 8850+.
   ============================================================================ */

  /* ──────────────────────────────────────
     0. PAGE SPACING & HERO — match Contact/Blog
     ────────────────────────────────────── */

  .woocommerce-cart .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .woocommerce-cart .entry.single-entry {
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .woocommerce-cart .entry-content-wrap {
    padding: 10px 16px 24px !important;
    background: var(--th-bg-900) !important;
    box-shadow: none !important;
  }
	
  .woocommerce-cart .entry-content {
	margin: 0;
  }

  /* Push title below the transparent header (80px header) */
  .woocommerce-cart .entry-header.page-title {
    padding: 90px 0 8px !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* H1 "Košarica" pattern stays mobile-only:
     mobile repurposes the h1 as an eyebrow + ::after pseudo as the
     big title. Desktop uses the inverse pattern (::before eyebrow,
     h1 as the big title), so unwrapping these would cause a double
     eyebrow and shrink the title to 30px on desktop. */
  @media (max-width: 767px) {
    .woocommerce-cart .entry-header .entry-title {
      font-family: var(--th-font-sans) !important;
      font-size: 10px !important;
      font-weight: 500 !important;
      letter-spacing: 0.18em !important;
      color: var(--th-gold-400) !important;
      text-transform: uppercase !important;
      margin-bottom: 6px !important;
      line-height: 1 !important;
    }

    .woocommerce-cart .entry-header .entry-title::after {
      content: "Košarica";
      display: block;
      font-family: var(--th-font-serif);
      font-size: 30px;
      font-weight: 700;
      color: var(--th-cream-50);
      line-height: 1.15;
      letter-spacing: 0;
      text-transform: none;
      margin-top: 6px;
    }
  }


  /* ──────────────────────────────────────
     1. CART BLOCK — Layout
     ────────────────────────────────────── */

  .woocommerce-cart .wp-block-woocommerce-cart.is-loading,
  .woocommerce-cart .wp-block-woocommerce-cart {
    background: transparent !important;
  }

  /* Layout rules stay mobile-only:
     these force the cart into a single-column flex layout, which
     collapses the desktop 2-column grid (items + totals side-by-side). */
  @media (max-width: 767px) {
    .woocommerce-cart .wp-block-woocommerce-filled-cart-block {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
    }

    .woocommerce-cart .wp-block-woocommerce-cart-items-block,
    .woocommerce-cart .wp-block-woocommerce-cart-totals-block {
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
    }
  }


  /* ──────────────────────────────────────
     2. CART LINE ITEMS
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart-items .wc-block-cart-items__row {
    border-bottom: 1px solid var(--th-bg-600) !important;
    padding: 16px 0 !important;
    background: transparent !important;
    position: relative !important;
  }

  .woocommerce-cart .wc-block-cart-items .wc-block-cart-items__row:last-child {
    border-bottom: none !important;
  }

  /* Product image */
  .woocommerce-cart .wc-block-cart-item__image {
    width: 80px !important;
    min-width: 80px !important;
  }

  .woocommerce-cart .wc-block-cart-item__image a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--th-bg-600);
    background: linear-gradient(135deg, var(--th-bg-700) 0%, var(--th-gold-glow-06) 100%);
  }

  .woocommerce-cart .wc-block-cart-item__image img {
    border-radius: 8px !important;
    object-fit: cover !important;
  }

  /* Product name */
  .woocommerce-cart .wc-block-components-product-name {
    font-family: var(--th-font-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
	margin: 0;
  }

  .woocommerce-cart .wc-block-components-product-name:hover {
    color: var(--th-gold-300) !important;
  }

  /* Product metadata */
  .woocommerce-cart .wc-block-components-product-metadata {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    color: var(--th-text-muted) !important;
    margin-top: 2px !important;
  }

  .woocommerce-cart .wc-block-components-product-metadata .wc-block-components-product-metadata__description {
    display: none !important;
  }

  /* Hide per-item price (shown next to name) — keep only row total */
  .woocommerce-cart .wc-block-cart-item__prices {
    display: none !important;
  }

  /* Row total price */
  .woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price,
  .woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount {
    font-family: var(--th-font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }
	
  .woocommerce-cart .wc-block-cart-item__total {
    height: 100% !important;
  }

  .woocommerce-cart .wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    height: 100% !important;
	padding-bottom: 14px;
  }

  /* Remove button stays mobile-only:
     mobile uses absolute-positioned × symbol in top-right; desktop
     uses inline text "Remove" below the qty counter. Two completely
     different patterns — mobile's absolute positioning would push
     the link outside the row on desktop. */
  @media (max-width: 767px) {
    .woocommerce-cart .wc-block-cart-item__remove-link {
      font-size: 0 !important;
      line-height: 1 !important;
      color: var(--th-text-muted) !important;
      text-decoration: none !important;
      border: none !important;
      background: none !important;
      padding: 0 !important;
      margin: 0 !important;
      opacity: 0.5;
      width: 20px !important;
      height: 20px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      position: absolute !important;
      top: 16px !important;
      right: 0 !important;
    }

    .woocommerce-cart .wc-block-cart-item__remove-link::after {
      content: "×";
      font-size: 18px;
      line-height: 1;
      color: var(--th-text-muted);
    }

    .woocommerce-cart .wc-block-cart-item__remove-link:hover {
      opacity: 1;
    }

    .woocommerce-cart .wc-block-cart-item__remove-link:hover::after {
      color: var(--th-error);
    }
  }

  /* Quantity stepper */
  .woocommerce-cart .wc-block-components-quantity-selector {
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--th-cream-100) !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--th-bg-600) !important;
    border-right: 1px solid var(--th-bg-600) !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    color: var(--th-text-muted) !important;
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
  }

  .woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
    color: var(--th-cream-100) !important;
    background: var(--th-gold-glow-08) !important;
  }

  /* Tighten spacing below quantity/remove */
  .woocommerce-cart .wc-block-cart-item__quantity {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
  }


  /* ──────────────────────────────────────
     3. ORDER SUMMARY — Dark card
     ────────────────────────────────────── */

  .woocommerce-cart .wp-block-woocommerce-cart-totals-block {
    margin-top: 16px !important;
  }

  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 0px 16px !important;
  }

  .woocommerce-cart .wc-block-components-totals-wrapper {
    border: none;
  }

  .woocommerce-cart .wc-block-components-totals-item__label {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
  }

  .woocommerce-cart .wc-block-components-totals-item__value {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-cream-100) !important;
    font-weight: 500 !important;
  }

  /* Free shipping green */
  .woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-item__value {
    color: var(--th-success) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
  }
	
  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper {
	padding-top: 2px;
  }

  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block {
	padding-bottom: 0px;
  }

  .woocommerce-cart .wc-block-components-totals-item__description {
	display: none;
  }

  /* Total — large */
  .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: var(--th-font-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  /* Summary heading */
  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block .wc-block-components-totals-wrapper:first-child {
    border-top: none !important;
  }

  .woocommerce-cart .wc-block-cart__totals-title {
    font-family: var(--th-font-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--th-gold-300) !important;
    letter-spacing: 0.05em !important;
    text-transform: none !important;
  }

  .woocommerce-cart .wc-block-components-shipping-address {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
  }


  /* ──────────────────────────────────────
     4. COUPON FORM
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-components-totals-coupon__button {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
  }

  .woocommerce-cart .wc-block-components-totals-coupon__button:hover {
    background: var(--th-cream-200) !important;
  }

  .woocommerce-cart .wc-block-components-totals-coupon input[type="text"] {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 6px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
  }

  .woocommerce-cart .wc-block-components-totals-coupon input[type="text"]::placeholder {
    color: var(--th-gold-400) !important;
    opacity: 1 !important;
  }

  .woocommerce-cart .wc-block-components-totals-coupon input[type="text"]:focus {
    border-color: var(--th-gold-300) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
  }

  .woocommerce-cart .wc-block-components-totals-coupon-link {
    color: var(--th-text-muted) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
  }
	
  .woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-text-input label {
    display: none !important;
  }
	
  .woocommerce-checkout .wc-block-components-totals-coupon__form {
	margin-bottom: 0;
  }


  /* ──────────────────────────────────────
     5. CHECKOUT CTA — Gold button
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart__submit-container {
    margin-top: 16px !important;
    padding: 0 !important;
	position: static !important;
  }
	
  .woocommerce-cart .wc-block-cart__submit-container--sticky {
    position: static !important;
  }

  .woocommerce-cart .wc-block-cart__submit-button,
  .woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button {
    width: 100% !important;
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 24px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
  }

  .woocommerce-cart .wc-block-cart__submit-button:hover,
  .woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover {
    background: var(--th-cream-200) !important;
    box-shadow: 0 4px 16px var(--th-gold-glow-25) !important;
  }

  /* Payment methods */
  .woocommerce-cart .wp-block-woocommerce-cart-accepted-payment-methods-block {
    opacity: 0.5;
    margin-top: 8px !important;
  }


  /* ══════════════════════════════════════
     7. EMPTY CART STATE
     ══════════════════════════════════════ */

  .woocommerce-cart .empty-cart-title {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-100) !important;
    text-align: center !important;
    margin: 32px 0 8px !important;
  }

  .woocommerce-cart .empty-cart-subtitle {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
    text-align: center !important;
    line-height: 1.5 !important;
    max-width: 280px !important;
    margin: 0 auto 24px !important;
  }

  .woocommerce-cart .empty-cart-cta {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 28px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    text-decoration: none !important;
  }

  .woocommerce-cart .empty-cart-cta:hover {
    background: var(--th-cream-200) !important;
  }

  /* Button wrapper — center + bottom spacing */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .kb-buttons-wrap {
    justify-content: center !important;
    margin-bottom: 28px !important;
  }

  /* Spacer/divider — spacing after */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .kt-divider {
    border-color: var(--th-bg-600) !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-kadence-spacer {
    margin-bottom: 20px !important;
  }

  /* Section title "Popularno sada" */
  .woocommerce-cart .empty-cart-section-title {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
  }


  /* ──────────────────────────────────────
     8. PRODUCT CARDS (empty cart grid)
        Match single product related cards
     ────────────────────────────────────── */

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection {
    padding: 0 !important;
    margin: 0 !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product-template.is-flex-container.columns-2 {
    gap: 12px !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product-template.is-flex-container.columns-2 > li {
    width: calc(50% - 6px) !important;
  }
	
  .woocommerce-cart .wc-block-product-template.wp-block-woocommerce-product-template {
	padding-left: 0;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product > :not(:first-child) {
    padding: 10px 10px 0 !important;
  }
	
  /* Card */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-shadow: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product:hover {
    border-color: var(--th-bg-500) !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product.loop-entry {
    box-shadow: none !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .entry-content-wrap {
    padding: 10px 14px 14px !important;
    background: var(--th-bg-800) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
  }

  /* Image */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-image {
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-image img {
    border-radius: 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
  }

  /* Title */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-post-title {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-align: left !important;
    flex: 1 !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-post-title a {
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-post-title a:hover {
    color: var(--th-cream-100) !important;
  }

  /* Price */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-woocommerce-product-price {
    text-align: left !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-price {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .woocommerce-Price-currencySymbol {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--th-text-muted) !important;
  }

  /* Add-to-cart → round gold "+" button, absolute bottom-right */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-woocommerce-product-button {
    position: absolute !important;
    bottom: 12px !important;
    right: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    z-index: 5 !important;
    pointer-events: auto !important;
  }

	.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button {
	  width: 36px !important;
	  height: 36px !important;
	  min-width: 36px !important;
	  min-height: 36px !important;
	  padding: 0 !important;
	  border-radius: 50% !important;
	  background: var(--th-gold-300) !important;
	  color: transparent !important;
	  font-size: 1px !important;
	  line-height: 1 !important;
	  display: flex !important;
	  align-items: center !important;
	  justify-content: center !important;
	  border: none !important;
	  box-shadow: none !important;
	  overflow: hidden !important;
	  letter-spacing: 0 !important;
	  text-decoration: none !important;
	  position: relative !important;
	  cursor: pointer !important;
	  text-indent: -9999px !important;
	}

	.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button span {
	  font-size: inherit !important;
	  position: absolute !important;
	  width: 100% !important;
	  height: 100% !important;
	  top: 0 !important;
	  left: 0 !important;
	  opacity: 0 !important;
	  cursor: pointer !important;
	}

	.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button::after {
	  content: "+";
	  font-size: 18px;
	  font-weight: 700;
	  color: var(--th-bg-900);
	  line-height: 1;
	  display: flex !important;
	  text-indent: 0 !important;
	  pointer-events: none !important;
	}

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button:hover {
    background: var(--th-cream-200) !important;
  }

  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .added_to_cart,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-woocommerce-product-button > span[hidden] {
    display: none !important;
  }


  /* ──────────────────────────────────────
     9. MISC
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart__cross-sells-title {
    font-family: var(--th-font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  .woocommerce-cart .wc-block-components-notice-banner {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
  }

  .woocommerce-cart .wc-block-components-notice-banner.is-success {
    border-color: var(--th-success) !important;
  }

  .woocommerce-cart .wc-block-components-notice-banner.is-error {
    border-color: var(--th-error) !important;
  }

  .woocommerce-cart table.wc-block-cart-items,
  .woocommerce-cart .wc-block-cart-items {
    border: none !important;
    background: transparent !important;
  }

  .woocommerce-cart .wp-block-woocommerce-cart-express-payment-block:empty {
    display: none !important;
  }
	
  .woocommerce-cart .wc-block-cart table.wc-block-cart-items,
  .woocommerce-cart .wc-block-cart table.wc-block-cart-items td,
  .woocommerce-cart .wc-block-cart table.wc-block-cart-items th {
  margin: 0 !important;
  }

/* ============================================================================
   CHECKOUT PAGE — mobile defaults
   Desktop overrides in min-width: 768px section at line ~9835.
   ============================================================================ */

  /* ──────────────────────────────────────
     0. PAGE SPACING & HERO
     Match Contact / Blog / Cart pattern
     ────────────────────────────────────── */

  .woocommerce-checkout .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .woocommerce-checkout .entry.single-entry {
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .woocommerce-checkout .entry-content-wrap {
    padding: 10px 16px 24px !important;
    background: var(--th-bg-900) !important;
    box-shadow: none !important;
  }

  /* Push title below the transparent header (80px) */
  .woocommerce-checkout .entry-header.page-title {
    padding: 90px 0 16px !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* H1 "Checkout" pattern stays mobile-only:
     same reason as cart — desktop uses h1-as-title (with ::before
     eyebrow), mobile inverts to h1-as-eyebrow + ::after-as-title. */
  @media (max-width: 767px) {
    .woocommerce-checkout .entry-header .entry-title {
      font-family: var(--th-font-sans) !important;
      font-size: 10px !important;
      font-weight: 500 !important;
      letter-spacing: 0.18em !important;
      color: var(--th-gold-400) !important;
      text-transform: uppercase !important;
      margin-bottom: 6px !important;
      line-height: 1 !important;
    }

    .woocommerce-checkout .entry-header .entry-title::after {
      content: "Checkout";
      display: block;
      font-family: var(--th-font-serif);
      font-size: 30px;
      font-weight: 700;
      color: var(--th-cream-50);
      line-height: 1.15;
      letter-spacing: 0;
      text-transform: none;
      margin-top: 6px;
    }
  }


  /* ──────────────────────────────────────
     1. CHECKOUT BLOCK — Layout
     ────────────────────────────────────── */

  .woocommerce-checkout .wp-block-woocommerce-checkout,
  .woocommerce-checkout .wc-block-checkout {
    background: transparent !important;
  }

  /* Layout rules stay mobile-only:
     same reason as cart — these force checkout into a single-column
     flex layout (with sidebar above form), which would collapse the
     desktop 2-column grid (form left, sidebar right). */
  @media (max-width: 767px) {
    .woocommerce-checkout .wc-block-checkout__form,
    .woocommerce-checkout .wc-block-checkout__sidebar {
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
      padding: 0 !important;
    }

    /* Move sidebar (order summary) above the form on mobile */
    .woocommerce-checkout .wc-block-checkout {
      display: flex !important;
      flex-direction: column-reverse !important;
      gap: 0 !important;
      padding-top: 0 !important;
    }

    .woocommerce-checkout .wc-block-checkout__sidebar {
      order: 2 !important;
      margin-bottom: 16px !important;
      display: none;
    }

    .woocommerce-checkout .wc-block-checkout__form {
      order: 1 !important;
    }
  }


  /* ──────────────────────────────────────
     2. CHECKOUT STEPS — Section styling
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-checkout-step {
    border: none !important;
    padding: 0 0 20px 0 !important;
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
  }

  .woocommerce-checkout .wc-block-components-checkout-step:last-child {
    border-bottom: none !important;
  }

  /* Remove WooCommerce's default left border/padding for step numbers */
  .woocommerce-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container {
    padding-left: 0 !important;
    border-left: none !important;
    margin-left: 0 !important;
  }

  .woocommerce-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::before {
    display: none !important;
  }

  .woocommerce-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after {
    display: none !important;
  }

  /* Step heading area */
  .woocommerce-checkout .wc-block-components-checkout-step__heading {
    border-bottom: none !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
  }

  /* Step title */
  .woocommerce-checkout .wc-block-components-checkout-step__title {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
  }

  /* Step description */
  .woocommerce-checkout .wc-block-components-checkout-step__description {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
    margin-bottom: 12px !important;
  }

  /* Step content */
  .woocommerce-checkout .wc-block-components-checkout-step__content {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* "Edit" and "Login" links in step headings */
  .woocommerce-checkout .wc-block-components-checkout-step__heading-content a,
  .woocommerce-checkout .wc-block-components-checkout-step__heading-content button {
    color: var(--th-gold-300) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    text-decoration: none !important;
  }


  /* ──────────────────────────────────────
     3. FORM INPUTS — Dark themed
     ────────────────────────────────────── */

  /* Text input wrapper — reset any white bg */
  .woocommerce-checkout .wc-block-components-text-input {
    background: transparent !important;
  }

  /* Text inputs */
  .woocommerce-checkout .wc-block-components-text-input input[type="text"],
  .woocommerce-checkout .wc-block-components-text-input input[type="email"],
  .woocommerce-checkout .wc-block-components-text-input input[type="tel"],
  .woocommerce-checkout .wc-block-components-text-input input[type="number"],
  .woocommerce-checkout .wc-block-components-text-input input[type="password"] {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    padding: 12px 7px !important;
    caret-color: var(--th-gold-300) !important;
    height: auto !important;
  }

  .woocommerce-checkout .wc-block-components-text-input input:focus {
    border-color: var(--th-gold-300) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
  }

  /* Floating labels */
  .woocommerce-checkout .wc-block-components-text-input label {
    font-family: var(--th-font-sans) !important;
    color: var(--th-text-muted) !important;
    font-size: 14px !important;
  }

  /* Mobile-only: shift label down to compensate for mobile input padding */
  @media (max-width: 767px) {
    .woocommerce-checkout .wc-block-components-text-input label {
      top: 1.4em !important;
    }
  }

  .woocommerce-checkout .wc-block-components-text-input.is-active label {
    display: none;
  }


  /* ──────────────────────────────────────
     3b. COMBOBOX / SELECT DROPDOWNS
     (Država/Regija, Županija)
     ────────────────────────────────────── */

	/* ── Native select dropdowns (Country, State) ── */
	.woocommerce-checkout .wc-blocks-components-select__container {
	  background: transparent !important;
	  border: 1px solid var(--th-bg-600) !important;
	  border-radius: 8px !important;
	  position: relative !important;
	}

	.woocommerce-checkout .wc-blocks-components-select__select {
	  background: transparent !important;
	  border: none !important;
	  color: var(--th-cream-100) !important;
	  font-family: var(--th-font-sans) !important;
	  font-size: 14px !important;
	  padding: 0 36px 0 7px !important;
	  width: 100% !important;
	  appearance: none !important;
	  -webkit-appearance: none !important;
	  outline: none !important;
	}

	.woocommerce-checkout .wc-blocks-components-select__select:focus {
	  outline: none !important;
	}

	.woocommerce-checkout .wc-blocks-components-select__container:focus-within {
	  border-color: var(--th-gold-300) !important;
	  box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
	}

	.woocommerce-checkout .wc-blocks-components-select__label {
	  font-family: var(--th-font-sans) !important;
	  font-size: 10px !important;
	  color: var(--th-gold-400) !important;
	  letter-spacing: 0.04em !important;
	  display: none;
	}

	.woocommerce-checkout .wc-blocks-components-select__expand {
	  fill: var(--th-text-muted) !important;
	  position: absolute !important;
	  right: 12px !important;
	  top: 50% !important;
	  transform: translateY(-50%) !important;
	  pointer-events: none !important;
	}

	/* Fix select option backgrounds (browser dropdown) */
	.woocommerce-checkout .wc-blocks-components-select__select option {
	  background: var(--th-bg-800) !important;
	  color: var(--th-cream-100) !important;
	}


  /* ──────────────────────────────────────
     4. CHECKBOXES
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
    border: 1.5px solid var(--th-bg-600) !important;
    border-radius: 4px !important;
    background: transparent !important;
    accent-color: var(--th-gold-300) !important;
  }

  .woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
    background: var(--th-gold-300) !important;
    border-color: var(--th-gold-300) !important;
  }

  .woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__label {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
  }


  /* ──────────────────────────────────────
     5. RADIO BUTTONS (shipping + payment)
     ────────────────────────────────────── */

  /* Base radio option — dark card with left padding for the radio dot */
  .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option,
  .woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option,
  .woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 14px 16px 14px 44px !important;
    margin-bottom: 8px !important;
    position: relative !important;
  }
	
	.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
		box-shadow: none !important;
	}

  /* Active/checked radio option */
  .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option--checked,
  .woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked,
  .woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option--checked {
    border-color: var(--th-gold-300) !important;
    background: var(--th-bg-800) !important;
  }

  /* Radio dot — position absolutely so it doesn't overlap text */
  .woocommerce-checkout .wc-block-components-radio-control__input {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-color: var(--th-bg-600) !important;
    background: transparent !important;
    margin: 0 !important;
  }

  .woocommerce-checkout .wc-block-components-radio-control__input:checked {
    border-color: var(--th-gold-300) !important;
    background: var(--th-gold-300) !important;
  }

  /* Radio label */
  .woocommerce-checkout .wc-block-components-radio-control__label {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-cream-100) !important;
    font-weight: 500 !important;
	padding-left: 12px;
  }

  /* Secondary label (e.g. "BESPLATNO") */
  .woocommerce-checkout .wc-block-components-radio-control__secondary-label {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--th-success) !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  /* Radio description (delivery time etc) */
  .woocommerce-checkout .wc-block-components-radio-control__description {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    color: var(--th-text-muted) !important;
  }

  /* Hide payment method expanded descriptions entirely */
  .woocommerce-checkout .wc-block-components-radio-control-accordion-content {
    display: none !important;
  }

  .woocommerce-checkout .wc-block-components-payment-method-icons {
    opacity: 0.5 !important;
  }

  /* Shipping rates wrapper */
  .woocommerce-checkout .wc-block-components-shipping-rates-control {
    margin: 0 !important;
  }

	

  /* ──────────────────────────────────────
     6. ORDER SUMMARY SIDEBAR
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__sidebar {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Summary panel heading ("Sažetak narudžbe 441,50 €") */
  .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button {
    font-family: var(--th-font-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--th-gold-300) !important;
    padding: 14px 16px !important;
    background: transparent !important;
  }

  /* Total amount next to heading */
  .woocommerce-checkout .wc-block-components-order-summary .wc-block-formatted-money-amount {
    font-family: var(--th-font-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  /* Panel content area */
  .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__content {
    border-top: 1px solid var(--th-bg-600) !important;
  }

  /* Summary item rows */
  .woocommerce-checkout .wc-block-components-order-summary-item {
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
	
	.woocommerce-checkout .wc-block-components-order-summary-item__description {
	  flex: 1 !important;
	  min-width: 0 !important;
	  overflow: hidden !important;
	  padding: 0 12px !important;
	}
	
	.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
	  flex-shrink: 0 !important;
	  text-align: right !important;
	  margin-left: auto !important;
	}

  .woocommerce-checkout .wc-block-components-order-summary-item:last-child {
    border-bottom: none !important;
  }

  /* ── Product image fix ── */
  .woocommerce-checkout .wc-block-components-order-summary-item__image {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
  }

  .woocommerce-checkout .wc-block-components-order-summary-item__image img {
    width: 48px !important;
    height: 48px !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;
	border: 1px solid var(--th-bg-600);
	border-radius: 6px;
  }

  /* Quantity badge */
  .woocommerce-checkout .wc-block-components-order-summary-item__quantity {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: none !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }

  /* Product name */
  .woocommerce-checkout .wc-block-components-order-summary-item__name {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.3 !important;
  }

  /* Hide description */
  .woocommerce-checkout .wc-block-components-product-metadata {
    display: none !important;
  }

  /* Hide per-item price below name — keep only top-right total */
  .woocommerce-checkout .wc-block-components-order-summary-item__individual-prices,
  .woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-price__regular {
    display: none !important;
  }

  /* Top-right price */
  .woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-price,
  .woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-price__value {
    font-family: var(--th-font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }


  /* ──────────────────────────────────────
     7. TOTALS (inside sidebar)
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-totals-wrapper {
    border-color: var(--th-bg-600) !important;
    padding: 10px 0 !important;
  }

	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block {
		padding: 0 !important;
	}
	
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-discount-block,
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-fee-block,
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-shipping-block {
		padding: 0 !important;
	}
	
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block {
		padding-bottom: 0 !important;
	}
	
	.woocommerce-checkout .entry-content.single-content {
		margin-top: 0;
	}
	
  .woocommerce-checkout .wc-block-components-totals-item__label {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
  }

  .woocommerce-checkout .wc-block-components-totals-item__value {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-cream-100) !important;
    font-weight: 500 !important;
  }

  /* Free shipping green */
  .woocommerce-checkout .wc-block-components-totals-shipping .wc-block-components-totals-item__value,
  .woocommerce-checkout .wc-block-components-totals-shipping .wc-block-formatted-money-amount {
    color: var(--th-success) !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  /* Shipping address text within totals */
  .woocommerce-checkout .wc-block-components-shipping-address {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    color: var(--th-text-muted) !important;
  }

  /* Footer total */
  .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: var(--th-font-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }

  .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
  .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }


  /* ──────────────────────────────────────
     8. COUPON
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-totals-coupon-link {
    color: var(--th-text-muted) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon__button {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon__button:hover {
    background: var(--th-cream-200) !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon input[type="text"] {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 6px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon input[type="text"]::placeholder {
    color: var(--th-gold-400) !important;
    opacity: 1 !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon input[type="text"]:focus {
    border-color: var(--th-gold-300) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
  }

  /* Hide the coupon floating label */
  .woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input label {
    display: none !important;
  }


  /* ──────────────────────────────────────
     9. PLACE ORDER BUTTON
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__actions {
    padding: 0 !important;
  }

  .woocommerce-checkout .wc-block-components-checkout-place-order-button,
  .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-button {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 24px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
  }

  /* Mobile-only: full-width place-order button */
  @media (max-width: 767px) {
    .woocommerce-checkout .wc-block-components-checkout-place-order-button,
    .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-button {
      width: 100% !important;
    }
  }

  .woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
  .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-button:hover {
    background: var(--th-cream-200) !important;
    box-shadow: 0 4px 16px var(--th-gold-glow-25) !important;
  }

  /* Return to cart */
  .woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
  }

  .woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover {
    color: var(--th-cream-100) !important;
  }


  /* ──────────────────────────────────────
     10. TERMS & CONDITIONS
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__terms {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.5 !important;
  }

  .woocommerce-checkout .wc-block-checkout__terms a {
    color: var(--th-gold-300) !important;
    text-decoration: underline !important;
  }


  /* ──────────────────────────────────────
     11. LOGIN / GUEST NOTICE
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__login-prompt {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    color: var(--th-text-muted) !important;
  }

  .woocommerce-checkout .wc-block-checkout__login-prompt a {
    color: var(--th-gold-300) !important;
    font-style: normal !important;
  }


  /* ──────────────────────────────────────
     12. EXPRESS PAYMENT
     ────────────────────────────────────── */

  .woocommerce-checkout .wp-block-woocommerce-checkout-express-payment-block:empty {
    display: none !important;
  }

  .woocommerce-checkout .wc-block-components-express-payment {
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    background: var(--th-bg-800) !important;
  }

  .woocommerce-checkout .wc-block-components-express-payment-continue-rule {
    color: var(--th-text-muted) !important;
  }

  .woocommerce-checkout .wc-block-components-express-payment-continue-rule::before,
  .woocommerce-checkout .wc-block-components-express-payment-continue-rule::after {
    border-color: var(--th-bg-600) !important;
  }


  /* ──────────────────────────────────────
     13. ORDER NOTE TEXTAREA
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__add-note {
    font-family: var(--th-font-sans) !important;
    color: var(--th-text-muted) !important;
  }

  .woocommerce-checkout .wc-block-checkout__add-note textarea,
  .woocommerce-checkout .wp-block-woocommerce-checkout-order-note-block textarea,
  .woocommerce-checkout .wc-block-components-textarea {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    padding: 12px !important;
    caret-color: var(--th-gold-300) !important;
    min-height: 80px !important;
    resize: vertical !important;
  }

  .woocommerce-checkout .wc-block-checkout__add-note textarea:focus,
  .woocommerce-checkout .wc-block-components-textarea:focus {
    border-color: var(--th-gold-300) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
  }

  .woocommerce-checkout .wc-block-checkout__add-note textarea::placeholder,
  .woocommerce-checkout .wc-block-components-textarea::placeholder {
    color: var(--th-gold-400) !important;
    opacity: 1 !important;
  }


  /* ──────────────────────────────────────
     14. NOTICE BANNERS
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-notice-banner {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
  }

  .woocommerce-checkout .wc-block-components-notice-banner.is-success {
    border-color: var(--th-success) !important;
  }

  .woocommerce-checkout .wc-block-components-notice-banner.is-error {
    border-color: var(--th-error) !important;
  }

  .woocommerce-checkout .wc-block-components-notice-banner.is-warning {
    border-color: var(--th-gold-300) !important;
  }


  /* ──────────────────────────────────────
     15. MISC CLEANUP
     ────────────────────────────────────── */

  /* Panel borders/chevrons */
  .woocommerce-checkout .wc-block-components-panel {
    border-color: var(--th-bg-600) !important;
  }

  .woocommerce-checkout .wc-block-components-panel__button {
    color: var(--th-text-muted) !important;
    font-family: var(--th-font-sans) !important;
  }

  .woocommerce-checkout .wc-block-components-panel__button svg {
    fill: var(--th-text-muted) !important;
  }

  /* Address card (post-entry display) */
  .woocommerce-checkout .wc-block-components-address-card {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    color: var(--th-text-muted) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
  }

  .woocommerce-checkout .wc-block-components-address-card__edit {
    color: var(--th-gold-300) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
  }

  /* Spacing between form fields */
  .woocommerce-checkout .wc-block-components-address-form {
    gap: 10px !important;
  }

  /* "Add apartment" link */
  .woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
    color: var(--th-gold-400) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
  }

  /* General link styling in steps */
  .woocommerce-checkout .wc-block-components-checkout-step a {
    color: var(--th-gold-300) !important;
  }

  /* Password strength meter */
  .woocommerce-checkout .wc-block-components-password-strength {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
  }

  /* Heading borders (step separator lines from WooCommerce) */
  .woocommerce-checkout .wc-block-components-checkout-step__heading {
    border: none !important;
  }
	
  /* Fixes */
	.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
		margin-top: 0 !important;
		padding: 16px;
	}
	
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
		padding-top: 0 !important;
	}
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block {
		padding: 0 !important;
	}
	
	.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary {
		padding: 0;
	}

	.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill .wc-block-components-totals-coupon,
	.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill .wc-block-components-totals-item {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.is-mobile .wc-block-components-form .wc-block-components-checkout-step:after,
	.is-small .wc-block-components-form .wc-block-components-checkout-step:after {
		height: 0 !important;
	}
	
	.woocommerce-checkout .wc-block-components-totals-coupon__form {
		margin-bottom: 0;
	}
	
	.woocommerce-checkout .wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block {
		padding-top: 0;
		margin-bottom: 12px;
	}
	
	.woocommerce-checkout .wc-block-components-address-form__country.wc-block-components-country-input .wc-blocks-components-select__container {
		height: 43.75px;
	}

/* ============================================================================
   ORDER RECEIVED / THANK YOU PAGE — MOBILE (≤767px)
   The Humidor · Kadence Child Theme

   Mobile defaults; desktop overrides in min-width: 768px section.
   Uses .woocommerce-order-received body class to scope rules.
   ============================================================================ */

  /* ──────────────────────────────────────
     0. HERO — Override checkout eyebrow
     The h1 already says "Narudžba zaprimljena"
     so we hide the ::after that says "Checkout"
     ────────────────────────────────────── */

  .woocommerce-order-received .entry-header .entry-title::after {
    display: none !important;
  }

  /* The H1 itself becomes the Playfair heading (not the eyebrow).
     Wrapped mobile-only: this selector is more specific than the
     desktop counterpart `.woocommerce-order-received .entry-title`,
     so unwrapping would shrink the desktop title to 28px. */
  @media (max-width: 767px) {
    .woocommerce-order-received .entry-header .entry-title {
      font-family: var(--th-font-serif) !important;
      font-size: 28px !important;
      font-weight: 700 !important;
      color: var(--th-cream-50) !important;
      text-transform: none !important;
      letter-spacing: 0 !important;
      line-height: 1.2 !important;
      margin-bottom: 16px !important;
    }
  }


  /* ──────────────────────────────────────
     1. SUCCESS NOTICE
     ────────────────────────────────────── */

  .woocommerce-order-received .woocommerce-notice--success {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    color: var(--th-cream-100) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 0 16px !important;
    margin: 0 0 20px !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
  }


  /* ──────────────────────────────────────
     2. ORDER OVERVIEW (number, date, total, method)
     ────────────────────────────────────── */

  .woocommerce-order-received .woocommerce-order-overview {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 16px !important;
  }

  .woocommerce-order-received .woocommerce-order-overview li {
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--th-gold-400) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .woocommerce-order-received .woocommerce-order-overview li strong {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-top: 4px !important;
  }

  /* Make the total price use Playfair */
  .woocommerce-order-received .woocommerce-order-overview .total strong .woocommerce-Price-amount {
    font-family: var(--th-font-serif) !important;
  }


  /* ──────────────────────────────────────
     3. ORDER DETAILS TABLE
     ────────────────────────────────────── */

  .woocommerce-order-received .woocommerce-order-details__title {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    background: transparent !important;
  }

  /* Table header */
  .woocommerce-order-received .woocommerce-table--order-details thead th {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
  }

  /* Table body rows */
  .woocommerce-order-received .woocommerce-table--order-details tbody td {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    vertical-align: top !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tbody td a {
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tbody td a:hover {
    color: var(--th-gold-300) !important;
  }

  /* Product quantity */
  .woocommerce-order-received .woocommerce-table--order-details tbody .product-quantity {
    color: var(--th-cream-100) !important;
    font-weight: 600 !important;
  }

  /* Price column */
  .woocommerce-order-received .woocommerce-table--order-details tbody .product-total {
    text-align: right !important;
    font-family: var(--th-font-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--th-cream-100) !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tbody .product-total .woocommerce-Price-amount {
    font-family: var(--th-font-serif) !important;
    color: var(--th-cream-100) !important;
  }

  /* Table footer (totals) */
  .woocommerce-order-received .woocommerce-table--order-details tfoot th {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 0 !important;
    border-top: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    text-align: left !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tfoot td {
    font-family: var(--th-font-sans) !important;
    font-size: 15px !important;
    color: var(--th-cream-100) !important;
    padding: 10px 0 !important;
    border-top: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    text-align: right !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tfoot .woocommerce-Price-amount {
    font-family: var(--th-font-serif) !important;
    font-weight: 700 !important;
  }

  /* Last row (total) — more prominent */
  .woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th {
    font-size: 13px !important;
    color: var(--th-cream-100) !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 14px !important;
    color: var(--th-cream-50) !important;
  }

  /* Header row alignment */
  .woocommerce-order-received .woocommerce-table--order-details thead .product-total {
    text-align: right !important;
  }


  /* ──────────────────────────────────────
     4. CUSTOMER DETAILS (addresses)
     ────────────────────────────────────── */
	
  .woocommerce .woocommerce-order-received .woocommerce-customer-details,
  .woocommerce .woocommerce-order-received .woocommerce-order-details {
    margin: 0 !important;
  }

  /* Two-column → single column on mobile.
     Wrapped mobile-only: desktop wants the addresses side-by-side. */
  @media (max-width: 767px) {
    .woocommerce-order-received .woocommerce-columns--addresses {
      display: flex !important;
      flex-direction: column !important;
      gap: 20px !important;
    }

    .woocommerce-order-received .woocommerce-column--billing-address,
    .woocommerce-order-received .woocommerce-column--shipping-address {
      width: 100% !important;
      float: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  }

  /* Address section title */
  .woocommerce-order-received .woocommerce-column__title {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 12px !important;
  }

  /* Address block */
  .woocommerce-order-received .woocommerce-customer-details address {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    color: var(--th-text-muted) !important;
    line-height: 1.7 !important;
    font-style: normal !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 16px !important;
  }

  .woocommerce-order-received .woocommerce-customer-details address p {
    margin: 4px 0 0 !important;
    color: var(--th-text-muted) !important;
  }

  .woocommerce-order-received .woocommerce-customer-details--phone {
    color: var(--th-text-muted) !important;
  }

  .woocommerce-order-received .woocommerce-customer-details--email {
    color: var(--th-gold-300) !important;
  }
	
  .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before,
  .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after {
	display: none;
  }

/* ═══════════════════════════════════════════════════════════════
   CART PAGE — DESKTOP REDESIGN
   Breakpoint: min-width: 768px
   
   STYLE ONLY — does NOT override WooCommerce's grid/layout.
   Just typography, colors, borders, radius, spacing.
   Mobile (<768px) is completely untouched.
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. PAGE FOUNDATION
     ────────────────────────────────────── */



  .woocommerce-cart .entry.content-bg {
    background: transparent !important;
  }

  .woocommerce-cart .entry-content-wrap {
    padding: 0 2rem !important;
  }


  /* ──────────────────────────────────────
     1. PAGE TITLE
     ────────────────────────────────────── */

  .woocommerce-cart .entry-header.page-title {
    padding: 100px 0 8px !important;
    position: relative !important;
  }

  .woocommerce-cart .entry-title {
    font-family: var(--th-font-serif) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  /* Eyebrow above title */
  .woocommerce-cart .entry-header.page-title::before {
    content: 'Vaša košarica';
    display: block;
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--th-gold-400);
    margin-bottom: 8px;
  }

  /* Divider below title */
  .woocommerce-cart .entry-header.page-title::after {
    content: '';
    display: block;
    border-top: 1px solid var(--th-bg-600);
    margin-top: 20px;
  }


  /* ──────────────────────────────────────
     2. CART TABLE HEADER ROW
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart-items__header {
    border-bottom: 1px solid var(--th-bg-600) !important;
  }

  .woocommerce-cart .wc-block-cart-items__header span,
  .woocommerce-cart .wc-block-cart-items__header th {
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: var(--th-gold-400) !important;
  }


  /* ──────────────────────────────────────
     3. CART ITEM ROWS
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart-items .wc-block-cart-items__row {
    border-top: none !important;
  }

  /* Product image */
  .woocommerce-cart .wc-block-cart-item__image a {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid var(--th-bg-600) !important;
    display: block !important;
  }

  .woocommerce-cart .wc-block-cart-item__image img {
    border-radius: 10px !important;
  }


  /* ──────────────────────────────────────
     4. PRODUCT INFO
     ────────────────────────────────────── */

  /* Product name */
  .woocommerce-cart .wc-block-components-product-name {
    font-family: var(--th-font-serif) !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
  }


  /* Price shown under/near product name */
  .woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-price {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    color: var(--th-text-muted) !important;
  }

  .woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-price .wc-block-formatted-money-amount {
    color: var(--th-text-muted) !important;
  }

  /* Hide product metadata/description */
  .woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-metadata {
    display: none !important;
  }

  /* Remove link */
  .woocommerce-cart .wc-block-cart-item__remove-link {
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--th-error-soft) !important;
    text-decoration: none !important;
    opacity: 0.7 !important;
    transition: opacity 0.15s ease !important;
  }

  .woocommerce-cart .wc-block-cart-item__remove-link:hover {
    opacity: 1 !important;
    color: var(--th-error-soft) !important;
  }


  /* ──────────────────────────────────────
     5. QUANTITY SELECTOR
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-components-quantity-selector {
    background: var(--th-bg-800) !important;
    border-radius: 10px !important;
  }

  .woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    color: var(--th-cream-50) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    transition: color 0.15s ease !important;
  }

  .woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
    color: var(--th-cream-50) !important;
    background: transparent !important;
  }


  /* ──────────────────────────────────────
     6. LINE TOTAL
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount,
  .woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }


  /* ──────────────────────────────────────
     7. ORDER SUMMARY SIDEBAR
     Matches mobile style: dark card bg,
     gold heading, clean minimal rows,
     no heavy dividers between items.
     ────────────────────────────────────── */
 
  /* Summary card wrapper */
  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
    padding: 0 !important;
  }
 
  /* Kill default wrapper borders inside summary */
  .woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper {
    border: none !important;
  }
 
  /* Summary heading — gold Playfair, matching mobile */
  .woocommerce-cart .wc-block-cart__totals-title {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    border: none !important;
  }
 
  /* Remove top border on the first wrapper (heading) */
 
  /* Summary row labels */
  .woocommerce-cart .wc-block-components-totals-item__label {
    font-size: 14px !important;
  }
 
  /* Summary row values */
  .woocommerce-cart .wc-block-components-totals-item__value,
  .woocommerce-cart .wc-block-components-totals-item__value .wc-block-formatted-money-amount {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--th-cream-100) !important;
  }
 
  /* Shipping "BESPLATNO" value — muted green */
  .woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-item__value {
    font-size: 13px !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-shipping .wc-block-formatted-money-amount {
    color: var(--th-success) !important;
  }
 
  /* Compact shipping block */
  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper {
    padding-top: 2px !important;
  }
 
  /* Compact totals block */
  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block {
    padding-bottom: 0px !important;
  }
 
  /* Hide shipping description text */
  .woocommerce-cart .wc-block-components-totals-item__description {
    display: none !important;
  }
 
  /* Footer total row — large Playfair */
  .woocommerce-cart .wc-block-components-totals-footer-item {
    border-bottom: none !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
  .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    font-family: var(--th-font-serif) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
  }
 
  /* Shipping radio labels */
  .woocommerce-cart .wc-block-components-radio-control__label {
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--th-cream-100) !important;
  }
 
  .woocommerce-cart .wc-block-components-radio-control__description,
  .woocommerce-cart .wc-block-components-radio-control__secondary-label {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    color: var(--th-text-muted) !important;
  }
 
  /* Radio input accent — gold */
  .woocommerce-cart .wc-block-components-radio-control__input {
    border-color: var(--th-gold-300) !important;
  }
 
  .woocommerce-cart .wc-block-components-radio-control__input:checked::before {
    background: var(--th-gold-300) !important;
  }
 
  /* Shipping address link */
 
 
  /* ──────────────────────────────────────
     8. COUPON — matches mobile style
     ────────────────────────────────────── */
 
  .woocommerce-cart .wc-block-components-totals-coupon-link {
    font-size: 14px !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-coupon__button-text {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-coupon__button-text:hover {
    color: var(--th-gold-300) !important;
  }
 
  /* Coupon input */
  .woocommerce-cart .wc-block-components-totals-coupon__content input[type="text"],
  .woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-text-input input {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 6px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-coupon__content input[type="text"]:focus,
  .woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-text-input input:focus {
    border-color: var(--th-gold-300) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
  }
 
  /* Coupon input label */
  .woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-text-input label {
    display: none !important;
  }
 
  /* Coupon apply button — gold, matching mobile */
  .woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 10px 18px !important;
  }
 
  .woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button:hover {
    background: var(--th-cream-200) !important;
  }
 
  /* Coupon form bottom margin */
  .woocommerce-cart .wc-block-components-totals-coupon__form {
    margin-bottom: 0 !important;
  }
 
 
  /* ──────────────────────────────────────
     9. CHECKOUT CTA BUTTON
     ────────────────────────────────────── */
 
 
  .woocommerce-cart .wc-block-cart__submit-button {
    width: 100% !important;
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 16px 24px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
  }
 
  .woocommerce-cart .wc-block-cart__submit-button:hover {
    background: var(--th-cream-200) !important;
    box-shadow: 0 4px 16px var(--th-gold-glow-25) !important;
    color: var(--th-bg-900) !important;
  }


  /* ──────────────────────────────────────
     10. PAYMENT METHODS ICONS
     ────────────────────────────────────── */

  .woocommerce-cart .wp-block-woocommerce-cart-accepted-payment-methods-block {
    opacity: 0.5 !important;
  }

  /* ──────────────────────────────────────
     11. EMPTY CART STATE
     Matches mobile style: centered message,
     gold CTA, divider, product cards with
     round "+" button — 4 columns on desktop.
     ────────────────────────────────────── */
 
  /* "Košarica je prazna" title */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block h2.kt-adv-heading10_b806e2-9a {
    font-family: var(--th-font-serif) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--th-cream-100) !important;
    text-align: center !important;
    margin: 32px 0 8px !important;
  }
 
  /* Subtitle */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block p.kt-adv-heading10_2c24c1-22 {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    color: var(--th-text-muted) !important;
    text-align: center !important;
    line-height: 1.5 !important;
    max-width: 400px !important;
    margin: 0 auto 24px !important;
  }
 
  /* "Istraži ponudu" CTA button */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .kb-button,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block a.kb-button {
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 28px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .kb-button:hover,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block a.kb-button:hover {
    background: var(--th-cream-200) !important;
  }
 
  /* Button wrapper — center + spacing */
 
  /* Divider */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .kt-divider {
	width: 100% !important;
  }
 
 
  /* "Popularno sada" section title */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block h3.kt-adv-heading10_353dac-d2 {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }
 
 
  /* ── Product cards grid — 4 columns ── */
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection {
    margin: 0 0 40px !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product-template.is-flex-container.columns-2 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product-template.is-flex-container.columns-2 > li {
    width: 100% !important;
    max-width: 100% !important;
  }
 
  .woocommerce-cart .wc-block-product-template.wp-block-woocommerce-product-template {
    padding-left: 0 !important;
  }
 
  /* Card */
 
 
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product.content-bg {
    background: var(--th-bg-800) !important;
  }
 
  /* Image */
 
 
  /* Product title */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-post-title {
    margin: 0 0 8px !important;
    padding: 10px 14px 0 !important;
  }
 
 
 
  /* Price */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-woocommerce-product-price {
    padding: 0 14px !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-price {
    font-family: var(--th-font-serif) !important;
  }
 
 
  /* Add-to-cart → round gold "+" button, absolute bottom-right
     Matches category archive desktop style (40px circle) */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-woocommerce-product-button {
    bottom: 14px !important;
    right: 14px !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-button__link {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--th-gold-300) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    position: relative !important;
    cursor: pointer !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    opacity: 0.7 !important;
    transition: transform 0.15s ease, opacity 0.15s ease !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product:hover .wc-block-components-product-button__button,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product:hover .wp-block-button__link {
    opacity: 1 !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button *,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-button__link * {
    display: none !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button::after,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-button__link::after {
    content: "+" !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--th-bg-900) !important;
    line-height: 1 !important;
    display: flex !important;
    text-indent: 0 !important;
    pointer-events: none !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button:hover,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-button__link:hover {
    background: var(--th-cream-200) !important;
  }
 
  /* Loading state — dots */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button.loading::after {
    content: "···" !important;
    font-size: 24px !important;
    color: var(--th-bg-900) !important;
  }
 
  /* Added state — checkmark */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button.added::after {
    content: "✓" !important;
    font-size: 15px !important;
    color: var(--th-bg-900) !important;
  }
 
  /* Keep circle shape during/after AJAX */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button.loading,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button.added {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--th-gold-300) !important;
    font-size: 0 !important;
  }
 
  /* "Read more" button (out of stock / cigar products) — muted style */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button:not(.add_to_cart_button),
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-button__link:not(.add_to_cart_button) {
    background: var(--th-bg-600) !important;
  }
 
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wc-block-components-product-button__button:not(.add_to_cart_button)::after,
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product .wp-block-button__link:not(.add_to_cart_button)::after {
    content: "→" !important;
    color: var(--th-gold-500) !important;
  }
 
  /* Hide "View cart" link */
 
  /* Card content spacing (everything after image) */
  .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-product > :not(:first-child) {
    padding-left: 14px !important;
  }
	
  /* ──────────────────────────────────────
     12. NOTICE BANNERS
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-components-notice-banner {
    border-radius: 10px !important;
    font-family: var(--th-font-sans) !important;
  }

  .woocommerce-cart .wc-block-components-notice-banner.is-error {
    border-color: var(--th-error-soft) !important;
  }

  .woocommerce-cart .wc-block-components-notice-banner.is-success {
    border-color: #6EAA6E !important;
  }


  /* ──────────────────────────────────────
     13. GENERAL LINK OVERRIDES
     ────────────────────────────────────── */

  .woocommerce-cart .wc-block-cart a:not(.wc-block-components-product-name):not(.wc-block-cart__submit-button):not(.wc-block-cart-item__remove-link) {
    color: var(--th-gold-300) !important;
    text-decoration: none !important;
  }

  .woocommerce-cart .wc-block-cart a:not(.wc-block-components-product-name):not(.wc-block-cart__submit-button):not(.wc-block-cart-item__remove-link):hover {
    color: var(--th-cream-100) !important;
  }
	
	
    /* ──────────────────────────────────────
     14. FIXES
     ────────────────────────────────────── */

	.woocommerce-cart .wc-block-cart-item__prices {
		display: none;
	}
	
	.woocommerce-cart .wc-block-cart-item__image {
		padding: 12px 10px 12px 0px !important;
	}
	
	.woocommerce-cart .wc-block-cart-item__product {
		padding: 12px 0 12px 16px !important;
	}
	
	.woocommerce-cart .wc-block-components-quantity-selector {
		margin-bottom: 0px !important;
	}
	
	.woocommerce-cart .single-content {
		margin: 10px 0 0;
	}
	
	.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
		display: none !important;
	}
}

/* ══════════════════════════════════════
   MINI-CART DROPDOWN — Desktop
   Kadence header cart hover dropdown.
   Style-only, no layout overrides.
   ══════════════════════════════════════ */

/* Dropdown container */
.menu-item-kadence-cart .sub-menu,
.menu-item-kadence-cart .sub-menu .menu-item-kadence-cart-dropdown {
  background: var(--th-bg-800) !important;
  border: 1px solid var(--th-bg-600) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

.menu-item-kadence-cart .sub-menu .menu-item-kadence-cart-dropdown {
  border: none !important;
  box-shadow: none !important;
  padding: 16px !important;
}

/* Cart item rows */
.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item {
  border-bottom: 1px solid var(--th-bg-600) !important;
  padding: 14px 0 !important;
  background: transparent !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item:last-child {
  border-bottom: none !important;
}

/* Product image */
.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item img {
  border-radius: 6px !important;
  border: 1px solid var(--th-bg-600) !important;
  background: linear-gradient(135deg, var(--th-bg-700) 0%, var(--th-gold-glow-06) 100%) !important;
}

/* Product name link */
.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item > a:not(.remove) {
  font-family: var(--th-font-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--th-cream-100) !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item > a:not(.remove):hover {
  color: var(--th-gold-300) !important;
}

/* Quantity × price */
.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item .quantity {
  font-family: var(--th-font-sans) !important;
  font-size: 12px !important;
  color: var(--th-text-muted) !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item .quantity .woocommerce-Price-amount {
  color: var(--th-cream-100) !important;
  font-weight: 500 !important;
}

/* Remove × button */
.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item .remove {
  color: var(--th-text-muted) !important;
  font-size: 18px !important;
  opacity: 0.5 !important;
  transition: opacity 0.15s ease, color 0.15s ease !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart .mini_cart_item .remove:hover {
  color: var(--th-error) !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Total row */
.kadence-mini-cart-refresh .woocommerce-mini-cart__total {
  border-top: 1px solid var(--th-bg-600) !important;
  padding-top: 14px !important;
  margin-top: 4px !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart__total strong {
  font-family: var(--th-font-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--th-text-muted) !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart__total .woocommerce-Price-amount {
  font-family: var(--th-font-serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--th-cream-50) !important;
}

/* Buttons container */
.kadence-mini-cart-refresh .woocommerce-mini-cart__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

/* "Vidi košaricu" — ghost/outline style */
.kadence-mini-cart-refresh .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
  background: transparent !important;
  border: 1px solid var(--th-bg-600) !important;
  border-radius: 8px !important;
  color: var(--th-cream-100) !important;
  font-family: var(--th-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
  border-color: var(--th-gold-300) !important;
  color: var(--th-gold-300) !important;
}

/* "Plaćanje" — gold CTA */
.kadence-mini-cart-refresh .woocommerce-mini-cart__buttons .button.checkout {
  background: var(--th-gold-300) !important;
  color: var(--th-bg-900) !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: var(--th-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
}

.kadence-mini-cart-refresh .woocommerce-mini-cart__buttons .button.checkout:hover {
  background: var(--th-cream-200) !important;
}

/* Hide the "Shopping Cart" tooltip text */
.menu-item-kadence-cart > a[aria-label="Shopping Cart"] .kadence-menu-icon-title {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   CHECKOUT PAGE — DESKTOP REDESIGN
   Breakpoint: min-width: 768px
   
   STYLE ONLY — does NOT override WooCommerce's grid/layout.
   Matches mobile checkout styling scaled up for desktop,
   consistent with the desktop cart page redesign.
   Mobile (<768px) is completely untouched.
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. PAGE FOUNDATION
     ────────────────────────────────────── */



  .woocommerce-checkout .entry.content-bg {
    background: transparent !important;
	margin-top: 64px;
  }

  .woocommerce-checkout .entry-content-wrap {
    padding: 0 2rem !important;
  }


  /* ──────────────────────────────────────
     1. PAGE TITLE — eyebrow + Playfair + divider
     Matches desktop cart title pattern.
     ────────────────────────────────────── */

  .woocommerce-checkout .entry-header.page-title {
    padding: 40px 0 8px !important;
    position: relative !important;
  }

  .woocommerce-checkout .entry-title {
    font-family: var(--th-font-serif) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  /* Eyebrow above title */
  .woocommerce-checkout .entry-header.page-title::before {
    content: 'CHECKOUT';
    display: block;
    font-family: var(--th-font-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--th-gold-400);
    margin-bottom: 8px;
  }

  /* Full-width divider below title */
  .woocommerce-checkout .entry-header.page-title::after {
    content: '';
    display: block;
    border-top: 1px solid var(--th-bg-600);
    margin-top: 24px;
  }


  /* ──────────────────────────────────────
     2. CHECKOUT BLOCK — Foundation
     ────────────────────────────────────── */


  .woocommerce-checkout .entry-content.single-content {
    margin-top: 0 !important;
  }


  /* ──────────────────────────────────────
     3. CHECKOUT STEPS — Section styling
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-checkout-step {
    padding: 0 0 28px 0 !important;
    margin: 0 0 28px 0 !important;
  }


  /* Remove WooCommerce's default left border/padding for step numbers */

  .woocommerce-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::before,
  .woocommerce-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after {
    display: none !important;
  }

  /* Step heading area */
  .woocommerce-checkout .wc-block-components-checkout-step__heading {
    margin-bottom: 8px !important;
  }

  /* Step title */
  .woocommerce-checkout .wc-block-components-checkout-step__title {
    font-family: var(--th-font-serif) !important;
    font-size: 22px !important;
  }

  /* Step description */
  .woocommerce-checkout .wc-block-components-checkout-step__description {
    font-size: 13px !important;
    margin-bottom: 16px !important;
  }

  /* Step content */

  /* "Edit" and "Login" links in step headings */

  /* Remove the vertical step lines */
  .wc-block-components-form .wc-block-components-checkout-step:after {
    height: 0 !important;
  }


  /* ──────────────────────────────────────
     4. FORM INPUTS — Dark themed
     Matches mobile checkout input style.
     ────────────────────────────────────── */


  .woocommerce-checkout .wc-block-components-text-input input[type="text"],
  .woocommerce-checkout .wc-block-components-text-input input[type="email"],
  .woocommerce-checkout .wc-block-components-text-input input[type="tel"],
  .woocommerce-checkout .wc-block-components-text-input input[type="number"],
  .woocommerce-checkout .wc-block-components-text-input input[type="password"] {
    padding: 14px !important;
  }


  /* Floating labels */

  /* Hide label when input is active/focused (matches mobile) */
  .woocommerce-checkout .wc-block-components-text-input.is-active label {
    display: none !important;
  }

  /* Spacing between form fields */
  .woocommerce-checkout .wc-block-components-address-form {
    gap: 12px !important;
  }


  /* ──────────────────────────────────────
     4b. COMBOBOX / SELECT DROPDOWNS
     (Država/Regija, Županija)
     ────────────────────────────────────── */


  .woocommerce-checkout .wc-blocks-components-select__select {
    padding: 14px 36px 14px 14px !important;
  }







  /* ──────────────────────────────────────
     5. CHECKBOXES
     ────────────────────────────────────── */





  /* ──────────────────────────────────────
     6. RADIO BUTTONS (shipping + payment)
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option,
  .woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option,
  .woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
    padding: 16px 20px 16px 48px !important;
  }


  /* Active/checked radio option */

  /* Radio dot */
  .woocommerce-checkout .wc-block-components-radio-control__input {
    left: 18px !important;
  }


  /* Radio label */
  .woocommerce-checkout .wc-block-components-radio-control__label {
    font-size: 14px !important;
	padding-left: 6px;
  }

  /* Secondary label (e.g. "BESPLATNO") */
  .woocommerce-checkout .wc-block-components-radio-control__secondary-label {
    font-size: 12px !important;
  }

  /* Radio description (delivery time etc) */
  .woocommerce-checkout .wc-block-components-radio-control__description {
    font-size: 12px !important;
  }

  /* Hide payment method expanded descriptions */


  /* Shipping rates wrapper */


  /* ──────────────────────────────────────
     7. ORDER SUMMARY SIDEBAR
     Matches desktop cart sidebar style:
     dark card, gold heading, clean rows.
     ────────────────────────────────────── */

  .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    padding: 0 !important;
  }

  /* Summary heading — "Sažetak narudžbe" */
  .woocommerce-checkout .wc-block-components-checkout-order-summary__title {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: none !important;
    padding: 18px 0 12px !important;
	margin-bottom: 0;
  }

  /* Kill default wrapper borders inside summary */
  .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper {
    border: none !important;
  }

  /* Summary item rows */
  .woocommerce-checkout .wc-block-components-order-summary-item {
    padding: 14px 0 !important;
  }


  /* Product image */
  .woocommerce-checkout .wc-block-components-order-summary-item__image {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    border-radius: 8px !important;
  }

  .woocommerce-checkout .wc-block-components-order-summary-item__image img {
    width: 56px !important;
    height: 56px !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, var(--th-bg-700) 0%, var(--th-gold-glow-06) 100%) !important;
  }

  /* Quantity badge */
  .woocommerce-checkout .wc-block-components-order-summary-item__quantity {
    min-width: 20px !important;
    min-height: 20px !important;
  }

  /* Product name */
  .woocommerce-checkout .wc-block-components-order-summary-item__name {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  /* Description area */
  .woocommerce-checkout .wc-block-components-order-summary-item__description {
    padding: 0 14px !important;
  }

  /* Hide product metadata/description */

  /* Hide per-item price below name — keep only total */

  /* Item total price */

  .woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-price,
  .woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-price__value {
    font-family: var(--th-font-serif) !important;
  }

  /* Summary panel button (expand/collapse) */
  .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
    padding: 18px 0 !important;
  }

  .woocommerce-checkout .wc-block-components-order-summary .wc-block-formatted-money-amount {
    font-family: var(--th-font-serif) !important;
    font-size: 16px !important;
  }



  /* ──────────────────────────────────────
     8. TOTALS (inside sidebar)
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-totals-item__label {
    font-size: 14px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-item__value {
    font-size: 14px !important;
  }

  /* Shipping "BESPLATNO" — muted green */
  .woocommerce-checkout .wc-block-components-totals-shipping .wc-block-components-totals-item__value {
    color: var(--th-success) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
  }

  .woocommerce-checkout .wc-block-components-totals-shipping .wc-block-formatted-money-amount {
    color: var(--th-success) !important;
  }

  /* Hide shipping description text */
  .woocommerce-checkout .wc-block-components-totals-item__description {
    display: none !important;
  }

  /* Compact spacing blocks */
  .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-shipping-block.wc-block-components-totals-wrapper {
    padding-top: 2px !important;
  }

  .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block {
    padding-bottom: 0px !important;
  }



  .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary {
    padding: 0 !important;
  }

  .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill .wc-block-components-totals-coupon,
  .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill .wc-block-components-totals-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /* Footer total — large Playfair */
  .woocommerce-checkout .wc-block-components-totals-footer-item {
    border-bottom: none !important;
  }

  .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: var(--th-font-serif) !important;
    font-size: 18px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
  .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    font-family: var(--th-font-serif) !important;
    font-size: 26px !important;
  }

  /* Shipping address link */


  /* ──────────────────────────────────────
     9. COUPON — matches cart sidebar style
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-components-totals-coupon-link {
    font-size: 14px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon__button {
    padding: 10px 18px !important;
  }


  .woocommerce-checkout .wc-block-components-totals-coupon input[type="text"],
  .woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input input {
    background: transparent !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 6px !important;
    color: var(--th-cream-100) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
  }

  .woocommerce-checkout .wc-block-components-totals-coupon input[type="text"]:focus,
  .woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input input:focus {
    border-color: var(--th-gold-300) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--th-gold-glow-20) !important;
  }


  /* Hide the coupon floating label */

  .woocommerce-checkout .wc-block-components-totals-coupon__form {
    margin-bottom: 0 !important;
  }


  /* ──────────────────────────────────────
     10. PLACE ORDER BUTTON
     ────────────────────────────────────── */


  .woocommerce-checkout .wc-block-components-checkout-place-order-button,
  .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-button {
    padding: 16px 24px !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
  }


  /* Return to cart link */



  /* ──────────────────────────────────────
     11. TERMS & CONDITIONS
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__terms {
    font-size: 12px !important;
  }


  .woocommerce-checkout .wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block {
    padding-top: 0 !important;
    margin-bottom: 12px !important;
  }


  /* ──────────────────────────────────────
     12. LOGIN / GUEST NOTICE
     ────────────────────────────────────── */

  .woocommerce-checkout .wc-block-checkout__login-prompt {
    font-size: 12px !important;
  }



  /* ──────────────────────────────────────
     13. EXPRESS PAYMENT
     ────────────────────────────────────── */






  /* ──────────────────────────────────────
     14. ORDER NOTE TEXTAREA
     ────────────────────────────────────── */


  .woocommerce-checkout .wc-block-checkout__add-note textarea,
  .woocommerce-checkout .wp-block-woocommerce-checkout-order-note-block textarea,
  .woocommerce-checkout .wc-block-components-textarea {
    padding: 14px !important;
  }




  /* ──────────────────────────────────────
     15. NOTICE BANNERS
     ────────────────────────────────────── */






  /* ──────────────────────────────────────
     16. MISC CLEANUP
     ────────────────────────────────────── */

  /* Panel borders/chevrons */



  /* Address card (post-entry display) */


  /* "Add apartment" link */
  .woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
    font-size: 13px !important;
  }

  /* General link styling in steps */

  /* Password strength meter */
  .woocommerce-checkout .wc-block-components-password-strength {
    font-size: 12px !important;
  }

  /* Country select height fix */
  .woocommerce-checkout .wc-block-components-address-form__country.wc-block-components-country-input .wc-blocks-components-select__container {
    height: auto !important;
  }

} /* end @media (min-width: 768px) */


/* ═══════════════════════════════════════════════════════════════
   ORDER RECEIVED / THANK YOU PAGE — DESKTOP (≥768px)
   The Humidor · Kadence Child Theme
   
   STYLE ONLY. Matches mobile order-received redesign,
   scaled up for desktop. Uses .woocommerce-order-received
   body class to scope all rules.
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. PAGE FOUNDATION
     ────────────────────────────────────── */

  .woocommerce-order-received .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .woocommerce-order-received .entry.single-entry {
    box-shadow: none !important;
  }

  .woocommerce-order-received .entry.content-bg {
    background: transparent !important;
  }

  .woocommerce-order-received .entry-content-wrap {
    padding: 0 2rem 2rem !important;
    background: var(--th-bg-900) !important;
    box-shadow: none !important;
  }


  /* ──────────────────────────────────────
     1. PAGE TITLE — eyebrow + Playfair + divider
     ────────────────────────────────────── */

  .woocommerce-order-received .entry-header.page-title {
    padding: 40px 0 8px !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* Override the checkout ::after pseudo that says "Checkout" */

  /* Override the checkout eyebrow ::before — change to "CHECKOUT" */
  .woocommerce-order-received .entry-header.page-title::before {
    content: 'CHECKOUT' !important;
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: var(--th-gold-400) !important;
    margin-bottom: 8px !important;
  }

  /* H1 "Narudžba zaprimljena" — Playfair heading */
  .woocommerce-order-received .entry-title {
    font-family: var(--th-font-serif) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  /* Full-width divider below title */
  .woocommerce-order-received .entry-header.page-title::after {
    content: '' !important;
    display: block !important;
    border-top: 1px solid var(--th-bg-600) !important;
    margin-top: 24px !important;
  }


  /* ──────────────────────────────────────
     2. SUCCESS NOTICE
     ────────────────────────────────────── */

  .woocommerce-order-received .woocommerce-notice--success {
    font-size: 15px !important;
    padding: 0 0 20px !important;
    margin: 0 0 24px !important;
  }


  /* ──────────────────────────────────────
     3. ORDER OVERVIEW
     (number, date, total, payment method)
     ────────────────────────────────────── */

  .woocommerce-order-received .woocommerce-order-overview {
    padding: 20px !important;
    margin: 0 0 32px !important;
    display: flex !important;
    gap: 0 !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
  }

  .woocommerce-order-received .woocommerce-order-overview li {
    font-weight: 600 !important;
    padding: 0 24px !important;
    border-right: 1px solid var(--th-bg-600) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
  }

  .woocommerce-order-received .woocommerce-order-overview li:first-child {
    padding-left: 0 !important;
  }

  .woocommerce-order-received .woocommerce-order-overview li:last-child {
    border-right: none !important;
  }

  .woocommerce-order-received .woocommerce-order-overview li strong {
    font-size: 16px !important;
    margin-top: 6px !important;
  }

  .woocommerce-order-received .woocommerce-order-overview .total strong .woocommerce-Price-amount {
    font-family: var(--th-font-serif) !important;
  }

  /* Hide WooCommerce's default ::before / ::after pseudo-elements on the overview list */
  .woocommerce-order-received .woocommerce-order-overview::before,
  .woocommerce-order-received .woocommerce-order-overview::after {
    display: none !important;
  }


  /* ──────────────────────────────────────
     4. ORDER DETAILS TABLE
     ────────────────────────────────────── */

  .woocommerce-order-received .woocommerce-order-details__title {
    font-family: var(--th-font-serif) !important;
    font-size: 28px !important;
    margin: 0 0 20px !important;
  }


  /* Table header */
  .woocommerce-order-received .woocommerce-table--order-details thead th {
    padding: 0 0 12px !important;
  }


  /* Table body rows */
  .woocommerce-order-received .woocommerce-table--order-details tbody td {
    font-size: 14px !important;
    padding: 14px 0 !important;
  }




  /* Price column */
  .woocommerce-order-received .woocommerce-table--order-details tbody .product-total,
  .woocommerce-order-received .woocommerce-table--order-details tbody .product-total .woocommerce-Price-amount {
    text-align: right !important;
    font-family: var(--th-font-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--th-cream-100) !important;
  }

  /* Table footer (totals) */
  .woocommerce-order-received .woocommerce-table--order-details tfoot th {
    color: var(--th-text-muted) !important;
    padding: 12px 0 !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tfoot td {
    padding: 12px 0 !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tfoot .woocommerce-Price-amount {
    font-family: var(--th-font-serif) !important;
  }

  /* Last footer row (final total) — more prominent */
  .woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th {
    font-size: 14px !important;
  }

  .woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 15px !important;
  }


  /* ──────────────────────────────────────
     5. CUSTOMER DETAILS (addresses)
     ────────────────────────────────────── */


  /* Address section title */
  .woocommerce-order-received .woocommerce-column__title {
    font-family: var(--th-font-serif) !important;
    font-size: 24px !important;
    margin: 0 0 16px !important;
  }

  /* Address block */
  .woocommerce-order-received .woocommerce-customer-details address {
    font-size: 14px !important;
    padding: 20px !important;
  }




  /* Two-column address layout — keep side by side on desktop */
  .woocommerce-order-received .woocommerce-columns--addresses {
    gap: 24px !important;
  }


} /* end @media (min-width: 768px) */

/* ═══════════════════════════════════════════════════════════════
   DESKTOP SHOP PAGE (all products) — MATCH CATEGORY ARCHIVE
   Breakpoint: min-width 768px
   Body class: .post-type-archive-product
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

  /* ──────────────────────────────────────
     0. LAYOUT FOUNDATION
     ────────────────────────────────────── */

  .post-type-archive-product .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .post-type-archive-product .content-container.site-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    grid-gap: 0;
  }

  /* Kadence sidebar — wider, sticky */
  .post-type-archive-product .primary-sidebar {
    display: block !important;
    min-width: 300px !important;
    flex: 0 0 300px !important;
    border-right: 1px solid var(--th-bg-600) !important;
    padding: 0 20px 40px 0px !important;
    padding-right: 20px !important;
    position: sticky !important;
    top: 80px !important;
    height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    background: var(--global-palette8) !important;
    margin: 0 20px 0 0 !important;
  }

  /* Thin scrollbar */
  .post-type-archive-product .primary-sidebar::-webkit-scrollbar { width: 4px; }
  .post-type-archive-product .primary-sidebar::-webkit-scrollbar-track { background: transparent; }
  .post-type-archive-product .primary-sidebar::-webkit-scrollbar-thumb { background: var(--th-bg-600); border-radius: 2px; }

  /* Main content — fill remaining space */
  .post-type-archive-product #main.site-main {
    padding: 0 0 28px !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* Remove boxed content shadows */
  .post-type-archive-product .entry.single-entry,
  .post-type-archive-product .entry.loop-entry,
  .post-type-archive-product .entry-content-wrap {
    box-shadow: none !important;
  }


  /* ──────────────────────────────────────
     1. PAGE HEADER
     ────────────────────────────────────── */

  .post-type-archive-product .entry-header.product-archive-title {
    background: transparent !important;
    padding: 32px 0px 8px !important;
    margin: 0 auto !important;
    max-width: 1440px !important;
    box-sizing: border-box !important;
  }

  .post-type-archive-product .entry-header .archive-title {
    font-family: var(--th-font-serif) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
  }


  /* ──────────────────────────────────────
     2. SHOP TOP ROW (result count + sort)
     ────────────────────────────────────── */

  .post-type-archive-product .kadence-shop-top-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    padding: 16px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    position: static !important;
    margin: 0 !important;
  }

  .post-type-archive-product .kadence-woo-results-count {
    margin-right: auto !important;
    width: auto !important;
    margin-bottom: 0 !important;
  }

  .post-type-archive-product .kadence-shop-top-row .woocommerce-result-count {
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    color: var(--th-text-muted) !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
  }

  .post-type-archive-product .kadence-shop-top-row .woocommerce-ordering select.orderby:hover {
    border-color: var(--th-bg-500) !important;
  }

  /* Hide filter button on desktop */
  .post-type-archive-product .kadence-shop-top-row .kadence-element-wrap,
  .post-type-archive-product .kadence-shop-top-row .mobile-filter-button,
  .post-type-archive-product .kadence-shop-top-row .facetwp-flyout-open {
    display: none !important;
  }

  .post-type-archive-product .kadence-woo-ordering {
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }


  /* ──────────────────────────────────────
     3. SIDEBAR FACETS
     ────────────────────────────────────── */

  .post-type-archive-product .primary-sidebar .facet-label {
    font-family: var(--th-font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--th-text-muted) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
  }

  .post-type-archive-product .primary-sidebar .facetwp-reset {
    width: 100% !important;
    border-radius: 10px !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    color: var(--th-gold-400) !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    text-decoration: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
  }

  .post-type-archive-product .primary-sidebar .facetwp-reset:hover {
    background: var(--th-bg-700) !important;
    border-color: var(--th-bg-500) !important;
    color: var(--th-gold-300) !important;
  }

  .post-type-archive-product .primary-sidebar .wp-block-kadence-column .facetwp-filters :is(.facet-wrap, .facetwp-facet) {
    margin-bottom: 0 !important;
  }


  /* ──────────────────────────────────────
     4. PRODUCT GRID
     ────────────────────────────────────── */

  .post-type-archive-product ul.products.content-wrap {
    gap: 16px !important;
    grid-row-gap: 16px !important;
    column-gap: 16px !important;
    padding: 20px 0 0 !important;
  }


  /* ──────────────────────────────────────
     5. PRODUCT CARDS
     ────────────────────────────────────── */

  /* Card container */
  body.post-type-archive-product .woocommerce ul.products li.product,
  body.post-type-archive-product ul.products li.product {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  }

  body.post-type-archive-product ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.3) !important;
    border-color: var(--th-bg-500) !important;
  }

  /* Product image link */
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__link img {
    border-radius: 10px 10px 0 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Brand label */
  body.post-type-archive-product ul.products li.product .product-brand-label {
    display: block !important;
    font-family: var(--th-font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--th-gold-400) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 12px 14px 0 !important;
    margin: 0 !important;
  }

  /* Product details wrapper */
  body.post-type-archive-product ul.products li.product .product-details.entry-content-wrap {
    padding: 6px 14px 16px !important;
    background: var(--th-bg-800) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    margin: 0;
  }

  /* Product title */
  body.post-type-archive-product ul.products li.product h2.woocommerce-loop-product__title,
  body.post-type-archive-product ul.products li.product h2.woocommerce-loop-product__title a,
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title a {
    font-family: var(--th-font-sans) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--th-cream-100) !important;
    line-height: 1.45 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  /* Price */
  body.post-type-archive-product ul.products li.product .price,
  body.post-type-archive-product ul.products li.product .price .woocommerce-Price-amount,
  body.post-type-archive-product ul.products li.product .price bdi {
    font-family: var(--th-font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--th-cream-50) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.post-type-archive-product ul.products li.product .price {
    margin-top: auto !important;
  }

  body.post-type-archive-product ul.products li.product .woocommerce-Price-currencySymbol {
    font-size: 17px !important;
    color: var(--th-cream-50) !important;
  }



  /* ──────────────────────────────────────
     7. PAGINATION
     ────────────────────────────────────── */

  .post-type-archive-product .woocommerce-pagination {
    padding: 32px 0 !important;
    text-align: center !important;
  }

  .post-type-archive-product .woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    border: none !important;
  }

  .post-type-archive-product .woocommerce-pagination ul.page-numbers li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: inline-flex !important;
  }

  .post-type-archive-product .woocommerce-pagination .page-numbers:not(.dots):not(ul):not(.current) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--th-cream-100) !important;
    text-decoration: none !important;
    transition: border-color 0.15s ease !important;
  }

  .post-type-archive-product .woocommerce-pagination .page-numbers:not(.dots):not(ul):not(.current):hover {
    border-color: var(--th-bg-500) !important;
  }

  .post-type-archive-product .woocommerce-pagination .page-numbers.current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: var(--th-gold-300) !important;
    color: var(--th-bg-900) !important;
    border: none !important;
    font-family: var(--th-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .post-type-archive-product .woocommerce-pagination .page-numbers.dots {
    border: none !important;
    width: 24px !important;
    color: var(--th-text-muted) !important;
    font-size: 13px !important;
    background: transparent !important;
  }

  .post-type-archive-product .woocommerce-pagination .page-numbers.next,
  .post-type-archive-product .woocommerce-pagination .page-numbers.prev {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    color: var(--th-cream-100) !important;
    font-size: 14px !important;
  }

} /* end @media min-width: 768px */

/* ══════════════════════════════════════
   CART COUNT BADGE — Gold Filled
   ══════════════════════════════════════ */

/* Position the cart button as relative anchor */
.header-cart-button {
  position: relative;
}

/* Badge styling — mobile defaults; desktop position override below */
.header-cart-total {
  position: absolute;
  bottom: -6px;
  right: -4px;
  height: 14px !important;
  padding: 0 5px;
  background: var(--th-gold-300) !important;
  color: var(--th-bg-900) !important;
  font-family: var(--th-font-sans);
  font-size: 9px !important;
  font-weight: 700;
  line-height: 18px !important;
  text-align: center !important;
  border-radius: 9px !important;
  box-sizing: border-box;
  width: 14px !important;
}

/* Hide badge when cart is empty */
.header-cart-total.header-cart-is-empty-true,
.header-cart-total:empty {
  display: none !important;
}

@media (min-width: 768px) {
  /* cart badge position on desktop */
  .header-cart-total {
    bottom: 2px;
    right: -6px;
  }
}
 
/* ══════════════════════════════════════════════════════════════
   THE HUMIDOR – Search Drawer Restyling
   Overrides Kadence's default search drawer to match dark theme
   ══════════════════════════════════════════════════════════════ */

/* ── Overlay Background ── */
#search-drawer.popup-drawer {
  background: rgba(13, 11, 9, 0.97) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#search-drawer .drawer-overlay {
  background: transparent !important;
}

#search-drawer .drawer-inner {
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100% !important;
  width: 100% !important;
}

/* ── Reset any Kadence wrapper styling ── */
#search-drawer .drawer-content form,
#search-drawer .drawer-content .woocommerce-product-search {
  box-shadow: none !important;
}

/* ── Kill Kadence's inner input styling ── */
#search-drawer .drawer-content input,
#search-drawer .drawer-content input[type="search"],
#search-drawer input.search-field {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hide any additional wrapper divs Kadence might add */
#search-drawer .woocommerce-product-search > div:not(.kadence-search-icon-wrap) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Header with Close Button ── */
#search-drawer .drawer-header {
  display: flex;
  justify-content: flex-end;
  padding: 16px 20px;
}

#search-drawer .search-toggle-close {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--th-bg-500);
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  padding: 4px;
}

#search-drawer .search-toggle-close:hover {
  border-color: var(--th-gold-300);
  background: var(--th-gold-glow-08);
}

#search-drawer .search-toggle-close svg {
  width: 18px;
  height: 18px;
  color: var(--th-cream-100);
}

/* ── Drawer Content - Center the Search ── */
#search-drawer .drawer-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 24px 80px;
}

/* ── Eyebrow Label ── */
#search-drawer .drawer-content::before {
  content: 'Pretraži proizvode';
  display: block;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: var(--th-gold-400);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 16px;
  text-align: center;
}

/* ── Search Form Container ── */
#search-drawer .woocommerce-product-search {
  width: 100%;
  max-width: 400px;
  background: var(--th-bg-800) !important;
  border: 1px solid var(--th-bg-500) !important;
  border-radius: 14px !important;
  padding: 6px 6px 6px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: none !important;
}

#search-drawer .woocommerce-product-search:focus-within {
  border-color: var(--th-gold-300) !important;
  box-shadow: 0 0 0 3px var(--th-gold-glow-12) !important;
}

/* ── Search Icon (Kadence's icon wrapper) ── */
#search-drawer .kadence-search-icon-wrap {
  order: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#search-drawer .kadence-search-icon-wrap svg {
  width: 20px;
  height: 20px;
  color: var(--th-gold-400);
}

/* ── Search Input ── */
#search-drawer .woocommerce-product-search .search-field {
  flex: 1;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-family: var(--th-font-serif) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--th-cream-100) !important;
  padding: 12px 0 !important;
  min-width: 0 !important;
  box-shadow: none !important;
}

#search-drawer .woocommerce-product-search .search-field:focus {
  outline: none !important;
  box-shadow: none !important;
}

#search-drawer .woocommerce-product-search .search-field::placeholder {
  color: var(--th-gold-400) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

/* ── Submit Button ── */
#search-drawer .woocommerce-product-search button[type="submit"] {
  background: var(--th-gold-300);
  color: var(--th-bg-900);
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.1s ease;
  white-space: nowrap;
}

#search-drawer .woocommerce-product-search button[type="submit"]:hover {
  background: var(--th-cream-200);
}

#search-drawer .woocommerce-product-search button[type="submit"]:active {
  transform: scale(0.97);
}

/* ── Hide the original clear/X button if Kadence adds one ── */
#search-drawer .woocommerce-product-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.search-toggle-open.drawer-toggle.search-toggle-style-default {
	padding: 0;
}

/* ══════════════════════════════════════════════════════════════
   TABLET+ (768px)
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  #search-drawer .drawer-content {
    padding-bottom: 120px;
  }

  #search-drawer .woocommerce-product-search {
    max-width: 480px;
    padding: 8px 8px 8px 24px;
  }

  #search-drawer .woocommerce-product-search .search-field {
    font-size: 22px;
    padding: 14px 0;
  }

  #search-drawer .woocommerce-product-search button[type="submit"] {
    padding: 16px 28px;
    font-size: 14px;
  }
}

/* Search results eyebrow title */
.search-results .entry-header .entry-title-eyebrow {
    display: block;
    font-family: var(--th-font-sans);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--th-gold-400);
    margin-bottom: 8px;
}

.search-results .entry-header .search-title {
    font-family: var(--th-font-serif);
    font-size: 32px;
    font-weight: 700;
    color: var(--th-cream-50);
    line-height: 1.2;
}

@media (min-width: 768px) {
    .search-results .entry-header .search-title {
        font-size: 42px;
    }
}

/* ══════════════════════════════════════════════════════════════════════════════
   MOBILE NAVIGATION MENU — Accordion Card Style
   Matches the Contact page accordion pattern
   For Kadence theme mobile drawer
   ══════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

  /* ──────────────────────────────────────
     1. DRAWER CONTAINER
     ────────────────────────────────────── */
  
  #mobile-drawer .drawer-inner {
    background: var(--th-bg-900) !important;
  }

  #mobile-drawer .drawer-content.mobile-drawer-content {
    padding: 16px !important;
  }

  /* ──────────────────────────────────────
     2. MENU LIST — Gap between cards
     ────────────────────────────────────── */
  
  #mobile-menu.menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  /* ──────────────────────────────────────
     3. ALL TOP-LEVEL ITEMS — Card Style
     ────────────────────────────────────── */
  
  #mobile-menu > li.menu-item {
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: border-color 0.2s ease !important;
  }

  /* Expanded card gets gold border */
  #mobile-menu > li.menu-item-has-children:has(.drawer-sub-toggle[aria-expanded="true"]) {
    border-color: var(--th-gold-400) !important;
  }

  /* Fallback for browsers without :has() — targets active submenu */
  #mobile-menu > li.menu-item-has-children:has(.sub-menu.show-drawer.active) {
    border-color: var(--th-gold-400) !important;
  }

  /* ──────────────────────────────────────
     4. TOP-LEVEL LINKS — Items WITHOUT children
     ────────────────────────────────────── */
  
  #mobile-menu > li.menu-item:not(.menu-item-has-children) > a {
    display: block !important;
    padding: 14px 16px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--th-cream-100) !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.3 !important;
  }

  /* ──────────────────────────────────────
     5. TOP-LEVEL LINKS — Items WITH children
     (link is inside .drawer-nav-drop-wrap)
     ────────────────────────────────────── */
  
  #mobile-menu > li.menu-item-has-children > .drawer-nav-drop-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #mobile-menu > li.menu-item-has-children > .drawer-nav-drop-wrap > a {
    flex: 1 !important;
    padding: 14px 16px !important;
    font-family: var(--th-font-sans) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--th-cream-100) !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.3 !important;
  }

  /* Hover state for top-level links */
  #mobile-menu > li.menu-item > a:hover,
  #mobile-menu > li.menu-item > a:focus,
  #mobile-menu > li.menu-item-has-children > .drawer-nav-drop-wrap > a:hover,
  #mobile-menu > li.menu-item-has-children > .drawer-nav-drop-wrap > a:focus {
    color: var(--th-cream-50) !important;
  }

  /* Current page */
  #mobile-menu > li.menu-item.current-menu-item > a,
  #mobile-menu > li.menu-item.current-menu-parent > a,
  #mobile-menu > li.menu-item.current-menu-parent > .drawer-nav-drop-wrap > a {
    color: var(--th-cream-50) !important;
  }

  /* ──────────────────────────────────────
     6. DROPDOWN TOGGLE BUTTON
     ────────────────────────────────────── */
  
  #mobile-menu > li.menu-item-has-children .drawer-sub-toggle {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--th-bg-600) !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background 0.15s ease !important;
  }

  #mobile-menu > li.menu-item-has-children .drawer-sub-toggle:hover,
  #mobile-menu > li.menu-item-has-children .drawer-sub-toggle:focus {
    background: var(--th-gold-glow-08) !important;
  }

  /* Chevron icon — style the existing SVG */
  #mobile-menu > li.menu-item-has-children .drawer-sub-toggle .kadence-svg-iconset {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #mobile-menu > li.menu-item-has-children .drawer-sub-toggle svg {
    width: 18px !important;
    height: 18px !important;
    color: var(--th-text-muted) !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
  }

  /* Rotated chevron when expanded */
  #mobile-menu > li.menu-item-has-children .drawer-sub-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
    color: var(--th-gold-300) !important;
  }

  /* ──────────────────────────────────────
     7. SUBMENU CONTAINER
     ────────────────────────────────────── */
  
  #mobile-menu > li.menu-item-has-children > ul.sub-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 12px 16px 14px !important;
    border-top: 1px solid var(--th-bg-600) !important;
    background: transparent !important;
  }

  /* ──────────────────────────────────────
     8. SUBMENU ITEMS (Children)
     ────────────────────────────────────── */
  
  #mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(42, 37, 32, 0.5) !important;
    overflow: visible !important;
  }

  /* Remove border from last submenu item */
  #mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:last-child {
    border-bottom: none !important;
  }

  /* Submenu links */
  #mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a {
    display: block !important;
    padding: 10px 0 !important;
    font-family: var(--th-font-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--th-text-muted) !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.4 !important;
    transition: color 0.15s ease !important;
  }

  /* Submenu link hover */
  #mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a:hover,
  #mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a:focus {
    color: var(--th-cream-100) !important;
  }

  /* Current submenu item */
  #mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item.current-menu-item > a {
    color: var(--th-gold-300) !important;
  }

  /* ──────────────────────────────────────
     9. DRAWER HEADER (close button area)
     ────────────────────────────────────── */
  
  #mobile-drawer .drawer-header {
    background: var(--th-bg-900) !important;
    border-bottom: 1px solid var(--th-bg-600) !important;
    padding: 14px 16px !important;
  }

  #mobile-drawer .menu-toggle-close {
    width: 34px !important;
    height: 34px !important;
    background: var(--th-bg-800) !important;
    border: 1px solid var(--th-bg-600) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin-left: auto !important;
  }

  #mobile-drawer .menu-toggle-close .toggle-close-bar {
    background: var(--th-text-muted) !important;
  }
	
  #mobile-drawer .menu-toggle-close.drawer-toggle {
	padding: 5px 5px 0 0 !important;
  }

  #mobile-drawer .menu-toggle-close:hover,
  #mobile-drawer .menu-toggle-close:active {
    background: var(--th-bg-700) !important;
    border-color: var(--th-bg-500) !important;
  }

  /* ──────────────────────────────────────
     10. DRAWER OVERLAY
     ────────────────────────────────────── */
  
  #mobile-drawer .drawer-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
  }

  /* ──────────────────────────────────────
     11. LOGO ADJUSTMENT (if needed)
     ────────────────────────────────────── */
  
  #mobile-drawer .site-header-item[data-section="kadence_customizer_mobile_html"] {
    margin-bottom: 10px !important;
  }
	
  /* ──────────────────────────────────────
   CURRENT PAGE HIGHLIGHT — Category Archives
   ────────────────────────────────────── */

  /* Top-level item when it's the current page/category */
  #mobile-menu > li.menu-item.current-menu-item,
  #mobile-menu > li.menu-item.current-menu-ancestor {
    border-color: var(--th-gold-400) !important;
  }

  /* Top-level link text — gold when current */
  #mobile-menu > li.menu-item.current-menu-item > a,
  #mobile-menu > li.menu-item.current-menu-ancestor > .drawer-nav-drop-wrap > a {
    color: var(--th-gold-300) !important;
  }

  /* Submenu item when it's the current page */
  #mobile-menu > li.menu-item > ul.sub-menu > li.menu-item.current-menu-item > a {
    color: var(--th-gold-300) !important;
  }
}

/* ──────────────────────────────────────
   LANGUAGE SWITCHER — Desktop header
   ────────────────────────────────────── */
@media (min-width: 768px) {
	.th-lang-switcher {
	  list-style: none;
	  margin: 0;
	  padding: 3px 2px;
	  display: inline-flex;
	  align-items: center;
	  gap: 2px;
	  border: 1px solid var(--th-bg-600);
	  border-radius: 4px;
	}

	.th-lang-switcher .lang-item a {
	  display: block;
	  padding: 2px 6px;
	  font-family: var(--th-font-sans);
	  font-size: 10px;
	  font-weight: 500;
	  letter-spacing: 0.05em;
	  text-transform: uppercase;
	  text-decoration: none !important;
	  color: var(--th-text-muted);
	  border-radius: 3px;
	  transition: color 0.2s ease, background 0.2s ease;
	}

	.th-lang-switcher .lang-item a:hover {
	  color: var(--th-cream-100);
	}

	.th-lang-switcher .lang-item.current-lang a {
	  color: var(--th-gold-300);
	  font-weight: 600;
	  background: var(--th-gold-glow-15);
	}
	
	.header-html.inner-link-style-normal {
		margin: 0;
	}
}

/* ──────────────────────────────────────
   LANGUAGE SWITCHER — Mobile drawer
   All selectors are scoped to #mobile-drawer which is hidden on
   desktop (only opened via hamburger tap), so these can sit at base.
   ────────────────────────────────────── */

/* Make drawer content flex so margin-top: auto works */
#mobile-drawer .drawer-content.mobile-drawer-content {
  display: flex !important;
  flex-direction: column !important;
}

/* Push switcher to bottom of drawer */
#mobile-drawer .site-header-item[data-section="kadence_customizer_header_mobile_html2"] {
  margin-top: auto;
  padding: 16px;
  border-top: 1px solid var(--th-bg-600);
}

/* Wrapper layout with globe icon */
#mobile-drawer .mobile-html2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Globe icon */
#mobile-drawer .mobile-html2::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: var(--th-gold-400);
  -webkit-mask: url("assets/icons/globe.svg") no-repeat center / contain;
          mask: url("assets/icons/globe.svg") no-repeat center / contain;
  flex-shrink: 0;
}

/* Pill switcher */
#mobile-drawer .th-lang-switcher {
  list-style: none;
  margin: 0;
  padding: 4px 3px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 1px solid var(--th-bg-600);
  border-radius: 6px;
}

#mobile-drawer .th-lang-switcher .lang-item a {
  display: block;
  padding: 6px 12px;
  font-family: var(--th-font-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--th-text-muted);
  border-radius: 4px;
  transition: color 0.2s ease, background 0.2s ease;
}

#mobile-drawer .th-lang-switcher .lang-item a:hover {
  color: var(--th-cream-100);
}

#mobile-drawer .th-lang-switcher .lang-item.current-lang a {
  color: var(--th-gold-300);
  font-weight: 600;
  background: var(--th-gold-glow-15);
}

/* ═══════════════════════════════════════════════════════════════
   PRODUCT INQUIRY BUTTON + MODAL — CSS
   
   Add this to the end of your current style.css (or as a 
   separate enqueued file).
   
   The button sits in the summary at the same position as the 
   add-to-cart row. The modal uses the native <dialog> element,
   styled to match The Humidor's dark theme.
   ═══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════
   1. CTA BUTTON (mobile-first)
   ══════════════════════════════════════ */

.humidor-inquiry-cta {
  margin: 4px 0 20px;
}

.humidor-inquiry-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 48px;
  background: var(--th-gold-300);
  color: var(--th-bg-900);
  border: none;
  border-radius: 12px;
  font-family: var(--th-font-sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}

.humidor-inquiry-btn:hover {
  background: var(--th-cream-200);
}

.humidor-inquiry-btn:active {
  background: #B89A5E;
}

.humidor-inquiry-btn svg {
  flex-shrink: 0;
}


/* ══════════════════════════════════════
   2. MODAL — <dialog> BASE
   ══════════════════════════════════════ */

.humidor-inquiry-dialog {
  position: fixed;
  border: none;
  border-radius: 16px 16px 0 0;
  background: var(--th-bg-800);
  color: var(--th-cream-100);
  padding: 0;
  margin: 0;
  max-width: 100vw;
  width: 100%;
  max-height: 92vh;
  max-height: 92dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  top: auto;
  box-shadow: 0 -4px 40px rgba(0, 0, 0, 0.6);
}

/* Backdrop */
.humidor-inquiry-dialog::backdrop {
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* Inner padding */
.humidor-inquiry-dialog__inner {
  padding: 24px 20px 32px;
  position: relative;
}


/* ══════════════════════════════════════
   3. MODAL — CLOSE BUTTON
   ══════════════════════════════════════ */

.humidor-inquiry-dialog__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--th-bg-600);
  border-radius: 50%;
  color: var(--th-text-muted);
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
  padding: 0;
}

.humidor-inquiry-dialog__close:hover {
  border-color: var(--th-gold-300);
  color: var(--th-gold-300);
}


/* ══════════════════════════════════════
   4. MODAL — HEADER
   ══════════════════════════════════════ */

.humidor-inquiry-dialog__title {
  font-family: var(--th-font-serif);
  font-size: 24px;
  font-weight: 700;
  color: var(--th-cream-50);
  margin: 0 0 6px;
  line-height: 1.2;
  padding-right: 44px;
}

.humidor-inquiry-dialog__subtitle {
  font-family: var(--th-font-sans);
  font-size: 13px;
  color: var(--th-text-muted);
  line-height: 1.5;
  margin: 0 0 20px;
}


/* ══════════════════════════════════════
   5. MODAL — PRODUCT CONTEXT PILL
   ══════════════════════════════════════ */

.humidor-inquiry-dialog__product {
  display: flex;
  align-items: baseline;
  gap: 8px;
  background: var(--th-bg-700);
  border: 1px solid var(--th-bg-600);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 20px;
}

.humidor-inquiry-dialog__product-label {
  font-family: var(--th-font-sans);
  font-size: 10px;
  font-weight: 600;
  color: var(--th-gold-500);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.humidor-inquiry-dialog__product-name {
  font-family: var(--th-font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--th-cream-100);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* ══════════════════════════════════════
   6. MODAL — FORM FIELDS
   ══════════════════════════════════════ */

.humidor-inquiry-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.humidor-inquiry-field label {
  display: block;
  font-family: var(--th-font-sans);
  font-size: 12px;
  font-weight: 500;
  color: var(--th-text-muted);
  margin-bottom: 6px;
  letter-spacing: 0.02em;
}

.humidor-inquiry-field label span {
  color: var(--th-gold-300);
}

.humidor-inquiry-field input,
.humidor-inquiry-field textarea {
  width: 100% !important;
  background: var(--th-bg-800) !important;
  background-color: var(--th-bg-800) !important;
  border: 1px solid var(--th-bg-600) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: var(--th-font-sans) !important;
  font-size: 14px !important;
  color: var(--th-cream-100) !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Override browser autofill light background */
.humidor-inquiry-field input:-webkit-autofill,
.humidor-inquiry-field input:-webkit-autofill:hover,
.humidor-inquiry-field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--th-bg-800) inset !important;
  -webkit-text-fill-color: var(--th-cream-100) !important;
  border: 1px solid var(--th-bg-600) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.humidor-inquiry-field input::placeholder,
.humidor-inquiry-field textarea::placeholder {
  color: #4A443D !important;
}

.humidor-inquiry-field input:focus,
.humidor-inquiry-field textarea:focus {
  border-color: var(--th-gold-300) !important;
}

.humidor-inquiry-field textarea {
  resize: vertical;
  min-height: 80px;
}


/* ══════════════════════════════════════
   7. MODAL — SUBMIT BUTTON
   ══════════════════════════════════════ */

.humidor-inquiry-submit {
  width: 100%;
  height: 48px;
  background: var(--th-gold-300);
  color: var(--th-bg-900);
  border: none;
  border-radius: 12px;
  font-family: var(--th-font-sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 0.2s ease;
  margin-top: 4px;
}

.humidor-inquiry-submit:hover {
  background: var(--th-cream-200);
}

.humidor-inquiry-submit:disabled {
  background: #73654C;
  cursor: wait;
}


/* ══════════════════════════════════════
   8. MODAL — STATUS MESSAGES
   ══════════════════════════════════════ */

.humidor-inquiry-status {
  padding: 14px 16px;
  border-radius: 10px;
  font-family: var(--th-font-sans);
  font-size: 13px;
  line-height: 1.5;
}

.humidor-inquiry-status--success {
  background: rgba(74, 122, 90, 0.15);
  border: 1px solid var(--th-success);
  color: #A8D5BA;
  margin-top: 20px;
}

.humidor-inquiry-status--error {
  background: rgba(155, 59, 59, 0.15);
  border: 1px solid var(--th-error);
  color: #E8A0A0;
}


/* ══════════════════════════════════════
   9. DESKTOP OVERRIDES (≥ 768px)
   ══════════════════════════════════════ */

@media (min-width: 768px) {

  /* Button — don't stretch full width on desktop */
  .humidor-inquiry-btn {
    width: auto;
    min-width: 220px;
    padding: 0 28px;
    height: 50px;
  }

  /* Modal — centered card instead of bottom sheet */
  .humidor-inquiry-dialog {
    border-radius: 16px;
    max-width: 480px;
    width: 90%;
    margin: auto;
    top: 0;
    max-height: 85vh;
    box-shadow: 0 8px 60px rgba(0, 0, 0, 0.5);
  }

  .humidor-inquiry-dialog__inner {
    padding: 32px 28px 36px;
  }

  .humidor-inquiry-dialog__title {
    font-size: 26px;
  }
}

.kadence-shop-top-row .woocommerce-ordering select.orderby option {
  background: var(--th-bg-800) !important;
  color: var(--th-cream-100) !important;
}

/* OZNAKA JEZIKA .ba/.hr PORED LOGO */
.site-branding .brand {
  display: inline-flex;
  align-items: flex-end;
}

.site-branding .brand::after {
  content: ".ba";
  flex: none;
  font-family: var(--th-font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--th-cream-200);
  position: relative;
  bottom: -7.7px;
  margin-left: -16px;
}

/* DESKTOP OVERRIDE - oznaka jezika .ba/.hr */
@media (min-width: 768px) {

  .site-branding .brand::after {
    font-size: 18px;
	bottom: -11px
  }
}