/* Scuole Rogazionisti – child theme.
   Colours: assets/palette.css is generated from the parent theme's own rules (tools/build_palette_css.py).
   This file only holds what cannot come from there: the school logo and a few inline-SVG tweaks. */
:root { --rog-navy: #384870; --rog-navy-dark: #263356; --rog-mid: #51698f; --rog-teal: #4f7f95; --rog-sky: #88b0c0; --rog-sand: #e0d8c8; }

/* ---------- Logo: the school logo already contains the name ---------- */
.logo-header svg.icon { width: 210px; height: 92px; fill: initial; }
.logo-header:has(svg.icon) .h1 { display: none; }
.is-sticky .logo-header svg.icon { width: 130px; height: 58px; }
.cbp-spmenu .logo-header svg.icon { width: 150px; height: 66px; }
.cbp-spmenu .logo-header { height: auto; padding-top: 18px; padding-bottom: 18px; }
@media (max-width: 991.98px) { .logo-header svg.icon { width: 140px; height: 62px; } }

.footer-wrapper { background-color: var(--rog-navy-dark); }
.footer-wrapper .logo-footer svg.icon { width: 220px; height: 96px; background: #fff; border-radius: 12px; padding: 10px; box-sizing: content-box; }
.footer-wrapper .logo-footer .logo-header:has(svg.icon) .h1 { display: none; }
@media (max-width: 991.98px) { .footer-wrapper .logo-footer svg.icon { width: 160px; height: 70px; } }

/* ---------- Bootstrap Italia's own primary blue and the white button ---------- */
.btn-primary { background-color: var(--rog-navy); border-color: var(--rog-navy); }
.btn-primary:hover { background-color: var(--rog-navy-dark); border-color: var(--rog-navy-dark); }
.btn-white { color: var(--rog-navy) !important; }

/* ---------- Top navigation: one colour for all sections (the theme tints each differently) ---------- */
#sub-nav .nav-list-primary > li[class*="text-"] > a, #sub-nav ul.nav-list > li[class*="text-"] a,
.nav-list-mobile .nav-list-primary > li[class*="text-"] > a, .nav-list-mobile .nav-list-primary > li[class*="text-"] .dl-back a { color: var(--rog-navy) !important; }

/* ---------- Colours that live inside inline SVG in the parent's PHP templates (not reachable from CSS rules) ----------
   Each decorative graphic is re-hued towards the school's blues. Found with a scan of all the site's SVG fills. */
.section-hero-left .decoration-01, .section-hero-left .decoration-02 { filter: hue-rotate(205deg) saturate(.55) brightness(1.25); opacity: .55; }
.title-img svg, .people-red-forms svg { filter: hue-rotate(-128deg) saturate(.6) brightness(1.15); }
.purple-oval-forms { filter: hue-rotate(-70deg) saturate(.6); }
.green-square-forms svg { filter: hue-rotate(75deg) saturate(.5); }
.big-quote-bg.quote svg { filter: saturate(.35); }
.home-message .msg { font-size: 1.2rem !important; font-weight: 600; }
.card-icon-main svg, .card-icon svg:not(.icon-toggle) { filter: hue-rotate(-128deg) saturate(.6); }