/*
Theme Name: Brumar (Astra Child)
Theme URI: https://brumar.hr
Description: Child tema za Astru — editorial bijelo/crni stil za Brumar Candles & More. Logo u sredini, razmaknuti verzali u meniju, serif tipografija, outline gumbi.
Author: Brumar
Template: astra
Version: 1.0.0
Text Domain: brumar-child
*/

/* =========================================================
   1. TOKENI — sve boje i razmaci na jednom mjestu
   ========================================================= */
:root {
  --brumar-black: #1a1a1a;      /* tekst — "crna" ugodna za oči */
  --brumar-ink: #000000;        /* naslovi i logo — puna crna */
  --brumar-white: #ffffff;
  --brumar-line: #e5e2dc;       /* tanke linije/razdjelnici, blago tople */
  --brumar-muted: #6f6a63;      /* sekundarni tekst (eyebrow, opisi) */
  --brumar-serif: 'Cormorant Garamond', Georgia, serif;
  --brumar-track: 0.18em;       /* razmak slova za verzale */
}

/* =========================================================
   2. GLOBALNA TIPOGRAFIJA
   ========================================================= */
body, .ast-single-post .entry-content {
  font-family: var(--brumar-serif);
  font-size: 18px;
  line-height: 1.7;
  color: var(--brumar-black);
  background-color: var(--brumar-white);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--brumar-serif);
  font-weight: 500;
  color: var(--brumar-ink);
  letter-spacing: 0.04em;
  line-height: 1.25;
}

h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); }
h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); }
h3 { font-size: 1.4rem; }

/* "Eyebrow" stil — mala razmaknuta kapitala iznad naslova
   (dodaj klasu .brumar-eyebrow na paragraf u editoru) */
.brumar-eyebrow {
  font-size: 0.8rem;
  letter-spacing: var(--brumar-track);
  text-transform: uppercase;
  color: var(--brumar-muted);
}

/* Kurziv za naglaske, kao na predlošku */
em, .brumar-italic { font-style: italic; }

a { color: var(--brumar-ink); transition: opacity .2s ease; }
a:hover { opacity: 0.55; }
a:focus-visible { outline: 2px solid var(--brumar-ink); outline-offset: 3px; }

/* =========================================================
   3. HEADER — bijeli, tanka donja linija, spaced caps meni
   (raspored meni–logo–meni radiš u Customizeru, ovo je stil)
   ========================================================= */
.site-header, .ast-primary-header-bar, .ast-above-header-bar {
  background-color: var(--brumar-white);
}
.ast-primary-header-bar { border-bottom: 1px solid var(--brumar-line); }

/* Linkovi u meniju: verzali, razmaknuto, sitno */
.main-header-menu .menu-item > .menu-link,
.ast-builder-menu .menu-item > .menu-link {
  font-family: var(--brumar-serif);
  font-size: 0.82rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--brumar-track);
  color: var(--brumar-ink);
}
.main-header-menu .menu-item > .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link {
  color: var(--brumar-ink);
  opacity: 0.55;
}
/* Podcrta na aktivnoj stavci — kratka linija kao na predlošku */
.main-header-menu .current-menu-item > .menu-link {
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
}

/* Logo / naziv u sredini */
.site-title, .site-title a {
  font-family: var(--brumar-serif);
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--brumar-ink);
}
.site-description {
  font-size: 0.65rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--brumar-muted);
  text-align: center;
}

/* Ikona košarice — crna, minimalna */
.ast-site-header-cart i, .ast-site-header-cart .ast-icon svg {
  color: var(--brumar-ink);
  fill: var(--brumar-ink);
}
.ast-site-header-cart .count {
  background: var(--brumar-ink);
  color: var(--brumar-white);
}

/* =========================================================
   4. GUMBI — outline stil "VIŠE O PROCESU →" s predloška
   ========================================================= */
.wp-block-button__link,
.ast-button, .button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: transparent;
  color: var(--brumar-ink);
  border: 1px solid var(--brumar-ink);
  border-radius: 0;
  font-family: var(--brumar-serif);
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--brumar-track);
  padding: 0.9em 2.2em;
  transition: background .2s ease, color .2s ease;
}
.wp-block-button__link:hover,
.ast-button:hover, .button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--brumar-ink);
  color: var(--brumar-white);
  border-color: var(--brumar-ink);
}

/* Primarna varijanta (Dodaj u košaricu) — puna crna, obrnuti hover */
.woocommerce .single_add_to_cart_button.button.alt {
  background: var(--brumar-ink);
  color: var(--brumar-white);
}
.woocommerce .single_add_to_cart_button.button.alt:hover {
  background: transparent;
  color: var(--brumar-ink);
}

/* =========================================================
   5. WOOCOMMERCE — čisti bijeli grid
   ========================================================= */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--brumar-serif);
  font-size: 1.05rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--brumar-ink);
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  font-family: var(--brumar-serif);
  color: var(--brumar-black);
  font-size: 1rem;
}
.woocommerce ul.products li.product a img {
  transition: opacity .25s ease;
}
.woocommerce ul.products li.product a:hover img { opacity: 0.9; }

/* Bez obojanih "sale" krugova — diskretna crna oznaka */
.woocommerce span.onsale {
  background: var(--brumar-ink);
  color: var(--brumar-white);
  border-radius: 0;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  min-height: 0; min-width: 0; line-height: 1.6;
}

/* =========================================================
   6. RAZDJELNICI I SEKCIJE
   ========================================================= */
hr, .wp-block-separator {
  border: none;
  border-top: 1px solid var(--brumar-line);
  max-width: 80px;
  margin: 2.5rem auto;
}
.wp-block-separator.is-style-wide { max-width: 100%; }

/* Kolone "prednosti" s tankim linijama između (kao na dnu predloška)
   — dodaj klasu .brumar-features na blok Stupci (Columns) */
.brumar-features { border-top: 1px solid var(--brumar-line); }
.brumar-features .wp-block-column {
  text-align: center;
  padding: 2rem 1.2rem;
}
.brumar-features .wp-block-column:not(:first-child) {
  border-left: 1px solid var(--brumar-line);
}
.brumar-features h3, .brumar-features h4 {
  font-size: 0.85rem;
  letter-spacing: var(--brumar-track);
  text-transform: uppercase;
}
.brumar-features p { font-size: 0.95rem; color: var(--brumar-muted); }
@media (max-width: 768px) {
  .brumar-features .wp-block-column:not(:first-child) {
    border-left: none;
    border-top: 1px solid var(--brumar-line);
  }
}

/* =========================================================
   7. FOOTER
   ========================================================= */
.site-footer {
  background: var(--brumar-white);
  border-top: 1px solid var(--brumar-line);
  color: var(--brumar-muted);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
}
.site-footer a { color: var(--brumar-ink); }

/* =========================================================
   8. PRISTUPAČNOST I SITNICE
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}
::selection { background: var(--brumar-ink); color: var(--brumar-white); }