/* ==========================================================================
   HEDONA LAYOUT — SVETLA TEMA (v2)
   Odluka 07.08.2026: sajt prelazi na svetlu podlogu. Razlog nije ukus nego
   pouzdanost — Elementor i WooCommerce widgeti pretpostavljaju svetlu temu,
   fotografije proizvoda su na beloj, a duži tekst na crnom zamara. Tamna
   varijanta je proizvodila lančane probleme kontrasta na svakoj strani.
   Tamna ostaje samo tamo gde nosi značenje: 18+ kapija i akcijske oznake.
   ========================================================================== */
:root,
:root[data-theme="light"] {
  --hd-ivory:   #FBF8F1;
  --hd-parch:   #F2EADC;
  --hd-card:    #FFFFFF;
  --hd-well:    #FBF8F1;
  --hd-ink:     #241D12;
  --hd-muted:   #6E6350;
  --hd-line:    #E3D8C2;
  --hd-gold:    #8A6D24;
  --hd-gold-hi: #6E5518;
  --hd-wine:    #7A2F3E;
  --hd-onink:   #FBF8F1;
  --hd-shadow:  rgba(58, 44, 16, 0.18);
  --hd-hero-a:  #F5EFE2;
  --hd-hero-b:  #EDE3D0;
  --hd-glow:    rgba(138, 109, 36, 0.10);
  /* Oblik i dubina — jedan izvor za ceo sajt. Kartice nose meku senku umesto
     tvrde ivice; ivica ostaje samo kao jedva vidljiv obris. */
  --hd-page:    1280px;
  --hd-r-sm:    10px;
  --hd-r-md:    14px;
  --hd-r-lg:    20px;
  --hd-r-pill:  999px;
  --hd-sh-sm:   0 1px 2px rgba(58, 44, 16, 0.05), 0 2px 8px rgba(58, 44, 16, 0.05);
  --hd-sh-md:   0 2px 4px rgba(58, 44, 16, 0.05), 0 12px 28px -12px rgba(58, 44, 16, 0.16);
  --hd-sh-lg:   0 4px 8px rgba(58, 44, 16, 0.06), 0 24px 48px -20px rgba(58, 44, 16, 0.22);
  --hd-hairline: rgba(58, 44, 16, 0.08);
  /* aliasi koje koristi hedona-shop.css */
  --hd-espresso:  #241D12;
  --hd-gold-deep: #6E5518;
  --hd-cream:     #FFFFFF;
  --hd-shell:     #FBF8F1;
  color-scheme: light;
}

/* Tamna tema — bira je posetilac prekidačem u headeru. Nije samo inverzija:
   zlato se posvetljava (#C9A54A čitljivo na crnom), a linije postaju prozirne
   da ne seku površine. */
:root[data-theme="dark"] {
  --hd-ivory:   #12100C;
  --hd-parch:   #17140E;
  --hd-card:    #1C1811;
  --hd-well:    #221D14;
  --hd-ink:     #EFE7D5;
  --hd-muted:   #A99D84;
  --hd-line:    rgba(201, 165, 74, 0.24);
  --hd-gold:    #C9A54A;
  --hd-gold-hi: #D9BC72;
  --hd-wine:    #B4586A;
  --hd-onink:   #171208;
  --hd-shadow:  rgba(0, 0, 0, 0.5);
  --hd-hero-a:  #14110C;
  --hd-hero-b:  #241A0D;
  --hd-glow:    rgba(201, 165, 74, 0.18);
  --hd-page:    1280px;
  --hd-r-sm:    10px;
  --hd-r-md:    14px;
  --hd-r-lg:    20px;
  --hd-r-pill:  999px;
  --hd-sh-sm:   0 1px 2px rgba(0, 0, 0, 0.3);
  --hd-sh-md:   0 2px 4px rgba(0, 0, 0, 0.3), 0 12px 28px -12px rgba(0, 0, 0, 0.5);
  --hd-sh-lg:   0 4px 8px rgba(0, 0, 0, 0.35), 0 24px 48px -20px rgba(0, 0, 0, 0.6);
  --hd-hairline: rgba(201, 165, 74, 0.14);
  --hd-espresso:  #EFE7D5;
  --hd-gold-deep: #D9BC72;
  --hd-cream:     #1C1811;
  --hd-shell:     #17140E;
  color-scheme: dark;
}


/* ---- 0. Gašenje starog ---------------------------------------------------- */
.elementor-location-header,
.elementor-location-footer { display: none !important; }

/* Sadržaj početne renderuje Hedona_Layout; Elementorov ostatak (spacer-i,
   slajder wrapper) ne sme da pravi prazan prostor. */
.home .elementor-369,
.home .elementor-widget-slides,
.home .elementor-widget-spacer { display: none !important; }

.hedona-skip {
  position: absolute; left: -9999px; top: 0; z-index: 200;
  background: var(--hd-ink); color: var(--hd-well); padding: 10px 18px; font-weight: 600; border-radius: 0 0 6px 0;
}
.hedona-skip:focus { left: 0; }

/* ---- 1. Traka obaveštenja + header ---------------------------------------- */
.hedona-announce {
  background: var(--hd-gold); color: var(--hd-onink);
  font-size: 13px; letter-spacing: 0.01em;
  padding: 8px 0; overflow: hidden;
  position: relative;
  --hd-ann-speed: 34s;
  /* C17: poruke ulaze/izlaze kroz blagi fade umesto oštrog reza na ivici. */
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 26px, #000 calc(100% - 26px), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 26px, #000 calc(100% - 26px), transparent);
}
/* Poruke klize u beskonačnoj petlji; sadržaj je dupliran u markupu, pa pomeraj
   od tačno 50% zatvara krug bez vidljivog skoka. */
.hedona-announce__track {
  display: flex; width: max-content;
  animation: hedona-ann var(--hd-ann-speed) linear infinite;
}
.hedona-announce:hover .hedona-announce__track { animation-play-state: paused; }
.hedona-announce__set { display: flex; }
.hedona-announce__item {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 0 34px; white-space: nowrap; font-weight: 500;
}
.hedona-announce__van { flex: none; opacity: 0.95; }
/* Linije brzine iza kombija — sitan pokret koji čini da vozilo „vuče" tekst. */
.hedona-announce__speed { opacity: 0.55; animation: hedona-speed 0.9s ease-in-out infinite; }
@keyframes hedona-ann { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hedona-speed { 0%,100% { opacity: 0.25; transform: translateX(0); } 50% { opacity: 0.7; transform: translateX(2px); } }
@media (prefers-reduced-motion: reduce) {
  .hedona-announce__track { animation: none; width: 100%; justify-content: center; }
  .hedona-announce__set:nth-child(2) { display: none; }
  .hedona-announce__speed { animation: none; }
}
@media (max-width: 700px) { .hedona-announce { font-size: 12.5px; } .hedona-announce__item { padding: 0 22px; } }

.hedona-hdr {
  position: sticky; top: 0; z-index: 90;
  background: var(--hd-ivory);
  border-bottom: 1px solid var(--hd-line);
}
.hedona-hdr__bar {
  max-width: var(--hd-page);
  margin: 0 auto;
  display: grid; align-items: center; gap: 12px 18px;
  padding: 12px 22px;
  /* Mobilni: brend gore, pretraga ispod, alati u trećem redu. */
  grid-template-columns: 44px 1fr auto;
  grid-template-areas:
    "burger logo   tools"
    "search search search";
}
@media (min-width: 1000px) {
  .hedona-hdr__bar {
    grid-template-columns: auto minmax(240px, 1fr) auto;
    grid-template-areas: "logo search tools";
    padding: 14px 22px 12px;
    gap: 0 28px;
  }
}

.hedona-hdr__burger {
  grid-area: burger; display: flex; flex-direction: column; justify-content: center; gap: 4px;
  width: 44px; height: 44px; margin-left: -10px;
  background: none; border: 0; cursor: pointer; padding: 0;
}
.hedona-hdr__burger span { display: block; height: 2px; width: 21px; background: var(--hd-ink); border-radius: 2px; margin: 0 auto; }
@media (min-width: 1000px) { .hedona-hdr__burger { display: none; } }

.hedona-hdr__logo { grid-area: logo; display: flex; align-items: center; justify-self: center; }
@media (min-width: 1000px) { .hedona-hdr__logo { justify-self: start; } }
.hedona-hdr__logo img { height: 52px; width: auto; max-width: 100%; display: block; }
@media (max-width: 999px) { .hedona-hdr__logo img { height: 44px; } }

/* Pretraga je sada glavni element prvog reda — najčešći put do proizvoda
   u katalogu od 260 artikala. */
.hedona-hdr__search { grid-area: search; position: relative; }
.hedona-hdr__search input {
  width: 100%; background: var(--hd-card); color: var(--hd-ink);
  border: 1px solid var(--hd-line); border-radius: var(--hd-r-pill);
  padding: 12px 46px 12px 20px; font-size: 15px; font-family: inherit;
  box-shadow: var(--hd-sh-sm);
}
.hedona-hdr__search input::placeholder { color: var(--hd-muted); }
.hedona-hdr__search input:focus { outline: none; border-color: var(--hd-gold); box-shadow: 0 0 0 3px var(--hd-glow); }
.hedona-hdr__search button {
  position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: none; color: var(--hd-gold); cursor: pointer;
  display: grid; place-items: center;
}

.hedona-hdr__tools { grid-area: tools; display: flex; align-items: center; gap: 6px; justify-self: end; }
@media (min-width: 1000px) { .hedona-hdr__tools { gap: 14px; } }

.hedona-hdr__acc {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--hd-ink); text-decoration: none;
  font-size: 14px; font-weight: 600; padding: 8px 4px;
}
.hedona-hdr__acc:hover { color: var(--hd-gold); }
.hedona-hdr__acc span { display: none; }
@media (min-width: 1180px) { .hedona-hdr__acc span { display: inline; } }

a.hedona-hdr__cart, .hedona-hdr .hedona-hdr__cart {
  position: relative; color: var(--hd-ink);
  width: 42px; height: 42px; display: grid; place-items: center; text-decoration: none;
}
a.hedona-hdr__cart:hover, .hedona-hdr .hedona-hdr__cart:hover { color: var(--hd-gold); }
.hedona-hdr__count {
  position: absolute; top: 2px; right: 0;
  background: var(--hd-gold); color: #FDF7E8; font-size: 11px; font-weight: 700;
  border-radius: var(--hd-r-pill); padding: 1px 6px; min-width: 18px; text-align: center;
}

/* ---- 1b. Drugi red: kategorije sa ikonicama -------------------------------
   Odvojen red da bi kategorije imale prostora i da bi se videle na prvi pogled;
   ikonice su monolinijske i tihe — pomažu skeniranju, ne viču. */
.hedona-cats { border-top: 1px solid var(--hd-hairline); border-bottom: 1px solid var(--hd-hairline); background: var(--hd-ivory); }
.hedona-cats__row {
  max-width: var(--hd-page); margin: 0 auto;
  display: flex; align-items: center; justify-content: center;
  gap: 2px; padding: 0 14px;
  overflow-x: auto; scrollbar-width: none;
}
.hedona-cats__row::-webkit-scrollbar { display: none; }
@media (max-width: 999px) { .hedona-cats { display: none; } }
.hedona-cats__row a {
  position: relative;
  display: inline-flex; align-items: center; gap: 11px;
  padding: 17px 20px; white-space: nowrap; text-decoration: none;
  color: var(--hd-ink);
  /* Verzal sa razmakom — kategorije su glavna navigacija prodavnice i moraju
     da se čitaju kao natpisi na polici, a ne kao sitni linkovi. */
  font-size: 14.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.09em;
  transition: color 0.16s ease;
}
/* Podvlaka raste iz sredine — mirnije od pune ivice koja skače pri prelasku. */
.hedona-cats__row a::after {
  content: ""; position: absolute; left: 20px; right: 20px; bottom: 10px;
  height: 2px; background: var(--hd-gold);
  transform: scaleX(0); transform-origin: center;
  transition: transform 0.22s cubic-bezier(.2,.7,.3,1);
}
.hedona-cats__row a:hover { color: var(--hd-gold); }
.hedona-cats__row a:hover::after { transform: scaleX(1); }
.hedona-cat__ico { flex: none; color: var(--hd-gold); opacity: 0.85; width: 21px; height: 21px; }
.hedona-cats__row a:hover .hedona-cat__ico { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hedona-cats__row a::after { transition: none; } }
.hedona-cats__all { color: var(--hd-muted) !important; }
.hedona-cats__all:hover { color: var(--hd-gold) !important; }

/* ---- 2. Hero -------------------------------------------------------------- */
.hedona-hero {
  display: grid; align-items: center;
  background: var(--hd-ivory); color: var(--hd-ink);
  border-bottom: 1px solid var(--hd-line);
}
@media (min-width: 900px) { .hedona-hero { grid-template-columns: 1.05fr 0.95fr; } }

/* Tekst hero-a živi u centriranom kontejneru umesto da ga gura padding računat
   od 1280px — na 1920px je zbog toga bežao desno i naslov se lomio u tri reda. */
.hedona-hero__copy { padding: 56px 22px 52px; width: 100%; }
@media (min-width: 900px) {
  .hedona-hero__copy {
    padding: 96px 48px 96px 0;
    justify-self: end;
    max-width: calc(var(--hd-page) / 2);
    padding-left: 22px;
  }
}

.hedona-hero__greet {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 15px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--hd-gold); font-weight: 700; margin: 0 0 20px;
}
.hedona-greet__ico { display: inline-flex; }
/* Prikaži samo ikonicu koja odgovara dobu dana; JS postavlja data-part. */
.hedona-greet__ico svg { display: none; }
.hedona-hero__greet:not([data-part]) .hedona-greet__ico svg[data-part="popodne"],
.hedona-hero__greet[data-part=""] .hedona-greet__ico svg[data-part="popodne"],
.hedona-hero__greet[data-part="jutro"] .hedona-greet__ico svg[data-part="jutro"],
.hedona-hero__greet[data-part="popodne"] .hedona-greet__ico svg[data-part="popodne"],
.hedona-hero__greet[data-part="vece"] .hedona-greet__ico svg[data-part="vece"],
.hedona-hero__greet[data-part="drustvo"] .hedona-greet__ico svg[data-part="drustvo"] { display: block; }
.hedona-hero h1 {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-weight: 600;
  font-size: clamp(34px, 5.4vw, 56px); line-height: 1.06; letter-spacing: -0.01em;
  color: var(--hd-ink); margin: 0 0 18px; text-wrap: balance;
}
.hedona-hero__lead { color: var(--hd-muted); font-size: 16px; line-height: 1.65; margin: 0 0 30px; max-width: 46ch; }
.hedona-hero__cta { display: flex; gap: 12px; flex-wrap: wrap; }

a.hedona-hero__figure, .hedona-hero__figure {
  position: relative; display: block; min-height: 320px;
  background:
    radial-gradient(closest-side at 52% 46%, var(--hd-glow), transparent 70%),
    linear-gradient(160deg, var(--hd-hero-a) 0%, var(--hd-hero-b) 100%);
  display: grid; place-items: center; padding: 40px 24px 70px; text-decoration: none;
}
.hedona-hero__figure img {
  max-height: 380px; width: auto; max-width: 82%; object-fit: contain;
  filter: drop-shadow(0 22px 34px var(--hd-shadow));
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.hedona-hero__figure:hover img { transform: translateY(-6px) scale(1.02); }
.hedona-hero__tagline {
  position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%);
  display: flex; align-items: baseline; gap: 12px; white-space: nowrap;
  background: var(--hd-card); border: 1px solid var(--hd-line);
  border-radius: var(--hd-r-pill); padding: 8px 20px; max-width: 90%;
}
.hedona-hero__tagline em { font-style: normal; color: var(--hd-muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.hedona-hero__tagline b { color: var(--hd-ink); font-size: 14px; font-variant-numeric: tabular-nums; }
.hedona-hero__tagline b .woocommerce-Price-amount { color: inherit; }

/* ---- 3. Dugmad ------------------------------------------------------------ */
/* Selektori namerno nose i element (a./button.) da bi bili (0,1,1) — Elementor kit
   ima `.elementor-kit-319 a { color: var(--e-global-color-primary) }` iste
   specificnosti, pa nas CSS pobedjuje samo zato sto se ucitava kasnije. Sa golom
   klasom (0,1,0) gubili smo i tekst dugmeta je bio nevidljiv. */
a.hedona-btn, button.hedona-btn, .hedona-btn {
  display: inline-block; border-radius: var(--hd-r-sm); font-weight: 600; font-size: 14.5px;
  letter-spacing: 0.02em; padding: 13px 28px; text-decoration: none; border: 0;
  cursor: pointer; font-family: inherit; text-align: center;
  transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}
a.hedona-btn--gold, button.hedona-btn--gold, a.hedona-btn--gold, button.hedona-btn--gold, .hedona-btn--gold { background: var(--hd-ink); color: var(--hd-well); }
a.hedona-btn--gold:hover, button.hedona-btn--gold:hover { background: var(--hd-gold); color: var(--hd-onink); }
a.hedona-btn--outline, button.hedona-btn--outline { border: 1.5px solid var(--hd-line); color: var(--hd-ink); background: transparent; padding: 11.5px 26px; }
a.hedona-btn--outline:hover, button.hedona-btn--outline:hover { border-color: var(--hd-gold); color: var(--hd-gold); background: rgba(138, 109, 36, 0.06); }
a.hedona-btn--dark, button.hedona-btn--dark { background: var(--hd-ink); color: var(--hd-well); }
a.hedona-btn--dark:hover, button.hedona-btn--dark:hover { background: var(--hd-gold); color: var(--hd-onink); }
a.hedona-btn--muted, button.hedona-btn--muted { background: var(--hd-parch); color: var(--hd-muted); }

/* ---- 4. Poglavlja po dobu dana -------------------------------------------- */
.hedona-chapters { background: var(--hd-ivory); }
.hedona-chapters__intro {
  max-width: 1280px; margin: 0 auto; padding: 62px 22px 34px; text-align: center;
}
.hedona-chapters__intro h2 {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-weight: 600;
  font-size: clamp(26px, 3.4vw, 36px); color: var(--hd-ink); margin: 0 0 10px;
}
.hedona-chapters__intro > p { color: var(--hd-muted); font-size: 15.5px; margin: 0 auto 30px; max-width: 52ch; }

/* Sat-rail: strukturni element stranice, nosi informaciju kada proizvod pripada */
.hedona-rail {
  display: flex; justify-content: center; align-items: flex-start;
  gap: 0; position: relative; max-width: 620px; margin: 0 auto;
}
.hedona-rail::before {
  content: ""; position: absolute; left: 8%; right: 8%; top: 27px;
  height: 1px; background: linear-gradient(90deg, transparent, var(--hd-line) 18%, var(--hd-line) 82%, transparent);
}
.hedona-rail nav a, .hedona-chapters .hedona-rail a {
  position: relative; flex: 1; text-decoration: none;
  display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 4px 0 26px;
}
.hedona-rail__time {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-size: 17px; font-weight: 600;
  color: var(--hd-muted); font-variant-numeric: tabular-nums;
  transition: color 0.2s ease;
}
.hedona-rail__dot {
  width: 11px; height: 11px; border-radius: 50%;
  background: var(--hd-ivory); border: 2px solid var(--hd-line); position: relative; z-index: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.hedona-rail a:hover .hedona-rail__time,
.hedona-rail a.is-now .hedona-rail__time { color: var(--hd-gold); }
.hedona-rail a:hover .hedona-rail__dot { border-color: var(--hd-gold); }
.hedona-rail a.is-now .hedona-rail__dot { background: var(--hd-gold); border-color: var(--hd-gold); transform: scale(1.25); }
.hedona-rail a.is-now::after {
  content: "sada"; position: absolute; top: 52px; font-size: 10px; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--hd-gold); font-weight: 700; white-space: nowrap;
}

.hedona-chapter { padding: 46px 22px 54px; }
.hedona-chapter > * { max-width: 1280px; margin-left: auto; margin-right: auto; }
.hedona-chapter--dark { background: var(--hd-parch); }
.hedona-chapter--dark h3 { color: var(--hd-ink); }
.hedona-chapter--dark .hedona-chapter__head p { color: var(--hd-muted); }
.hedona-chapter--dark .hedona-chapter__time { color: var(--hd-gold); border-color: var(--hd-line); }
.hedona-chapter--dark .hedona-chapter .hedona-chapter__cats a { color: var(--hd-muted); border-color: rgba(201, 165, 74, 0.28); }
.hedona-chapter--dark .hedona-chapter__cats a:hover { background: var(--hd-ink); color: var(--hd-well); border-color: var(--hd-ink); }

.hedona-chapter__head {
  display: grid; gap: 16px 26px; align-items: start;
  grid-template-columns: auto 1fr; margin-bottom: 28px;
}
@media (min-width: 1000px) { .hedona-chapter__head { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; } }
.hedona-chapter__time {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-size: 26px; font-weight: 600;
  color: var(--hd-gold); font-variant-numeric: tabular-nums; line-height: 1;
  border: 1px solid var(--hd-line); border-radius: var(--hd-r-sm); padding: 12px 14px;
}
.hedona-chapter__head h3 {
  font-family: "Playfair Display", "Zilla Slab", Georgia, serif; font-weight: 600;
  font-size: clamp(21px, 2.6vw, 27px); color: var(--hd-ink); margin: 0 0 5px; text-wrap: balance;
}
.hedona-chapter__head p { color: var(--hd-muted); font-size: 14.5px; margin: 0; max-width: 56ch; }
.hedona-chapter__cats { display: flex; gap: 8px; flex-wrap: wrap; grid-column: 1 / -1; }
@media (min-width: 1000px) { .hedona-chapter__cats { grid-column: auto; justify-content: flex-end; } }
.hedona-chapter__cats a {
  font-size: 13px; font-weight: 600; color: var(--hd-ink); text-decoration: none;
  border: 1px solid var(--hd-line); border-radius: var(--hd-r-pill); padding: 7px 15px;
  display: inline-flex; align-items: center; gap: 7px;
  transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}
.hedona-chapter__cats a:hover { background: var(--hd-ink); color: var(--hd-ink); border-color: var(--hd-ink); }
.hedona-chapter__cats em { font-style: normal; font-size: 11px; opacity: 0.6; font-variant-numeric: tabular-nums; }

/* ---- 5. Grid i kartica ---------------------------------------------------- */
.hedona-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 700px) { .hedona-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
@media (min-width: 1000px) { .hedona-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.hedona-card {
  position: relative; background: var(--hd-card); border: 1px solid var(--hd-line);
  border-radius: var(--hd-r-md); overflow: hidden; display: flex; flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.hedona-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px -20px var(--hd-shadow); border-color: var(--hd-line); }
.hedona-card__img { display: block; background: var(--hd-well); padding: 14px; }
.hedona-card__img img {
  width: 100%; aspect-ratio: 1 / 1; object-fit: contain; display: block;
}
.hedona-card__body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.hedona-card__brand {
  font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--hd-gold); font-weight: 700;
}
.hedona-card h4 { margin: 0; font-family: inherit; font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.hedona-card h4 a, a.hedona-card__link { color: var(--hd-ink); text-decoration: none; }
.hedona-card h4 a:hover { color: var(--hd-gold); }
.hedona-card__price {
  font-size: 17px; font-weight: 700; color: var(--hd-ink);
  font-variant-numeric: tabular-nums; margin-top: auto; padding-top: 6px;
}
.hedona-card__price del { color: var(--hd-muted); font-weight: 400; font-size: 14px; margin-right: 6px; }
.hedona-card__price ins { color: var(--hd-wine); text-decoration: none; }
.hedona-card__cta { margin-top: 10px; padding: 10px 14px; font-size: 13.5px; width: 100%; }

.hedona-badge {
  position: absolute; top: 10px; z-index: 2;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em;
  border-radius: 4px; padding: 4px 8px; line-height: 1;
}
.hedona-badge--sale { left: 10px; background: var(--hd-wine); color: var(--hd-onink); }
.hedona-badge--age { right: 10px; background: var(--hd-card); color: var(--hd-wine); border: 1.5px solid var(--hd-wine); }

/* ---- 6. Trust + newsletter ------------------------------------------------ */
.hedona-trust {
  background: var(--hd-parch); display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  padding: 30px 22px; max-width: none;
}
.hedona-trust > div { display: flex; flex-direction: column; gap: 4px; padding-left: 16px; border-left: 2px solid var(--hd-gold); }
.hedona-trust b { font-size: 16px; font-weight: 700; color: var(--hd-ink); }
.hedona-trust span { font-size: 14.5px; color: var(--hd-muted); }

.hedona-news {
  background: linear-gradient(115deg, var(--hd-hero-a) 0%, var(--hd-hero-b) 100%); color: var(--hd-ink);
  border-block: 1px solid var(--hd-line);
  display: grid; gap: 22px; align-items: center; padding: 48px 22px;
}
@media (min-width: 860px) { .hedona-news { grid-template-columns: 1.3fr 1fr; padding: 56px 44px; } }
.hedona-news h2 { font-family: "Playfair Display", Georgia, serif; font-weight: 600; font-size: 25px; color: var(--hd-ink); margin: 0 0 7px; }
.hedona-news p { color: var(--hd-muted); font-size: 14.5px; margin: 0; max-width: 52ch; }
.hedona-news__form { display: flex; gap: 10px; flex-wrap: wrap; }
.hedona-news__form input {
  flex: 1 1 200px; background: var(--hd-card); color: var(--hd-ink); font-family: inherit;
  border: 1px solid var(--hd-line); border-radius: var(--hd-r-sm); padding: 13px 16px; font-size: 14px;
}
.hedona-news__form input::placeholder { color: var(--hd-muted); }
.hedona-news__form input:focus { outline: none; border-color: var(--hd-gold); }

/* ---- 7. Footer ------------------------------------------------------------ */
.hedona-ftr { background: var(--hd-parch); color: var(--hd-muted); border-top: 1px solid var(--hd-line); }
.hedona-ftr__grid {
  max-width: 1280px; margin: 0 auto; padding: 52px 22px 36px;
  display: grid; gap: 34px;
}
@media (min-width: 760px) { .hedona-ftr__grid { grid-template-columns: 1.5fr 1fr 1fr 1.1fr; } }
.hedona-ftr__brand img { height: 40px; width: auto; margin-bottom: 16px; }
.hedona-ftr__brand p { font-size: 15px; line-height: 1.7; margin: 0 0 18px; max-width: 36ch; }
a.hedona-ftr__ig, .hedona-ftr .hedona-ftr__ig {
  display: inline-flex; align-items: center; gap: 8px; color: var(--hd-gold);
  font-size: 13px; font-weight: 600; text-decoration: none;
  border: 1px solid var(--hd-line); border-radius: var(--hd-r-pill); padding: 8px 16px;
  transition: background-color 0.16s ease, color 0.16s ease;
}
.hedona-ftr__ig:hover { background: var(--hd-gold); color: var(--hd-onink); }
.hedona-ftr h4 {
  color: var(--hd-gold); font-family: inherit; font-size: 12.5px; letter-spacing: 0.16em;
  text-transform: uppercase; font-weight: 700; margin: 0 0 18px;
}
.hedona-ftr ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.hedona-ftr li { font-size: 15.5px; line-height: 1.5; }
.hedona-ftr a, .hedona-ftr ul a { color: var(--hd-ink); text-decoration: none; }
.hedona-ftr a:hover { color: var(--hd-gold); }
.hedona-ftr__contact li { color: var(--hd-muted); }
.hedona-ftr__contact a { font-weight: 600; color: var(--hd-ink); }
.hedona-ftr__contact a:hover { color: var(--hd-gold); }
.hedona-ftr__bottom {
  border-top: 1px solid var(--hd-line);
  max-width: 1280px; margin: 0 auto; padding: 16px 22px 24px;
  display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  font-size: 13px; color: var(--hd-muted);
}
.hedona-ftr__age { color: var(--hd-muted); }

/* ---- 8. Pristupačnost ----------------------------------------------------- */
.hedona-hdr a:focus-visible, .hedona-hdr button:focus-visible,
.hedona-chapter a:focus-visible, .hedona-ftr a:focus-visible,
.hedona-rail a:focus-visible, .hedona-card a:focus-visible {
  outline: 2px solid var(--hd-gold); outline-offset: 3px; border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .hedona-hero__figure img, .hedona-card, .hedona-rail__dot, .hedona-rail__time { transition: none; }
  .hedona-hero__figure:hover img { transform: none; }
  .hedona-card:hover { transform: none; }
  html { scroll-behavior: auto; }
}
html { scroll-behavior: smooth; }

/* Ikonice placanja iz Hedona_Mobile, u footeru iznad pravne trake */
.hedona-ftr__pay {
  max-width: 1280px; margin: 0 auto; padding: 0 22px 20px;
  display: flex; justify-content: center;
}

/* Prekidac jezika u headeru */
.hedona-lang { grid-area: lang; display: flex; align-items: center; justify-content: flex-end; gap: 5px; font-size: 13px; font-weight: 700; letter-spacing: .06em; }
.hedona-lang span { color: var(--hd-line); }
.hedona-lang a, .hedona-hdr .hedona-lang a { color: var(--hd-muted); text-decoration: none; padding: 4px 3px; }
.hedona-lang a.is-active, .hedona-hdr .hedona-lang a.is-active { color: var(--hd-ink); }
.hedona-lang a:hover, .hedona-hdr .hedona-lang a:hover { color: var(--hd-gold); }

/* ---- 14. Prekidač teme -----------------------------------------------------
   Svetla je podrazumevana. Izbor pamti localStorage, a inline skripta u <head>
   postavlja data-theme pre prvog paint-a da nema bljeska. */
.hedona-theme {
  grid-area: theme;
  width: 36px; height: 36px; padding: 0;
  display: inline-grid; place-items: center; justify-self: start;
  background: none; border: 0; border-radius: var(--hd-r-pill);
  color: var(--hd-muted); cursor: pointer;
  transition: color 0.16s ease;
}
@media (min-width: 1000px) { .hedona-theme { justify-self: center; } }
.hedona-theme:hover { color: var(--hd-ink); }
.hedona-theme__moon { display: none; }
:root[data-theme="dark"] .hedona-theme__sun { display: none; }
:root[data-theme="dark"] .hedona-theme__moon { display: block; }

/* Logo: espresso na svetloj, zlatni na tamnoj — isti crtež, druga boja. */
.hedona-hdr__logo .hedona-logo--dark,
.hedona-ftr__brand .hedona-logo--dark { display: none; }
:root[data-theme="dark"] .hedona-hdr__logo .hedona-logo--light,
:root[data-theme="dark"] .hedona-ftr__brand .hedona-logo--light { display: none; }
:root[data-theme="dark"] .hedona-hdr__logo .hedona-logo--dark,
:root[data-theme="dark"] .hedona-ftr__brand .hedona-logo--dark { display: block; }

/* ---- 15. Potvrda dodavanja u korpu -----------------------------------------
   Bez ovoga klik na „Dodaj u korpu" nije davao nikakav znak — kupac je mislio
   da dugme ne radi i odustajao. */
.hedona-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px);
  z-index: 999995; display: flex; align-items: center; gap: 16px;
  background: var(--hd-ink); color: var(--hd-onink);
  border-radius: var(--hd-r-pill); padding: 13px 14px 13px 22px;
  box-shadow: var(--hd-sh-lg); font-size: 14px; max-width: min(92vw, 520px);
  opacity: 0; transition: opacity 0.24s ease, transform 0.24s cubic-bezier(.2,.7,.3,1);
}
.hedona-toast.is-in { opacity: 1; transform: translate(-50%, 0); }
.hedona-toast span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hedona-toast a {
  flex: none; background: var(--hd-gold); color: #FDF7E8; text-decoration: none;
  font-weight: 600; font-size: 13.5px; padding: 8px 16px; border-radius: var(--hd-r-pill);
}
.hedona-toast a:hover { background: var(--hd-gold-hi); color: #FDF7E8; }
@media (prefers-reduced-motion: reduce) { .hedona-toast { transition: none; } }


/* ---- Zaštita pre puštanja u rad --------------------------------------------
   Poznat nalaz (B5): lepljiva traka korpe na telefonu pokriva dugme „Dodaj u
   korpu". Dok Composer ne isporuči trajno rešenje, sadržaju se dodaje prostor
   u visini trake, a kupovni blok dobija odmak pri skrolovanju. Bolje malo
   praznine na dnu nego nedostupno dugme za kupovinu. */
@media (max-width: 767px) {
  body:has(.hedona-cartbar:not([hidden])) { padding-bottom: 78px; }
  .single-product .hedona-pdp__buy,
  .single-product form.cart,
  .hedona-card__cta { scroll-margin-bottom: 96px; }
}