/* IAF Global Styles - Navy flat theme */
/* Color palette */
:root{
  --iaf-navy:#0A2946;
  --iaf-navy-2:#354D81;
  --iaf-bg:#F5F7FB;
  --iaf-text:#1C2431;
  --iaf-accent:#1f6feb;
}

/* Reset helpers */
html{scroll-behavior:smooth}
body{
  font-family: 'Inter', 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--iaf-text);
  background:var(--iaf-bg);
  line-height:1.6;
}

/* Skip link */
.skip-link{
  position:fixed;left:1rem;top:-3rem;z-index:1050;
  background:#fff;color:#000;border:2px solid var(--iaf-navy);
  padding:.5rem .75rem;border-radius:.5rem;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.skip-link:focus{top:1rem;outline:none}

/* Navbar */
.navbar-iaf{background:#fff;border-bottom:1px solid rgba(10,41,70,.08)}
.navbar-iaf .navbar-brand{
  font-weight:800;color:var(--iaf-navy);letter-spacing:.5px
}
.navbar-iaf .nav-link{color:var(--iaf-text)}
.navbar-iaf .nav-link:focus,.navbar-iaf .nav-link:hover{color:var(--iaf-navy-2)}
.navbar-iaf .dropdown-menu{border-radius:.5rem;border:1px solid rgba(10,41,70,.12)}
/* Ensure toggler icon is visible without navbar-light/dark */
.navbar-iaf .navbar-toggler{border-color:rgba(0,0,0,.1)}
.navbar-iaf .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(28,36,49,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

/* Hero / carousel captions */
.carousel-caption{background:rgba(10,41,70,.6);border-radius:.75rem;padding:1rem 1.25rem}
.carousel .btn{border-radius:2rem}

/* Carousel fixed height (independent of image size) */
.carousel-item{position:relative;height:220px}
@media (min-width: 768px){
  .carousel-item{height:420px}
}
@media (min-width: 992px){
  .carousel-item{height:420px}
}
.carousel-item > img{
  position:absolute;inset:0; /* top:0;right:0;bottom:0;left:0 */
  width:100%;height:100%;object-fit:cover;z-index:0
}
/* Subtle navy overlay on slider images */
.carousel-item::after{
  content:"";
  position:absolute;inset:0;
  background: rgba(10,41,70,.48); /* subtle navy */
  z-index:1;
  pointer-events:none;
}
/* Ensure captions sit above the overlay */
.carousel-caption{z-index:2}

/* Sections */
.section{padding:3rem 0}
.section-title{color:var(--iaf-navy);font-weight:800}
.lead-muted{color:#5c6777}

/* Cards */
.card-iaf{border:1px solid rgba(10,41,70,.12);border-radius:1rem;overflow:hidden;background:#fff}
.card-iaf .card-title{color:var(--iaf-navy);font-weight:700}
.card-iaf .card-icon{font-size:2rem;color:var(--iaf-navy-2)}

/* Footer */
.footer-iaf{background:linear-gradient(180deg, #0A2946 0%, #354D81 100%);color:#e9eef7}
.footer-iaf a{color:#cfe2ff;text-decoration:none}
.footer-iaf a:hover{color:#fff;text-decoration:underline}

/* Buttons */
.btn-iaf{background:var(--iaf-navy-2);border-color:var(--iaf-navy-2); color: #fff;}
.btn-iaf:hover{background:#2b3f6b;border-color:#2b3f6b; color: #fff;}

/* Utilities */
.bg-iaf{background:var(--iaf-navy);color:#fff}
.text-iaf{color:var(--iaf-navy)}

/* Focus styles */
:focus-visible{outline:3px solid #82b1ff;outline-offset:2px}

/* Form styles */
.form-control:focus{box-shadow:0 0 0 .25rem rgba(31,111,235,.25);border-color:#9cc0ff}

/* Responsive tweaks */
@media (max-width: 575.98px){
  .carousel-caption{font-size:.95rem}
}

/* Container width overrides (slightly narrower than Bootstrap default) */
@media (min-width: 992px){ /* lg */
  .container{max-width:900px}
}
@media (min-width: 1200px){ /* xl */
  .container{max-width:1040px}
}
@media (min-width: 1400px){ /* xxl */
  .container{max-width:1200px}
}