/*
Theme Name: SD Dorćol
Theme URI: https://www.facebook.com/sportskodrustvo.dorcol
Author: Sportsko društvo Dorćol
Description: Moderna WordPress tema za Sportsko društvo Dorćol, sa klubovima, vestima, sportskim lokacijama i institucionalnom podrškom.
Version: 2.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sd-dorcol
*/
:root{--navy:#0c2f5d;--navy2:#154a87;--blue:#1685d9;--sky:#74c7f2;--red:#e4292f;--ink:#14243a;--muted:#65758a;--bg:#f4f7fb;--white:#fff;--line:#e6edf4;--shadow:0 16px 45px rgba(14,48,91,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1220px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(10,45,89,.08)}.header-row{min-height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-logo{width:52px;height:58px;object-fit:contain}.brand-text{line-height:1}.brand-text small{display:block;font-size:.66rem;font-weight:900;letter-spacing:.06em}.brand-text strong{display:block;font-size:1.45rem;color:var(--navy);margin-top:4px}.main-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.main-nav a{font-size:.78rem;font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:.03em;padding:29px 0 25px;border-bottom:3px solid transparent}.main-nav a:hover{color:var(--blue);border-bottom-color:var(--blue)}.menu-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:9px;padding:10px 13px;font-weight:800}
.hero{position:relative;min-height:570px;display:flex;align-items:center;color:white;overflow:hidden;background:#102d52}.hero:before{content:"";position:absolute;inset:0;background:url('assets/images/kula-nebojsa-hero.jpg') center 47%/cover no-repeat;transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,37,75,.94) 0%,rgba(9,47,91,.76) 47%,rgba(9,37,75,.14) 72%,rgba(9,37,75,.05) 100%)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:150px minmax(0,600px);align-items:center;gap:30px;padding:70px 0}.hero-crest{width:150px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25))}.hero-copy h1{font-size:clamp(3.4rem,6.7vw,6.2rem);line-height:.88;letter-spacing:-.05em;margin:0}.hero-copy h1 span{display:block;color:#77c9f2}.hero-copy p{max-width:560px;font-size:1.17rem;color:#eef5fb;margin:24px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:13px 21px;font-weight:900;font-size:.86rem;transition:.2s}.btn-primary{background:#087acc;color:white}.btn-primary:hover{background:#086bb2;transform:translateY(-2px)}.btn-outline{border:1px solid rgba(255,255,255,.8);color:white;background:rgba(255,255,255,.08)}.btn-outline:hover{background:white;color:var(--navy)}
.section{padding:72px 0}.section.white{background:white}.kicker{font-size:.76rem;color:#5f7999;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}.section-title h2{font-size:clamp(2.1rem,4vw,3.35rem);line-height:1.05;color:var(--navy);margin:5px 0}.section-title p{margin:8px 0 0;color:var(--muted);max-width:760px}.section-link{color:var(--blue);font-weight:900;white-space:nowrap}
.club-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.club-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 7px 22px rgba(17,53,94,.06);transition:.22s}.club-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.club-photo{aspect-ratio:16/9;width:100%;object-fit:cover;display:block}.club-bottom{display:grid;grid-template-columns:44px 1fr 22px;gap:12px;align-items:center;padding:14px 15px 16px}.club-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef7fd;color:var(--navy);font-size:1.25rem}.club-name{font-weight:900;color:var(--navy);line-height:1.15;font-size:.95rem}.club-arrow{font-weight:900;color:#0b86d8;font-size:1.25rem}
.venues-section{background:#f5f8fc}.venue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.venue-card{display:grid;grid-template-columns:48% 52%;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 9px 28px rgba(17,53,94,.06)}.venue-card img{width:100%;height:100%;min-height:230px;object-fit:cover}.venue-copy{padding:28px}.venue-copy h3{color:var(--navy);font-size:1.22rem;margin:0 0 8px}.venue-copy p{color:var(--muted);margin:0 0 18px}.venue-meta{font-size:.86rem;color:#5d7290;font-weight:700}.pin{color:#0a83d2;margin-right:7px}
.news-section{background:white}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:#f8fafc;border:1px solid var(--line);border-radius:16px;overflow:hidden}.post-thumb img{display:block;width:100%;height:210px;object-fit:cover}.post-body{padding:21px}.post-meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--blue)}.post-card h3{font-size:1.23rem;line-height:1.25;color:var(--navy);margin:8px 0}.post-card p{color:var(--muted);font-size:.94rem}.read-more{font-weight:900;color:var(--blue);font-size:.9rem}
.support{background:#fff}.support-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.logo-box{background:white;border:1px solid var(--line);border-radius:14px;min-height:160px;display:flex;align-items:center;justify-content:center;padding:24px;box-shadow:0 8px 25px rgba(16,50,92,.05)}.logo-box img{max-height:105px;max-width:90%;object-fit:contain}.logo-box.city img{max-height:115px}
.documents{background:linear-gradient(120deg,#092b57,#0c427a);color:white}.documents .section-title h2,.documents .section-title p{color:white}.doc-card{display:flex;align-items:center;gap:20px;background:white;color:var(--ink);border-radius:16px;padding:22px}.doc-icon{background:var(--red);color:white;font-weight:950;border-radius:11px;padding:14px}.doc-copy{flex:1}.doc-copy strong{display:block;color:var(--navy);font-size:1.12rem}.doc-copy p{margin:4px 0;color:var(--muted)}.doc-card .btn{background:var(--red);color:white}
.facebook-cta{background:#126dcb;color:white}.facebook-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.facebook-inner h2{font-size:2rem;margin:0 0 5px}.facebook-inner p{margin:0;color:#e5f1ff}.facebook-inner .btn{background:white;color:#126dcb}
.site-footer{background:#08284f;color:#d8e3ef;padding:45px 0 18px;position:relative;overflow:hidden}.site-footer:after{content:"";position:absolute;right:-30px;bottom:-35px;width:420px;height:220px;background:radial-gradient(ellipse at center,rgba(67,139,202,.21),transparent 68%);pointer-events:none}.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:60px;height:68px;object-fit:contain}.footer-brand strong{font-size:1.3rem}.site-footer h4{color:white;margin:0 0 12px}.site-footer a{color:#d8e3ef}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.socials{display:flex;gap:12px}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-weight:900}.copyright{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:17px;font-size:.78rem;color:#9fb1c6;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.content-page{padding:70px 0}.entry{background:white;border:1px solid var(--line);border-radius:18px;padding:34px}.entry h1{color:var(--navy)}
@media(max-width:1050px){.club-grid{grid-template-columns:repeat(2,1fr)}.main-nav ul{gap:18px}.main-nav a{font-size:.72rem}.venue-card{grid-template-columns:1fr}.venue-card img{min-height:210px}}
@media(max-width:850px){.main-nav{display:none}.menu-toggle{display:block}.main-nav.open{display:block;position:absolute;left:18px;right:18px;top:73px;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.main-nav.open ul{flex-direction:column;align-items:flex-start;gap:0}.main-nav.open a{display:block;padding:10px 0;border:0}.hero-inner{grid-template-columns:105px 1fr;gap:18px}.hero-crest{width:105px}.support-logos,.post-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.facebook-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1220px)}.brand-text small{display:none}.brand-text strong{font-size:1.15rem}.brand-logo{width:45px}.hero{min-height:520px}.hero-inner{grid-template-columns:1fr;padding:54px 0}.hero-crest{width:94px}.hero-copy h1{font-size:3.45rem}.club-grid,.venue-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column}.doc-card{flex-direction:column;align-items:flex-start}.copyright{flex-direction:column}.footer-links{grid-template-columns:1fr}.club-name{font-size:1rem}}


/* v2.3 visual and accessibility refinements */
body{font-synthesis-weight:none}.site-header{border-bottom:1px solid rgba(12,47,93,.06)}
.brand-logo,.custom-logo{transition:transform .22s ease}.brand:hover .brand-logo,.brand:hover .custom-logo{transform:translateY(-1px)}
.main-nav a{position:relative}.main-nav a:focus-visible,.btn:focus-visible,.club-card:focus-visible,.section-link:focus-visible{outline:3px solid rgba(22,133,217,.35);outline-offset:4px;border-radius:6px}
.hero{min-height:610px}.hero:before{filter:saturate(.94) contrast(1.04)}.hero:after{background:linear-gradient(90deg,rgba(6,30,62,.97) 0%,rgba(8,47,91,.84) 46%,rgba(9,37,75,.18) 76%,rgba(9,37,75,.06) 100%)}
.hero-inner{grid-template-columns:160px minmax(0,650px);gap:34px;padding:86px 0 112px}.hero-crest{width:160px}.hero-kicker{display:inline-block;margin-bottom:15px;font-size:.76rem;line-height:1.3;font-weight:900;letter-spacing:.18em;color:#bfe6ff;text-transform:uppercase}.hero-copy h1{text-shadow:0 8px 30px rgba(0,0,0,.2)}.hero-copy p{font-size:1.2rem;max-width:610px}.hero-fade{position:absolute;z-index:1;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to bottom,transparent,rgba(3,21,43,.32));pointer-events:none}
.identity-strip{position:relative;z-index:4;margin-top:-34px}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid rgba(13,65,119,.1);border-radius:16px;box-shadow:0 18px 50px rgba(7,38,77,.13);overflow:hidden}.identity-grid>div{padding:21px 28px;display:flex;flex-direction:column;gap:1px}.identity-grid>div+div{border-left:1px solid var(--line)}.identity-grid strong{font-size:1.15rem;line-height:1.2;color:var(--navy);font-weight:950}.identity-grid span{font-size:.82rem;color:var(--muted);font-weight:700}
.section{padding:82px 0}.section-title h2{letter-spacing:-.025em}.section-title p{font-size:1rem}.kicker{display:inline-flex;align-items:center;gap:9px}.kicker:before{content:"";display:inline-block;width:24px;height:2px;background:currentColor;border-radius:2px}
.club-grid{gap:20px}.club-card{border-radius:17px;box-shadow:0 8px 28px rgba(17,53,94,.07)}.club-photo-wrap{position:relative;overflow:hidden;background:#dce6f0}.club-photo{aspect-ratio:16/9;transition:transform .45s ease}.club-photo-shade{position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to top,rgba(6,32,65,.18),transparent);pointer-events:none}.club-card:hover .club-photo{transform:scale(1.035)}.club-bottom{min-height:76px}.club-arrow{transition:transform .2s ease}.club-card:hover .club-arrow{transform:translateX(3px)}
.venues-section{background:linear-gradient(180deg,#f6f9fc 0%,#eef4f9 100%)}.venue-grid{gap:22px}.venue-card{grid-template-columns:51% 49%;border-radius:18px;box-shadow:0 12px 34px rgba(17,53,94,.08)}.venue-image{min-height:250px;overflow:hidden;background:#dfe8ef}.venue-card img{transition:transform .5s ease}.venue-card:hover img{transform:scale(1.025)}.venue-copy{display:flex;flex-direction:column;justify-content:center;padding:30px}.venue-label{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;background:#eaf5fd;color:#0875bc;font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}.venue-copy h3{font-size:1.28rem;line-height:1.25}
.post-grid{gap:20px}.post-card{background:#fff;border-radius:17px;box-shadow:0 8px 26px rgba(17,53,94,.06);transition:.22s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.post-thumb{display:block;overflow:hidden}.post-thumb img{transition:transform .45s ease}.post-card:hover .post-thumb img{transform:scale(1.025)}
.support-logos{margin-top:26px}.logo-box{border-radius:17px;transition:.22s}.logo-box:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.documents{position:relative;overflow:hidden}.documents:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(116,199,242,.17),transparent 34%);pointer-events:none}.documents .wrap{position:relative}.doc-kicker{color:#cfe7ff!important}.doc-card{box-shadow:0 16px 38px rgba(0,0,0,.12)}
.facebook-cta{background:linear-gradient(120deg,#0c5eaf,#1685d9)}.facebook-kicker{font-size:.72rem;letter-spacing:.17em;font-weight:900;color:#cfeaff}.facebook-inner .btn{box-shadow:0 8px 20px rgba(0,0,0,.12)}
@media(max-width:1050px){.hero-inner{grid-template-columns:135px minmax(0,600px)}.hero-crest{width:135px}.venue-card{grid-template-columns:1fr}.venue-image{min-height:230px}}
@media(max-width:850px){.identity-grid{grid-template-columns:1fr}.identity-grid>div+div{border-left:0;border-top:1px solid var(--line)}.hero{min-height:560px}.hero-inner{padding:66px 0 98px}.menu-toggle[aria-expanded="true"]{background:var(--blue)}}
@media(max-width:620px){.hero{min-height:580px}.hero-inner{padding:50px 0 88px}.hero-kicker{font-size:.68rem}.identity-strip{margin-top:-22px}.identity-grid>div{padding:17px 20px}.section{padding:64px 0}.club-bottom{min-height:auto}.venue-copy{padding:24px}.venue-image{min-height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}