/* Dodaci landing stilovima: zaglavlje s ikonama, pravne stavke i obične stranice. */

:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:#0a0a0a;padding:10px 16px;border-radius:10px;font-weight:600}
.skip-link:focus{top:12px}
#content,main,footer{position:relative;z-index:2}

/* Osam stavki ne stane u red od 860 px, pa se izbornik ranije sklapa. */
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--text-dim);transition:color .2s,background .2s}
.nav-icon:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-icon .count{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--gold);color:#0a0a0a;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}
.nav-icon .count[hidden]{display:none}
nav.links{gap:26px}
@media(max-width:1080px){
  nav.links{position:fixed;inset:78px 0 auto 0;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--border);padding:22px 26px;gap:20px;transform:translateY(-150%);transition:transform .3s;align-items:flex-start}
  nav.links.open{transform:translateY(0)}
  .menu-btn{display:block}
}

.pos-price a{flex:1 1 0;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 16px;transition:border-color .2s}
.pos-price a:hover{border-color:var(--gold)}
.pos-price b .woocommerce-Price-amount,.pos-price b .woocommerce-Price-amount *{font:inherit;color:inherit}
@media(max-width:420px){.pos-price a{flex-basis:40%}}

.foot-legal{color:var(--text-faint);font-size:12.5px;line-height:1.8;padding-top:24px;border-top:1px solid var(--border)}
.foot-bottom{border-top:0;padding-top:14px}
.foot-bottom a{color:var(--text-dim)}
.foot-bottom a:hover{color:var(--text)}

/* Obične stranice */
.page-main{padding:72px 0 96px;min-height:50vh}
.page-head{margin-bottom:40px}
.page-head h1,.woocommerce-products-header__title,.page-title{font-size:clamp(34px,5vw,54px);font-weight:500}
.prose{color:var(--text-dim);max-width:75ch}
.page-main--shop .prose{max-width:none;color:var(--text)}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(22px,3vw,28px);color:var(--text);margin-top:1.8em}
.prose h3{font-size:20px;color:var(--text);margin-top:1.5em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose a,.post-row a:hover{color:var(--gold-bright)}
.prose a:hover{text-decoration:underline}
.page-main--shop .prose>*+*{margin-top:0}
.page-main--shop .prose ul,.page-main--shop .prose ol{padding-left:0}
.page-main--shop .prose li+li{margin-top:0}
.post-row{padding:26px 0;border-top:1px solid var(--border)}
.post-row h2{font-size:26px;margin-bottom:10px}