/* ==========================================================================
   HEDONA SKIN v1 — dizajn sistem preko postojećeg Elementor/Woo markupa
   Paleta: ponoćna kafa #0F0D0A · espresso #241D12 · staro zlato #C9A54A
           duboko zlato #8A6D24 · pergament #F7F2E9 · vinska #7A2F3E
   Fontovi: Zilla Slab (naslovi) · Source Sans 3 (tekst) — lokalno
   Kit: elementor-kit-319 · header: 326 · footer: 321
   ========================================================================== */

/* ---- 1. Globalni tokeni (pregaze Elementor kit varijable) ---------------- */
body.elementor-kit-319 {
  /* PAŽNJA: kit ima pravilo `.elementor-kit-319 a { color: var(--e-global-color-primary) }`
     specifičnosti (0,1,1) — jače od bilo koje naše samostalne klase. Ako ovde stavimo
     skoro crnu, svaki link koji nismo eksplicitno obojili postane nevidljiv na tamnoj
     podlozi. Zato je ovde duboko zlato: čitljivo i na pergamentu i na crnom. */
  --e-global-color-primary: #8A6D24;
  --e-global-color-accent: #C9A54A;
  --e-global-typography-primary-font-family: "Playfair Display";
  --e-global-typography-primary-text-transform: none;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Playfair Display";
  --e-global-typography-secondary-text-transform: none;
  --e-global-typography-secondary-font-weight: 600;
  --e-global-typography-secondary-letter-spacing: 0;
  --e-global-typography-text-font-family: "Source Sans 3";
  --e-global-typography-text-font-size: 16px;
  --e-global-typography-text-line-height: 1.6;
  --e-global-typography-accent-font-family: "Source Sans 3";
  --e-global-typography-accent-font-weight: 600;
  --e-global-typography-accent-letter-spacing: 1.4px;
}

body {
  font-family: "Source Sans 3", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  color: #241D12;
}

h1, h2, h3, h4,
.elementor-heading-title {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif;
  text-wrap: balance;
}

/* Questrial i Work Sans više nigde — i kad su hardkodovani u widgetima */
[style*="Questrial"], [style*="questrial"] { font-family: "Playfair Display", "Zilla Slab", Georgia, serif !important; }

::selection { background: #C9A54A; color: #171208; }

a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #8A6D24; outline-offset: 2px;
}

/* ---- 2. Header (Elementor template 326) ---------------------------------- */
.elementor-326.elementor-location-header,
.elementor-326 .elementor-section:first-of-type,
.elementor-326 [data-element_type="container"] {
  background-color: #12100C;
}
.elementor-326 { border-bottom: 1px solid rgba(201, 165, 74, 0.22); }

/* novi logo lockup — prostor rezervisan pre JS zamene da nema skoka */
/* Isti razlog kao u JS-u: selektor mora biti uzak da ne pogodi slike proizvoda. */
.elementor-location-header img[src$="/2025/08/1.png"], .hedona-logo-h {
  height: 48px !important;
  width: auto !important;
  max-width: 240px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 767px) {
  /* Isti razlog kao u JS-u: selektor mora biti uzak da ne pogodi slike proizvoda. */
.elementor-location-header img[src$="/2025/08/1.png"], .hedona-logo-h {
    height: 38px !important; max-width: 180px;
  }
}

.elementor-326 .elementor-nav-menu a.elementor-item {
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-size: 14px; font-weight: 600; letter-spacing: 0.04em;
  color: #CFC4AB;
}
.elementor-326 .elementor-nav-menu a.elementor-item:hover,
.elementor-326 .elementor-nav-menu a.elementor-item-active {
  color: #C9A54A;
}
.elementor-326 .elementor-nav-menu .sub-menu {
  background: #1A1611; border: 1px solid rgba(201, 165, 74, 0.22); border-radius: 8px;
}
.elementor-326 .elementor-nav-menu .sub-menu a { color: #CFC4AB; }
.elementor-326 .elementor-nav-menu .sub-menu a:hover { color: #C9A54A; background: #241D12; }

/* mini korpa i ikonice u headeru */
.elementor-326 .elementor-menu-cart__toggle .elementor-button {
  background: transparent; border: 1px solid rgba(201, 165, 74, 0.45);
  border-radius: var(--hd-r-pill); color: #EFE7D5;
}
.elementor-326 .elementor-counter-number,
.elementor-326 .elementor-menu-cart__toggle .elementor-button-icon [data-counter]::before {
  background: #C9A54A; color: #171208;
}

/* ---- 3. Dugmad ----------------------------------------------------------- */
.elementor-button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.added_to_cart {
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-weight: 600; letter-spacing: 0.04em; text-transform: none;
  border-radius: var(--hd-r-sm);
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: #241D12; color: #EFE7D5; padding: 10px 22px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background-color: #8A6D24; color: #FDF7E8;
}
.woocommerce button.button.single_add_to_cart_button {
  background-color: #241D12; color: #EFE7D5; font-size: 15px; padding: 14px 34px;
}
.woocommerce button.button.single_add_to_cart_button:hover { background-color: #8A6D24; }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #241D12; color: #EFE7D5;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #8A6D24;
}

/* ---- 4. Grid proizvoda (shop, arhive, povezani) -------------------------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #FFFFFF;
  border: 1px solid #E5DAC4;
  border-radius: var(--hd-r-md);
  overflow: hidden;
  padding-bottom: 16px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: var(--hd-sh-md);
}
.woocommerce ul.products li.product a img {
  background: #FBF8F1;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-size: 14.5px; font-weight: 600; color: #241D12;
  line-height: 1.35; padding: 0 14px;
}
.woocommerce ul.products li.product .price {
  color: #12100C; font-size: 16px; font-weight: 700;
  font-variant-numeric: tabular-nums; padding: 0 14px;
}
.woocommerce ul.products li.product .price del { color: #8B7D63; font-weight: 400; }
.woocommerce ul.products li.product .price ins { color: #7A2F3E; text-decoration: none; }
.woocommerce ul.products li.product .button {
  margin: 10px 14px 0; display: inline-block;
}
.woocommerce span.onsale {
  background: #7A2F3E; color: #F6E9DC; border-radius: 4px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.08em;
  line-height: 1; padding: 5px 9px; min-height: 0; min-width: 0;
}

/* ---- 5. Pojedinačni proizvod --------------------------------------------- */
.woocommerce div.product .product_title {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-weight: 600; font-size: 30px; color: #241D12;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #8A6D24; font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #C9A54A;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #6E6350; font-weight: 600; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #241D12; }
.woocommerce div.product form.cart div.quantity .qty {
  border: 1px solid #E5DAC4; border-radius: var(--hd-r-sm); height: 46px;
}

/* ---- 6. Korpa / checkout — SAMO kozmetika, bez strukturnih izmena --------
   PAŽNJA: `overflow: hidden` na tabeli je ranije sekao kolonu „Međuzbir" —
   tabela mora ostati bez overflow-a i sa `width: 100%`. */
.woocommerce-cart table.cart, .woocommerce table.shop_table {
  width: 100%;
  border: 1px solid #E5DAC4; border-radius: var(--hd-r-md); border-collapse: collapse;
  background: #FFFFFF;
}
.woocommerce table.shop_table th {
  background: #F7F2E9; color: #241D12;
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700;
  padding: 14px 16px; text-align: left;
}
.woocommerce table.shop_table td { padding: 16px; border-top: 1px solid #EFE7D6; vertical-align: middle; }
.woocommerce table.shop_table td.product-name a { color: #241D12; font-weight: 600; text-decoration: none; }
.woocommerce table.shop_table td.product-name a:hover { color: #8A6D24; }
.woocommerce table.shop_table .amount, .woocommerce table.shop_table .woocommerce-Price-amount {
  color: #241D12; font-variant-numeric: tabular-nums; font-weight: 600;
}
.woocommerce table.shop_table td.actions { background: #FBF8F1; padding: 14px 16px; }
/* Dugme za uklanjanje artikla.
   WooCommerce ispisuje znak množenja „×", a Playfair ga renderuje kao čudan
   serifni glif koji je izgledao kao greška. Zato skrivamo originalni znak i
   crtamo čist X od dve prečke — uz to dobija pravu tap metu od 34px. */
.woocommerce a.remove {
  position: relative;
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 34px !important; height: 34px !important;
  min-width: 34px; min-height: 34px; flex: 0 0 34px;
  font-size: 0 !important; line-height: 0 !important;
  color: transparent !important; background: transparent;
  border: 1px solid var(--hd-line); border-radius: 50%;
  text-decoration: none;
  transition: background-color .16s ease, border-color .16s ease;
}
.woocommerce a.remove::before,
.woocommerce a.remove::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 13px; height: 1.6px; border-radius: 2px;
  background: var(--hd-muted);
  transition: background-color .16s ease;
}
.woocommerce a.remove::before { transform: translate(-50%, -50%) rotate(45deg); }
.woocommerce a.remove::after  { transform: translate(-50%, -50%) rotate(-45deg); }
.woocommerce a.remove:hover { background: var(--hd-wine); border-color: var(--hd-wine); }
.woocommerce a.remove:hover::before,
.woocommerce a.remove:hover::after { background: #FFFFFF; }
.woocommerce a.remove:focus-visible { outline: 2px solid var(--hd-gold); outline-offset: 2px; }
.woocommerce td.product-remove,
.woocommerce th.product-remove {
  width: 64px !important; min-width: 64px;
  padding-left: 16px !important; padding-right: 6px !important;
  text-align: left;
}

/* „Osveži korpu" je onemogućeno dok se količina ne promeni — to je ispravno,
   ali je izgledalo kao pokvareno dugme. Sada se jasno vidi da čeka izmenu. */
.woocommerce td.actions .button[name="update_cart"]:disabled,
.woocommerce td.actions .button[name="update_cart"][disabled] {
  background: transparent !important;
  color: var(--hd-muted) !important;
  border: 1px solid var(--hd-line) !important;
  opacity: 1 !important;
  cursor: default;
}

.woocommerce .cart-collaterals { width: 100%; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review {
  background: #FFFFFF; border: 1px solid #E5DAC4; border-radius: var(--hd-r-md); padding: 20px 22px;
}
.woocommerce .cart_totals h2 {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-weight: 600; font-size: 20px;
  color: #241D12; text-transform: none; letter-spacing: 0; margin: 0 0 14px;
}
.woocommerce .cart_totals table th, .woocommerce .cart_totals table td {
  color: #241D12; border-top: 1px solid #EFE7D6; padding: 11px 0; background: transparent;
}
.woocommerce .cart_totals .order-total .amount { color: #12100C; font-size: 19px; }
.woocommerce .wc-proceed-to-checkout { padding-top: 16px; }
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  display: block; text-align: center; background: #C9A54A; color: #171208;
  font-size: 15px; font-weight: 700; letter-spacing: 0.02em; text-transform: none;
  padding: 15px 22px; border-radius: var(--hd-r-sm);
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover { background: #D9BC72; color: #171208; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid #E5DAC4; border-radius: var(--hd-r-sm); padding: 11px 14px; background: #FFFFFF;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
  border-color: #8A6D24; outline: none; box-shadow: 0 0 0 2px rgba(138, 109, 36, 0.18);
}

/* ---- 7. Footer (Elementor template 321) ---------------------------------- */
.elementor-321.elementor-location-footer,
.elementor-321 .elementor-section, .elementor-321 [data-element_type="container"] {
  background-color: #0E0C09;
}
.elementor-321 { border-top: 1px solid rgba(201, 165, 74, 0.18); }
.elementor-321, .elementor-321 p, .elementor-321 li, .elementor-321 a { color: #8F8672; }
.elementor-321 a:hover { color: #C9A54A; }
.elementor-321 .elementor-heading-title, .elementor-321 h4 {
  color: #C9A54A; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase;
  font-family: "Source Sans 3", system-ui, sans-serif; font-weight: 600;
}

/* ---- 8. Obaveštenja i sitnice -------------------------------------------- */
.woocommerce-message, .woocommerce-info {
  border-top-color: #8A6D24; background: #F7F2E9; color: #241D12;
}
.woocommerce-error { border-top-color: #7A2F3E; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #241D12; border-radius: var(--hd-r-sm);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #241D12; color: #EFE7D5;
}
.woocommerce .woocommerce-ordering select {
  border: 1px solid #E5DAC4; border-radius: var(--hd-r-sm); padding: 8px 12px; background: #FFFFFF;
}
.woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: #C9A54A; }

/* stara paleta koja je ostala hardkodovana po widgetima */
[style*="background-color: #221B19"], .elementor-element[style*="#221B19"] {
  background-color: #0F0D0A !important;
}

/* ---- 9. Brend slajder (Hedona_Brands modul) ------------------------------ */
.hedona-brands { background: #12100C; padding: 34px 0 30px; overflow: hidden; }
.hedona-brands__title {
  text-align: center; color: #8F8672; font-size: 12px; font-weight: 600;
  letter-spacing: 0.24em; text-transform: uppercase; margin: 0 0 22px;
  font-family: "Source Sans 3", system-ui, sans-serif;
}
.hedona-brands__track {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 64px);
  width: auto;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}
.hedona-brands__item {
  display: flex; align-items: center; justify-content: center;
  min-width: 110px; text-decoration: none;
  opacity: 0.75; transition: opacity 0.18s ease, transform 0.18s ease;
}
.hedona-brands__item:hover { opacity: 1; transform: translateY(-2px); }
.hedona-brands__item img {
  height: 34px; width: auto; max-width: 150px; object-fit: contain;
  filter: brightness(0) saturate(100%) invert(88%) sepia(18%) saturate(1044%) hue-rotate(357deg) brightness(93%) contrast(87%);
}
.hedona-brands__item span {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-weight: 600; font-size: 21px;
  letter-spacing: 0.14em; color: #C9A54A; white-space: nowrap;
}
.hedona-brands__item:focus-visible { outline: 2px solid #C9A54A; outline-offset: 4px; }

.hedona-brands__ig { text-align: center; margin: 26px 0 0; }
.hedona-brands__ig a {
  color: #C9A54A; font-size: 13.5px; font-weight: 600; letter-spacing: 0.05em;
  text-decoration: none; border: 1px solid rgba(201, 165, 74, 0.45);
  border-radius: var(--hd-r-pill); padding: 9px 22px; display: inline-block;
  transition: background-color 0.18s ease, color 0.18s ease;
}
.hedona-brands__ig a:hover { background: #C9A54A; color: #171208; }

/* ---- 10. Korpa: svetla zona kao ostatak prodavnice ----------------------
   Elementor cart widget nasledjuje tamnu pozadinu i zlatan tekst sa stranice;
   na svetloj podlozi to pada u kontrastu, pa boje postavljamo eksplicitno.
   !important je ovde nuzan jer Elementor pise inline CSS po widgetu. */
body.woocommerce-cart .e-cart-section,
body.woocommerce-cart .e-cart-content,
body.woocommerce-cart .elementor-widget-woocommerce-cart {
  background-color: #F7F2E9 !important;
}
body.woocommerce-cart .elementor-widget-woocommerce-cart,
body.woocommerce-cart .elementor-widget-woocommerce-cart td,
body.woocommerce-cart .elementor-widget-woocommerce-cart th,
body.woocommerce-cart .elementor-widget-woocommerce-cart h2 {
  color: #241D12 !important;
}
body.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents { background: #FFFFFF !important; }
body.woocommerce-cart .e-cart-section { padding: 28px 20px !important; }
body.woocommerce-cart .woocommerce { max-width: 1180px; margin: 0 auto; }
body.woocommerce-cart .e-cart-buttons .button,
body.woocommerce-cart button[name="update_cart"] {
  background: #241D12 !important; color: #EFE7D5 !important; border: 0 !important;
  border-radius: var(--hd-r-sm) !important; text-transform: none !important; letter-spacing: .02em !important;
}
body.woocommerce-cart button[name="update_cart"]:disabled { opacity: .45; }

/* ---- 11. Korpa: izvorni WooCommerce prikaz u svetloj zoni -----------------
   Elementorov widget je zamenjen shortcode-om (Hedona_Cart), pa ovde
   oblikujemo standardni Woo markup. */
body.woocommerce-cart .hedona-cartpage {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 0 40px;
}
body.woocommerce-cart .hedona-cartpage .woocommerce {
  display: grid;
  gap: 26px;
  align-items: start;
}
@media (min-width: 900px) {
  body.woocommerce-cart .hedona-cartpage .woocommerce {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
  body.woocommerce-cart .hedona-cartpage form.woocommerce-cart-form { grid-column: 1; }
  body.woocommerce-cart .hedona-cartpage .cart-collaterals { grid-column: 2; }
}
body.woocommerce-cart .hedona-cartpage .cart-collaterals .cross-sells { display: none; }
body.woocommerce-cart .hedona-cartpage table.cart img { width: 62px; height: auto; border-radius: var(--hd-r-sm); }
body.woocommerce-cart .hedona-cartpage td.product-name { min-width: 190px; }
body.woocommerce-cart .hedona-cartpage .coupon { display: flex; gap: 8px; flex-wrap: wrap; }
body.woocommerce-cart .hedona-cartpage .coupon input[type="text"] {
  border: 1px solid #E5DAC4; border-radius: var(--hd-r-sm); padding: 10px 14px; min-width: 170px;
}

/* ---- 12. Stranica korpe: preuzimamo je od Elementora ----------------------
   Cart je obična Elementor STRANICA (dokument .elementor-406), ne
   `elementor-location-single` — zato ranije ciljanje nije hvatalo ništa. Njeni
   kontejneri su široki ~500px, pa je izvorni Woo prikaz ostajao stisnut i blok
   „Ukupno u korpi" se preklapao sa tabelom. Ovde širimo lanac kontejnera samo
   na stranici korpe. /checkout/ se ne dira. */
body.woocommerce-cart .elementor .e-con,
body.woocommerce-cart .elementor .e-con > .e-con-inner,
body.woocommerce-cart .elementor .elementor-element.e-cart,
body.woocommerce-cart .elementor .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}
body.woocommerce-cart .elementor .e-con > .e-con-inner {
  max-width: 1240px !important;
  margin-inline: auto !important;
}
body.woocommerce-cart .elementor .elementor-element.e-cart { background-color: #F7F2E9 !important; }

/* Stari, engleski/verzalni naslov stranice — mi renderujemo svoj iznad korpe.
   `:has()` drži pravilo unutar dokumenta korpe da ne pogodi footer. */
body.woocommerce-cart .elementor:has(.e-cart) .elementor-widget-heading { display: none !important; }

body.woocommerce-cart .hedona-cartpage { padding: 30px 22px 56px; max-width: 1240px; margin-inline: auto; }
body.woocommerce-cart .hedona-cartpage__title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600; font-size: clamp(28px, 3.6vw, 38px);
  color: #241D12; margin: 0 0 22px; text-transform: none; letter-spacing: -0.01em;
}
body.woocommerce-cart .hedona-cartpage .woocommerce {
  display: grid; gap: 26px; align-items: start;
}
@media (min-width: 900px) {
  body.woocommerce-cart .hedona-cartpage .woocommerce {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}
body.woocommerce-cart .hedona-cartpage form.woocommerce-cart-form,
body.woocommerce-cart .hedona-cartpage .cart-collaterals {
  float: none !important; width: auto !important; margin: 0 !important; min-width: 0;
}
body.woocommerce-cart .hedona-cartpage .cart_totals { width: auto !important; float: none !important; }
body.woocommerce-cart .hedona-cartpage .cart-collaterals .cross-sells { display: none; }
body.woocommerce-cart .hedona-cartpage table.cart img { width: 62px; height: auto; border-radius: var(--hd-r-sm); }
body.woocommerce-cart .hedona-cartpage td.product-name { min-width: 190px; }
body.woocommerce-cart .hedona-cartpage .coupon { display: flex; gap: 8px; flex-wrap: wrap; }
body.woocommerce-cart .hedona-cartpage .coupon input[type="text"] {
  border: 1px solid #E5DAC4; border-radius: var(--hd-r-sm); padding: 10px 14px; min-width: 170px;
}

/* ---- 13. Tema stavlja sadržaj STRANICE u kolonu od 58% -------------------
   Twenty Seventeen za pojedinačne stranice koristi dvokolonski raspored
   (`.entry-content { width: 58% }` + `.wrap { max-width: 1000px }`). Zbog toga
   je cela Elementor stranica korpe bila široka svega ~520px, pa se blok
   „Ukupno u korpi" preklapao sa tabelom. Sadržaj naših stranica ide punom
   širinom — Elementor ionako sam kontroliše svoje maksimume. */
.page .wrap, .single .wrap, .woocommerce-page .wrap,
.page #primary, .woocommerce-page #primary,
.page .content-area, .woocommerce-page .content-area,
.page .entry-content, .woocommerce-page .entry-content,
.page .site-content, .woocommerce-page .site-content {
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page .site-content-contain, .woocommerce-page .site-content-contain { background: transparent; }
.page .entry-header, .woocommerce-page .entry-header,
.page .entry-footer, .woocommerce-page .entry-footer { display: none; }

/* Stari Elementor naslov stranice korpe (verzalno zlatno „MOJA KORPA") — mi
   renderujemo svoj, prevodiv, iznad tabele. Footer je ionako sakriven. */
body.woocommerce-cart .elementor-widget-heading { display: none !important; }

/* Elementorov CSS za widget korpe ima veću specifičnost (dokument + element +
   selektor), pa boje i verzal moramo forsirati. */
body.woocommerce-cart .hedona-cartpage table.cart td.product-name a,
body.woocommerce-cart .hedona-cartpage table.cart td.product-name {
  color: #241D12 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  font-family: "Source Sans 3", system-ui, sans-serif !important;
}
body.woocommerce-cart .hedona-cartpage table.cart td.product-name a:hover { color: #8A6D24 !important; }
body.woocommerce-cart .hedona-cartpage table.cart th {
  text-transform: uppercase !important; letter-spacing: 0.1em !important; color: #6E6350 !important;
}
body.woocommerce-cart .hedona-cartpage .cart_totals h2 {
  text-transform: none !important; letter-spacing: 0 !important;
  font-family: "Playfair Display", Georgia, serif !important; color: #241D12 !important;
}
body.woocommerce-cart .hedona-cartpage button[name="update_cart"] {
  background: #241D12 !important; color: #EFE7D5 !important; opacity: 1;
}
body.woocommerce-cart .hedona-cartpage button[name="update_cart"]:disabled { opacity: .4; }

/* Korpa: podloga cele stranice mora biti svetla — do sada je ostajala crna
   izvan našeg kontejnera, pa je panel „plutao" na crnom. */
body.woocommerce-cart,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content-contain,
body.woocommerce-cart #content,
body.woocommerce-cart .elementor,
body.woocommerce-cart .elementor-location-single {
  background-color: var(--hd-ivory) !important;
}
body.woocommerce-cart .hedona-cartpage table.cart,
body.woocommerce-cart .hedona-cartpage .cart_totals {
  border: 1px solid var(--hd-hairline);
  box-shadow: var(--hd-sh-sm);
  border-radius: var(--hd-r-md);
}

/* Elementor kit boji <body> u crno (`.elementor-kit-319 { background: #000 }`).
   Svaka sekcija koja nema svoju podlogu propušta tu crninu — tako je header
   ispao crn iako je pravilo za njega bilo ispravno. Podloga prati temu. */
body.elementor-kit-319 { background-color: var(--hd-ivory) !important; }