/* Balanced Omega — Bootstrap-friendly theme overrides (no build step) */

/* Background + base typography */
body{
  background:
    radial-gradient(1200px 700px at 30% 10%, rgba(13, 202, 240, .10), transparent 55%),
    radial-gradient(1000px 600px at 85% 0%, rgba(25, 135, 84, .08), transparent 55%),
    #0b0d10;
  color: #f3f5f7;
}

a { text-underline-offset: 3px; }

/* Make Bootstrap components match the darker theme */
/* ORIGINAL COLOR (commented out)
.bg-body-tertiary { background-color: rgba(11, 13, 16, .88) !important; backdrop-filter: blur(10px); }
*/
.border-bottom, .border-top { border-color: rgba(36, 48, 67, .7) !important; }

.navbar-brand img { max-width: 260px; height: 44px; width: auto; }

/* Cards */
.bo-card {
  background: linear-gradient(180deg, rgba(19, 25, 36, .94), rgba(17, 21, 27, .80));
  border: 1px solid rgba(36, 48, 67, .72);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

/* Typography helpers */
.bo-muted { color: #b2bcc8; }
.bo-eyebrow { letter-spacing: .18em; text-transform: uppercase; font-size: 12px; color:#b2bcc8; }
.bo-lead { color:#b2bcc8; }

/* Footer links */
footer a { color: #b2bcc8; }
footer a:hover { color: #f3f5f7; }

/* Buttons: keep Bootstrap default, but ensure contrast on dark bg */
.btn-primary { box-shadow: 0 10px 30px rgba(13, 110, 253, .12); }


.skip-link{position:absolute;left:-999px;top:0;background:#11151b;padding:10px 12px;border:1px solid rgba(36,48,67,.7);border-radius:12px;}
.skip-link:focus{left:12px;top:12px;z-index:9999;}


/* Brand logo contrast on dark nav */

/* Zinzino partner disclosure */
.zinzino-partner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.zinzino-partner img{height:28px;width:auto;opacity:.95}
.zinzino-partner small{color:rgba(255,255,255,.75)}


/* Updated navbar background color */
.bg-body-tertiary {
  background-color: rgb(54 116 37) !important;
  backdrop-filter: blur(10px);
}


/* Home hero media: responsive crop for ultra-wide screens */
.bo-hero-media{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
  background: rgba(255,255,255,.04);
}
.bo-hero-media img{
  display:block;
  width:100%;
  height:auto;
}
/* On larger / ultra-wide screens, crop to avoid a short, wide strip */
@media (min-width: 1200px){
  .bo-hero-media img{
    height: 240px;
    object-fit: cover;
    object-position: center;
  }
}
@media (min-width: 1600px){
  .bo-hero-media img{
    height: 280px;
  }
}