/*
Theme Name: Med Valet Master
Version: 1.0
Description: Med Valet master theme (Star Valet structure, Med Valet branding)
*/

/* Brand tokens */
:root{
  --mv-navy:#00264d;
  --mv-gold:#c9a34b;
  --mv-cream:#f4f0e6;
  --mv-ink:#0b1b2b;
  --mv-muted:#5a6775;
  --mv-radius:14px;

  /* Typography (match Star Valet base) */
  --mv-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--mv-font);
  color:var(--mv-ink);
  background:#ffffff;
  line-height:1.55;
}

a{color:var(--mv-navy); text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1140px;margin:0 auto;padding:0 22px}

/* Header / Banner */
.header-banner{
  width:100%;
  background:var(--mv-navy);
}
.header-banner img{
  width:100%;
  height:auto;
  display:block;
}

/* Nav */
.site-nav{
  background:var(--mv-navy);
  border-top:4px solid var(--mv-gold);
  border-bottom:4px solid var(--mv-gold);
}
.site-nav .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 22px;
}
.brand-mark{
  display:flex; align-items:center; gap:12px;
  color:#fff;
  font-weight:700;
  letter-spacing:.3px;
}
.brand-mark span{color:#fff}
.nav-menu{
  display:flex; flex-wrap:wrap; gap:14px;
}
.nav-menu a{
  color:#ffffff;
  font-weight:700;
  letter-spacing:.4px;
  padding:8px 10px;
  border-radius:10px;
}
.nav-menu a:hover{
  background:rgba(201,163,75,.18);
  text-decoration:none;
}

/* Page */
.page-hero{
  background:linear-gradient(180deg, rgba(0,38,77,.06), rgba(201,163,75,.10));
  padding:34px 0 10px;
}
.page-title{
  color:var(--mv-navy);
  font-size:34px;
  margin:0 0 10px;
}
.page-subtitle{
  color:var(--mv-muted);
  margin:0 0 18px;
}

/* Content card */
.card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-top:6px solid var(--mv-gold);
  border-radius:var(--mv-radius);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  padding:22px;
  margin:18px 0;
}
.card h2, .card h3{
  margin-top:0;
  color:var(--mv-navy);
}

/* Buttons (shirt color everywhere = gold accents) */
.btn{
  display:inline-block;
  background:var(--mv-gold);
  color:var(--mv-navy);
  font-weight:800;
  padding:12px 16px;
  border-radius:12px;
  border:2px solid rgba(0,0,0,.05);
}
.btn:hover{filter:brightness(.98); text-decoration:none}
.btn-outline{
  background:transparent;
  color:#fff;
  border:2px solid var(--mv-gold);
}

/* Footer */
.site-footer{
  margin-top:38px;
  background:var(--mv-navy);
  color:#fff;
  padding:26px 0;
  border-top:6px solid var(--mv-gold);
}
.site-footer a{color:#fff; text-decoration:underline}

/* Utility */
.list-tight{margin:8px 0 0 18px}
.small{font-size:.95rem;color:var(--mv-muted)}

/* WP menu list reset */
.nav-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px}
.nav-menu li{margin:0;padding:0}
.nav-menu li a{color:#fff;font-weight:700;letter-spacing:.4px;padding:8px 10px;border-radius:10px;display:inline-block}
.nav-menu li a:hover{background:rgba(201,163,75,.18);text-decoration:none}
.nav-menu li ul{display:none} /* keep simple */



/* --- One-banner fix (centered, no cropping) --- */
.header-banner{
  width:100%;
  margin:0;
  padding:0;
  background:transparent;
}
.header-banner__bg{
  width:100%;
  height:420px;                 /* enough height for name + tagline */
  background-size:contain;      /* IMPORTANT: show full banner (no crop) */
  background-position:center;   /* center vertically & horizontally */
  background-repeat:no-repeat;
  background-color:#00264d;     /* fill any extra space with Med Valet navy */
  display:block;
}
@media (min-width: 1200px){
  .header-banner__bg{ height:460px; }
}
@media (max-width: 768px){
  .header-banner__bg{ height:260px; }
}


/* Nav buttons = shirt color (Med Valet blue from banner) */
.nav-menu a,
.nav-menu li a{
  color:#00264d !important;
  background:transparent;
}
.nav-menu a:hover,
.nav-menu li a:hover{
  background:rgba(0,38,77,.15);
  text-decoration:none;
}
/* --- Banner: full-width, no letterboxing, no extra height --- */
.header-banner{width:100%;margin:0;padding:0;background:transparent;}
.header-banner__img{width:100%;height:auto;display:block;margin:0;padding:0;}

/* Nav buttons = shirt color (Med Valet blue from banner) */
.nav-menu a,
.nav-menu li a{color:#00264d !important;background:transparent;}
.nav-menu a:hover,
.nav-menu li a:hover{background:rgba(0,38,77,.15);text-decoration:none;}

/* --- Remove banner/nav whitespace gap --- */
.header-banner{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  line-height:0 !important;   /* kills baseline whitespace */
  font-size:0 !important;
}
.header-banner__img{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.site-nav{
  margin-top:0 !important;
  position:relative;
  top:-1px; /* ensure it tucks snugly under the banner */
}

/* --- Nav visibility fix (light blue links on navy) --- */
.site-nav{ background:#00264d !important; }
.nav-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.nav-menu li{margin:0;padding:0;}
.nav-menu a, .nav-menu li a{
  color:#99bdbf !important;
  font-weight:800;
  letter-spacing:.3px;
  font-size:14px;
  padding:8px 10px;
  border-radius:10px;
  display:inline-block;
}
.nav-menu a:hover, .nav-menu li a:hover{
  background:rgba(153,189,191,.18);
  text-decoration:none;
}


/* Footer credit link */
.mv-footer-credit a:hover{ text-decoration: underline; }


/* WordPress menu markup support (prevents bullets) */
.nav-menu, .nav-menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}
.nav-menu li{
  margin: 0;
  padding: 0;
}