/*
Theme Name: Stojadinović štamparija
Theme URI: https://www.stojadinovic-stampa.rs
Author: Stojadinović štamparija
Description: WordPress tema za Stojadinović štampariju sa upravljivom galerijom radova.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: stojadinovic
*/

:root{--navy:#071524;--navy2:#0c2137;--gold:#e5a928;--gold2:#ffc342;--cream:#f5f0e6;--white:#fff;--muted:#9aa7b4;--ink:#0a1725}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);border-bottom:1px solid rgba(255,255,255,.12);position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:14px}.brand>b,.brand b{display:block;font-family:"Playfair Display",serif;font-size:1.45rem;line-height:1}.brand small{display:block;color:var(--gold2);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-top:5px}.brand-mark{position:relative;width:44px;height:44px;display:block}.brand-mark i{position:absolute;width:21px;height:21px;border:2px solid var(--gold2);border-radius:50%}.brand-mark i:nth-child(1){left:4px;top:2px}.brand-mark i:nth-child(2){left:4px;bottom:2px}.brand-mark i:nth-child(3){right:1px;top:11px;border-radius:50% 50% 10% 50%;background:var(--gold2)}nav{display:flex;align-items:center;gap:34px;font-size:.92rem;font-weight:600}nav a:not(.nav-cta):hover{color:var(--gold2)}.nav-cta{border:1px solid rgba(255,255,255,.28);padding:10px 18px}.menu{display:none;background:none;border:0}.hero{min-height:790px;display:grid;grid-template-columns:52% 48%;background:radial-gradient(circle at 25% 30%,#132d48 0,transparent 38%),var(--navy);overflow:hidden}.hero-copy{padding:190px 5vw 90px clamp(24px,7vw,110px);position:relative;z-index:2}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.24em;color:var(--gold2);margin:0 0 24px}.hero h1,.contact h2{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,5.8vw,6.4rem);line-height:.98;letter-spacing:-.045em;margin:0}.hero h1 em,.contact h2 em{font-weight:600;color:var(--gold2)}.lead{max-width:570px;font-size:1.16rem;color:#c9d2db;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;font-size:.86rem;font-weight:800;letter-spacing:.04em}.gold{background:var(--gold);color:var(--ink)}.gold:hover{background:var(--gold2)}.ghost{border:1px solid #526272}.ghost:hover{border-color:var(--gold2)}.proof{display:flex;gap:30px;margin-top:68px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);font-size:.78rem;letter-spacing:.08em}.proof span{color:var(--muted)}.hero-visual{position:relative;min-height:650px;overflow:hidden;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,36,.55),transparent 30%),linear-gradient(0deg,rgba(7,21,36,.9),transparent 50%)}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.05)}.visual-label{position:absolute;z-index:2;right:7%;bottom:7%;text-align:right}.visual-label span{display:block;color:var(--gold2);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.visual-label b{font-family:"Playfair Display",serif;font-size:1.5rem}.services{background:var(--cream);color:var(--ink);padding:110px clamp(24px,7vw,110px)}.section-head{display:grid;grid-template-columns:1.5fr 1fr;gap:9vw;align-items:end;margin-bottom:65px}.section-head h2,.about h2{font-family:"Playfair Display",serif;font-size:clamp(2.25rem,4vw,4rem);line-height:1.12;letter-spacing:-.03em;margin:0;max-width:760px}.section-head>p{color:#59646d;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9c5bd;border-left:1px solid #c9c5bd}.service{min-height:310px;padding:28px;position:relative;border-right:1px solid #c9c5bd;border-bottom:1px solid #c9c5bd;transition:.25s}.service:hover,.service.featured{background:var(--navy2);color:white;transform:translateY(-5px);box-shadow:0 18px 35px rgba(4,17,29,.16)}.service .num{position:absolute;right:22px;top:18px;color:#929ba2;font-size:.72rem}.icon{width:54px;height:54px;border:1px solid #d3a634;color:#b47a02;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:1.1rem;margin:22px 0 42px}.service:hover .icon,.service.featured .icon{color:var(--gold2)}.service h3{font-size:1.08rem;margin:0 0 12px}.service p{font-size:.86rem;color:#6c747a;margin:0}.service:hover p,.service.featured p{color:#b5c0ca}.line{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--gold2);transition:.25s}.service:hover .line,.service.featured .line{width:100%}.more-services{display:flex;align-items:center;gap:28px;margin-top:35px;font-size:.84rem}.more-services span{color:#7b8288}.more-services b:before{content:"+";color:#c89217;margin-right:8px}.about{display:grid;grid-template-columns:1.1fr .9fr;min-height:660px}.about-card{background:var(--navy2);padding:110px clamp(24px,7vw,110px)}.about-card p:not(.eyebrow){color:#b2bdc7;max-width:620px}.about-card>a{display:inline-block;margin-top:35px;font-weight:700;border-bottom:1px solid var(--gold2);padding-bottom:8px}.about-card>a span{color:var(--gold2);margin-left:12px}.quote{background:var(--gold);color:var(--ink);padding:100px clamp(28px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.quote-mark{font-family:"Playfair Display",serif;font-size:6rem;height:75px}.quote blockquote{font-family:"Playfair Display",serif;font-size:clamp(1.6rem,2.5vw,2.55rem);line-height:1.25;margin:20px 0 70px}.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid rgba(8,21,35,.25);padding-top:22px}.mini-facts strong,.mini-facts span{display:block}.mini-facts strong{font-size:.78rem}.mini-facts span{font-size:.7rem;opacity:.7}.contact{padding:120px clamp(24px,7vw,110px);background:radial-gradient(circle at 85% 20%,#183755 0,transparent 32%),var(--navy)}.contact h2{max-width:950px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:80px;border-top:1px solid rgba(255,255,255,.18)}.contact-grid a{padding:28px 10px;border-bottom:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:30px}.contact-grid a:nth-child(odd){padding-right:45px;border-right:1px solid rgba(255,255,255,.18)}.contact-grid a:nth-child(even){padding-left:45px}.contact-grid span{color:var(--gold2);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em}.contact-grid strong{text-align:right;font-size:.93rem}.contact-grid a:hover{background:rgba(255,255,255,.04)}footer{display:flex;align-items:center;justify-content:space-between;padding:40px clamp(24px,7vw,110px);background:#040e19;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#94a0ab}footer .brand b{color:white}footer>a{color:var(--gold2)}
@media(max-width:950px){.topbar nav{display:none;position:absolute;top:92px;left:0;right:0;background:#071524;padding:25px;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.menu{display:block}.menu span{display:block;width:28px;height:2px;background:white;margin:7px}.hero{grid-template-columns:1fr}.hero-copy{padding-top:160px}.hero-visual{min-height:460px;clip-path:none}.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr;gap:25px}.about{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-grid a:nth-child(n){padding-left:0;padding-right:0;border-right:0}.more-services{flex-wrap:wrap}}@media(max-width:560px){.topbar{height:78px;padding:0 20px}.brand b{font-size:1.15rem}.brand-mark{transform:scale(.85)}.hero-copy{padding:135px 22px 70px}.hero h1{font-size:3.1rem}.hero-visual{min-height:380px}.services,.contact{padding:80px 22px}.service-grid{grid-template-columns:1fr}.service{min-height:260px}.about-card,.quote{padding:80px 22px}.more-services{display:grid;grid-template-columns:1fr 1fr}.contact-grid a{flex-direction:column;gap:6px}.contact-grid strong{text-align:left;overflow-wrap:anywhere}footer{align-items:flex-start;gap:28px;flex-direction:column}.mini-facts{grid-template-columns:1fr}.contact h2{font-size:3rem}}

/* Refined visual system: abstract print hero and service photography */
.hero-visual{background:radial-gradient(circle at 70% 35%,rgba(44,77,108,.72),transparent 38%),linear-gradient(135deg,#0a1b2d,#030d18)}
.hero-visual:before{content:"";position:absolute;inset:18% -8% 15% 16%;transform:rotate(-9deg);border:1px solid rgba(255,255,255,.14);background:linear-gradient(115deg,rgba(0,166,215,.62),rgba(230,0,126,.68) 38%,rgba(255,218,0,.65) 66%,rgba(8,20,34,.65));box-shadow:0 40px 90px rgba(0,0,0,.45)}
.hero-visual:after{z-index:2}.print-sheet{position:absolute;z-index:1;inset:26% 6% 24% 21%;transform:rotate(-9deg);border:12px solid rgba(255,255,255,.88);box-shadow:0 28px 70px rgba(0,0,0,.45);overflow:hidden}.print-sheet span{position:absolute;inset:-20%;border-radius:45%;mix-blend-mode:screen;filter:blur(18px)}.print-sheet span:nth-child(1){background:#02a8db;transform:translate(-28%,-18%)}.print-sheet span:nth-child(2){background:#d80078;transform:translate(30%,-6%)}.print-sheet span:nth-child(3){background:#f0bc19;transform:translate(4%,42%)}.registration{position:absolute;z-index:3;right:7%;top:17%;display:flex;gap:9px}.registration i{width:10px;height:10px;border-radius:50%}.registration i:nth-child(1){background:#00a6d7}.registration i:nth-child(2){background:#dc007a}.registration i:nth-child(3){background:#f4c21d}.registration i:nth-child(4){background:#111}.visual-label{z-index:3}
.service{overflow:hidden}.service-photo{color:#fff;background:#071524}.service-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05);transition:transform .55s ease}.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,22,.97) 4%,rgba(5,17,30,.7) 60%,rgba(5,17,30,.28))}.service-photo:hover>img{transform:scale(1.055)}.service-photo>*:not(img){position:relative;z-index:2}.service-photo p{color:#c5ced6}.service-photo .num{z-index:3;color:#d2d7dc}.service-photo .icon{color:var(--gold2);background:rgba(4,16,29,.4);backdrop-filter:blur(5px)}.service-photo .icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-grid .service:nth-last-child(-n+2){grid-column:span 2}.service-grid .service:nth-last-child(-n+2)>img{object-position:center 48%}
@media(max-width:950px){.service-grid .service:nth-last-child(-n+2){grid-column:span 1}}
.brand-logo{height:72px;display:flex;align-items:center}.brand-logo img{display:block;width:auto;height:62px;object-fit:contain}.footer-logo{height:58px}.footer-logo img{height:52px}@media(max-width:560px){.brand-logo{height:64px}.brand-logo img{height:51px;max-width:235px}.footer-logo img{height:48px;max-width:250px}}
.hero-visual{background:#071524}.hero-visual:before{display:none}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}.hero-visual:after{background:linear-gradient(90deg,rgba(7,21,36,.72),rgba(7,21,36,.05) 42%),linear-gradient(0deg,rgba(7,21,36,.78),transparent 42%)}
.shop-promo{padding:75px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center;background:linear-gradient(115deg,#e1a321,#ffc84b);color:var(--ink);position:relative;overflow:hidden}.shop-promo:after{content:"KUTIJE";position:absolute;right:-25px;bottom:-80px;font:800 10rem/1 Manrope,sans-serif;color:rgba(7,21,36,.055);letter-spacing:-.07em}.shop-promo .eyebrow{color:#654500;margin-bottom:14px}.shop-promo h2{font-family:"Playfair Display",serif;font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.05;letter-spacing:-.035em;margin:0}.shop-promo h2 em{font-weight:600}.shop-promo-action{position:relative;z-index:2}.shop-promo-action p{max-width:570px;margin:0 0 24px}.shop-promo-action a{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--navy);color:#fff;padding:18px 22px;font-weight:800;letter-spacing:.02em}.shop-promo-action a:hover{background:#102a43}.shop-promo-action a span{font-size:1.35rem;color:var(--gold2)}
@media(max-width:760px){.shop-promo{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.shop-promo:after{font-size:6rem;bottom:-30px}.hero-visual>img{object-position:56% center}}
.footer-links{display:flex;align-items:center;gap:28px}.footer-links .shop-link{color:var(--gold2);font-weight:800}.footer-links a:hover{color:#fff}@media(max-width:560px){.footer-links{flex-direction:column;align-items:flex-start;gap:12px}}
.product-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;background:#040e19}.gallery-item{display:block;min-width:0;padding:0;border:0;background:#0c2137;aspect-ratio:1/1;overflow:hidden;cursor:zoom-in}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.045);filter:brightness(1.08)}.gallery-item:focus-visible{outline:3px solid var(--gold2);outline-offset:-3px}.gallery-lightbox[hidden]{display:none}.gallery-lightbox{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,8fr) minmax(44px,1fr);align-items:center;background:rgba(2,8,14,.94);padding:36px}.gallery-lightbox img{display:block;justify-self:center;max-width:100%;max-height:calc(100vh - 72px);object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.55)}.lightbox-close,.lightbox-arrow{border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.lightbox-close{position:absolute;right:24px;top:18px;width:48px;height:48px;font-size:2rem;line-height:1}.lightbox-arrow{width:52px;height:68px;font-size:2.4rem}.lightbox-prev{justify-self:start}.lightbox-next{justify-self:end}.lightbox-close:hover,.lightbox-arrow:hover{background:var(--gold);color:var(--ink)}body.lightbox-open{overflow:hidden}@media(max-width:950px){.product-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}.gallery-lightbox{grid-template-columns:44px minmax(0,1fr) 44px;padding:16px}.lightbox-arrow{width:40px;height:58px}.lightbox-close{right:12px;top:10px}}