/*
Theme Name: Svezanajam
Theme URI: https://svezanajam.com
Author: MDev Digital
Description: Custom tema za najam opreme — dizajn-sustav iz prototipa, vlastiti tip sadržaja Proizvodi, popis za najam i upit za ponudu. Bez WooCommercea i bez page buildera.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: svezanajam
Tags: custom, rental, croatian
*/

/* Dizajn-sustav je u assets/css/design.css (učitava se prije ovog fajla).
   Ovdje su samo dodaci specifični za WordPress i mjesto za tvoje izmjene. */

.sn-skip{position:absolute;left:-9999px;top:0;z-index:200;padding:10px 16px;background:var(--ink);color:#fff;border-radius:0 0 var(--rs) 0}
.sn-skip:focus{left:0}

/* WP admin bar ne smije prekriti sticky header */
body.admin-bar .shead{top:32px}
@media screen and (max-width:782px){body.admin-bar .shead{top:46px}}

/* Uređivač sadržaja: poravnanja i blokovi unutar .prose / .legal-body */
.prose img,.legal-body img{border-radius:var(--rm);height:auto}
.alignleft{float:left;margin:0 20px 14px 0}
.alignright{float:right;margin:0 0 14px 20px}
.aligncenter{display:block;margin-inline:auto}
.wp-caption-text,figcaption{font-size:12.5px;color:var(--muted);margin-top:6px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}

/* Paginacija WP-a u stilu prototipa */
.pager .page-numbers{min-width:36px;height:36px;padding:0 10px;border-radius:var(--rs);border:1px solid var(--line);
  display:grid;place-items:center;font-family:var(--fd);font-weight:600;font-size:13px;background:var(--white)}
.pager .page-numbers:hover{border-color:var(--gold)}
.pager .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Google Maps embed na kontaktu (ako je zalijepljen u sadržaj stranice) */
.map-embed{position:relative;aspect-ratio:16/10;border-radius:var(--rm);overflow:hidden;border:1px solid var(--line);background:var(--cream)}
.map-embed iframe{width:100%;height:100%;border:0;display:block}
.map-embed p{margin:0}

/* greška ispod checkboxa (kontakt) */
#ctTermsErr{display:none;margin-left:27px}

/* uspješno poslano */
.recap svg{flex:0 0 auto}

/* ============ TRAKA ZA KOLAČIĆE ============ */
.cookiebar{position:fixed;left:12px;right:12px;bottom:12px;z-index:95;display:none;gap:14px;flex-wrap:wrap;
  align-items:center;justify-content:space-between;background:var(--white);border:1px solid var(--line);
  border-radius:var(--rl);box-shadow:var(--sh3);padding:15px 17px;max-width:760px;margin-inline:auto}
.cookiebar.open{display:flex}
.cookiebar-t{flex:1 1 340px;min-width:0}
.cookiebar-t b{font-family:var(--fd);font-size:14px;display:block;margin-bottom:4px}
.cookiebar-t p{font-size:12.8px;color:var(--muted);line-height:1.55}
.cookiebar-t a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold)}
.cookiebar-a{display:flex;gap:9px;flex-wrap:wrap}
@media (max-width:779px){
  .cookiebar{bottom:76px}          /* iznad mobilne donje trake */
  .cookiebar-a .btn{flex:1 1 auto}
}

/* ============ ČLANAK ============ */
.article-hero{margin:0 0 24px;border-radius:var(--rl);overflow:hidden;border:1px solid var(--line-2)}
.article-hero img{width:100%;height:auto;display:block}
.article-body{max-width:70ch;margin-inline:auto}
.article-body h2{font-size:24px;margin:30px 0 10px}
.article-body h3{font-size:19px;margin:24px 0 8px}
.article-body blockquote{margin:22px 0;padding:14px 18px;border-left:3px solid var(--gold);background:var(--cream);border-radius:0 var(--rm) var(--rm) 0}
.article-body blockquote p{font-size:15px;font-style:italic}

/* ============================================================
   STANDARDNI WP BLOKOVI U NAŠEM DIZAJNU
   (da uzorci i blokovi koje sam ubaciš izgledaju kao ostatak stranice)
   ============================================================ */

/* Sadržaj stranice: tekst ostaje uzak i čitljiv, sekcije idu punom širinom */
.prose{max-width:none}
.prose>p,.prose>ul,.prose>ol,.prose>h2,.prose>h3,.prose>h4,.prose>blockquote,.prose>figure.wp-block-image{max-width:68ch}
.prose>.alignwide,.prose>.alignfull,.prose>.wp-block-columns,.prose>.wp-block-cover,.prose>.wp-block-group{max-width:none}

/* Gumbi iz uređivača */
.wp-block-button__link,.wp-element-button{background:var(--gold);color:var(--ink);border-radius:var(--pill);
  font-family:var(--fd);font-weight:700;font-size:13.5px;letter-spacing:.02em;padding:12px 22px;
  text-decoration:none;transition:background .16s,color .16s}
.wp-block-button__link:hover,.wp-element-button:hover{background:var(--gold-2);color:#fff}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--gold);background:var(--cream);color:var(--ink)}
.wp-block-buttons{gap:10px}

/* Stupci */
.wp-block-columns{gap:22px}
@media (max-width:781px){.wp-block-columns{gap:18px}}

/* Uzorak: pola-pola */
.sn-half{align-items:center;margin-block:34px}
.sn-half .wp-block-image img,.sn-half-img img{border-radius:var(--rl);width:100%;height:auto;display:block}
.sn-half h2{margin-bottom:10px}
.sn-half p{color:var(--ink-3)}
.sn-half .eyebrow{margin-bottom:6px}

/* Uzorak: koraci */
.sn-steps{margin-block:30px}
.sn-step .sn-step-n{font-family:var(--fd);font-weight:800;font-size:13px;color:var(--gold-2);
  width:34px;height:34px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;
  margin-bottom:11px;font-variant-numeric:tabular-nums}
.sn-step h4{margin-bottom:5px}
.sn-step p{font-size:13.6px;color:var(--muted)}

/* Uzorak: brojke */
.sn-stats{margin-block:30px;text-align:center}
.sn-stat .sn-stat-n{font-family:var(--fd);font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.02em;margin-bottom:3px}
.sn-stat .sn-stat-l{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* Uzorak: citat */
.sn-quote{margin-block:26px;padding:16px 20px;background:var(--cream);border-left:3px solid var(--gold);
  border-radius:0 var(--rm) var(--rm) 0}
.sn-quote p{font-size:15px;font-style:italic;color:var(--ink-3)}
.sn-quote cite{display:block;margin-top:9px;font-family:var(--fd);font-style:normal;font-weight:700;font-size:13px}

/* Uzorak: tamni banner (core/cover) */
.sn-cover{border-radius:var(--rl);overflow:hidden;margin-block:34px}
.sn-cover .wp-block-cover__inner-container{max-width:560px;margin-inline:auto;text-align:center;padding:20px}
.sn-cover h2{color:#fff;margin-bottom:8px}
.sn-cover p{color:rgba(255,255,255,.82);margin-bottom:16px}

/* CTA traka kao core group */
.wp-block-group.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wp-block-group.cta-strip>.wp-block-group{flex:1 1 320px}


/* ============================================================
   BRZI ODABIR — gumbi za datum
   Zaključano na fiksnu visinu: u grid/flex kontekstu se inače
   rastežu na visinu najvišeg elementa u redu i labela ispadne van.
   ============================================================ */
.qsearch .field{min-width:0}
.qsearch .date-2{align-items:stretch;gap:8px}
.qsearch .date-btn{height:48px;min-height:48px;padding:6px 12px;gap:1px;
  justify-content:center;align-self:stretch;overflow:hidden}
.qsearch .date-btn small{line-height:1.15;font-size:9.5px;letter-spacing:.09em}
.qsearch .date-btn b{line-height:1.2;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qsearch .inp,.qsearch .btn{height:48px}
.qsearch .btn{padding-inline:20px}
@media (max-width:779px){
  .qsearch .date-btn,.qsearch .inp,.qsearch .btn{height:46px;min-height:46px}
}

/* Sigurnosna mreža: klasa .empty je u dizajn-sustavu "prazno stanje"
   (iscrtkani okvir, veliki padding). Unutar gumba za datum ne smije djelovati. */
.date-btn .empty,.date-btn b.empty{border:0;background:none;padding:0;margin:0;
  display:block;text-align:left;border-radius:0;color:var(--muted-2);font-weight:600}

/* Padajući izbornik iz WP menija (stavka s podstavkama) */
.mega-sub{grid-template-columns:1fr;width:min(300px,92vw);gap:2px}
/* ako su u podizborniku kategorije opreme, prikaži ih u dva stupca s ikonama */
.mega-sub:has(.mega-cat){grid-template-columns:1fr 1fr;width:min(520px,92vw);gap:4px}
.mega-cat{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--rm);transition:background .15s}
.mega-cat:hover{background:var(--cream)}
.mega-cat b{font-family:var(--fd);font-size:13.5px;display:block;font-weight:700}
.mega-cat span span{font-size:11.5px;color:var(--muted-2)}
.mega-cat.on b{color:var(--gold-2)}
.mega-link{display:block;padding:9px 11px;border-radius:var(--rm);font-family:var(--fd);
  font-weight:600;font-size:13.5px;color:var(--ink-2);transition:background .15s,color .15s}
.mega-link:hover{background:var(--cream);color:var(--ink)}
.mega-link.on{color:var(--gold-2)}
/* tipkovnica: izbornik se otvara i fokusom, ne samo mišem */
.has-mega:focus-within .mega{display:grid}


/* Toast s linkom + kratka animacija košarice kod dodavanja */
.toast-a{margin-left:10px;color:var(--gold);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.toast-a:hover{color:#fff}
@keyframes snBump{0%{transform:scale(1)}35%{transform:scale(1.10)}100%{transform:scale(1)}}
.cart-btn.bump{animation:snBump .45s ease}
@media (prefers-reduced-motion:reduce){.cart-btn.bump{animation:none}}

/* Dodatni opis proizvoda (SEO tekst ispod glavnog opisa) */
.pdp-extra{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2)}
.pdp-extra h2,.pdp-extra h3{font-size:17px;margin:18px 0 7px}
.pdp-extra h4{font-size:15px;margin:16px 0 6px}

/* Sadržajni tekst na naslovnoj */
.front-text{max-width:none}
.front-text>h2{font-family:var(--fd);font-weight:800;font-size:clamp(19px,2.4vw,23px);margin:26px 0 10px}
.front-text>h2:first-child{margin-top:0}
.front-text>h3{font-size:17px;margin:20px 0 8px}
.front-text>p,.front-text>ul,.front-text>ol{max-width:70ch}