/*
Theme Name: NOD
Theme URI: https://neworderdigital.rs
Author: NOD — New Order Digital
Description: Tema za sajt NOD agencije. Tamna, sa limeta akcentom i animacijama. Sav sadržaj se menja u WordPress editoru (Gutenberg).
Version: 1.1.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nod
*/

/* ---------- Osnova ---------- */
:root{
	--nod-bg:#0A0C0B; --nod-text:#EDEDE6; --nod-muted:#A3A89F; --nod-muted2:#8A8F88; --nod-soft:#C9CDC5;
	--nod-lime:#C6F24E; --nod-warn:#FF9A75; --nod-ink:#0B0D0C;
	--nod-mono:'Fira Code', ui-monospace, monospace;
	--nod-pad-x:clamp(16px, 4vw, 40px);
	--nod-gap-y:clamp(88px, 11vw, 140px);
	--nod-line:rgba(255,255,255,.08);
}
html{scroll-behavior:smooth}
body{
	margin:0; background-color:var(--nod-bg);
	background-image:radial-gradient(rgba(255,255,255,.045) 1px, transparent 1px); background-size:22px 22px;
	color:var(--nod-text); -webkit-font-smoothing:antialiased;
}
.wp-site-blocks{position:relative; z-index:0; overflow-x:clip}
.wp-site-blocks::before{
	content:""; position:absolute; z-index:-1; left:0; right:0; top:0; height:980px; pointer-events:none;
	background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size:72px 72px;
	-webkit-mask-image:radial-gradient(70% 55% at 50% 20%, #000 30%, transparent 80%); mask-image:radial-gradient(70% 55% at 50% 20%, #000 30%, transparent 80%);
}
.wp-site-blocks::after{
	content:""; position:absolute; z-index:-1; left:50%; top:-340px; width:1100px; max-width:100vw; height:700px; transform:translateX(-50%); pointer-events:none;
	background:radial-gradient(closest-side, rgba(198,242,78,.16), rgba(198,242,78,.04) 55%, transparent 75%);
}
a{color:var(--nod-text)} a:hover{color:var(--nod-lime)}
::selection{background:var(--nod-lime); color:var(--nod-ink)}
img{max-width:100%; height:auto}
.has-lime-color{color:var(--nod-lime) !important}
.screen-reader-text{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap}

/* ---------- Animacije ---------- */
@keyframes nodblink{0%,49%{opacity:1}50%,100%{opacity:0}}
.nod-cur{animation:nodblink 1.06s steps(1) infinite}
@keyframes typeNod{0%{width:0}6%{width:1ch}12%{width:2ch}18%{width:3ch}96%{width:0}100%{width:0}}
.type-nod{animation:typeNod 5.6s step-end infinite}
@keyframes curLoop{0%{opacity:1}27.75%{opacity:0}37.5%{opacity:1}47.25%{opacity:0}57%{opacity:1}66.75%{opacity:0}76.5%{opacity:1}86.25%{opacity:0}96%{opacity:1}100%{opacity:1}}
.cur-loop{animation:curLoop 5.6s step-end infinite}
@keyframes rowIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.row-in{animation:rowIn .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ringPulse{0%,100%{opacity:.25}50%{opacity:1}}
.ring{animation:ringPulse 4s ease-in-out infinite}
@keyframes beam{0%{transform:translateY(-40%);opacity:0}30%{opacity:1}100%{transform:translateY(60%);opacity:0}}
.beam{animation:beam 3.2s ease-in infinite}
@keyframes stepLight{0%,22%{background:#C6F24E;box-shadow:0 0 18px rgba(198,242,78,.65)}32%,100%{background:#2A302B;box-shadow:none}}
@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}45%,100%{opacity:1;transform:none}}
@supports (animation-timeline: view()){
	body:not(.wp-admin) .reveal{animation:revealUp linear both; animation-timeline:view(); animation-range:entry 0% entry 100%}
}
@keyframes spin{to{transform:rotate(360deg)}}
.ic-hand-slow{transform-origin:12px 12px; animation:spin 12s linear infinite}
.ic-hand-fast{transform-origin:12px 12px; animation:spin 2.5s linear infinite}
@keyframes dot{0%,60%,100%{opacity:.25}30%{opacity:1}}
.ic-dot{animation:dot 1.2s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:28}55%,100%{stroke-dashoffset:0}}
.ic-draw{stroke-dasharray:28; animation:draw 3s ease-in-out infinite}
@keyframes headIn{0%,45%{opacity:0}60%,100%{opacity:1}}
.ic-draw-head{animation:headIn 3s ease-in-out infinite}
@keyframes wobble{0%,100%{transform:rotate(-22deg)}50%{transform:rotate(28deg)}}
.ic-needle{transform-origin:12px 12px; animation:wobble 3.2s ease-in-out infinite}
.ic-spin-slow{animation:spin 4s linear infinite}
.fall-dot{position:absolute; top:-6px; width:5px; height:5px; margin-left:-2px; border-radius:50%; background:#EDEDE6; animation:fall 3.2s linear infinite; pointer-events:none}
@keyframes fall{0%{top:-6px;opacity:0}8%{opacity:.9}90%{opacity:.9}100%{top:252px;opacity:0}}
.leak-l,.leak-r{position:absolute; top:-6px; width:5px; height:5px; margin-left:-2px; border-radius:50%; background:#EDEDE6; pointer-events:none}
.leak-l{animation:leakL 3.4s ease-in infinite}
.leak-r{animation:leakR 3.4s ease-in infinite}
@keyframes leakL{0%{top:-6px;left:var(--x);opacity:0}8%{opacity:.9}52%{top:150px;left:var(--x);background:#EDEDE6}62%{background:#FF9A75;box-shadow:0 0 8px rgba(255,154,117,.8)}100%{top:205px;left:calc(var(--x) - 28%);opacity:0;background:#FF9A75}}
@keyframes leakR{0%{top:-6px;left:var(--x);opacity:0}8%{opacity:.9}52%{top:150px;left:var(--x);background:#EDEDE6}62%{background:#FF9A75;box-shadow:0 0 8px rgba(255,154,117,.8)}100%{top:205px;left:calc(var(--x) + 28%);opacity:0;background:#FF9A75}}
@keyframes drip{0%{transform:translateY(-4px);opacity:0}20%{opacity:1}100%{transform:translateY(28px);opacity:0}}
.drip{animation:drip 1.6s ease-in infinite}

/* ---------- Zaglavlje ---------- */
.nod-nav{max-width:1200px; margin:0 auto; padding:20px var(--nod-pad-x); box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px}
.nod-logo{display:inline-flex; align-items:flex-end; gap:3px; font-family:var(--nod-mono); font-weight:700; font-size:26px; letter-spacing:-.02em; line-height:1; text-decoration:none; color:var(--nod-text)}
.nod-logo:hover{color:var(--nod-text)}
.nod-logo i{display:inline-block; width:11px; height:19px; background:var(--nod-lime); margin-bottom:2px}
.nod-menu{list-style:none; margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:2px; padding:4px; border:1px solid rgba(255,255,255,.09); border-radius:999px; background:rgba(20,24,21,.6); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nod-menu li{margin:0}
.nod-menu a{display:block; padding:8px 16px; border-radius:999px; font-size:14px; text-decoration:none; color:var(--nod-soft); transition:background .2s ease,color .2s ease}
.nod-menu a:hover{background:rgba(255,255,255,.05); color:var(--nod-text)}

/* ---------- Sekcije i tipografija ---------- */
.nod-section{position:relative; max-width:1200px; margin-left:auto !important; margin-right:auto !important; padding:0 var(--nod-pad-x) var(--nod-gap-y); box-sizing:border-box}
.nod-section--top{padding-top:var(--nod-gap-y)}
.nod-center{display:flex; flex-direction:column; align-items:center; text-align:center}
.nod-tag{margin:0 !important; font-family:var(--nod-mono); font-size:13px; color:var(--nod-muted)}
.nod-tag::before{content:"/ "; color:var(--nod-lime)}
.nod-h2{margin:18px 0 0 !important; font-size:clamp(2rem, 4.2vw, 3.5rem); line-height:1.06; letter-spacing:-.035em; font-weight:500; max-width:820px;
	background:linear-gradient(180deg, #FFFFFF 30%, #8E938C 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
.nod-h2--sm{font-size:clamp(1.9rem, 3.4vw, 2.8rem); line-height:1.08}
.nod-lead{margin:20px 0 0 !important; color:var(--nod-muted); font-size:17px; max-width:600px}
.nod-center .nod-lead{margin-top:16px !important}
.nod-mt{margin-top:60px !important}

/* ---------- Hero ---------- */
.nod-hero{position:relative; max-width:1200px; margin:0 auto !important; padding:clamp(48px, 8vw, 96px) var(--nod-pad-x) clamp(72px, 9vw, 112px); box-sizing:border-box; display:flex; flex-direction:column; align-items:center; text-align:center}
.nod-hero-tags{display:flex; flex-wrap:wrap; justify-content:center; gap:10px 28px}
.nod-hero-tags > *{margin:0 !important}
.nod-bigmark{margin:28px 0 0; display:inline-flex; align-items:flex-end; gap:.06em; font-family:var(--nod-mono); font-weight:700; font-size:clamp(5rem, 15vw, 11.5rem); line-height:.85}
.nod-bigmark .type-nod{display:inline-block; overflow:hidden; white-space:nowrap; width:3ch; background:linear-gradient(180deg, #FFFFFF 25%, #7E837C 110%); -webkit-background-clip:text; background-clip:text; color:transparent}
.nod-bigmark .cur-loop{display:inline-block; width:.42em; height:.62em; background:var(--nod-lime); margin-bottom:.06em}
.nod-eyebrow{margin:20px 0 0 !important; font-family:var(--nod-mono); font-size:clamp(13px, 1.3vw, 16px); letter-spacing:.3em; text-transform:uppercase; color:var(--nod-lime)}
.nod-h1{margin:clamp(36px, 5vw, 56px) 0 0 !important; font-size:clamp(2.1rem, 4.8vw, 4rem); line-height:1.04; letter-spacing:-.04em; font-weight:500; max-width:860px;
	background:linear-gradient(180deg, #FFFFFF 30%, #8E938C 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
.nod-hero-sub{margin:20px 0 0 !important; font-size:clamp(16px, 1.5vw, 19px); color:var(--nod-muted); max-width:600px}
.nod-hero .wp-block-buttons{margin-top:36px !important; justify-content:center}
.nod-meta{margin:16px 0 0 !important; font-family:var(--nod-mono); font-size:12px; color:var(--nod-muted2)}
.nod-hero-visual{position:relative; margin-top:clamp(96px, 12vw, 160px); width:100%; max-width:980px}
.nod-hero > .row-in:nth-child(2){animation-delay:.1s} .nod-hero > .row-in:nth-child(3){animation-delay:.2s}
.nod-hero > .row-in:nth-child(4){animation-delay:.3s} .nod-hero > .row-in:nth-child(5){animation-delay:.4s}
.nod-hero > .row-in:nth-child(6){animation-delay:.5s} .nod-hero > .row-in:nth-child(7){animation-delay:.55s}
.rep-row{display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:14px; align-items:center}
.rep-head span:last-child{text-align:right}
@media (max-width:520px){
	.rep-row{grid-template-columns:minmax(0,1fr) auto; row-gap:4px}
	.rep-row .rep-area{grid-column:1; grid-row:1; font-size:11px !important; color:#8A8F88 !important; text-transform:uppercase; letter-spacing:.08em}
	.rep-row .rep-text{grid-column:1; grid-row:2}
	.rep-row .rep-pri{grid-column:2; grid-row:1 / span 2; align-self:center}
	.rep-head{display:none}
	.nod-rings{display:none}
}

/* ---------- Dugmad ---------- */
.wp-block-buttons{display:flex; flex-wrap:wrap; gap:12px}
.wp-block-button .wp-block-button__link{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 26px; box-sizing:border-box; border-radius:999px; font-size:16px; line-height:1.2; text-decoration:none; transition:box-shadow .3s ease, transform .2s ease, border-color .3s ease, background .3s ease}
.wp-block-button.is-style-lime .wp-block-button__link,
.wp-block-button:not(.is-style-ghost):not(.is-style-outline) .wp-block-button__link{background:var(--nod-lime); color:var(--nod-ink); font-weight:600; border:0}
.wp-block-button:not(.is-style-ghost):not(.is-style-outline) .wp-block-button__link:hover{color:var(--nod-ink); transform:translateY(-1px); box-shadow:0 0 0 6px rgba(198,242,78,.14), 0 12px 40px -8px rgba(198,242,78,.6)}
.wp-block-button.is-style-ghost .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link{background:rgba(255,255,255,.02); color:var(--nod-text); font-weight:500; border:1px solid rgba(255,255,255,.14); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px)}
.wp-block-button.is-style-ghost .wp-block-button__link:hover,.wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.04); color:var(--nod-text)}
.wp-block-button.nod-arrow .wp-block-button__link::after{content:""; width:16px; height:16px; flex:none; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.nod-panel .wp-block-buttons{margin-top:32px !important}

/* ---------- Alati (traka) ---------- */
.nod-tools{border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); padding:28px 0; overflow:hidden}
.nod-tools-title{margin:0 0 18px !important; text-align:center; font-family:var(--nod-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--nod-muted2)}
.nod-marquee-mask{-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent)}
.nod-marquee{list-style:none; margin:0 !important; padding:0; display:flex; width:max-content; gap:14px; font-family:var(--nod-mono); font-size:15px; color:var(--nod-soft)}
.nod-marquee.is-running{animation:marquee 45s linear infinite}
.nod-marquee li{margin:0; padding:10px 18px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.025); white-space:nowrap}

/* ---------- Kartice ---------- */
.grid4{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px}
@media (max-width:1100px){.grid4{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media (max-width:600px){.grid4{grid-template-columns:minmax(0,1fr)}}
.grid3{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; align-items:stretch}
@media (max-width:900px){.grid3{grid-template-columns:minmax(0,1fr); max-width:520px; margin-left:auto !important; margin-right:auto !important}}
.grid4 > *, .grid3 > *{margin:0 !important}
.nod-card{position:relative; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); border:1px solid var(--nod-line); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); border-radius:22px; padding:32px; display:flex; flex-direction:column; transition:border-color .3s ease, transform .3s ease}
.nod-card::after{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(340px circle at var(--mx,50%) var(--my,-30%), rgba(198,242,78,.11), transparent 60%); opacity:0; transition:opacity .35s ease}
.nod-card:hover{border-color:rgba(198,242,78,.35); transform:translateY(-2px)}
.nod-card:hover::after{opacity:1}
.nod-icon{width:48px; height:48px; border-radius:14px; border:1px solid rgba(255,255,255,.1); background:rgba(198,242,78,.06); display:flex; align-items:center; justify-content:center; color:var(--nod-lime)}
.nod-card-title{margin:24px 0 0 !important; font-size:21px; font-weight:500; letter-spacing:-.01em; line-height:1.3}
.nod-card-text{margin:14px 0 0 !important; color:var(--nod-muted)}

/* ---------- Panel (široka kartica) ---------- */
.nod-panel{position:relative; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)); border:1px solid var(--nod-line); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); border-radius:28px; padding:clamp(28px, 5vw, 64px)}
.nod-panel--glow-br::before{content:""; position:absolute; right:-200px; bottom:-260px; width:620px; height:620px; pointer-events:none; background:radial-gradient(closest-side, rgba(198,242,78,.12), transparent 70%)}
.nod-panel--glow-tl::before{content:""; position:absolute; left:-220px; top:-260px; width:700px; height:700px; pointer-events:none; background:radial-gradient(closest-side, rgba(198,242,78,.14), transparent 70%)}
.nod-split{display:flex; flex-wrap:wrap; gap:clamp(32px, 5vw, 64px); align-items:center}
.nod-split > *{position:relative; flex:1 1 380px; min-width:0; margin:0 !important}
.nod-split > .nod-col-wide{flex:1.3 1 420px}
.nod-split--top{align-items:flex-start}

/* Lista sa kvačicama */
.nod-check{list-style:none; padding:0; margin:28px 0 0 !important; display:flex; flex-direction:column; gap:14px}
.nod-check li{position:relative; margin:0; padding-left:32px}
.nod-check li::before{content:""; position:absolute; left:0; top:3px; width:20px; height:20px; background:var(--nod-lime);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- Levak ---------- */
.nod-split-head{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:24px}
.nod-split-head > *{margin:0 !important}
.nod-split-head > .wp-block-group{max-width:640px}
.nod-split-head > .nod-lead{max-width:400px}
.nod-funnel-wrap{margin-top:56px !important}
.nod-phases > *{margin:0 !important}
.nod-phase{display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:12px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.07)}
.nod-phase:last-child{border-bottom:0}
.nod-phase > *{grid-column:2; margin:0 !important}
.nod-phase > .nod-num{grid-column:1; grid-row:1 / span 2; font-family:var(--nod-mono); font-size:13px; color:var(--nod-lime); padding-top:3px}
.nod-phase > .nod-num--warn{color:var(--nod-warn)}
.nod-phase > h3{font-size:18px; font-weight:500; line-height:1.4}
.nod-phase > p:not(.nod-num){margin-top:4px !important; color:var(--nod-muted); font-size:15px}

/* ---------- Proces ---------- */
.nod-steps{gap:24px}
.nod-step::before{content:""; display:block; height:2px; border-radius:2px; background:#2A302B; animation:stepLight 6s linear infinite}
.nod-step:nth-child(2)::before{animation-delay:1.5s}
.nod-step:nth-child(3)::before{animation-delay:3s}
.nod-step:nth-child(4)::before{animation-delay:4.5s}
.nod-step-num{margin:24px 0 0 !important; font-family:var(--nod-mono); font-size:13px; color:var(--nod-lime)}
.nod-step h3{margin:12px 0 8px !important; font-size:20px; font-weight:500; line-height:1.3}
.nod-step p:not(.nod-step-num){margin:0 !important; color:var(--nod-muted)}

/* ---------- Cenovnik ---------- */
.nod-pricing::before{content:""; position:absolute; left:50%; top:120px; width:900px; max-width:100%; height:600px; transform:translateX(-50%); pointer-events:none; background:radial-gradient(closest-side, rgba(198,242,78,.08), transparent 70%)}
.nod-pricing .grid3{margin-top:56px !important}
.nod-price-card{border-radius:24px}
.nod-price-card > *{margin:0 !important}
.nod-price-card h3{font-size:20px; font-weight:500; line-height:1.3}
.nod-price-head{display:flex; justify-content:space-between; align-items:center; gap:12px}
.nod-price-head > *{margin:0 !important}
.nod-badge{padding:4px 10px; border-radius:999px; background:var(--nod-lime); color:var(--nod-ink); font-family:var(--nod-mono); font-size:11px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap}
.nod-price{margin-top:20px !important; font-size:52px; font-weight:500; letter-spacing:-.04em; line-height:1}
.nod-price code{margin-left:10px; font-family:var(--nod-mono); font-size:13px; letter-spacing:0; color:var(--nod-muted2); background:none; padding:0}
.nod-price--text{font-size:40px; letter-spacing:-.035em; line-height:1.3}
.nod-price-desc{margin-top:16px !important; color:var(--nod-muted)}
.nod-price-card .wp-block-buttons{margin-top:28px !important}
.nod-price-card .wp-block-button{width:100%}
.nod-price-card .wp-block-button__link{width:100%; min-height:48px}
.nod-price-card .nod-check{margin-top:28px !important; padding-top:24px; border-top:1px solid rgba(255,255,255,.07); gap:12px; font-size:15px}
.nod-price-card .nod-check li{padding-left:28px}
.nod-price-card .nod-check li::before{width:18px; height:18px}
.nod-price-card--featured{background:linear-gradient(180deg, rgba(198,242,78,.09), rgba(198,242,78,.015)); border-color:rgba(198,242,78,.45); box-shadow:inset 0 1px 0 rgba(198,242,78,.25), 0 40px 100px -40px rgba(198,242,78,.45)}
.nod-price-card--featured .nod-price-desc{color:var(--nod-soft)}
.nod-price-card--featured .nod-check{border-top-color:rgba(198,242,78,.18)}
.nod-note{margin:32px 0 0 !important; text-align:center; color:var(--nod-muted)}
.nod-note a{color:var(--nod-lime); text-decoration:underline; text-underline-offset:4px}

/* ---------- O nama ---------- */
.nod-photo{margin:0 !important; flex:1 1 300px !important}
.nod-photo img{display:block; width:100%; aspect-ratio:4/5; max-height:500px; object-fit:cover; border-radius:20px}
.nod-label{margin:32px 0 12px !important; font-family:var(--nod-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--nod-muted2)}
.nod-chips{list-style:none; margin:0 !important; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.nod-chips li{margin:0; padding:10px 16px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.025); font-family:var(--nod-mono); font-size:14px}
.nod-chips a{text-decoration:none}

/* ---------- Pitanja ---------- */
.nod-faq-wrap{display:flex; flex-wrap:wrap; gap:clamp(32px, 5vw, 72px)}
.nod-faq-wrap > *{margin:0 !important; flex:1 1 300px; min-width:0}
.nod-faq-wrap > .nod-faq-list{flex:2 1 520px; display:flex; flex-direction:column; gap:10px}
.nod-faq-list > *{margin:0 !important}
.nod-faq{border:1px solid var(--nod-line); border-radius:16px; background:rgba(255,255,255,.025); padding:20px 24px; transition:border-color .3s ease}
.nod-faq[open]{border-color:rgba(198,242,78,.25)}
.nod-faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:16px; font-size:17px; font-weight:500}
.nod-faq summary::-webkit-details-marker{display:none}
.nod-faq summary::after{content:"+"; color:var(--nod-lime); font-family:var(--nod-mono); flex:none}
.nod-faq[open] summary::after{content:"–"}
.nod-faq > :not(summary){margin:12px 0 0 !important; color:var(--nod-muted)}

/* ---------- Forma ---------- */
.nod-form{position:relative; background:rgba(10,12,11,.7); border:1px solid rgba(255,255,255,.09); border-radius:20px; padding:clamp(20px, 3vw, 32px); display:flex; flex-direction:column; gap:18px; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nod-form-row{display:flex; flex-wrap:wrap; gap:16px}
.nod-form-row > .nod-field{flex:1 1 200px}
.nod-field{display:flex; flex-direction:column; gap:8px}
.nod-field label{font-size:14px; color:var(--nod-soft)}
.nod-field label span{color:var(--nod-muted2)}
.nod-field input, .nod-field select, .nod-field textarea{min-height:48px; padding:0 14px; border-radius:12px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); color:var(--nod-text); font:inherit; font-size:15px; box-sizing:border-box; width:100%}
.nod-field select{background:#121513; padding:0 12px}
.nod-field textarea{padding:12px 14px; resize:vertical}
.nod-field input:focus, .nod-field select:focus, .nod-field textarea:focus{outline:none; border-color:rgba(198,242,78,.6); box-shadow:0 0 0 3px rgba(198,242,78,.15)}
.nod-field input::placeholder, .nod-field textarea::placeholder{color:#6F746D}
.nod-form button{min-height:52px; border:0; border-radius:999px; background:var(--nod-lime); color:var(--nod-ink); font:inherit; font-weight:600; font-size:16px; cursor:pointer; transition:box-shadow .3s ease, transform .2s ease}
.nod-form button:hover{transform:translateY(-1px); box-shadow:0 0 0 6px rgba(198,242,78,.14), 0 12px 40px -8px rgba(198,242,78,.6)}
.nod-form-note{margin:0; text-align:center; font-size:13px; color:var(--nod-muted2)}
.nod-form-note a{color:var(--nod-muted)}
.nod-hp{position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden}
.nod-form-msg{margin:0; padding:14px 16px; border-radius:12px; font-size:15px}
.nod-form-msg--ok{background:rgba(198,242,78,.1); border:1px solid rgba(198,242,78,.4); color:var(--nod-text)}
.nod-form-msg--err{background:rgba(255,122,77,.1); border:1px solid rgba(255,122,77,.4); color:var(--nod-text)}

/* ---------- Podnožje ---------- */
.nod-footer{border-top:1px solid rgba(255,255,255,.07); position:relative; overflow:hidden}
.nod-footer-top{max-width:1200px; margin:0 auto !important; padding:48px var(--nod-pad-x); box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; gap:32px; align-items:flex-start}
.nod-footer-top > *{margin:0 !important}
.nod-footer-brand{display:flex; flex-direction:column; gap:12px; max-width:320px}
.nod-footer-brand > *{margin:0 !important}
.nod-footer-brand p{color:var(--nod-muted2); font-size:14px}
.nod-footer-links{list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px 24px; font-size:14px}
.nod-footer-links li{margin:0}
.nod-footer-links a{text-decoration:none; color:var(--nod-soft)}
.nod-footer-links a:hover{color:var(--nod-lime)}
.nod-watermark{display:flex; justify-content:center; align-items:flex-end; padding:8px 0 24px; font-family:var(--nod-mono); font-weight:700; font-size:clamp(6rem, 22vw, 18rem); line-height:.8; -webkit-user-select:none; user-select:none}
.nod-watermark span{background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.01)); -webkit-background-clip:text; background-clip:text; color:transparent}
.nod-copy{max-width:1200px; margin:0 auto !important; padding:16px var(--nod-pad-x) 40px; box-sizing:border-box; font-family:var(--nod-mono); font-size:12px; color:var(--nod-muted2)}

/* ---------- Obične strane (politika privatnosti, blog) ---------- */
.nod-page{max-width:760px; margin:0 auto !important; padding:clamp(48px, 8vw, 96px) var(--nod-pad-x) var(--nod-gap-y); box-sizing:border-box}
.nod-page .wp-block-post-title{margin:0 0 32px; font-size:clamp(2rem, 4.2vw, 3.2rem); line-height:1.08; letter-spacing:-.035em; font-weight:500}
.nod-prose > * + *{margin-top:1.1em !important}
.nod-prose h2{font-size:28px; margin-top:1.8em !important; letter-spacing:-.02em}
.nod-prose h3{font-size:21px; margin-top:1.5em !important}
.nod-prose p, .nod-prose li{color:#C9CDC5}
.nod-prose a{color:var(--nod-lime)}
.nod-posts .wp-block-post{padding:28px 0; border-bottom:1px solid var(--nod-line)}
.nod-posts .wp-block-post-title{font-size:26px; margin:0 0 8px}
.nod-posts .wp-block-post-title a{text-decoration:none}

/* ---------- Smanjeno kretanje ---------- */
@media (prefers-reduced-motion: reduce){
	*,*::before,*::after{animation:none !important; transition:none !important}
	.type-nod{width:3ch !important}
	.reveal{opacity:1 !important; transform:none !important}
}
@media (max-width:520px){.nod-menu a{padding:7px 10px; font-size:13px}}

/* ---------- Izmene 1.1 ---------- */
/* Levak: naslov i tekst preko cele širine, levak prati skrol na širokim ekranima */
.nod-split-head{display:block}
.nod-split-head > .wp-block-group{max-width:none}
.nod-split-head > .nod-lead{max-width:none; margin-top:20px !important}
.nod-funnel-wrap{align-items:flex-start; margin-top:48px !important}
.nod-funnel-sticky{padding-top:18px}
@media (min-width:1000px){.nod-funnel-sticky{position:sticky; top:96px}}

/* O nama: NOD znak umesto fotografije */
.nod-brand-card{position:relative; overflow:hidden; flex:1 1 300px; min-width:0; aspect-ratio:4/5; max-height:500px; border-radius:20px; border:1px solid rgba(255,255,255,.09);
	background-color:#0B0D0C; background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size:36px 36px;
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nod-brand-card::before{content:""; position:absolute; left:50%; top:50%; width:420px; height:420px; transform:translate(-50%,-50%); pointer-events:none; background:radial-gradient(closest-side, rgba(198,242,78,.16), transparent 70%)}
.nod-brand-mark{position:relative; display:inline-flex; align-items:flex-end; gap:.06em; font-family:var(--nod-mono); font-weight:700; font-size:clamp(4.5rem, 9vw, 7rem); letter-spacing:-.02em; line-height:.85; color:var(--nod-text)}
.nod-brand-mark i{display:inline-block; width:.42em; height:.62em; background:var(--nod-lime); margin-bottom:.06em}
.nod-brand-sub{position:relative; font-family:var(--nod-mono); font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:var(--nod-muted2)}
.nod-col-wide .nod-lead{max-width:none}

/* Šta merimo: precrtane metrike, poslednja istaknuta */
.nod-metrics{list-style:none; margin:0 !important; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.nod-metrics li{margin:0; padding:8px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02); font-family:var(--nod-mono); font-size:13px; color:#6F746D; text-decoration:line-through; text-decoration-color:rgba(255,154,117,.7)}
.nod-metrics li:last-child{border:0; background:var(--nod-lime); color:var(--nod-ink); font-weight:600; text-decoration:none; box-shadow:0 0 24px rgba(198,242,78,.35)}