/* PERADARSTVO OBRUBIĆ — shared styles */
:root{
  --brand:#e0c300;
  --accent:#f0a500;
  --panel:#1f242a;
  --paper:#ffffff;
  --ink:#0f1220;
  --muted:#66707a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--ink);background:#eef1ee}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.topbar{background:var(--brand);color:#111;font-size:12px}
.topbar .wrap{display:flex;align-items:center;gap:12px;height:30px;white-space:nowrap;overflow:auto}
.badge{background:#111;color:#fff;padding:2px 6px;border-radius:2px;font-weight:700;font-size:11px}
header{background:#fff;border-bottom:4px solid #111}
.brand{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand h1{font-size:20px;margin:0;font-weight:800;letter-spacing:.4px}
nav ul{display:flex;list-style:none;margin:0;padding:0;gap:8px}
nav a{display:inline-block;padding:8px 14px;border-radius:4px;font-weight:600}
nav a.active, nav a:hover{background:var(--accent)}
.hero {position:relative;background-attachment:scroll;display:block}
.hero img {width:100%;max-width:1048px;height:400px;object-fit:cover;object-position:center;display:block;margin: 0 auto;}
section{padding:24px 0 48px}
.section-head{background:var(--panel);color:#fff;padding:16px;border-radius:4px 4px 0 0}
.section-head h2{margin:0;font-size:20px}
.card{background:#fff;padding:16px;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 4px 4px}
.footnote{background:#0e1114;color:#cbd5e1;padding:18px;font-size:12px;border-radius:4px;margin-top:8px}
/* kontakt */
.grid{display:grid;grid-template-columns:1fr;gap:18px}
.k-row{display:flex;grid-template-columns:380px 1fr;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:28px;}
.k-info{background:#f3a400;color:#fff;padding:20px;margin:0;}
.k-info h3{margin:0 0 6px 0;font-size:20px}
.k-info .line{height:1px;background:#e8b64b;margin:10px 0}
.k-map{height:320px; margin:0; padding:0;}
.k-map iframe{width:100%; height:100%; border:0; display:block;}
.k-info a{color:#fff !important;text-decoration:none;font-weight:600;}
.k-info a:hover{text-decoration:underline;}
.textlist{background:#fff;border:1px solid #e5e7eb;padding:16px;line-height:1.55}
.gotop{position:fixed;right:16px;bottom:16px;background:#111;color:#fff;border:none;border-radius:6px;padding:10px 12px;cursor:pointer}
@media(min-width:900px){
  .k-row{grid-template-columns:360px 1fr}
  .hero img{height:72vh}
.wrap2 {background-color: #fff !important;max-width:1080px;margin:0 auto;padding:0px}
.company-block {background: #fff;color:#111;padding: 20px 60px;border-radius: 4px;}
}

/* Mail top bar */
.topbar a {color: #d87a00;text-decoration: none;font-weight: 600;}
.topbar a:hover {color: #b86300;}

/* --- Mobile fixes --- */
:root{ --tap:44px }
*{-webkit-tap-highlight-color: rgba(0,0,0,0.08)}
nav a{min-height:var(--tap)}
.cta-row a{min-height:var(--tap); padding:10px 12px; border-radius:12px}
.cta-row svg{width:18px;height:18px}
.k-map.lazy{display:block}
.k-map.loaded{display:block}
.btn-map{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #2b2f35;border-radius:10px;background:#fff;color:#111;font-weight:600;cursor:pointer}
.btn-map:active{transform:scale(0.99)}
@media(max-width:540px){
  .hero img{height:38vh}
  .brand{flex-wrap:wrap;gap:8px}
  nav ul{flex-wrap:wrap}
}

/* --- Mini footer box --- */
.mini-footer-wrap{display:flex;justify-content:center;align-items:center;padding:24px 0}
.mini-footer{background:#111;color:#cbd5e1;border-radius:10px;padding:10px 16px;min-width:240px;max-width:360px;text-align:center;border:1px solid #2b2f35}
.mini-footer small{font-size:12px;letter-spacing:.2px}
footer.topbar{display:none} /* hide old full-width footer if present */

/* --- Kontakt layout (screenshot match) --- */
.k-row{display:grid;grid-template-columns:380px 1fr;gap:18px;background:transparent;border:none}
.k-info{padding:0;background:#f3a400;color:#fff;border-radius:2px;box-shadow:none}
.k-info h3{margin:0;padding:18px 18px 10px 18px;font-size:22px;color:#fff}
.k-info .items{padding:0 18px 16px 18px}
.k-info .item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.25)}
.k-info .item:first-child{border-top:none}
.k-info .icon{width:20px;min-width:20px;margin-top:2px}
.k-info svg{width:20px;height:20px;fill:#111}
.k-info .text{line-height:1.35}
.k-info a{color:#111;font-weight:700}
.k-map{min-height:320px;background:#fff;border:1px solid #e5e7eb}
.k-map iframe{width:100%;height:100%;min-height:320px;border:0}
/* page title bar */
.section-head{background:#1f242a;color:#fff;padding:14px 16px;border-radius:0}
.section-head h2{font-size:18px}
@media(max-width:900px){
  .k-row{grid-template-columns:1fr}
}