/* =================================================================
 * BTU extracted layout CSS - themes/btu/layouts/app.blade.php
 * Generated 2026-06-02 by css_extract_v3
 * Concatenated in source order. Each section is labeled below.
 * The Blade-dynamic <style> (border-primary-brand) and the
 * btu-critical-css block remain inline in the blade for runtime data.
 * ================================================================= */

/* ---- id="BTU_MOBILE_FIXES" (was lines 105-149) ---- */
/* ===== Mobile responsive polish (from audit) ===== */
/* Touch targets WCAG AA: 44px min */
@media (max-width: 768px) {
    .snd-nav-toggle { width: 44px !important; height: 44px !important; }
    .snd-curr-pill a, .snd-lang-pill a { min-width: 42px !important; min-height: 30px !important; padding: 6px 12px !important; }
    .form-control { min-height: 44px !important; padding: 12px 14px !important; }
    .snd-btn { min-height: 44px !important; }
    .snd-nav-btn { min-height: 44px !important; }
}
/* Hero title size on small phones */
@media (max-width: 480px) {
    .snd-hero-title { font-size: 28px !important; line-height: 1.1 !important; }
    .snd-hero-sub  { font-size: 15px !important; }
}
/* Hero blobs not overflowing on mobile */
@media (max-width: 768px) {
    .snd-hero-blob.--pri    { width: 280px !important; height: 280px !important; top: -140px !important; left: -90px !important; }
    .snd-hero-blob.--accent { width: 240px !important; height: 240px !important; bottom: -100px !important; right: -80px !important; }
    .snd-hero-blob.--cool   { display: none !important; }
    body { overflow-x: hidden; }
    .snd-foot-news-bg::before { width: 220px !important; height: 220px !important; }
    .snd-foot-news-bg::after  { width: 180px !important; height: 180px !important; }
}
/* RECOMANDAT ribbon on small screens */
@media (max-width: 480px) {
    .recommended-ribbon { top: -10px !important; padding: 4px 12px !important; font-size: 10px !important; }
}
/* Newsletter form stacking */
@media (max-width: 900px) {
    .snd-foot-news-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
    .snd-foot-news-form { width: 100%; }
}
/* Currency/lang pill wrap on tiny screens */
@media (max-width: 380px) {
    .snd-topbar-right { flex-wrap: wrap; justify-content: center; gap: 8px; }
    .snd-topbar-divider { display: none; }
}
/* btu-page-card padding on mobile */
@media (max-width: 600px) {
    .btu-page-card { padding: 22px 18px !important; margin-top: -24px !important; }
    .btu-page-card h2, .btu-page-card h4 { font-size: 16px !important; }
    .btu-page-card p, .btu-page-card ul li { font-size: 14.5px !important; }
}

/* ---- unnamed-block (was lines 151-158) ---- */
/* BTU bug-bash 2026-06-02: global submit-spinner for forms */
button[type=submit].btu-loading { position: relative; pointer-events: none; opacity: .85; }
button[type=submit].btu-loading::after { content: ''; position: absolute; right: 12px; top: 50%; width: 16px; height: 16px;
    margin-top: -8px; border: 2px solid rgba(255,255,255,0.4); border-top-color: #fff; border-radius: 50%;
    animation: btu-spin .7s linear infinite; }
@keyframes btu-spin { to { transform: rotate(360deg); } }

/* ---- id="BTU_BRAND_PALETTE" (was lines 174-194) ---- */
:root {
    /* === BTU Brand colors (from logo) === */
    --btu-blue:        #3f4fff;
    --btu-blue-2:      #5b6dff;
    --btu-blue-light:  #c5ccff;
    --btu-blue-glow:   rgba(63, 79, 255, 0.22);
    --btu-navy:        #0f172a;
    --btu-navy-2:      #1e2742;
    --btu-navy-3:      #2a3458;
    /* Orange retained for CTAs (warm counterpoint) */
    --btu-orange:      #ff6b00;
    --btu-orange-2:    #ff944d;
    /* Section backgrounds */
    --btu-soft:        #f4f6ff;
    --btu-soft-2:      #fafbff;
}
/* Brand blue accent overrides */
.snd-eyebrow { color: var(--btu-blue) !important; }
a:not(.snd-btn):not(.cta-btn):not(.snd-btn-primary):not(.nav-link):hover { color: var(--btu-blue); }

/* ---- id="BTU_UNIFORM_BG" (was lines 196-252) ---- */
/* === Single soft tone everywhere — kills the dark/light flip === */
:root { --btu-surface: #e9ecf5; --btu-surface-card: #ffffff; }
body { background: var(--btu-surface); }
.snd-section-soft, .snd-trust-band, .snd-cmp-band, .snd-mb-band, .snd-mig-band, .snd-perf-band, .snd-test-band {
    background: var(--btu-surface) !important;
    color: var(--btu-navy, #0f172a) !important;
}
/* Strip the dark backgrounds + grid patterns from perf/testimonials sections */
.snd-perf-band, .snd-test-band { padding-top: 100px; padding-bottom: 100px; }
.snd-perf-bg, .snd-perf-grid-bg, .snd-test-bg, .snd-trust-bg { display: none !important; }
/* PerformanceStack — make it light */
.snd-perf-band .snd-eyebrow-dark, .snd-test-band .snd-eyebrow-dark {
    color: var(--btu-blue) !important; background: rgba(63,79,255,0.08) !important; border: 1px solid rgba(63,79,255,0.2) !important;
}
.snd-perf-band .snd-trust-heading h2, .snd-perf-band .snd-perf-copy h2,
.snd-test-band .snd-trust-heading h2 { color: var(--btu-navy, #0f172a) !important; }
.snd-perf-band .snd-trust-heading p, .snd-perf-band .snd-perf-copy p,
.snd-test-band .snd-trust-heading p { color: #475569 !important; }
.snd-perf-band .snd-perf-list { border-radius: 18px; background: #fff; padding: 8px 24px; box-shadow: 0 8px 28px rgba(63,79,255,0.06); border: 1px solid #e5e9f5; }
.snd-perf-band .snd-perf-list li { border-bottom-color: #f1f3fb !important; }
.snd-perf-band .snd-perf-list strong { color: var(--btu-navy, #0f172a) !important; }
.snd-perf-band .snd-perf-list span { color: #64748b !important; }
.snd-perf-band .snd-perf-list i { color: var(--btu-blue) !important; }
/* Perf stat cards — keep as light navy cards but on white */
.snd-perf-band .snd-perf-stat {
    background: linear-gradient(135deg, #0f172a 0%, #1e2a5c 100%) !important;
    border: 1px solid rgba(63,79,255,0.18) !important;
    color: #fff !important;
}
.snd-perf-band .snd-perf-stat span { color: #cbd5e1 !important; }
/* Testimonials — light cards on uniform bg */
.snd-test-band .snd-test-card {
    background: #fff !important;
    border: 1px solid #e5e9f5 !important;
    box-shadow: 0 6px 20px rgba(63,79,255,0.05) !important;
    backdrop-filter: none !important;
}
.snd-test-band .snd-test-card-featured {
    background: linear-gradient(135deg, #ffffff 0%, #f4f6ff 100%) !important;
    border-color: rgba(63,79,255,0.35) !important;
    box-shadow: 0 16px 40px rgba(63,79,255,0.12) !important;
}
.snd-test-band .snd-test-card p { color: #334155 !important; }
.snd-test-band .snd-test-card::before { color: rgba(63,79,255,0.18) !important; }
.snd-test-band .snd-test-author { border-top-color: #f1f3fb !important; }
.snd-test-band .snd-test-author strong { color: var(--btu-navy, #0f172a) !important; }
.snd-test-band .snd-test-author span { color: #64748b !important; }
/* Money-back stats — keep navy cards but on the uniform soft bg */
.snd-mb-band .snd-mb-stat span { color: #94a3b8; }
/* Trust cards stay with the same look (already light), just tweak shadow */
.snd-trust-card { box-shadow: 0 4px 18px rgba(63,79,255,0.04); }
/* Comparison wrap on uniform bg */
.snd-cmp-wrap { box-shadow: 0 8px 28px rgba(63,79,255,0.08); }
/* Migration banner — keep dark card (CTA is meant to pop) */
/* Final CTA section keeps its dark look (existing snd-final-cta) */