/*
Theme Name: Simon Brooke Business Adviser
Theme URI: https://simonbrooke.co.uk
Author: BB10 Solutions Limited
Description: Editable block theme for Simon Brooke, Business Adviser & Mentor.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: simon-brooke-business
*/

:root {
  --sb-navy: #1a2b3c;
  --sb-cream: #f5f3ef;
  --sb-slate: #4a5568;
  --sb-bronze: #a67c52;
  --sb-white: #ffffff;
  --sb-line: rgba(26, 43, 60, 0.16);
  --sb-shadow: 0 22px 60px rgba(26, 43, 60, 0.10);
}

html { scroll-behavior: smooth; }
body { background: var(--sb-cream); color: var(--sb-navy); }
.wp-site-blocks { overflow: hidden; }
.sb-wrap { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.sb-header { position: sticky; top: 0; z-index: 20; background: rgba(245,243,239,.94); border-bottom: 1px solid var(--sb-line); backdrop-filter: blur(12px); }
.sb-header-inner { min-height: 82px; }
.sb-brand { margin: 0; font-family: Manrope, sans-serif; font-size: 1.12rem; font-weight: 800; line-height: 1.1; }
.sb-brand-role { margin: 5px 0 0; color: var(--sb-slate); font-family: Manrope, sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.sb-eyebrow { margin: 0 0 14px; color: var(--sb-bronze); font-family: Manrope, sans-serif; font-size: .82rem; font-weight: 700; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.sb-hero { padding-block: 95px 50px; }
.sb-hero h1 { max-width: 980px; margin: 0; font-size: clamp(3rem, 7vw, 6.6rem); letter-spacing: -.06em; line-height: 1.02; }
.sb-hero-copy { max-width: 720px; margin-block: 28px 34px; color: var(--sb-slate); font-size: clamp(1.2rem, 2vw, 1.5rem); }
.sb-button .wp-block-button__link { min-height: 50px; padding: 13px 22px; border: 1px solid var(--sb-navy); border-radius: 4px; background: var(--sb-navy); color: var(--sb-white); font-family: Manrope, sans-serif; font-size: .92rem; font-weight: 700; }
.sb-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--sb-navy); }
.sb-credentials { margin-top: 70px; border-top: 1px solid var(--sb-line); border-bottom: 1px solid var(--sb-line); }
.sb-credentials > .wp-block-column { padding: 25px 20px; border-right: 1px solid var(--sb-line); font-weight: 600; }
.sb-credentials > .wp-block-column:last-child { border-right: 0; }
.sb-section { padding-block: 100px; }
.sb-section-dark { background: var(--sb-navy); color: var(--sb-white); }
.sb-section-head { align-items: end !important; gap: 60px; margin-bottom: 55px; }
.sb-section h2 { max-width: 820px; margin: 0; font-size: clamp(2.1rem, 4.4vw, 4.2rem); letter-spacing: -.045em; line-height: 1.08; }
.sb-intro { color: var(--sb-slate); font-size: 1.2rem; }
.sb-section-dark .sb-intro, .sb-section-dark .sb-muted { color: #d7dde2; }
.sb-cards { gap: 18px; }
.sb-card { min-height: 235px; padding: 30px; border: 1px solid var(--sb-line); background: var(--sb-white); box-shadow: var(--sb-shadow); }
.sb-number { margin: 0 0 48px; color: var(--sb-bronze); font-family: Manrope, sans-serif; font-size: .82rem; font-weight: 700; }
.sb-card h3, .sb-step h3, .sb-offer h3, .sb-product h3 { margin: 0; font-size: 1.25rem; }
.sb-card p:last-child { color: var(--sb-slate); }
.sb-steps { gap: 1px; background: rgba(255,255,255,.18); }
.sb-step { padding: 36px; background: var(--sb-navy); }
.sb-step .sb-number { margin: 0 0 15px; font-size: 3.4rem; }
.sb-step p:last-child { color: #d7dde2; }
.sb-offer-grid { align-items: start !important; gap: 25px; }
.sb-offer { padding: 42px; border: 1px solid var(--sb-line); background: var(--sb-white); box-shadow: var(--sb-shadow); }
.sb-side-offer { padding: 35px; border-top: 5px solid var(--sb-bronze); background: #e8dfd4; }
.sb-price { margin: 20px 0 0; font-family: Manrope, sans-serif; font-size: clamp(2.5rem,5vw,4.3rem); font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.sb-price-small { color: var(--sb-slate); font-size: 1rem; font-weight: 600; letter-spacing: 0; }
.sb-note { color: var(--sb-slate); }
.sb-about { gap: 70px; }
.sb-quote { padding-left: 26px; border-left: 4px solid var(--sb-bronze); font-family: Manrope, sans-serif; font-size: clamp(1.6rem,3vw,2.8rem); font-weight: 700; line-height: 1.25; }
.sb-resources { align-items: center !important; gap: 30px; }
.sb-product { min-height: 360px; padding: 45px; background: var(--sb-navy); color: var(--sb-white); }
.sb-product .sb-price { color: var(--sb-bronze); }
.sb-contact { text-align: center; }
.sb-contact h2, .sb-contact .sb-intro { margin-inline: auto; }
.sb-contact .sb-intro { max-width: 650px; }
.sb-footer { padding-block: 34px; border-top: 1px solid var(--sb-line); color: var(--sb-slate); font-size: .9rem; }

@media (max-width: 800px) {
  .sb-wrap { width: min(100% - 28px, 1160px); }
  .sb-header-inner { min-height: 70px; }
  .sb-hero { padding-block: 70px 35px; }
  .sb-hero h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .sb-section { padding-block: 75px; }
  .sb-section-head, .sb-about, .sb-resources, .sb-offer-grid { gap: 28px; }
  .sb-card { min-height: 0; }
  .sb-number { margin-bottom: 22px; }
  .sb-offer { padding: 28px; }
  .sb-credentials > .wp-block-column { border-right: 0; border-bottom: 1px solid var(--sb-line); }
  .sb-credentials > .wp-block-column:last-child { border-bottom: 0; }
}