/*
Theme Name: Chari International School Child
Theme URI: https://chariinternationalschool.edu.gh
Author: Chari International School
Author URI: https://chariinternationalschool.edu.gh
Description: Child theme for Chari International School — extends the parent theme with customisations. Grace • Wisdom • Possibility.
Template: chari-school-theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chari-school-child
*/

/* ===================================================
   CHILD THEME CUSTOM STYLES
   All parent styles are inherited automatically.
   Add overrides and additions below.
=================================================== */

/* ── Extra utility: highlighted text pulse on hero ── */
@keyframes pulse-hl {
  0%,100% { opacity: 1; }
  50%      { opacity: 0.82; }
}
.hero-title .hl {
  animation: pulse-hl 3s ease-in-out infinite;
}

/* ── Sticky nav shadow on scroll (JS toggles .scrolled) ── */
.site-nav.scrolled {
  box-shadow: 0 4px 24px rgba(5,17,31,.18);
  transition: box-shadow .3s;
}

/* ── Back-to-top button ── */
#back-to-top {
  display: none;
  position: fixed;
  bottom: 32px;
  right: 32px;
  z-index: 999;
  background: var(--orange);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(252,123,3,.4);
  transition: background .2s, transform .2s;
}
#back-to-top:hover {
  background: var(--orange-dark);
  transform: translateY(-3px);
}
#back-to-top.visible { display: flex; align-items: center; justify-content: center; }

/* ── Cookie consent banner ── */
#cookie-banner {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 10000;
  background: var(--dark);
  color: #fff;
  padding: 18px 24px;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: .93rem;
  border-top: 3px solid var(--orange);
}
#cookie-banner.visible { display: flex; }
#cookie-banner a { color: var(--orange); }
#cookie-accept {
  background: var(--orange);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 22px;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
}
#cookie-accept:hover { background: var(--orange-dark); }

/* ── Print styles ── */
@media print {
  .topbar, .site-nav, .site-footer, #back-to-top, #cookie-banner { display: none !important; }
  body { color: #000; background: #fff; }
}