/* =====================================================================
   NEROLI — "Modern Natural" za Storefront + WooCommerce
   Učitava se preko functions.php. Boje, tipografija, dugmad,
   kartice proizvoda, prodavnica, stranica proizvoda, header, footer.
   ===================================================================== */

:root{
  --neroli-bg:      #FAF7F0;  /* krem pozadina            */
  --neroli-cream2:  #F4F1E7;  /* sekundarna pozadina      */
  --neroli-ink:     #20201C;  /* glavni tekst / tamna     */
  --neroli-sage:    #6F8A5C;  /* sage zelena akcenat      */
  --neroli-terra:   #CE6F35;  /* terakota / primarni CTA  */
  --neroli-terra-d: #b85f29;  /* terakota hover           */
  --neroli-muted:   #6f6a5e;  /* prigušen tekst           */
  --neroli-soft:    #857f74;  /* još svetliji tekst       */
  --neroli-border:  #e2dccd;  /* linije / okviri          */
  --neroli-card:    #ffffff;  /* pozadina kartica         */
  --neroli-radius:  16px;
}

/* ---------- GLOBALNO ---------- */
body,
.site,
.site-content{
  background-color: var(--neroli-bg);
  color: var(--neroli-ink);
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

h1,h2,h3,h4,h5,h6,
.site-title,
.entry-title,
.product_title,
.woocommerce-loop-product__title,
.section-title{
  font-family: 'Hanken Grotesk', sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--neroli-ink);
  line-height: 1.12;
}

a{ color: var(--neroli-sage); }
a:hover{ color: var(--neroli-terra); }

/* "kurzivni" akcentni podnaslovi — dodeli klasu .neroli-script bilo kom tekstu */
.neroli-script{
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  color: var(--neroli-sage);
}

/* ---------- HEADER ---------- */
.site-header{
  background-color: var(--neroli-bg) !important;
  border-bottom: 1px solid var(--neroli-border);
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}
.site-header .site-title a,
.site-header .site-title a:hover{ color: var(--neroli-ink); font-weight: 800; }

.storefront-primary-navigation{ background-color: transparent !important; }
.main-navigation ul li a{
  color: var(--neroli-ink) !important;
  font-weight: 600;
  font-size: 0.95rem;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a{ color: var(--neroli-sage) !important; }

/* Korpa u hederu */
.site-header-cart .cart-contents{
  background: var(--neroli-ink);
  color:#fff;
  border-radius: 11px;
  padding: 0.7em 1.1em;
  font-weight: 700;
}
.site-header-cart .cart-contents:hover{ background: var(--neroli-terra); color:#fff; }
.site-header-cart .amount{ color:#fff; }

/* =========================================================
   CUSTOM HEADER (Neroli) — generiše se iz functions.php
   ========================================================= */
.neroli-header{
  display:flex; align-items:center; gap:2.5em;
  padding:16px 0;
}
.neroli-brand{
  display:flex; align-items:center; gap:12px;
  text-decoration:none; flex:0 0 auto;
}
.neroli-brand .custom-logo,
.neroli-brand .neroli-logo,
.neroli-brand img{
  width:56px !important; height:56px !important; max-width:56px !important;
  border-radius:50%; object-fit:contain; margin:0 !important; display:block;
}
.neroli-wordmark{
  font-size:22px; font-weight:800; letter-spacing:-0.02em;
  color:var(--neroli-ink); line-height:1;
}
.neroli-wordmark span{ color:var(--neroli-sage); }

.neroli-nav{ flex:1 1 auto; }
.neroli-nav ul{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; gap:2em;
}
.neroli-nav a{
  color:var(--neroli-ink); font-weight:600; font-size:0.98rem;
  text-decoration:none;
}
.neroli-nav .current-menu-item > a,
.neroli-nav a:hover{ color:var(--neroli-sage); }
.neroli-nav__empty{ font-size:0.85rem; color:var(--neroli-soft); font-style:italic; }

.neroli-header__right{ display:flex; align-items:center; gap:1.4em; flex:0 0 auto; }
.neroli-lang{ font-size:0.85rem; font-weight:700; }
.neroli-lang a{ color:var(--neroli-soft); text-decoration:none; }
.neroli-lang a.is-active{ color:var(--neroli-ink); }
.neroli-lang a:hover{ color:var(--neroli-sage); }
.neroli-cart{
  background:var(--neroli-ink); color:#fff !important;
  border-radius:11px; padding:0.7em 1.2em;
  font-weight:700; font-size:0.9rem; text-decoration:none; white-space:nowrap;
  transition:background-color .2s;
}
.neroli-cart:hover{ background:var(--neroli-terra); color:#fff !important; }

/* Sakrij eventualne ostatke Storefront fabričkog hedera */
.site-header .site-search,
.site-header .storefront-primary-navigation,
.site-header > .col-full > .site-branding{ display:none !important; }

@media (max-width:768px){
  .neroli-header{ flex-wrap:wrap; gap:1em; }
  .neroli-brand{ order:1; }
  .neroli-header__right{ order:2; margin-left:auto; }
  .neroli-nav{ order:3; width:100%; }
  .neroli-nav ul{ gap:1.2em; flex-wrap:wrap; }
}

/* ---------- TRAKA PREDNOSTI (iz functions.php) ---------- */
.neroli-benefits{
  background: var(--neroli-cream2);
  border-bottom: 1px solid var(--neroli-border);
}
.neroli-benefits__inner{
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr); gap: 24px;
  padding: 22px 2em;
}
.neroli-benefit{ display:flex; align-items:center; gap:12px; }
.neroli-benefit__ic{
  width:38px; height:38px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:16px; flex:0 0 auto;
}
.neroli-benefit__ic--sage{ background:#DCE3D0; color:#56714A; }
.neroli-benefit__ic--terra{ background:#F0E2CF; color:var(--neroli-terra); }
.neroli-benefit strong{ display:block; font-size:14px; font-weight:700; }
.neroli-benefit em{ font-style:normal; font-size:12.5px; color:var(--neroli-soft); }
@media (max-width:768px){
  .neroli-benefits__inner{ grid-template-columns: repeat(2,1fr); gap:16px; }
}

/* ---------- DUGMAD ---------- */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce input.button.alt{
  background-color: var(--neroli-terra);
  color:#fff;
  border:none;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 0.85em 1.7em;
  text-shadow: none;
  box-shadow: none;
  transition: background-color .2s, transform .2s;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background-color: var(--neroli-terra-d);
  color:#fff;
  transform: translateY(-1px);
}

/* Sekundarno (tamno) dugme — npr. "View cart" */
.woocommerce a.added_to_cart{
  background-color: var(--neroli-ink);
  color:#fff; border-radius:12px; font-weight:700; padding:0.85em 1.5em;
}
.woocommerce a.added_to_cart:hover{ background-color:#000; }

/* ---------- KARTICE PROIZVODA (petlja prodavnice / početna) ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background: var(--neroli-card);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 30px -22px rgba(32,32,28,0.4);
  padding: 0 0 1.3em;
  margin-bottom: 2em;
  transition: transform .2s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform: translateY(-5px);
  box-shadow: 0 22px 40px -22px rgba(32,32,28,0.5);
}
.woocommerce ul.products li.product a img{
  margin: 0 0 1.1em;
  border-radius: 0;
  display:block; width:100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding: 0 1.1em;
  font-size: 1rem; font-weight: 700; line-height:1.3;
  color: var(--neroli-ink);
}
.woocommerce ul.products li.product .price{
  padding: 0 1.1em; margin-top: 0.4em;
  color: var(--neroli-ink) !important;
  font-weight: 800; font-size: 1.05rem;
}
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol{
  font-weight:600; font-size:0.8em; color: var(--neroli-soft);
}
.woocommerce ul.products li.product .button{
  margin: 0.7em 1.1em 0;
  display:inline-block;
}
/* "NOVO"/sale oznaka */
.woocommerce span.onsale{
  background: var(--neroli-terra);
  color:#fff;
  border-radius: 20px;
  font-weight: 800; font-size: 0.7rem; letter-spacing: 0.04em;
  min-height: auto; min-width: auto; padding: 6px 12px;
  top: 14px; left: 14px; right:auto; margin:0;
}

/* ---------- PRODAVNICA (arhiva) ---------- */
.woocommerce .woocommerce-result-count{ color: var(--neroli-soft); }
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select{
  border:1px solid var(--neroli-border); border-radius:10px;
  padding:0.6em 1em; background:#fff; font-weight:600;
}
.woocommerce nav.woocommerce-pagination ul{ border:none; gap:8px; display:flex; justify-content:center; }
.woocommerce nav.woocommerce-pagination ul li{ border:none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius:11px; background:#fff; border:1px solid var(--neroli-border);
  color: var(--neroli-muted); font-weight:700; padding:0.4em 0;
  min-width:40px; height:40px; line-height:32px;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: var(--neroli-ink); color:#fff; border-color: var(--neroli-ink);
}

/* ---------- STRANICA PROIZVODA (single) ---------- */
.single-product div.product .product_title{
  font-size: 2.1rem; font-weight: 800; margin-bottom: 0.3em;
}
.single-product div.product .price{
  color: var(--neroli-ink); font-weight: 800; font-size: 1.6rem;
}
.single-product div.product .price .woocommerce-Price-currencySymbol{
  font-weight:600; font-size:0.6em; color: var(--neroli-soft);
}
.single-product div.product .woocommerce-product-gallery img{ border-radius: 18px; }
.single-product .stock.in-stock{
  display:inline-block; color:#56714A; background:#DCE3D0;
  font-weight:700; font-size:0.8rem; padding:5px 12px; border-radius:20px;
}
.single-product div.product form.cart .quantity .qty{
  border:1px solid var(--neroli-border); border-radius:12px;
  padding:0.6em; background:#fff; font-weight:700;
}
/* Tabovi (Opis / Sastojci / ...) */
.woocommerce-tabs ul.tabs li{
  background: var(--neroli-cream2); border-radius:11px 11px 0 0;
  border-color: var(--neroli-border);
}
.woocommerce-tabs ul.tabs li.active{ background:#fff; }
.woocommerce-tabs ul.tabs li a{ color: var(--neroli-ink); font-weight:700; }
.woocommerce div.product .woocommerce-tabs .panel{
  background:#fff; border-radius:0 0 16px 16px; padding:1.5em;
}

/* ---------- FOOTER ---------- */
.site-footer{
  background-color: var(--neroli-ink) !important;
  color:#cfccbf;
}
.site-footer a{ color:#cfccbf; }
.site-footer a:hover{ color:#fff; }
.site-footer .widget-title,
.site-footer h1,.site-footer h2,.site-footer h3{ color:#fff; }

/* ============================================================
   POČETNA STRANICA — generiše se shortcode-om [neroli_pocetna]
   ============================================================ */
.neroli-home{ max-width:1200px; margin:0 auto; }

.neroli-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12px; font-weight:700; letter-spacing:0.07em; text-transform:uppercase;
  color: var(--neroli-sage); margin-bottom:18px;
}
.neroli-eyebrow__dot{ width:8px; height:8px; border-radius:50%; background: var(--neroli-terra); }
.neroli-eyebrow--light{ color:#9fb389; }

/* Hero */
.neroli-hero{
  display:grid; grid-template-columns:1.05fr 1fr; gap:48px; align-items:center;
  padding:56px 0;
}
.neroli-hero__title{ font-size:clamp(36px,5vw,54px); font-weight:800; line-height:1.05; letter-spacing:-0.025em; margin:0 0 14px; }
.neroli-hero__sub{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:24px; color: var(--neroli-sage); margin:0 0 20px; }
.neroli-hero__lead{ font-size:16px; line-height:1.7; color: var(--neroli-muted); max-width:440px; margin:0 0 32px; }
.neroli-hero__cta{ display:flex; gap:13px; align-items:center; flex-wrap:wrap; }
.neroli-hero__media{ border-radius:24px; overflow:hidden; min-height:460px; }
.neroli-hero__media img{ width:100%; height:100%; min-height:460px; object-fit:cover; display:block; }

/* Dugmad (homepage) */
.neroli-btn{ display:inline-block; border-radius:12px; font-weight:700; font-size:14px; text-decoration:none; cursor:pointer; transition:all .2s; }
.neroli-btn--primary{ background: var(--neroli-terra); color:#fff !important; padding:15px 30px; }
.neroli-btn--primary:hover{ background: var(--neroli-terra-d); color:#fff !important; }
.neroli-btn--ghost{ background:#fff; border:1px solid #ddd6c8; color: var(--neroli-ink) !important; padding:14px 26px; font-weight:600; }
.neroli-btn--ghost:hover{ border-color: var(--neroli-sage); }
.neroli-btn--dark{ background: var(--neroli-ink); color:#fff !important; padding:14px 26px; }
.neroli-btn--dark:hover{ background: var(--neroli-terra); }

/* Sekcije */
.neroli-section{ padding:48px 0; }
.neroli-section--tight{ padding:24px 0; }

/* Traka prednosti (na početnoj) */
.neroli-benefits-home{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
  background: var(--neroli-cream2); border:1px solid var(--neroli-border);
  border-radius:20px; padding:24px 28px;
}
.neroli-section__head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; gap:16px; }
.neroli-section__title{ font-weight:800; font-size:34px; letter-spacing:-0.02em; margin:0; }
.neroli-seeall{ font-size:14px; font-weight:600; color: var(--neroli-ink) !important; border-bottom:2px solid var(--neroli-terra); padding-bottom:3px; text-decoration:none; white-space:nowrap; }
.neroli-seeall:hover{ color: var(--neroli-terra) !important; }

/* Naša priča (tamna) */
.neroli-story{ display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:center; background: var(--neroli-ink); border-radius:28px; overflow:hidden; }
.neroli-story__media{ min-height:380px; position:relative; }
.neroli-story__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.neroli-story__text{ padding:56px 56px 56px 8px; color:#f4f1e7; }
.neroli-story__title{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:40px; line-height:1.15; margin:0 0 18px; color:#fff; }
.neroli-story__lead{ font-size:15.5px; line-height:1.75; color:#cfccbf; max-width:460px; margin:0 0 28px; }

/* Kupuj po kategoriji — kartice sa natpisom preko slike */
.neroli-cat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.neroli-cat{
  position:relative; display:flex; align-items:flex-end; padding:22px;
  aspect-ratio:16/10; border-radius:20px; overflow:hidden;
  background-size:cover; background-position:center; text-decoration:none;
  transition:opacity .2s;
}
.neroli-cat:hover{ opacity:0.94; }
.neroli-cat::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.45) 100%);
}
.neroli-cat__label{ position:relative; z-index:1; color:#fff; font-weight:800; font-size:20px; }

/* Newsletter */
.neroli-news{ background: var(--neroli-cream2); border:1px solid #ece7da; border-radius:24px; padding:48px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.neroli-news__title{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:32px; margin:0 0 8px; }
.neroli-news__sub{ font-size:14.5px; color: var(--neroli-muted); margin:0; }

/* Naslovna: full-width, bez sidebar-a i naslova stranice */
.home .entry-header,
.home .entry-title,
.home .page-title{ display:none !important; }
.home #secondary{ display:none !important; }
.home #primary,
.home .content-area{ width:100% !important; float:none !important; margin:0 !important; }

@media (max-width:768px){
  .neroli-hero{ grid-template-columns:1fr; gap:24px; padding:28px 0; }
  .neroli-hero__media, .neroli-hero__media img{ min-height:300px; }
  .neroli-story{ grid-template-columns:1fr; }
  .neroli-story__media{ min-height:240px; }
  .neroli-story__text{ padding:32px; }
  .neroli-cat-grid{ grid-template-columns:1fr; }
  .neroli-benefits-home{ grid-template-columns:repeat(2,1fr); gap:16px; padding:20px; }
  .neroli-section__title{ font-size:26px; }
  .neroli-news{ padding:32px; }
}

/* ---------- SITNICE ---------- */
::selection{ background: var(--neroli-terra); color:#fff; }
.woocommerce-message,
.woocommerce-info{ border-top-color: var(--neroli-sage); }
.woocommerce-message::before,
.woocommerce-info::before{ color: var(--neroli-sage); }

/* ---------- KORPA (cart) ---------- */
.woocommerce-cart table.cart,
.woocommerce table.shop_table{
  border:1px solid var(--neroli-border);
  border-radius:16px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  background:#fff;
}
.woocommerce table.shop_table th{
  background: var(--neroli-cream2);
  color: var(--neroli-ink);
  font-weight:700;
}
.woocommerce-cart table.cart img{ border-radius:10px; width:64px; }
.woocommerce a.remove{
  color: var(--neroli-terra) !important;
  border:1px solid var(--neroli-border);
}
.woocommerce a.remove:hover{ background: var(--neroli-terra); color:#fff !important; }
.woocommerce-cart .cart-collaterals .cart_totals{
  background:#fff; border:1px solid var(--neroli-border);
  border-radius:16px; padding:1.4em 1.6em;
}
.woocommerce-cart .cart_totals h2{ font-size:1.3rem; margin-top:0; }
.woocommerce .cart-collaterals .cart_totals .order-total .amount{ color: var(--neroli-terra); }
.woocommerce .coupon .input-text{
  border:1px solid var(--neroli-border); border-radius:11px; padding:0.7em 0.9em;
}

/* ---------- CHECKOUT (plaćanje) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single{
  border:1px solid var(--neroli-border);
  border-radius:11px;
  padding:0.7em 0.9em;
  background:#fff;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  border-color: var(--neroli-sage);
  outline:none;
  box-shadow:0 0 0 3px rgba(111,138,92,0.15);
}
.woocommerce-checkout #payment{
  background: var(--neroli-cream2);
  border-radius:14px;
}
.woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid var(--neroli-border); }
.woocommerce-checkout #payment div.payment_box{ background:#fff; border-radius:11px; }
.woocommerce-checkout #payment div.payment_box::before{ border-bottom-color:#fff; }
.woocommerce-checkout-review-order-table.shop_table{ background:#fff; }
.woocommerce-checkout-review-order-table .order-total .amount{ color: var(--neroli-terra); font-weight:800; }

/* "Porudžbina primljena" (thank you) */
.woocommerce ul.order_details{
  background: var(--neroli-cream2); border-radius:14px; padding:1.4em 1em;
}
.woocommerce ul.order_details li{ border-right:1px solid var(--neroli-border); color: var(--neroli-soft); }
.woocommerce ul.order_details li strong{ color: var(--neroli-ink); }

/* ---------- MOJ NALOG (my account) ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  border:1px solid var(--neroli-border); border-radius:14px; overflow:hidden;
  list-style:none; margin:0; padding:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--neroli-border); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block; padding:0.8em 1.1em; color: var(--neroli-ink); font-weight:600;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background: var(--neroli-cream2); color: var(--neroli-sage);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{ border-left:3px solid var(--neroli-terra); }
.woocommerce-account .woocommerce-MyAccount-content{ background:#fff; }