/* Queen of Peace Girls - Lodwar - External Stylesheet v3 - HTTP ONLY */
:root{
  --qop-primary:#131e4a;
  --qop-primary-light:#1e2d7a;
  --qop-gold:#c99a2b;
  --qop-gold-light:#e3b84a;
  --qop-dark:#090f25;
}

body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f8f9fc;color:#2a2e45;line-height:1.6}

/* NEW HEADER - Deep Royal */
.topbar{
  background:linear-gradient(90deg,#0a1433 0%,#131e4a 50%,#1e2d7a 100%);
  color:#e8eaf6;
  border-bottom:3px solid var(--qop-gold);
  font-size:.84rem;
}
.topbar a{color:var(--qop-gold-light);text-decoration:none}
.navbar{background:#fff!important;box-shadow:0 4px 24px rgba(19,30,74,.08);border-bottom:1px solid #eef0f7}
.navbar-brand-text{color:var(--qop-primary);line-height:1.1}
.navbar-brand-sub{font-size:.7rem;color:var(--qop-gold);letter-spacing:.5px}
.nav-link{font-weight:500;padding:1.1rem .9rem!important}
.nav-link.active,.nav-link:hover{color:var(--qop-primary)!important}

/* Carousel */
.carousel-img{height:600px;object-fit:cover;filter:brightness(.88)}

/* CRYSTAL CLEAR - Image 100% visible, no fog */
.carousel-glass{
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  max-width:800px;
}

/* Make text readable WITHOUT glass - strong shadow */
.carousel-glass h1,
.carousel-glass h2{
  color:#fff!important;
  font-weight:800!important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.9), 0 0 25px rgba(0,0,0,0.8), 0 1px 3px rgba(0,0,0,1);
}
.carousel-glass h4,
.carousel-glass p{
  color:#fff!important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.9), 0 0 15px rgba(0,0,0,0.7);
}
.carousel-glass .badge-gold{
  background:#c99a2b;
  color:#111;
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
  text-shadow:none;
}
/* Quick Buttons */
.quick-links{background:#eef1fb;border-bottom:1px solid #dde1f0}
.announcement-bar{
  background:linear-gradient(90deg,var(--qop-gold),var(--qop-gold-light));
  color:#111;
}

/* Cards & Images */
.card-modern{border:0;border-radius:16px;overflow:hidden}
.card-modern.shadow-sm{box-shadow:0 6px 20px rgba(19,30,74,.06)!important}
.card-modern.shadow-lg{box-shadow:0 12px 36px rgba(19,30,74,.12)!important}
.img-cover-320{height:320px;object-fit:cover;width:100%}
.img-cover-300{height:300px;object-fit:cover;width:100%}
.img-cover-280{height:280px;object-fit:cover;width:100%}
.img-cover-250{height:250px;object-fit:cover;width:100%}
.img-cover-400{height:400px;object-fit:cover;width:100%}
.welcome-label{color:var(--qop-gold);letter-spacing:2px}

/* Location */
.location-box{background:var(--qop-primary);color:#fff}
.location-text{color:#c5cae0}


/* NEW FOOTER - Deep Navy */
.footer{
  background:linear-gradient(180deg,#0d1533 0%,#090f25 100%);
  color:#c5cae0;
  border-top:4px solid var(--qop-gold);
}
.footer h5{color:#fff;font-weight:700}
.footer a{color:#aab1d0;text-decoration:none}
.footer a:hover{color:var(--qop-gold-light)}
.footer-bottom{background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.08)}

.whatsapp-float{
  position:fixed;bottom:22px;right:22px;width:60px;height:60px;
  background:#25D366;border-radius:50%;display:flex;align-items:center;
  justify-content:center;color:#fff;font-size:30px;text-decoration:none;
  box-shadow:0 8px 20px rgba(37,211,102,.4);z-index:9999
}

@media(max-width:768px){.carousel-img{height:420px!important}.nav-link{padding:.6rem 1rem!important}}