/*
Theme Name: CarlTyson.com
Theme URI: https://carltyson.com
Author: Carl Tyson
Description: Personal hub theme for CarlTyson.com — black background with Petty Blue, General Lee Orange, USA and Brazil flag colors, and Lilás.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: carltyson
*/

:root{
  --ct-black:#0a0a0a; --ct-card:#141414; --ct-line:#262626;
  --ct-petty:#15b0f0; --ct-orange:#ff6600; --ct-lilac:#c8a2c8;
  --ct-usa-red:#b31942; --ct-usa-blue:#0a3161; --ct-white:#ffffff;
  --ct-br-green:#009c3b; --ct-br-yellow:#ffdf00; --ct-br-blue:#002776;
  --ct-muted:#b9b9b9;
}
html{scroll-behavior:smooth}
body{background:var(--ct-black);color:var(--ct-white);-webkit-font-smoothing:antialiased}
a{color:var(--ct-petty)}
a:hover{color:var(--ct-orange)}
:focus-visible{outline:3px solid var(--ct-br-yellow);outline-offset:3px}

/* Flag stripe: USA (red/white/blue) + Brazil (green/yellow/blue) */
.ct-flagstripe{height:6px;margin:0!important;padding:0!important;
  background:linear-gradient(90deg,
   var(--ct-usa-red) 0 16.66%, var(--ct-white) 16.66% 33.33%, var(--ct-usa-blue) 33.33% 50%,
   var(--ct-br-green) 50% 66.66%, var(--ct-br-yellow) 66.66% 83.33%, var(--ct-br-blue) 83.33% 100%)}

/* Header */
.ct-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--ct-line)}
.ct-header .wp-block-site-title a{color:var(--ct-white);text-decoration:none;font-weight:800;letter-spacing:-.01em}
.ct-header .wp-block-site-title a:hover{color:var(--ct-petty)}
.ct-header .wp-block-navigation a{color:var(--ct-white);text-decoration:none;font-weight:600}
.ct-header .wp-block-navigation a:hover{color:var(--ct-orange)}

/* Hero */
.ct-hero{padding:clamp(4rem,10vw,8rem) 1.25rem clamp(3rem,7vw,5rem)!important;text-align:center;
  background:radial-gradient(60rem 30rem at 50% -10%,rgba(21,176,240,.18),transparent 70%),
             radial-gradient(40rem 20rem at 85% 110%,rgba(200,162,200,.14),transparent 70%)}
.ct-monogram{width:7rem;height:7rem;margin:0 auto 1.5rem!important;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:2.4rem;font-weight:800;color:var(--ct-black);background:linear-gradient(135deg,var(--ct-petty),var(--ct-lilac));
  box-shadow:0 0 0 4px var(--ct-black),0 0 0 7px var(--ct-orange)}
.ct-name{font-size:clamp(2.75rem,8vw,5rem)!important;line-height:1.02;margin:0!important;letter-spacing:-.03em}
.ct-name .ct-accent{color:var(--ct-petty)}
.ct-tagline{font-size:clamp(1.1rem,2.6vw,1.4rem);color:var(--ct-white);margin-top:1rem!important}
.ct-place{color:var(--ct-muted);font-size:1rem}
.ct-hero .wp-block-buttons{justify-content:center;margin-top:2rem!important;gap:.75rem}

/* Buttons */
.wp-block-button .wp-block-button__link{border-radius:999px;font-weight:700;padding:.8rem 1.5rem;transition:transform .15s ease,background .15s ease,color .15s ease}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px)}
.ct-btn-orange .wp-block-button__link{background:var(--ct-orange);color:var(--ct-black)}
.ct-btn-orange .wp-block-button__link:hover{background:var(--ct-white);color:var(--ct-black)}
.ct-btn-blue .wp-block-button__link{background:var(--ct-petty);color:var(--ct-black)}
.ct-btn-blue .wp-block-button__link:hover{background:var(--ct-white);color:var(--ct-black)}
.ct-btn-green .wp-block-button__link{background:var(--ct-br-green);color:var(--ct-black)}
.ct-btn-green .wp-block-button__link:hover{background:var(--ct-white);color:var(--ct-black)}
.ct-btn-ghost .wp-block-button__link{background:transparent;color:var(--ct-white);border:2px solid var(--ct-lilac)}
.ct-btn-ghost .wp-block-button__link:hover{background:var(--ct-lilac);color:var(--ct-black)}

/* Sections */
.ct-section{padding:clamp(3rem,7vw,5rem) 1.25rem!important}
.ct-section-alt{background:#0f0f0f;border-top:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line)}
.ct-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem!important;font-weight:700;color:var(--ct-orange);margin-bottom:.25rem!important}
.ct-h2{font-size:clamp(1.8rem,4vw,2.6rem)!important;margin-top:0!important;letter-spacing:-.02em}
.ct-sub{color:var(--ct-muted)}

/* Cards */
.ct-grid{gap:1.25rem!important;margin-top:2rem!important}
.ct-card{background:var(--ct-card);border:1px solid var(--ct-line);border-radius:18px;padding:1.75rem!important;position:relative;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}
.ct-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--ct-petty)}
.ct-card.ct-c-orange::before{background:var(--ct-orange)}
.ct-card.ct-c-lilac::before{background:var(--ct-lilac)}
.ct-card.ct-c-green::before{background:var(--ct-br-green)}
.ct-card.ct-c-red::before{background:var(--ct-usa-red)}
.ct-card.ct-c-yellow::before{background:var(--ct-br-yellow)}
.ct-card:hover{border-color:#3a3a3a;transform:translateY(-3px)}
.ct-card h3{margin:0 0 .5rem!important;font-size:1.3rem!important}
.ct-card p{color:var(--ct-muted);margin:0 0 1.25rem!important;flex-grow:1}
.ct-card .wp-block-buttons{margin-top:auto!important}
.ct-card .wp-block-button__link{padding:.6rem 1.1rem;font-size:.95rem}

/* Faith */
.ct-faith{text-align:center}
.ct-faith .wp-block-buttons{justify-content:center}

/* Footer */
.ct-footer{padding:2.5rem 1.25rem!important;text-align:center;color:var(--ct-muted);font-size:.9rem;border-top:1px solid var(--ct-line)}
.ct-footer a{color:var(--ct-muted)}
.ct-footer a:hover{color:var(--ct-petty)}
.ct-footer .ct-love{color:var(--ct-lilac)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}