/* ==========================================================================
   HEDONA — 404 i statične stranice
   Sve boje, radijusi i senke iz tokena (`hedona-layout.css`), da rade u obe teme.
   ========================================================================== */

/* ---- Zaglavlje statične stranice ----------------------------------------- */
.hedona-pghead {
  max-width: var(--hd-page);
  margin: 0 auto;
  padding: 40px 22px 26px;
}
.hedona-pghead__crumbs {
  display: flex; gap: 8px; align-items: center;
  font-size: 12.5px; color: var(--hd-muted); margin-bottom: 18px;
}
.hedona-pghead__crumbs a { color: var(--hd-muted); text-decoration: none; }
.hedona-pghead__crumbs a:hover { color: var(--hd-gold); }
.hedona-pghead h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600; font-size: clamp(30px, 4.2vw, 44px); line-height: 1.08;
  letter-spacing: -0.01em; color: var(--hd-ink); margin: 0 0 12px; text-wrap: balance;
}
.hedona-pghead p {
  color: var(--hd-muted); font-size: 16px; line-height: 1.65;
  margin: 0; max-width: 60ch;
}

/* Stari sadržaj tih stranica: krem podloga, naša tipografija, bez ponovljenog
   ogromnog logotipa i bez belih blokova koji su pravili šav na prelazu. */
body.hedona-framed { background: var(--hd-ivory); }
body.hedona-framed .hedona-pgbody { max-width: var(--hd-page); margin: 0 auto; padding: 0 22px 56px; }
body.hedona-framed .hedona-pgbody .elementor-section,
body.hedona-framed .hedona-pgbody .e-con,
body.hedona-framed .hedona-pgbody .elementor-widget-container { background-color: transparent !important; }
body.hedona-framed .hedona-pgbody h1 { display: none; }          /* stari naslov — naš je gore */
body.hedona-framed .hedona-pgbody h2,
body.hedona-framed .hedona-pgbody h3 {
  font-family: "Playfair Display", Georgia, serif !important;
  color: var(--hd-ink) !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.hedona-framed .hedona-pgbody p,
body.hedona-framed .hedona-pgbody li {
  font-family: "Source Sans 3", system-ui, sans-serif !important;
  color: var(--hd-ink) !important; font-size: 16px; line-height: 1.7;
}
body.hedona-framed .hedona-pgbody .elementor-widget-theme-site-logo,
body.hedona-framed .hedona-pgbody .elementor-widget-image:first-of-type img[src*="/2025/08/1.png"] {
  display: none;   /* ogromno ponavljanje logotipa je zauzimalo pola stranice */
}

/* Formular na /contact/ — u stilu sistema, ne Elementor podrazumevano */
body.hedona-framed .elementor-field-group input:not([type="submit"]),
body.hedona-framed .elementor-field-group textarea,
body.hedona-framed .elementor-field-group select {
  background: var(--hd-card) !important;
  border: 1px solid var(--hd-line) !important;
  border-radius: var(--hd-r-sm) !important;
  color: var(--hd-ink) !important;
  padding: 12px 16px !important;
  min-height: 46px;
  font-family: "Source Sans 3", system-ui, sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
body.hedona-framed .elementor-field-group input:focus,
body.hedona-framed .elementor-field-group textarea:focus {
  outline: none !important;
  border-color: var(--hd-gold) !important;
  box-shadow: 0 0 0 2px var(--hd-glow) !important;
}
body.hedona-framed .elementor-field-group label {
  color: var(--hd-ink) !important; font-weight: 600 !important; font-size: 13.5px !important;
  text-transform: none !important; letter-spacing: 0 !important; margin-bottom: 6px;
}
body.hedona-framed button[type="submit"],
body.hedona-framed .elementor-button[type="submit"] {
  background: var(--hd-ink) !important;
  color: var(--hd-onink) !important;
  border: 0 !important;
  border-radius: var(--hd-r-sm) !important;
  box-shadow: none !important;
  font-family: "Source Sans 3", system-ui, sans-serif !important;
  font-size: 15px !important; font-weight: 600 !important;
  text-transform: none !important; letter-spacing: 0.02em !important;
  padding: 14px 28px !important;
}
body.hedona-framed button[type="submit"]:hover { background: var(--hd-gold) !important; color: #FDF7E8 !important; }

/* Mapa: uklopi je u sistem umesto golog pravougaonika */
body.hedona-framed .elementor-widget-google_maps iframe,
body.hedona-framed .elementor-custom-embed { border-radius: var(--hd-r-md); overflow: hidden; }

/* ---- 404 ------------------------------------------------------------------ */
body.hedona-404 { background: var(--hd-ivory); }
/* Stari Elementor 404 (razbijeno posuđe, „PAGE NOT FOUND") se ne renderuje —
   koristi se naš šablon; ovo je samo osigurač ako ostane u DOM-u. */
body.hedona-404 .elementor-location-single,
body.hedona-404 .elementor-widget-button { display: none; }
body.hedona-404 .hedona-404__wrap { display: block; }

.hedona-404__wrap {
  background: var(--hd-ivory);
  min-height: 62vh;
  display: grid; place-items: center;
  padding: 64px 22px 80px;
}
.hedona-404__inner { max-width: 760px; width: 100%; text-align: center; }
.hedona-404__code {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(64px, 12vw, 116px); line-height: 1;
  color: var(--hd-gold); opacity: 0.28; margin: 0 0 6px; font-variant-numeric: tabular-nums;
}
.hedona-404__inner h1 {
  font-family: "Playfair Display", Georgia, serif; font-weight: 600;
  font-size: clamp(28px, 4.4vw, 40px); color: var(--hd-ink);
  margin: 0 0 14px; text-wrap: balance;
}
.hedona-404__lead {
  color: var(--hd-muted); font-size: 16px; line-height: 1.65;
  margin: 0 auto 30px; max-width: 52ch;
}
.hedona-404__search {
  display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;
  margin: 0 auto 44px; max-width: 560px;
}
.hedona-404__search input {
  flex: 1 1 260px; background: var(--hd-card); color: var(--hd-ink);
  border: 1px solid var(--hd-line); border-radius: var(--hd-r-pill);
  padding: 13px 22px; font-size: 15px; font-family: inherit;
}
.hedona-404__search input::placeholder { color: var(--hd-muted); }
.hedona-404__search input:focus { outline: none; border-color: var(--hd-gold); box-shadow: 0 0 0 2px var(--hd-glow); }
.hedona-404__search .hedona-btn { flex: none; border-radius: var(--hd-r-pill); }

.hedona-404__h2 {
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--hd-muted); font-weight: 700; margin: 0 0 16px;
}
.hedona-404__cats {
  display: grid; gap: 10px; margin-bottom: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 700px) { .hedona-404__cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hedona-404__cats a {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  background: var(--hd-card); border: 1px solid var(--hd-hairline);
  border-radius: var(--hd-r-md); box-shadow: var(--hd-sh-sm);
  padding: 15px 18px; text-decoration: none; color: var(--hd-ink);
  font-weight: 600; font-size: 14.5px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.hedona-404__cats a:hover { transform: translateY(-2px); box-shadow: var(--hd-sh-md); color: var(--hd-gold); }
.hedona-404__cats em {
  font-style: normal; font-size: 12px; color: var(--hd-muted);
  font-variant-numeric: tabular-nums;
}
.hedona-404__foot { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin: 0; }

@media (prefers-reduced-motion: reduce) {
  .hedona-404__cats a { transition: none; }
  .hedona-404__cats a:hover { transform: none; }
}

/* Stari logotip se na /about/ i /contact/ ponavljao ogroman u telu stranice —
   pola ekrana sivog bloka. Sakrivamo ga; brend je već u zaglavlju. */
body.hedona-framed .hedona-pgbody img[src*="/2025/08/1.png"],
body.hedona-framed .hedona-pgbody img[src*="Logo-removebg-preview"] { display: none; }
body.hedona-framed .hedona-pgbody .elementor-widget-image:has(img[src*="/2025/08/1.png"]),
body.hedona-framed .hedona-pgbody .elementor-widget-image:has(img[src*="Logo-removebg-preview"]) { display: none; }

/* Stari plavi naslovi u telu ovih stranica */
body.hedona-framed .hedona-pgbody h4,
body.hedona-framed .hedona-pgbody h5,
body.hedona-framed .hedona-pgbody strong { color: var(--hd-ink) !important; }

/* Kad sakrijemo ponovljeni logotip, njegov Elementor kontejner ostane kao prazna
   rupa od nekoliko stotina piksela. Sklapamo i njega. */
body.hedona-framed .hedona-pgbody .e-con:has(> .e-con-inner > .elementor-widget-image:only-child),
body.hedona-framed .hedona-pgbody .elementor-widget-image:has(img[src*="/2025/08/1.png"]),
body.hedona-framed .hedona-pgbody .elementor-widget-image:has(img[src*="Logo-removebg-preview"]),
body.hedona-framed .hedona-pgbody .e-con:has(img[src*="/2025/08/1.png"]):not(:has(form)):not(:has(p)),
body.hedona-framed .hedona-pgbody .e-con:has(img[src*="Logo-removebg-preview"]):not(:has(form)):not(:has(p)) {
  display: none !important;
}
body.hedona-framed .hedona-pgbody .e-con,
body.hedona-framed .hedona-pgbody .elementor-section {
  min-height: 0 !important;
  padding-top: 0 !important;
}
body.hedona-framed .hedona-pgbody > * { margin-top: 0; }

/* ---- Hero kategorije -------------------------------------------------------
   Zaglavlje arhive dobija sliku sastavljenu od proizvoda te kategorije. Preko
   nje ide gradijent od pune boje sleva ka providnom desno — tekst tako ostaje
   čitljiv bez obzira šta je na slici, a proizvodi se vide desno. */
.hedona-arch {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 34px 42px !important;
}
.hedona-arch::before {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  background-image: var(--hedona-hero, none);
  background-size: cover; background-position: center right;
}
.hedona-arch::after {
  content: "";
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(100deg,
    rgba(20, 15, 9, 0.94) 0%,
    rgba(20, 15, 9, 0.86) 34%,
    rgba(20, 15, 9, 0.42) 62%,
    rgba(20, 15, 9, 0.16) 100%);
}
.hedona-arch > * { position: relative; z-index: 2; }
.hedona-arch__title { color: #F3EAD3 !important; }
.hedona-arch__desc { color: #CFC4AB !important; max-width: 46ch; }
.hedona-arch__count { color: var(--hd-gold) !important; }
.hedona-crumbs, .hedona-crumbs a, .hedona-crumbs span { color: #B5A98F !important; }
.hedona-crumbs a:hover { color: var(--hd-gold) !important; }

@media (max-width: 767px) {
  /* Na telefonu proizvodi sa desne strane ostaju van vidnog polja, pa slika
     ide na sredinu, a scrim je jači da tekst preko nje ostane čitljiv. */
  .hedona-arch { min-height: 200px; padding: 28px 20px 30px !important; }
  .hedona-arch::before { background-position: center; }
  .hedona-arch::after {
    background: linear-gradient(180deg, rgba(20,15,9,0.80) 0%, rgba(20,15,9,0.92) 100%);
  }
}