/*
Theme Name: MyRace
Theme URI: https://myrace.rs
Description: Mala i brza tema za MyRace.rs (bez page buildera).
Version: 0.3.36
Author: MyRace
Text Domain: myrace
*/
:root{--b:#30B3DE;--g:#31AF3D;--g2:#61CE70;--r:#D90F16;--t:#2b3a42;--mut:#7A7A7A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--t);background:#fff}
a{color:#1f8fb3}
img{max-width:100%;height:auto}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:50}

/* zaglavlje */
.site-h{background:#fff;border-bottom:1px solid #e6eef2}
.site-h .wrap{display:flex;align-items:center;gap:20px;min-height:72px}
.logo{order:1;display:block;flex:none;line-height:0}
.logo img{height:30px;width:auto;display:block}
.tri{order:1;flex:none;line-height:0}
.tri img{height:40px;width:auto;display:block}
.nav-w{order:2;margin-left:auto}
.photif{order:3;flex:none;line-height:0}
.photif img{height:34px;width:auto;display:block}
.nv,.nvl{display:none}
.nav{margin:0;padding:0;list-style:none;display:flex;gap:4px;align-items:center}
.nav a{display:block;padding:10px 14px;color:var(--g);font-weight:600;text-decoration:none;border-radius:8px}
.nav a:hover,.nav .current-menu-item>a,.nav .current_page_item>a{background:#eef8f0}
.nav li{position:relative}
.nav .sub-menu,.nav .children{display:none;position:absolute;left:0;top:100%;min-width:200px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e1edf2;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:20}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu,.nav li:hover>.children,.nav li:focus-within>.children{display:block}
@media (max-width:820px){
 .site-h .wrap{flex-wrap:wrap;gap:8px 12px;padding-top:10px;padding-bottom:10px}
 .logo img{height:24px}
 .tri img{height:24px}
 .photif img{height:28px}
 .photif{order:2;margin-left:auto}
 .nvl{order:3;display:block;font-size:26px;line-height:1;padding:6px 10px;cursor:pointer;color:var(--g)}
 .nav-w{order:4;width:100%;margin:0;display:none}
 .nv:checked~.nav-w{display:block}
 .nav{flex-direction:column;align-items:stretch}
 .nav .sub-menu,.nav .children{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px}
}

/* sadrzaj */
.main{padding:28px 0 56px}
.page-t{margin:0 0 18px;font-size:30px;line-height:1.2}
.entry-c>:first-child{margin-top:0}
.entry-c h2{margin-top:1.6em}

/* podnozje */
.site-f{background:#f4f9fb;border-top:1px solid #e3eef3;padding:22px 0;color:var(--mut);font-size:14px}
.site-f .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.f-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none}
.site-f a{color:var(--mut);text-decoration:none}
.site-f a:hover{color:var(--g)}
.f-soc{display:flex;gap:14px;margin-left:auto}
.f-soc a{display:block;line-height:0;padding:4px}
@media (max-width:640px){.f-soc{margin-left:0}}
@media (min-width:641px){
body{padding-bottom:64px}
.site-f{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px 0;box-shadow:0 -2px 10px rgba(0,0,0,.05)}
body.admin-bar .site-f{bottom:0}
}

/* Pravne stranice – kompaktno */
.legal{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:13px;line-height:1.5;color:var(--t,#2b3a42);max-width:1100px;margin:0 auto}
.legal-c h2.legal-h{font-size:17px;margin:0 0 8px;line-height:1.25}
.legal-c h3{font-size:13.5px;margin:12px 0 3px;line-height:1.3}
.legal-c p{margin:0 0 6px}
.legal-c ul{margin:0 0 6px;padding-left:18px}
.legal-c li{margin:0 0 2px}
@media (max-width:820px){.legal{grid-template-columns:1fr;gap:20px}}
.home-t{font-size:20px;line-height:1.3;margin:6px 0 14px;font-weight:700;color:var(--t,#2b3a42)}
.home-t span{display:block;margin-top:3px;font-weight:400;color:var(--mut,#7A7A7A);font-size:13px;line-height:1.4}
@media (max-width:640px){.home-t{font-size:17px}.home-t span{font-size:12px}}