/*
 * Poljoglasnik — dizajn sustav (Faza A)
 * Lokacija: listivo-child/assets/css/po-design.css
 * Učitati iz functions.php NAKON Listivo stilova, verzija = filemtime() (vidi README, 7.2).
 * Ovaj file definira varijable i .po-* komponente. Prepisivanje Listivo selektora
 * ide u odjeljak "LISTIVO OVERRIDES" na dnu, tek nakon provjere klasa u DevTools.
 */

:root {
  /* Boje */
  --po-green: #2E7D32;
  --po-green-dark: #1B5E20;
  --po-green-soft: #E8F5E9;
  --po-green-tint: #F2F5F2;
  --po-green-on-dark: #d7ead8;
  --po-orange: #F57C00;
  --po-orange-soft: #FFF3E0;
  --po-orange-text: #c2410c;     /* narančasti tekst na bijelom (kontrast) */
  --po-ink: #1f2a22;
  --po-ink-2: #3f4d43;
  --po-muted: #5a665d;
  --po-muted-2: #8a938c;
  --po-line: #e6e9e6;
  --po-line-strong: #d5dbd6;
  --po-surface: #fff;
  --po-surface-2: #FAFBFA;
  --po-disabled: #9fb3a2;
  --po-overlay: rgba(15,31,18,.5);

  /* Tipografija */
  --po-font: 'Nunito Sans', sans-serif;
  --po-h-hero: 800 clamp(30px,4.5vw,46px)/1.1 var(--po-font);
  --po-h1: 800 clamp(26px,3.5vw,36px)/1.15 var(--po-font);
  --po-h2: 800 26px/1.2 var(--po-font);
  --po-h3: 800 22px/1.25 var(--po-font);
  --po-h4: 800 18px/1.3 var(--po-font);
  --po-text: 15px;
  --po-text-sm: 14px;
  --po-text-xs: 13px;
  --po-label: 12px;

  /* Radijusi */
  --po-r-sm: 10px;   /* inputi, select, mali gumbi */
  --po-r-md: 12px;   /* gumbi, polja pretrage */
  --po-r-lg: 16px;   /* kartice, filter blokovi */
  --po-r-xl: 20px;   /* hero, ladica filtera */
  --po-r-pill: 999px;

  /* Sjene */
  --po-shadow-card: 0 8px 24px rgba(0,0,0,.08);
  --po-shadow-pop: 0 8px 24px rgba(0,0,0,.1);
  --po-shadow-hero: 0 12px 40px rgba(46,125,50,.12);
  --po-shadow-selected: 0 8px 24px rgba(46,125,50,.12);

  /* Razmaci */
  --po-side: 32px;
  --po-gap-xs: 6px; --po-gap-sm: 10px; --po-gap-md: 16px; --po-gap-lg: 28px; --po-gap-xl: 40px;
}
@media (max-width: 899px) { :root { --po-side: 16px; } }

body { font-family: var(--po-font); color: var(--po-ink); }
a { color: var(--po-green); text-decoration: none; }
a:hover { color: var(--po-green-dark); }

/* Gumbi */
.po-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:11px 18px; border-radius:var(--po-r-md); font:800 15px/1 var(--po-font); border:0; cursor:pointer; text-decoration:none; }
.po-btn--primary { background:var(--po-orange); color:#fff; }          /* Objavi oglas, Pretraži, Plati */
.po-btn--primary:hover { background:#E06F00; color:#fff; }
.po-btn--green { background:var(--po-green); color:#fff; }
.po-btn--green:hover { background:var(--po-green-dark); color:#fff; }
.po-btn--outline { background:#fff; color:var(--po-green); border:1px solid var(--po-green); }
.po-btn--ghost { background:var(--po-green-soft); color:var(--po-green); }
.po-btn[disabled], .po-btn.is-disabled { background:var(--po-disabled); cursor:not-allowed; }

/* Chip / filter pill */
.po-chip { flex:none; white-space:nowrap; padding:8px 14px; border-radius:var(--po-r-pill); font:700 14px/1.2 var(--po-font); background:#fff; color:var(--po-ink); border:1px solid var(--po-line-strong); cursor:pointer; }
.po-chip.is-active { background:var(--po-green); color:#fff; border-color:var(--po-green); }
.po-chip-row { display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width: 899px) { .po-chip-row { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; } }

/* Badge */
.po-badge { display:inline-block; padding:3px 8px; border-radius:6px; font:800 11px/1.3 var(--po-font); letter-spacing:.04em; text-transform:uppercase; }
.po-badge--featured { background:var(--po-orange); color:#fff; }
.po-badge--new { background:var(--po-green); color:#fff; }
.po-badge--count { border-radius:var(--po-r-pill); background:var(--po-orange); color:#fff; padding:2px 8px; font-size:12px; text-transform:none; }

/* Forme */
.po-input, .po-select, .po-textarea { width:100%; border:1px solid var(--po-line-strong); border-radius:var(--po-r-sm); padding:10px 12px; font:400 14px/1.4 var(--po-font); background:#fff; color:var(--po-ink); }
.po-input:focus, .po-select:focus, .po-textarea:focus { outline:2px solid var(--po-green); outline-offset:-1px; border-color:var(--po-green); }
.po-label { font:800 14px/1.3 var(--po-font); margin-bottom:6px; display:block; }
.po-error { color:var(--po-orange-text); font-size:13px; font-weight:700; }
input[type=checkbox], input[type=radio] { accent-color:var(--po-green); width:18px; height:18px; }

/* Kartica oglasa */
.po-card { background:#fff; border:1px solid var(--po-line); border-radius:var(--po-r-lg); overflow:hidden; cursor:pointer; transition:box-shadow .15s, transform .15s; }
.po-card:hover { box-shadow:var(--po-shadow-card); transform:translateY(-2px); }
.po-card__img { aspect-ratio:4/3; background:var(--po-green-tint); position:relative; }
.po-card__img img { width:100%; height:100%; object-fit:cover; display:block; }
.po-card__save { position:absolute; top:10px; right:10px; width:36px; height:36px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.15); }
.po-card__body { padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; }
.po-card__title { font:800 16px/1.3 var(--po-font); color:var(--po-ink); }
.po-card__meta { font-size:13px; color:var(--po-muted); }
.po-card__price { font:800 20px/1.2 var(--po-font); color:var(--po-green); }

/* Blok (filter, sidebar, panel) */
.po-box { background:#fff; border:1px solid var(--po-line); border-radius:var(--po-r-lg); padding:16px; display:flex; flex-direction:column; gap:10px; }

/* Sekcije */
.po-band { background:var(--po-green-soft); padding:40px var(--po-side); }
.po-crumb { background:var(--po-green-soft); padding:14px var(--po-side); font-size:13px; color:var(--po-muted); }
.po-crumb a { color:var(--po-muted); }
.po-crumb b { color:var(--po-ink); }
.po-eyebrow { font:800 12px/1.2 var(--po-font); letter-spacing:.06em; color:var(--po-orange); text-transform:uppercase; }

/* Header / footer */
.po-header { background:var(--po-green); color:#fff; display:flex; align-items:center; gap:16px 24px; padding:12px var(--po-side); flex-wrap:wrap; }
.po-header__logo img { height:50px; }
.po-header__nav { display:flex; gap:20px; font:700 15px/1 var(--po-font); }
.po-header__nav a { color:#fff; padding-bottom:2px; border-bottom:2px solid transparent; }
.po-header__nav a.is-current, .po-header__nav a:hover { border-bottom-color:var(--po-orange); color:#fff; }
@media (max-width: 899px) { .po-header__logo img { height:40px; } .po-header__nav { display:none; } }
.po-footer { background:var(--po-green); color:var(--po-green-on-dark); padding:32px var(--po-side); font-size:13px; }
.po-footer a { color:#fff; }

/* Ladica (mobilni meni, filtri) */
.po-overlay { position:fixed; inset:0; background:var(--po-overlay); z-index:1000; }
.po-drawer-side { background:#fff; width:min(320px,85vw); height:100%; margin-left:auto; padding:20px; box-shadow:-8px 0 32px rgba(0,0,0,.2); }
.po-drawer-bottom { background:#fff; width:100%; max-height:88vh; border-radius:20px 20px 0 0; position:absolute; bottom:0; }

/* ============ SLIKE: logo i ikone (child tema) ============
 * Datoteke: listivo-child/assets/img/logo.svg, logo-white.svg, icons/*.svg
 * Putanje su relativne na ovaj CSS (assets/css/ -> ../img/), pa rade na
 * bilo kojoj domeni i preživljavaju update Listiva. Safe SVG plugin NIJE potreban.
 */
:root {
  --po-logo: url('../img/logo.svg');
  --po-logo-white: url('../img/logo-white.svg');
  --po-ico-traktori: url('../img/icons/traktori.svg');
  --po-ico-zemljista-i-objekti: url('../img/icons/zemljista-i-objekti.svg');
  --po-ico-kombajni: url('../img/icons/kombajni.svg');
  --po-ico-obrada-tla: url('../img/icons/obrada-tla.svg');
  --po-ico-sjetva-i-sadnja: url('../img/icons/sjetva-i-sadnja.svg');
  --po-ico-zastita-bilja: url('../img/icons/zastita-bilja.svg');
  --po-ico-navodnjavanje: url('../img/icons/navodnjavanje.svg');
  --po-ico-prikolice-i-cisterne: url('../img/icons/prikolice-i-cisterne.svg');
  --po-ico-stocarska-oprema: url('../img/icons/stocarska-oprema.svg');
  --po-ico-gospodarska-vozila: url('../img/icons/gospodarska-vozila.svg');
  --po-ico-zetva-i-berba: url('../img/icons/zetva-i-berba.svg');
  --po-ico-rezervni-dijelovi: url('../img/icons/rezervni-dijelovi.svg');
}

/* Logo kao pozadina (za header/footer gdje Listivo traži sliku iz Medija,
 * ili na <a class="po-logo"> u Elementor HTML/Text widgetu) */
.po-logo { display:inline-block; width:200px; height:50px; background:var(--po-logo-white) left center / contain no-repeat; font-size:0; }
.po-logo--color { background-image:var(--po-logo); }
@media (max-width: 899px) { .po-logo { width:160px; height:40px; } }

/* Ikona kategorije: <span class="po-cat-ico po-cat-ico--traktori"></span> */
.po-cat-ico { display:inline-block; width:56px; height:56px; border-radius:50%; background:#E8F5E9 center / 34px 34px no-repeat; flex:none; }
.po-cat-ico--traktori { background-image:var(--po-ico-traktori); }
.po-cat-ico--zemljista-i-objekti { background-image:var(--po-ico-zemljista-i-objekti); }
.po-cat-ico--kombajni { background-image:var(--po-ico-kombajni); }
.po-cat-ico--obrada-tla { background-image:var(--po-ico-obrada-tla); }
.po-cat-ico--sjetva-i-sadnja { background-image:var(--po-ico-sjetva-i-sadnja); }
.po-cat-ico--zastita-bilja { background-image:var(--po-ico-zastita-bilja); }
.po-cat-ico--navodnjavanje { background-image:var(--po-ico-navodnjavanje); }
.po-cat-ico--prikolice-i-cisterne { background-image:var(--po-ico-prikolice-i-cisterne); }
.po-cat-ico--stocarska-oprema { background-image:var(--po-ico-stocarska-oprema); }
.po-cat-ico--gospodarska-vozila { background-image:var(--po-ico-gospodarska-vozila); }
.po-cat-ico--zetva-i-berba { background-image:var(--po-ico-zetva-i-berba); }
.po-cat-ico--rezervni-dijelovi { background-image:var(--po-ico-rezervni-dijelovi); }

/* Ikone Poljo alata: <span class="po-tool-ico po-tool-ico--kalkulator"></span> */
.po-tool-ico { display:inline-block; width:56px; height:56px; border-radius:14px; background:#E8F5E9 center / 36px 36px no-repeat; flex:none; }
.po-tool-ico--kalkulator { background-image:url('../img/icons/alat-kalkulator.svg'); }
.po-tool-ico--poticaji { background-image:url('../img/icons/alat-poticaji.svg'); }
.po-tool-ico--otkup { background-image:url('../img/icons/alat-otkup.svg'); }

/* Ikone u Main Menu (zamjenjuje stari blok iz Dodatnog CSS-a).
 * U Izgled -> Izbornici -> Opcije zaslona uključi "CSS klase",
 * pa svakoj stavci kategorije upiši klasu, npr. po-menu-ico po-menu-ico--traktori */
.po-menu-ico > a { display:flex !important; align-items:center; gap:10px; }
.po-menu-ico > a::before { content:''; width:22px; height:22px; flex:none; background:center / contain no-repeat; }
.po-menu-ico--traktori > a::before { background-image:var(--po-ico-traktori); }
.po-menu-ico--zemljista-i-objekti > a::before { background-image:var(--po-ico-zemljista-i-objekti); }
.po-menu-ico--kombajni > a::before { background-image:var(--po-ico-kombajni); }
.po-menu-ico--obrada-tla > a::before { background-image:var(--po-ico-obrada-tla); }
.po-menu-ico--sjetva-i-sadnja > a::before { background-image:var(--po-ico-sjetva-i-sadnja); }
.po-menu-ico--zastita-bilja > a::before { background-image:var(--po-ico-zastita-bilja); }
.po-menu-ico--navodnjavanje > a::before { background-image:var(--po-ico-navodnjavanje); }
.po-menu-ico--prikolice-i-cisterne > a::before { background-image:var(--po-ico-prikolice-i-cisterne); }
.po-menu-ico--stocarska-oprema > a::before { background-image:var(--po-ico-stocarska-oprema); }
.po-menu-ico--gospodarska-vozila > a::before { background-image:var(--po-ico-gospodarska-vozila); }
.po-menu-ico--zetva-i-berba > a::before { background-image:var(--po-ico-zetva-i-berba); }
.po-menu-ico--rezervni-dijelovi > a::before { background-image:var(--po-ico-rezervni-dijelovi); }

/* ============ LISTIVO OVERRIDES ============
 * Klase su iz stvarnog HTML-a stranice (audit 2. 10. 2026.).
 * Pravila mijenjaju SAMO izgled (boje, rubove, radijuse, font).
 * NE mijenjaju display/position/width Swiper galerija, mape ni Vue komponenti.
 * Ako Elementor widget ima vlastitu postavku boje, ona može pobijediti:
 * tada promijeni postavku u widgetu (ne dodaj !important).
 */

/* Header (Menu V2) */
body .listivo-menu-v2 { background-color: var(--po-green); }
body .listivo-menu-v2__item--depth-0 > a { color: #fff; font-weight: 700; font-family: var(--po-font); }
body .listivo-menu-v2__item--depth-0 > a svg { fill: #fff; }
body .listivo-menu-v2__item--depth-0.current-menu-item > a,
body .listivo-menu-v2__item--depth-0 > a:hover { color: #fff; box-shadow: inset 0 -2px 0 var(--po-orange); }
body .listivo-menu-v2__submenu-inner { border-radius: var(--po-r-lg); box-shadow: var(--po-shadow-pop); }
body .listivo-menu-v2__item--depth-1 > a:hover { color: var(--po-green); background: var(--po-green-soft); }
body .listivo-menu-v2__button { background-color: var(--po-orange); border-radius: var(--po-r-md); font-weight: 800; }
body .listivo-menu-v2__button:hover { background-color: #E06F00; }
body .listivo-menu-v2__account-link, body .listivo-menu-v2__separator { color: #fff; }
body .listivo-menu-v2__mobile-button svg { fill: #fff; }

/* Gumbi */
body .listivo-button { border-radius: var(--po-r-md); font-family: var(--po-font); font-weight: 800; }
body .listivo-button--primary-2 { background-color: var(--po-orange); }

/* Polja i padajući izbornici */
body .listivo-input-v2 input, body .listivo-input-v2 textarea,
body .listivo-select-v2 { border-color: var(--po-line-strong); border-radius: var(--po-r-sm); font-family: var(--po-font); }
body .listivo-input-v2 input:focus, body .listivo-input-v2 textarea:focus { border-color: var(--po-green); }
body .listivo-select-v2__dropdown { border-radius: var(--po-r-sm); box-shadow: var(--po-shadow-pop); }
body .listivo-select-v2__option--highlight, body .listivo-select-v2__option:hover { background: var(--po-green-soft); color: var(--po-green); }
body .listivo-field-error { color: var(--po-orange-text); }
body .listivo-checkbox { accent-color: var(--po-green); }

/* Hero pretraga (naslovnica) */
body .listivo-hero-search-v6__heading { font-family: var(--po-font); font-weight: 800; }
body .listivo-hero-search-v6__heading span { color: var(--po-orange); }
body .listivo-hero-search-v6__form { border-radius: var(--po-r-xl); box-shadow: var(--po-shadow-hero); }
body .listivo-search-form-v2 { border-radius: var(--po-r-xl); }
body .listivo-search-form-v2__button { background-color: var(--po-orange); border-radius: var(--po-r-md); font-weight: 800; }

/* Kartica oglasa (grid) */
body .listivo-listing-card-v4 { border: 1px solid var(--po-line); border-radius: var(--po-r-lg); overflow: hidden; background: #fff; transition: box-shadow .15s, transform .15s; }
body .listivo-listing-card-v4:hover { box-shadow: var(--po-shadow-card); transform: translateY(-2px); }
body .listivo-listing-card-v4__gallery { background-color: var(--po-green-tint); border-radius: 0; }
body .listivo-listing-card-v4__name { font-family: var(--po-font); font-weight: 800; font-size: 16px; line-height: 1.3; color: var(--po-ink); }
body .listivo-listing-card-v4__address-text { font-size: 13px; color: var(--po-muted); }
body .listivo-listing-card-v4__address-icon svg { fill: var(--po-green); }
body .listivo-listing-card-v4__value { font-family: var(--po-font); font-weight: 800; font-size: 20px; color: var(--po-green); }
body .listivo-listing-card-v4__bottom { border-top-color: var(--po-line); }
body .listivo-listing-card-v4__icon:hover svg, body .listivo-listing-card-v4__icon--active svg { fill: var(--po-orange); }
body .listivo-listing-card-v4__views { font-size: 12px; color: var(--po-muted); }

/* Kartica oglasa (lista) */
body .listivo-listing-card-row { border: 1px solid var(--po-line); border-radius: var(--po-r-lg); overflow: hidden; background: #fff; transition: box-shadow .15s; }
body .listivo-listing-card-row:hover { box-shadow: var(--po-shadow-card); }
body .listivo-listing-card-row__name { font-family: var(--po-font); font-weight: 800; color: var(--po-ink); }
body .listivo-listing-card-row__value { font-weight: 800; color: var(--po-green); }
body .listivo-listing-card-row__address-text { color: var(--po-muted); }

/* Mini oglasi (footer, karusel ispod oglasa) */
body .listivo-mini-listing__image img { border-radius: var(--po-r-sm); }
body .listivo-mini-listing__label { font-weight: 700; }
body .listivo-mini-listing__value { color: var(--po-orange); font-weight: 800; }
body .listivo-mini-listing-carousel-card { border: 1px solid var(--po-line); border-radius: var(--po-r-lg); overflow: hidden; }
body .listivo-mini-listing-carousel-card__price { color: var(--po-green); font-weight: 800; }

/* Pretraga */
body .listivo-search-results__title { font-family: var(--po-font); font-weight: 800; }
body .listivo-search-results__results-number-count { color: var(--po-green); }
body .listivo-search-map-switcher__inner { border-radius: var(--po-r-pill); }
body .listivo-pagination__item { border-radius: var(--po-r-sm); }
body .listivo-pagination__item--active, body .listivo-pagination__item:hover { background-color: var(--po-green); color: #fff; }
body .listivo-tag { border-radius: var(--po-r-pill); background: var(--po-green-soft); color: var(--po-green); font-weight: 700; }

/* Breadcrumbs */
body .listivo-breadcrumbs-v2--with-background { background-color: var(--po-green-soft); }
body .listivo-breadcrumbs-v2__item, body .listivo-breadcrumbs-v2__item a { color: var(--po-muted); font-size: 13px; }
body .listivo-breadcrumbs-v2__item:last-child { color: var(--po-ink); font-weight: 700; }

/* Oglas */
body .listivo-listing-name { font-family: var(--po-font); font-weight: 800; }
body .listivo-listing-price { color: var(--po-green); font-weight: 800; }
body .listivo-listing-section { border: 1px solid var(--po-line); border-radius: var(--po-r-lg); }
body .listivo-listing-section__label { font-family: var(--po-font); font-weight: 800; }
body .listivo-listing-attribute-v3 { border-color: var(--po-line); }
body .listivo-listing-user-v2 { border: 1px solid var(--po-line); border-radius: var(--po-r-lg); }
body .listivo-listing-user-v2__name { font-weight: 800; }
body .listivo-listing-user-v2__button { border-radius: var(--po-r-md); font-weight: 800; }
body .listivo-listing-address__see-map { color: var(--po-green); font-weight: 800; }
body .listivo-listing-report-abuse-form__button { border-radius: var(--po-r-md); }

/* Prijava / registracija */
body .listivo-login-form { border-radius: var(--po-r-xl); }
body .listivo-login-form__tab--active { color: var(--po-green); box-shadow: inset 0 -2px 0 var(--po-green); }
body .listivo-login-form__social-button, body .listivo-social-auth-button { border: 1px solid var(--po-line-strong); border-radius: var(--po-r-md); font-weight: 800; }
body .listivo-login-form__button { background-color: var(--po-green); border-radius: var(--po-r-md); font-weight: 800; }
body .listivo-login-form__lost-password a { color: var(--po-green); font-weight: 700; }
body .listivo-user-popup { border-radius: var(--po-r-xl); }

/* Kontakt forma (oglas, profil prodavača) */
body .listivo-contact-form__button { background-color: var(--po-orange); border-radius: var(--po-r-md); font-weight: 800; }

/* Footer */
body .listivo-copyrights { background-color: var(--po-green-dark); color: var(--po-green-on-dark); font-size: 13px; }
body .listivo-social-icon--hover-color-primary:hover { background-color: var(--po-orange); }

/* ============ PRENESENO IZ DODATNOG CSS-a (Izgled → Prilagodi) ============
 * Brevo forma + checkout redizajn, stare boje zamijenjene novima.
 * Kalkulator-pilula i stari blok "Poljo naslovnica" su namjerno izostavljeni.
 */
/* === Brevo Plugin Form — Listivo Style === */

/* Container forme - centriran i max width */
#sib_signup_form_2 {
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
}

/* Container za input + button - relative position */
#sib_signup_form_2 .sib-form-block,
#sib_signup_form_2 form > p:has(input[type="email"]) {
  position: relative;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

/* Email input - bijela kapsula */
#sib_signup_form_2 input[type="email"],
#sib_signup_form_2 .sib-email-area {
  background-color: #ffffff !important;
  border-radius: 60px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  padding: 18px 80px 18px 28px !important;
  font-size: 18px !important;
  color: #3C4858 !important;
  width: 100% !important;
  outline: none !important;
  font-family: Helvetica, Arial, sans-serif !important;
  height: auto !important;
  box-sizing: border-box !important;
}

#sib_signup_form_2 input[type="email"]::placeholder {
  color: #98a2b3 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 18px !important;
}

/* Sakrij label "Tvoja email adresa" iznad inputa */
#sib_signup_form_2 label[for*="email"],
#sib_signup_form_2 label[for*="EMAIL"],
#sib_signup_form_2 .sib-form-block > label {
  display: none !important;
}

/* Submit dugme - zeleno kružno s strelicom */
#sib_signup_form_2 input[type="submit"],
#sib_signup_form_2 button[type="submit"],
#sib_signup_form_2 .sib-default-btn {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background-color: #2E7D32 !important;
  color: white !important;
  font-size: 0 !important;
  padding: 0 !important;
  border: none !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: background-color 0.2s ease !important;
  z-index: 2 !important;
  text-indent: -9999px !important;
}

#sib_signup_form_2 input[type="submit"]::after,
#sib_signup_form_2 button[type="submit"]::after,
#sib_signup_form_2 .sib-default-btn::after {
  content: "→" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-indent: 0 !important;
}

#sib_signup_form_2 input[type="submit"]:hover,
#sib_signup_form_2 button[type="submit"]:hover,
#sib_signup_form_2 .sib-default-btn:hover {
  background-color: #1d5a1d !important;
}

/* Posebno za input[type="submit"] gdje value je "Prijavi me" */
#sib_signup_form_2 input[type="submit"] {
  color: transparent !important;
  background-image: none !important;
}

/* GDPR/Term Acceptance checkbox container */
#sib_signup_form_2 .sib-checkbox-block,
#sib_signup_form_2 .sib_term_block,
#sib_signup_form_2 form > p:has(input[type="checkbox"]) {
  text-align: center !important;
  margin-top: 16px !important;
  padding: 0 16px !important;
}

/* Checkbox sam */
#sib_signup_form_2 input[type="checkbox"] {
  margin-right: 10px !important;
  vertical-align: middle !important;
  transform: scale(1.2);
  accent-color: #2E7D32;
  cursor: pointer;
}

/* Tekst pored checkbox-a */
#sib_signup_form_2 .sib-checkbox-block label,
#sib_signup_form_2 .sib_term_block label,
#sib_signup_form_2 form label {
  font-size: 13px !important;
  color: #6c757d !important;
  line-height: 1.5 !important;
  display: inline !important;
  cursor: pointer;
  vertical-align: middle;
}

/* Linkovi unutar checkbox label-a */
#sib_signup_form_2 a {
  color: #2E7D32 !important;
  text-decoration: underline !important;
}

/* Sakrij compliance note ako se vidi */
#sib_signup_form_2 .sib-default-msg,
#sib_signup_form_2 .compliance-note {
  display: none !important;
}

/* Success/Error poruke */
#sib_signup_form_2 .sib-msg-error,
#sib_signup_form_2 .sib-msg-success {
  font-size: 14px !important;
  text-align: left !important;
  font-family: Helvetica, sans-serif !important;
  border-radius: 8px !important;
  margin: 0 auto 16px !important;
  max-width: 600px !important;
  padding: 12px 16px !important;
}

#sib_signup_form_2 .sib-msg-success {
  color: #085229 !important;
  background-color: #e7faf0 !important;
  border: 1px solid #13ce66 !important;
}

#sib_signup_form_2 .sib-msg-error {
  color: #661d1d !important;
  background-color: #ffeded !important;
  border: 1px solid #ff4949 !important;
}

/* Mobile responsive */
@media (max-width: 600px) {
  #sib_signup_form_2 input[type="email"],
  #sib_signup_form_2 .sib-email-area {
    font-size: 16px !important;
    padding: 14px 60px 14px 20px !important;
  }
  
  #sib_signup_form_2 input[type="email"]::placeholder {
    font-size: 16px !important;
  }
  
  #sib_signup_form_2 input[type="submit"],
  #sib_signup_form_2 button[type="submit"],
  #sib_signup_form_2 .sib-default-btn {
    width: 48px !important;
    height: 48px !important;
    right: 4px !important;
  }
  
  #sib_signup_form_2 input[type="submit"]::after,
  #sib_signup_form_2 button[type="submit"]::after,
  #sib_signup_form_2 .sib-default-btn::after {
    font-size: 20px !important;
  }
}

/* ===== POLJOOGLASNIK CHECKOUT REDIZAJN ===== */

/* --- Container: suzi i centriraj --- */
.woocommerce-checkout .woocommerce {
    max-width: 640px;
    margin: 0 auto;
}

/* --- Reorder: narudžba -> podaci -> plaćanje --- */
form.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
form.checkout #order_review { display: contents; }
form.checkout #order_review_heading      { order: 1; }
form.checkout #order_review .shop_table  { order: 2; }
form.checkout #customer_details          { order: 3; }
form.checkout #order_review #payment     { order: 4; }

/* --- Bijele kartice oko sekcija --- */
form.checkout #customer_details,
form.checkout #order_review .shop_table,
form.checkout #order_review #payment {
    background: #fff;
    border: 1px solid #ece5d8;
    border-radius: 16px;
    padding: 24px !important;
    box-shadow: 0 2px 10px rgba(45,42,38,0.04);
}

/* --- Naslov "Vaša narudžba" --- */
form.checkout #order_review_heading {
    font-size: 20px;
    font-weight: 700;
    color: #2d2a26;
    margin: 0 0 -8px;
}

/* --- Tablica narudžbe bez ružnih linija --- */
form.checkout .shop_table,
form.checkout .shop_table th,
form.checkout .shop_table td {
    border: none !important;
    padding: 6px 0;
}

/* --- Narančasti "Ukupno" bar --- */
form.checkout .order-total th,
form.checkout .order-total td {
    background: #F57C00 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 16px 18px !important;
    border-radius: 10px !important;
}

/* --- Polja u 2 skladne kolone --- */
form.checkout .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
}
form.checkout #billing_email_field,
form.checkout #billing_phone_field {
    grid-column: 1 / -1;
}

/* --- Inputi: normalna visina i čist stil --- */
form.checkout input[type="text"],
form.checkout input[type="email"],
form.checkout input[type="tel"],
form.checkout select,
form.checkout .select2-container .select2-selection {
    height: 48px !important;
    min-height: 48px !important;
    border: 1.5px solid #ece5d8 !important;
    border-radius: 10px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    line-height: 46px !important;
}
form.checkout input:focus,
form.checkout select:focus {
    border-color: #2E7D32 !important;
    box-shadow: 0 0 0 3px rgba(40,120,40,0.10) !important;
    outline: none !important;
}

/* --- Zeleni "Naruči" gumb --- */
form.checkout #place_order {
    background: #2E7D32 !important;
    color: #fff !important;
    width: 100% !important;
    height: 56px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background .15s;
}
form.checkout #place_order:hover {
    background: #1e5c1e !important;
}

/* --- Mobitel: polja u 1 kolonu --- */
@media (max-width: 540px) {
    form.checkout .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr;
    }
}


/* --- Topla cream pozadina preko cijele checkout stranice --- */
body.woocommerce-checkout,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout main,
body.woocommerce-checkout .elementor,
body.woocommerce-checkout .page-content {
    background-color: #fdf4e3 !important;
}


/* Ikone kategorija u izborniku "Što tražiš?" (raspored iz starog bloka, nove ikone) */
/* ============================================================
   IKONE KATEGORIJA — izbornik "Što tražiš?" (VERZIJA 2)
   Veće ikone (24px) • veći razmak • DESKTOP + TABLET + MOBITEL
   Ciljano po .menu-item + title (ne dira ikone na naslovnici)
   Zalijepi u: Izgled → Prilagodi → Dodatni CSS
   (obriši prethodni blok s ikonama prije nego zalijepiš ovaj)
   ============================================================ */

/* --- Raspored: ikona uz tekst, strelica podkategorije ostaje desno --- */
.menu-item a[title="Gospodarska vozila"],
.menu-item a[title="Traktori"],
.menu-item a[title="Kombajni"],
.menu-item a[title="Sjetva i sadnja"],
.menu-item a[title="Obrada tla"],
.menu-item a[title="Stočarska oprema"],
.menu-item a[title="Zaštita bilja"],
.menu-item a[title="Prikolice i cisterne"],
.menu-item a[title="Zemljišta i objekti"],
.menu-item a[title="Navodnjavanje"],
.menu-item a[title="Rezervni dijelovi"],
.menu-item a[title="Žetva i berba"] {
    justify-content: flex-start !important;
}
.menu-item a[title="Gospodarska vozila"] > svg,
.menu-item a[title="Traktori"] > svg,
.menu-item a[title="Kombajni"] > svg,
.menu-item a[title="Sjetva i sadnja"] > svg,
.menu-item a[title="Obrada tla"] > svg,
.menu-item a[title="Stočarska oprema"] > svg,
.menu-item a[title="Zaštita bilja"] > svg,
.menu-item a[title="Prikolice i cisterne"] > svg,
.menu-item a[title="Zemljišta i objekti"] > svg,
.menu-item a[title="Navodnjavanje"] > svg,
.menu-item a[title="Rezervni dijelovi"],
.menu-item a[title="Žetva i berba"] > svg {
    margin-left: auto !important;
}

/* --- Zajednički stil ikone (samo kategorije, veće + veći razmak) --- */
.menu-item a[title="Gospodarska vozila"]::before,
.menu-item a[title="Traktori"]::before,
.menu-item a[title="Kombajni"]::before,
.menu-item a[title="Sjetva i sadnja"]::before,
.menu-item a[title="Obrada tla"]::before,
.menu-item a[title="Stočarska oprema"]::before,
.menu-item a[title="Zaštita bilja"]::before,
.menu-item a[title="Prikolice i cisterne"]::before,
.menu-item a[title="Zemljišta i objekti"]::before,
.menu-item a[title="Navodnjavanje"]::before,
.menu-item a[title="Rezervni dijelovi"],
.menu-item a[title="Žetva i berba"]::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 14px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
}

.menu-item a[title="Gospodarska vozila"]::before { background-image: url('../img/icons/gospodarska-vozila.svg') !important; }
.menu-item a[title="Traktori"]::before { background-image: url('../img/icons/traktori.svg') !important; }
.menu-item a[title="Kombajni"]::before { background-image: url('../img/icons/kombajni.svg') !important; }
.menu-item a[title="Sjetva i sadnja"]::before { background-image: url('../img/icons/sjetva-i-sadnja.svg') !important; }
.menu-item a[title="Obrada tla"]::before { background-image: url('../img/icons/obrada-tla.svg') !important; }
.menu-item a[title="Stočarska oprema"]::before { background-image: url('../img/icons/stocarska-oprema.svg') !important; }
.menu-item a[title="Zaštita bilja"]::before { background-image: url('../img/icons/zastita-bilja.svg') !important; }
.menu-item a[title="Prikolice i cisterne"]::before { background-image: url('../img/icons/prikolice-i-cisterne.svg') !important; }
.menu-item a[title="Zemljišta i objekti"]::before { background-image: url('../img/icons/zemljista-i-objekti.svg') !important; }
.menu-item a[title="Navodnjavanje"]::before { background-image: url('../img/icons/navodnjavanje.svg') !important; }
.menu-item a[title="Rezervni dijelovi"]::before { background-image: url('../img/icons/rezervni-dijelovi.svg') !important; }
.menu-item a[title="Žetva i berba"]::before { background-image: url('../img/icons/zetva-i-berba.svg') !important; }

/* ============ ISPRAVCI NAKON UGRADNJE (4. 10. 2026.) ============ */

/* Logo u headeru: Menu V2 uzima PNG iz Listivo postavki, pa preko njega
 * crtamo novi SVG. Stari PNG ostaje u HTML-u (nevidljiv) radi veličine i SEO-a. */
body .listivo-menu-v2__logo picture {
  display: inline-block;
  background: url('../img/logo-white.svg') left center / contain no-repeat;
}
body .listivo-menu-v2__logo img { opacity: 0; }
@media (max-width: 1119px) {
  body .listivo-menu-v2__logo img { max-height: 40px; width: auto; }
}

/* Račun u headeru (krug s ikonom + ime) */
body .listivo-menu-v2__avatar { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.12); }
body .listivo-menu-v2__avatar svg { fill: #fff; }
body .listivo-menu-v2__account, body .listivo-menu-v2__account a { color: #fff; }

/* Ispravak loga v2: fiksna veličina okvira */
body .listivo-menu-v2__logo { display: flex; align-items: center; max-width: 200px; overflow: hidden; }
body .listivo-menu-v2__logo picture { display: block !important; flex: none; width: 183px; height: 50px; max-width: 183px; max-height: 50px; background: url('../img/logo-white.svg') left center / contain no-repeat; }
body .listivo-menu-v2__logo picture img, body .listivo-menu-v2__logo img { opacity: 0; width: 100% !important; height: 100% !important; max-width: 183px !important; max-height: 50px !important; object-fit: contain; }
@media (max-width: 1119px) {
  body .listivo-menu-v2__logo picture { width: 146px; height: 40px; max-width: 146px; max-height: 40px; }
  body .listivo-menu-v2__logo picture img, body .listivo-menu-v2__logo img { max-width: 146px !important; max-height: 40px !important; }
}

/* Hero naslov: tamni tekst, narančasta istaknuta riječ */
body h1.listivo-hero-search-v6__heading { color: #1f2a22 !important; font-family: 'Nunito Sans', sans-serif !important; font-weight: 800 !important; }
body h1.listivo-hero-search-v6__heading span { color: #F57C00 !important; }