/*
Theme Name: Ninja Base
Theme URI: https://ninjabusiness.info/
Author: Ninja Business
Description: Lightweight block theme for Ninja Business, Robert Carey and client trade sites. Pick the brand under Appearance > Editor > Styles. No page builder, no jQuery, fonts hosted locally.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ninja-base
*/

/* Small extras theme.json can't express. Kept tiny on purpose. */
:where(a, button, summary, input, select, textarea):focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:3px}
.is-style-section-dark :where(a, button, summary):focus-visible{outline-color:var(--wp--preset--color--accent)}
html{-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wp-block-details summary{cursor:pointer;font-weight:700;color:var(--wp--preset--color--dark);list-style-position:outside}
.wp-block-details[open] summary{margin-bottom:.6rem}
/* Highlight inside a heading: wrap words in <mark> (Highlight tool) */
:where(h1,h2,h3) mark{background:none;color:var(--wp--preset--color--accent)}
/* Label tag (paragraph style "Tag") */
.is-style-tag{display:inline-block;font-family:var(--wp--preset--font-family--heading);letter-spacing:.08em;font-size:.95rem;line-height:1.4;text-transform:uppercase;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--dark);padding:.15rem .6rem}
/* Numbered steps list (list style "Steps") */
.is-style-steps{list-style:none;padding:0;counter-reset:nbs;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem 2.2rem}
.is-style-steps>li{counter-increment:nbs;border-top:3px solid var(--wp--preset--color--dark);padding-top:1rem;color:var(--wp--preset--color--muted)}
.is-style-steps>li::before{content:"0" counter(nbs);display:block;width:max-content;font-family:var(--wp--preset--font-family--heading);letter-spacing:.06em;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--dark);padding:.1rem .55rem;margin-bottom:.8rem}
.is-style-steps>li strong{display:block;color:var(--wp--preset--color--dark);font-size:1.15rem;margin-bottom:.3rem}
/* Tick list (list style "Ticks") */
.is-style-ticks{list-style:none;padding:0}
.is-style-ticks>li{position:relative;padding:.3rem 0 .3rem 1.5rem}
.is-style-ticks>li::before{content:"";position:absolute;left:0;top:.95em;width:.8rem;height:.3rem;background:var(--wp--preset--color--accent);outline:1px solid var(--wp--preset--color--dark)}
/* Card lift on hover only where motion is fine */
@media (prefers-reduced-motion:no-preference){.is-style-card-lift{transition:transform .12s ease}.is-style-card-lift:hover{transform:translateY(-3px)}}
/* Mobile: full-width buttons in hero/CTA sections */
@media (max-width:600px){.is-style-section-dark .wp-block-buttons>.wp-block-button,.nb-stack-mobile>.wp-block-button{width:100%}.is-style-section-dark .wp-block-buttons>.wp-block-button .wp-block-button__link,.nb-stack-mobile .wp-block-button__link{width:100%}}
/* Outline buttons: dark text on light sections, accent on dark sections */
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--dark);border:2px solid currentColor}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--wp--preset--color--dark);color:var(--wp--preset--color--accent);border-color:var(--wp--preset--color--dark)}
.is-style-section-dark .wp-block-button.is-style-outline>.wp-block-button__link{color:var(--wp--preset--color--accent);border-color:color-mix(in srgb,var(--wp--preset--color--accent) 60%,transparent)}
.is-style-section-dark .wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--dark);border-color:var(--wp--preset--color--accent)}