/* Sorriso BJJ Botany — yellow accent
   Adds the Sorriso gold (#FFBF00, from sorrisobjj.co.nz) to a handful of elements and leaves
   everything else black and white. Loaded last on every page.
   To go back to pure black and white, remove this file's <link> from the page. */
:root {
  --accent: 45 100% 50%;          /* #FFBF00 */
  --accent-foreground: 0 0% 0%;   /* black text on yellow */
}
::selection { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }

/* 1. Primary buttons: yellow with black text (Book trial, form submit, sticky bar) */
.btn--primary {
  background-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); border-color: hsl(var(--accent));
}
.btn--primary:hover {
  background-color: hsl(var(--foreground)); color: hsl(var(--background)); border-color: hsl(var(--foreground));
}

/* 2. Highlighted headline words: yellow on the black block */
.text-highlight, .highlight { color: hsl(var(--accent)); }
/* on the black homepage hero: a yellow block with black words, as on the inner pages */
.hero .text-highlight { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.hero .btn--primary, .cta .btn--primary, .coaches .btn--primary { background-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); border-color: hsl(var(--accent)); }
.hero .btn--primary:hover, .cta .btn--primary:hover, .coaches .btn--primary:hover { background-color: transparent; color: hsl(var(--accent)); border-color: hsl(var(--accent)); }
/* quick contact tab: yellow booking strip, WhatsApp in its own green */
.quick__cta { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.quick__cta:hover { background: #000; color: hsl(var(--accent)); }
.quick__btn--wa { background: #25d366; color: #fff; }
.quick__btn--wa:hover { background: #1faa52; }
.quick__btn--call:hover { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }

/* 3. The short rule under section headings */
.sfm-divider, .rule, .offer .rule { background: hsl(var(--accent)); height: 3px; }

/* ---- Homepage ---- */
.footer-review svg { fill: hsl(var(--accent)); stroke: hsl(var(--foreground)); stroke-width: 1.5; }
.footer-review:hover svg { stroke: hsl(var(--accent)); }
.mobile-links__soon { color: hsl(var(--accent)); }
.coach-card__photo--mono { -webkit-text-stroke-color: hsl(var(--accent)); }

/* ---- Kids landing page ---- */
.steps li::before, .coach__photo { color: hsl(var(--accent)); }
.offer__limit b { color: hsl(var(--accent)); }
.offer .btn--invert { background: hsl(var(--accent)); border-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.offer .btn--invert:hover { background: transparent; color: hsl(var(--accent)); }

/* ---- Blog ---- */
.blog-rule { background: hsl(var(--accent)); height: 3px; }
.progress__bar { background: hsl(var(--accent)); }
.tag-solid, .avatar { color: hsl(var(--accent)); }
.post-steps li::before { color: hsl(var(--accent)); }
.toc a::before { background: hsl(var(--accent)); }
.post-cta .btn--invert { background: hsl(var(--accent)); border-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.post-cta .btn--invert:hover { background: transparent; color: hsl(var(--accent)); }
.post-card__cover--type .post-card__word, .post-banner span { -webkit-text-stroke-color: hsl(var(--accent)); }
.post-card:hover .post-card__cover--type .post-card__word { color: hsl(var(--accent)); }

/* ---- Inner pages: shared kit (first written for the Kids Program page) ---- */
.kp-mark { background: hsl(var(--accent)); }
.kp-btn--light { background: hsl(var(--accent)); border-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.kp-btn--light:hover { background: transparent; color: hsl(var(--accent)); }
.kp-dark .kp-h2 span, .kp-quote p span { color: hsl(var(--accent)); }
.kp-rule, .kp-dark .kp-rule { background: hsl(var(--accent)); height: 3px; }
.kp-trust li::before { background: hsl(var(--accent)); outline: 1px solid hsl(var(--foreground)); }
.kp-compare thead .kp-us, .kp-tab[aria-selected="true"] strong { color: hsl(var(--accent)); }
.kp-compare--dark .kp-us, .kp-compare--dark thead .kp-us { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.kp-flow li::before, .kp-avatar, .kp-coach__belt, .kp-steps li::before { color: hsl(var(--accent)); }
.kp-dark .kp-avatar { box-shadow: 0 0 0 2px hsl(var(--accent)); }
.kp-dark .kp-coach__belt { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.kp-dark .ad-coach:hover { border-color: hsl(45 100% 72%); }
.coaches .coach-card:hover { border-color: hsl(45 100% 72%); }
/* FAQ cards: the open question's button turns yellow */
.kp-faq details[open] summary::after { background: linear-gradient(currentColor, currentColor) 50% 50% / .75rem 2px no-repeat, hsl(var(--accent)); border-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.kp-safe__since strong { -webkit-text-stroke-color: hsl(var(--accent)); }
.ad-btn-meet { background: #fff; border-color: #fff; color: #000; }
.ad-btn-meet:hover { background: transparent; color: #fff; }

/* ---- About ---- */
.ab-mono, .ab-entry__year, .ty__no { -webkit-text-stroke-color: hsl(var(--accent)); }
.ty__steps .ad-tile:hover .ty__no { -webkit-text-stroke-color: #000; }
.ab-wp--now .ab-wp__no { background: hsl(var(--accent)); }
.ab-wp__rule { background: hsl(var(--accent)); }
.ab-wp h3 span { color: hsl(var(--accent)); }
.ab-wp:focus-visible { outline-color: hsl(var(--accent)); }
.ad-tile.ad-tile--dark .ad-tile__icon { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.ad-tile.ad-tile--dark:hover .ad-tile__icon { background: #000; color: hsl(var(--accent)); }
.ab-time li::before { background: hsl(var(--accent)); outline: 1px solid hsl(var(--foreground)); }
.ab-place--here .ab-place__tag { color: hsl(var(--accent)); }

/* ---- Adults ---- */
.ad-tile__icon { color: hsl(var(--accent)); }
.ad-tile:hover .ad-tile__icon { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }

/* ---- Location ---- */
.lo-hours .is-today th::after { color: hsl(var(--accent)); }
.lo-details-band .lo-hours .is-today th::after { color: hsl(0 0% 30%); }
.lo-details-band .btn--primary { background-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); border-color: hsl(var(--accent)); }
.lo-details-band .btn--primary:hover { background-color: transparent; color: hsl(var(--accent)); border-color: hsl(var(--accent)); }
.lo-details-band .lo-hours .is-today th, .lo-details-band .lo-hours .is-today td { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
.lo-way:hover h3 { color: hsl(var(--accent)); }

/* ---- Gallery ---- */
.ga-jump a span { color: hsl(var(--accent)); }
.ga-jump a:hover span { color: inherit; }
.ga-item__label { background: hsl(var(--accent)); }
.kp-dark .ga-count { -webkit-text-stroke-color: hsl(var(--accent)); }

/* ---- Store ---- */
.st-need li::before { color: hsl(var(--accent)); }
.st-cat--dark .st-cat__cover span { -webkit-text-stroke-color: hsl(var(--accent)); }
.st-cat--dark:hover .st-cat__cover span { color: hsl(var(--accent)); }

/* ---- Toddlers ---- */
.to-soon { background: transparent; color: hsl(var(--accent)); outline-color: hsl(var(--accent)); }
.to-step--soon small { color: hsl(var(--accent)); }
.pg-ticks svg { color: hsl(var(--accent)); }
.kp-dark .pg-ticks svg { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }

/* ---- 404 ---- */
.pg-404__code { -webkit-text-stroke-color: hsl(var(--accent)); }