/* Provjera posrednika - production UI */
:root{
  --pp-navy:#0f2f6b;
  --pp-navy-2:#163b84;
  --pp-accent:#27c2a0;
  --pp-text:#0c1630;
  --pp-muted:rgba(12,22,48,.68);
  --pp-card:rgba(255,255,255,.92);
  --pp-bg:#f0f5ff;
  --pp-surface:rgba(255,255,255,.78);
  --pp-border:rgba(15,47,107,.14);
  --pp-shadow:0 18px 45px rgba(12,22,48,.12);

  /* Updated at runtime from the fixed navbar height */
  --pp-nav-h:72px;

}

*,*::before,*::after{box-sizing:border-box;}

html{min-height:100%;background:var(--pp-bg);color:var(--pp-text);scroll-padding-top:calc(var(--pp-nav-h) + 1rem);}
body{min-height:100%;background:var(--pp-bg);color:var(--pp-text);}

/* Avoid horizontal scroll (fallback) */
body{overflow-x:clip;}
@supports not (overflow-x: clip){
  body{overflow-x:hidden;}
}

img,svg,video,canvas{max-width:100%;height:auto;}

body{
  color:var(--pp-text);
  background:
    radial-gradient(1100px 700px at 12% 10%, rgba(39,194,160,.14), transparent 60%),
    radial-gradient(900px 600px at 88% 12%, rgba(22,59,132,.14), transparent 55%),
    linear-gradient(180deg, rgba(15,47,107,.08) 0%, rgba(15,47,107,.03) 28%, rgba(15,47,107,.08) 100%);
}

a{color:var(--pp-navy-2);}
a:hover{color:var(--pp-navy);}

.navbar{
  backdrop-filter:blur(8px);
  background:var(--pp-navy);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.navbar .nav-link{color:rgba(255,255,255,.86);}
.navbar .nav-link:hover{color:#fff;}
.navbar .navbar-toggler{border-color:rgba(255,255,255,.22);}
.navbar .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.18);}
.navbar .navbar-toggler-icon{filter:invert(1) grayscale(1) brightness(2);}

.brand-badge{
  display:inline-flex;align-items:center;gap:.55rem;
  font-weight:900;letter-spacing:.2px;color:#fff;
}
.brand-dot{
  width:11px;height:11px;border-radius:999px;background:var(--pp-accent);
  box-shadow:0 0 0 6px rgba(39,194,160,.18);
}

.hero{
  min-height:100vh;
  min-height:100svh;
  padding-top:calc(var(--pp-nav-h) + 1.25rem);
  padding-bottom:3rem;
}
.headline{font-weight:900;letter-spacing:-.4px;color:var(--pp-navy);}
.subhead{color:var(--pp-muted);max-width:52rem;margin:0 auto;}

.section-title{color:var(--pp-navy);font-weight:900;letter-spacing:-.2px;}
.section-subtitle{color:var(--pp-muted);max-width:52rem;margin:0 auto;}

.section-soft{
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.30));
  border-top:1px solid rgba(15,47,107,.10);
  border-bottom:1px solid var(--pp-border);
}

.card-soft{
  background:var(--pp-card);
  border:1px solid rgba(15,47,107,.12);
  border-radius:18px;
  box-shadow:0 20px 60px rgba(10,20,40,.10);
}

.btn-primary{background:var(--pp-navy-2);border-color:var(--pp-navy-2);}
.btn-primary:hover{background:var(--pp-navy);border-color:var(--pp-navy);}

.btn-accent{
  background:var(--pp-accent);border-color:var(--pp-accent);
  color:#06241d;font-weight:800;
}
.btn-accent:hover{filter:brightness(.95);}

.input-pill{border-radius:14px;border:1px solid rgba(15,47,107,.18);}
.input-pill:focus{
  border-color:rgba(39,194,160,.75);
  box-shadow:0 0 0 .25rem rgba(39,194,160,.18);
}

.result-box{
  border-radius:16px;
  border:1px solid rgba(15,47,107,.14);
  background:rgba(255,255,255,.85);
}

.badge-soft{
  border:1px solid rgba(15,47,107,.14);
  background:rgba(15,47,107,.06);
  color:rgba(15,47,107,1);
}
.badge-cert{
  background:rgba(39,194,160,.14);
  border:1px solid rgba(39,194,160,.35);
  color:#075b48;
}
.badge-offline{
  background:rgba(220,53,69,.12);
  border:1px solid rgba(220,53,69,.28);
  color:#8a1220;
}
.badge-online{
  background:rgba(25,135,84,.12);
  border:1px solid rgba(25,135,84,.28);
  color:#0f5132;
}

.svc{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:999px;
}
.svc.ok{background:rgba(25,135,84,.12);color:#198754;}
.svc.no{background:rgba(220,53,69,.12);color:#dc3545;}

.feature{
  display:flex;gap:1rem;align-items:flex-start;
  padding:.9rem 1rem;border-radius:16px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(15,47,107,.12);
}
.feature .icon{
  width:42px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(15,47,107,.08);
  color:var(--pp-navy-2);
  flex:0 0 auto;
}
.feature .title{font-weight:900;color:var(--pp-navy);}
.feature .text{color:var(--pp-muted);font-size:.95rem;}

/* Ensure content never disappears if AOS JS fails to initialize */
[data-aos]{opacity:1!important;transform:none!important;}

/* Pills for service badges */
.svc-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(15,47,107,.14);background:rgba(255,255,255,.72);font-size:.92rem;}
.svc-pill i{line-height:1;}

/* Subtle panel used inside cards */
.card-soft-ghost{background:rgba(255,255,255,.60);border:1px solid rgba(15,47,107,.12);border-radius:16px;}

.table thead th{background:rgba(15,47,107,.05)!important;}
.table td,.table th{border-color:rgba(15,47,107,.10)!important;}

.table-wrap{
  border:1px solid rgba(15,47,107,.12);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.88);
}

.site-footer, footer{
  background:var(--pp-navy);
  border-top:1px solid rgba(255,255,255,.14);
}

.small-muted{color:var(--pp-muted);}

/* Footer */
.footer-title{font-weight:900;color:#fff;}
.footer-link{color:rgba(255,255,255,.78);text-decoration:none;}
.footer-link:hover{color:#fff;text-decoration:underline;}
.footer-divider{height:1px;background:rgba(255,255,255,.14);}
.site-footer a{color:rgba(255,255,255,.78);}
.site-footer a:hover{color:#fff;}
.site-footer hr{border-color:rgba(255,255,255,.14);}

/* Cookie banner */
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:1080;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(15,47,107,.12);
  box-shadow:0 -18px 60px rgba(10,20,40,.10);
}
.cookie-banner .cookie-inner{max-width:1100px;margin:0 auto;}
.cookie-badge{display:inline-flex;align-items:center;gap:.5rem;}
.cookie-badge i{color:var(--pp-navy-2);}

/* Secondary pages */
.page-hero{min-height:auto;padding-top:calc(var(--pp-nav-h) + 1.25rem);padding-bottom:3rem;}

@media (max-width: 991px){
  .hero{padding-top:calc(var(--pp-nav-h) + 1rem);}
}

.navbar-toggler{border:0;}
.navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg);} 


.table-responsive{border-radius:18px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--pp-border);-webkit-overflow-scrolling:touch;}
.table{margin-bottom:0;}


.result-card .badge-cert{background:var(--pp-accent);color:#062118;border:none;}
.result-card .badge-miss{background:rgba(255,255,255,.14);color:var(--pp-text);border:1px solid var(--pp-border);}
.result-card .badge-manual{background:rgba(13,110,253,.12);color:#084298;border:1px solid rgba(13,110,253,.28);}


.footer-links{display:flex;flex-direction:column;gap:.35rem;}
.powered-by{white-space:nowrap;}


.code-block{background:rgba(255,255,255,.72);border:1px solid var(--pp-border);border-radius:18px;padding:1rem;overflow:auto;}
.code-block code{color:inherit;}

/* Footer layout refinements */
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.25rem;}
.footer-col{min-width:0;}
.footer-brand{max-width:520px;}
.site-footer .footer-links{display:grid;gap:.45rem;}
.site-footer .footer-links a{display:inline-flex;align-items:center;gap:.35rem;overflow-wrap:anywhere;}
.site-footer .powered-by{white-space:nowrap;}

@media (max-width: 991px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-brand{grid-column:1 / -1;max-width:none;}
}

@media (max-width: 575px){
  .footer-grid{grid-template-columns:1fr;}
}