/* Elixara v2 — mora biti učitano POSLE page CSS (index.css, itd.) */

:root {
  --elixara-ink: #0f172a;
  --elixara-ink-muted: #475569;
  --elixara-accent: #e11d48;
  --elixara-accent-soft: #fda4af;
  --elixara-accent-hover: #be123c;
  --elixara-hero-start: #1e1b4b;
  --elixara-hero-mid: #4c1d95;
  --elixara-hero-end: #831843;
  --elixara-sand: #fff7ed;
  --elixara-sand-deep: #ffedd5;
  --elixara-cool: #f1f5f9;
  --elixara-white: #ffffff;
  --elixara-footer: #0c1222;
  --elixara-link-footer: #fbbf24;
  --elixara-muted: #64748b;
  --elixara-radius: 20px;
  --elixara-radius-pill: 999px;
}

html {
  scroll-behavior: smooth;
}

/* Bazni font i pozadina cele stranice — hladno siva, ne „wellness zelena“ */
body.u-body {
  font-family: "Source Sans 3", "Open Sans", sans-serif !important;
  color: var(--elixara-ink) !important;
  background: linear-gradient(180deg, var(--elixara-cool) 0%, #e2e8f0 55%, var(--elixara-cool) 100%) !important;
  background-attachment: fixed !important;
}

body.u-body p,
body.u-body .u-text:not(.u-text-white):not(.u-footer .u-text) {
  color: var(--elixara-ink-muted) !important;
}

/* Naslovi — Fraunces, krupnije */
h1, h2, h3, h4,
.u-body h1,
.u-body h2,
.u-body h3 {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
  color: var(--elixara-ink) !important;
}

.u-body h1 {
  font-size: clamp(2rem, 4.5vw, 3.15rem) !important;
  line-height: 1.12 !important;
}

.u-body h2 {
  font-size: clamp(1.65rem, 3vw, 2.25rem) !important;
}

.u-body h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
}

/* HERO — tamni blok (jako drugačije od starog belog) */
#sec-0611.u-section-1,
section#sec-0611.u-white {
  background: linear-gradient(125deg, var(--elixara-hero-start) 0%, var(--elixara-hero-mid) 42%, var(--elixara-hero-end) 100%) !important;
  color: #fefce8 !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 4px solid var(--elixara-accent) !important;
}

#sec-0611.u-section-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 100% 0%, rgba(225, 29, 72, 0.35) 0%, transparent 55%);
  pointer-events: none;
}

#sec-0611 .u-sheet-1 {
  position: relative;
  z-index: 1;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

#sec-0611 h1,
#sec-0611 .u-text-1 h1 {
  color: #fff !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.25) !important;
}

#sec-0611 p,
#sec-0611 .u-text-1 p {
  color: rgba(254, 252, 232, 0.92) !important;
  font-size: 1.2rem !important;
  line-height: 1.65 !important;
  max-width: 38rem;
}

/* Sekcije: bela → hladno siva */
section.u-white:not(#sec-0611) {
  background-color: var(--elixara-cool) !important;
  background-image: none !important;
}

/* Sekcije: bivša „mint“ → topli pesak */
.u-palette-4-light-3,
.u-body.u-palette-4-light-3,
section.u-palette-4-light-3:before,
.u-palette-4-light-3 > .u-container-layout:before {
  background: linear-gradient(180deg, var(--elixara-sand) 0%, var(--elixara-sand-deep) 100%) !important;
}

/* Kartice / ćelije belina unutar sekcija */
.u-layout-cell.u-white {
  background-color: rgba(255, 255, 255, 0.92) !important;
  border-radius: var(--elixara-radius) !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* Primarna boja (dugmad, aktivni meni) — crveno‑roze akcent */
.u-palette-1-base,
.u-body.u-palette-1-base,
section.u-palette-1-base:before,
.u-palette-1-base > .u-container-layout:before,
.u-palette-1-base > .u-inner-container-layout:before,
.u-palette-1-base.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-1-base:before,
.u-table-alt-palette-1-base tr:nth-child(even),
.u-input.u-palette-1-base,
.u-field-input.u-palette-1-base,
.u-button-style.u-palette-1-base,
.u-button-style.u-palette-1-base[class*="u-border-"] {
  background-color: var(--elixara-accent) !important;
  border-color: var(--elixara-accent) !important;
}

.u-button-style.u-palette-1-base:hover,
.u-button-style.u-palette-1-base[class*="u-border-"]:hover,
.u-button-style.u-palette-1-base:focus,
li.active > .u-button-style.u-button-style.u-palette-1-base {
  background-color: var(--elixara-accent-hover) !important;
}

.u-text-palette-1-base,
.u-nav-link.u-text-palette-1-base:not(.u-active),
a.u-text-palette-1-base:not(.u-active) {
  color: var(--elixara-accent) !important;
}

.u-text-active-palette-1-base.u-active,
.u-nav-link.u-text-active-palette-1-base.u-active {
  color: #fff !important;
}

/* Glavni CTA dugmad */
.u-palette-4-base,
.u-button-style.u-palette-4-base,
.u-btn-submit.u-palette-4-base {
  background: linear-gradient(180deg, var(--elixara-accent) 0%, var(--elixara-accent-hover) 100%) !important;
  color: #fff !important;
  border-radius: var(--elixara-radius-pill) !important;
  padding: 0.65rem 2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.35) !important;
  border: none !important;
}

.u-button-style.u-palette-4-base:hover,
.u-btn-submit:hover {
  background: var(--elixara-accent-hover) !important;
  box-shadow: 0 10px 28px rgba(190, 18, 60, 0.4) !important;
}

.u-palette-1-dark-3.u-active,
.u-hover-palette-1-dark-1:hover {
  background-color: var(--elixara-accent-hover) !important;
}

/* Header — lebdeći, ivica, senka (uključujući Nicepage overlap) */
.u-header.u-palette-4-light-3,
header.u-header,
.u-overlap:not(.u-sticky-scroll) .u-header {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 3px solid var(--elixara-accent) !important;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
}

.u-header .u-sheet-1 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* Footer */
.u-footer.u-grey-90,
footer.u-grey-90 {
  background: linear-gradient(180deg, #0f172a 0%, var(--elixara-footer) 100%) !important;
  color: #e2e8f0 !important;
  border-top: 4px solid var(--elixara-accent) !important;
}

.u-footer .u-text-palette-1-light-3,
.u-footer a.u-text-palette-1-light-3 {
  color: var(--elixara-link-footer) !important;
}

.u-footer a:hover {
  color: #fff !important;
}

/* Linije */
.u-line.u-border-grey-dark-1 {
  border-color: rgba(225, 29, 72, 0.35) !important;
  border-width: 2px !important;
}

/* Forma — jasna „kartica“ */
.u-section-8 .u-sheet-1,
#sec-c669 .u-sheet-1 {
  padding-top: 2.5rem !important;
  padding-bottom: 3rem !important;
}

#sec-c669.u-white {
  background: linear-gradient(180deg, #e0e7ff 0%, var(--elixara-cool) 45%, #fff 100%) !important;
}

.u-input.u-input-rectangle {
  border-radius: 14px !important;
  border: 2px solid rgba(15, 23, 42, 0.1) !important;
  background: #fff !important;
  padding: 0.85rem 1rem !important;
}

.u-input:focus {
  border-color: var(--elixara-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(225, 29, 72, 0.2) !important;
}

/* Slike — zaobljenje i senka */
.u-image:not(.u-logo-image),
.u-blog .u-image {
  border-radius: var(--elixara-radius) !important;
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.12) !important;
}

/* Wordmark */
a.elixara-header-logo {
  display: inline-flex !important;
  align-items: center;
  min-height: 52px;
  text-decoration: none !important;
  padding: 8px 0;
}

.elixara-wordmark {
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--elixara-ink) !important;
  letter-spacing: -0.04em !important;
  line-height: 1;
}

.elixara-wordmark span.accent {
  color: var(--elixara-accent) !important;
}

/* Reklamni trak */
.elixara-ad-strip {
  background: linear-gradient(90deg, var(--elixara-hero-start) 0%, #9d174d 100%) !important;
  color: #fecdd3 !important;
  border-bottom: none !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* Blog */
.u-blog .u-repeater-item.u-white {
  border-radius: var(--elixara-radius) !important;
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.1) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
  background: #fff !important;
}

.u-backlink.u-grey-80 {
  background: var(--elixara-sand) !important;
  font-size: 12px;
  color: var(--elixara-muted);
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

/* Sekcija proizvoda / border */
#sec-55fb.u-border-grey-75 {
  border-color: rgba(225, 29, 72, 0.2) !important;
  border-width: 2px 0 0 0 !important;
}

/* Tekstualni linkovi u sadržaju */
.u-body a:not(.u-btn):not(.u-nav-link):not(.u-footer a) {
  color: var(--elixara-accent) !important;
  font-weight: 600 !important;
}

/* Navigacija — tamniji tekst kad nije aktivna */
.u-header .u-nav-link.u-text-grey-90:not(.u-active) {
  color: var(--elixara-ink) !important;
}

/* Poruke forme */
.u-form-send-success {
  color: #15803d !important;
  font-weight: 600 !important;
}

.u-form-send-error {
  color: #b91c1c !important;
  font-weight: 600 !important;
}