/* Palette overrides for BUMBUSH — user-specified colors */
:root{
  --charcoal: #424241; /* rgb(66, 66, 65) */
  --mustard: #E0C565; /* rgb(224,197,101) */
  --mintgreen: #D8FBDF; /* rgb(216,251,223) */
  --coral: #FB7477; /* rgb(251,116,119) */
  --purple: #8D16E7; /* rgb(141,22,231) */
  --white: #FFFFFF; /* rgb(255,255,255) */
  --lightgray: #BFC2C8; /* rgb(191,194,200) */
}

/* Brand text and tagline */
.brand > span { color: var(--mustard) !important; }
.brand small { color: var(--purple) !important; opacity: 1 !important; }
.brand img { background: var(--white) !important; box-shadow: 0 6px 22px rgba(66,66,65,0.12) !important; }

/* Floating navigation */
.site-header{
  position:fixed;
  top:16px;
  left:50%;
  right:auto;
  width:min(1180px,calc(100% - 32px));
  height:76px;
  padding:8px 14px 8px 10px;
  color:var(--charcoal);
  background:var(--mustard);
  border:1px solid rgba(66,66,65,.14);
  border-radius:24px;
  box-shadow:0 16px 40px rgba(35,31,20,.22);
  transform:translateX(-50%);
  z-index:95;
}
.site-header .brand > span{color:var(--charcoal) !important}
.site-header nav a{opacity:.78}
.site-header nav a:hover{opacity:1}
.site-header .pill-small{background:var(--charcoal);box-shadow:none}

/* Headline emphasis and kicker */
.kicker span { color: var(--mustard) !important; }
.kicker.red { color: var(--charcoal) !important; }
h1 em, h2 em { color: var(--coral) !important; }

/* Trust / rating accent */
.trust span { color: var(--mustard) !important; }

/* Borders and subtle details */
.section-number, .reasons, .reason, .menu-list, .menu-list article { border-color: var(--lightgray) !important; }
.section-head > p, .menu .section-head > p { color: var(--lightgray) !important; }

/* Cards and service colours */
.red-card { background: var(--charcoal) !important; color: #fff !important; }
.red-card p { color: #fffbd0 !important; }
.mint-card { background: var(--mintgreen) !important; }
.yellow-card { background: var(--mustard) !important; }

/* Menu list accents */
.menu-list span { color: var(--charcoal) !important; }

/* Visit CTA */
.visit { background: var(--mustard) !important; }
.visit-card h2 em { color: var(--charcoal) !important; }

/* Overall paper + ink adjustments */
body { background: var(--white) !important; color: var(--charcoal) !important; }

/* Small details */
.scroll-cue span { border-color: var(--lightgray) !important; }

/* Keep important on a few image-related elements so raster logos blend with the palette */
img[alt=""] { image-rendering: -webkit-optimize-contrast; }

/* Hero image */
.hero-art{background-image: url("../assets/daycare-cafe.png") !important; background-position:center !important}

@media(max-width:768px){
  .site-header{
    top:12px;
    width:calc(100% - 24px);
    height:68px;
    padding:7px 10px 7px 8px;
    border-radius:20px;
    align-items:center;
  }
}

@media(max-width:480px){
  .site-header{height:62px;border-radius:18px}
}