/* ==============================
   REGA BRAND OVERRIDE — TOOLS
   Warm light theme, Rubik font
   ============================== */

/* ── Force Rubik globally ── */
body,
.blog-page,
.post-article,
.quiz-overlay-card,
.quiz-overlay-card * {
    font-family: 'Rubik', Arial, "Arial Hebrew", sans-serif !important;
}

/* ── Override CSS variables for warm brand ── */
:root {
    --bg-deep: #FFF3E5;
    --bg-mid: #FFECD5;
    --bg-surface: #FFFFFF;
    --bg-card: #FFFFFF;
    --lavender: #3F5194;
    --lavender-soft: #586DB7;
    --lavender-glow: rgba(63, 81, 148, 0.35);
    --lavender-dim: rgba(63, 81, 148, 0.12);
    --rose: #FED6AA;
    --rose-glow: rgba(254, 214, 170, 0.25);
    --aurora: #586DB7;
    --aurora-glow: rgba(88, 109, 183, 0.2);
    --gold: #FDC50B;
    --gold-soft: #FDC50B;
    --text: #414141;
    --text-dim: #6b7280;
    --text-bright: #414141;
    --text-muted: #6b7280;
    --glass-bg: rgba(255, 243, 229, 0.55);
    --glass-border: rgba(63, 81, 148, 0.08);
    --glass-hover: rgba(63, 81, 148, 0.06);
}

/* ── Body & backgrounds ── */
body {
    background: #FFF3E5 !important;
    color: #414141 !important;
}

/* ── CTA card & guide CTA override ── */
.guide-cta-card,
.cta-box,
.tool-cta .cta-box {
    background: #FFECD5 !important;
    border: 2px solid #FED6AA !important;
    border-radius: 20px !important;
    color: #414141 !important;
}
.guide-cta-card h2,
.cta-box p,
.cta-box strong {
    color: #414141 !important;
}
.guide-cta-card a,
.cta-box a:not(.adv-article-cta-btn) {
    color: #3F5194 !important;
}

/* ── post-content dark glass override ── */
article.post-content,
.post-content {
    background: #FFFFFF !important;
    border: 1px solid #FED6AA !important;
    box-shadow: 0 2px 16px rgba(63, 81, 148, 0.06) !important;
    color: #414141 !important;
}
.post-content h2,
.post-content h3,
.post-content h4 {
    color: #3F5194 !important;
}
.post-content p,
.post-content li {
    color: #414141 !important;
}

/* ── Hide dark ambient backgrounds ── */
.ambient-bg,
.stars-field,
.nebula-cloud,
.gradient-orb,
.constellation-canvas,
.aurora-container,
.floating-orbs {
    display: none !important;
}

/* ── Day BG: also hide ── */
.day-bg {
    display: none !important;
}

/* ── Theme toggle: hide (we force light) ── */
.theme-toggle {
    display: none !important;
}

/* ── Hero section ── */
.blog-hero {
    background: #FFECD5 !important;
}
.blog-hero-title {
    font-size: 1.875rem !important;
    font-weight: 400 !important;
    color: #414141 !important;
}
.blog-hero-subtitle {
    color: #414141 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}
.blog-back-link {
    color: #3F5194 !important;
}

/* ── Tools Index Cards ── */
.tool-index-card {
    background: #FFFFFF !important;
    border: 1px solid #FED6AA !important;
    border-radius: 16px !important;
    color: #414141 !important;
}
.tool-index-card:hover {
    border-color: #3F5194 !important;
    box-shadow: 0 8px 24px rgba(63, 81, 148, 0.12) !important;
}
.tool-index-card h3 {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    color: #414141 !important;
}
.tool-index-card p {
    font-size: 0.8125rem !important;
    color: #414141 !important;
    opacity: 0.8 !important;
}
.tool-index-type {
    background: rgba(63, 81, 148, 0.1) !important;
    color: #3F5194 !important;
}

/* ── Tool CTA box ── */
.tool-cta {
    background: rgba(63, 81, 148, 0.06) !important;
    border: 1px solid rgba(63, 81, 148, 0.15) !important;
    border-radius: 16px !important;
}

/* ── Checklist ── */
.checklist-progress {
    color: #3F5194 !important;
    background: rgba(63, 81, 148, 0.08) !important;
}
.checklist-item {
    background: #FFFFFF !important;
    border: 1px solid #FED6AA !important;
    border-radius: 12px !important;
}
.checklist-item:hover {
    background: #FFECD5 !important;
    border-color: #3F5194 !important;
}
.checklist-cb {
    accent-color: #3F5194 !important;
}
.checklist-item-text {
    color: #414141 !important;
    font-weight: 500 !important;
}
.checklist-item-detail {
    color: #414141 !important;
}

/* Checklist result badges */
.result-low {
    background: rgba(34, 197, 94, 0.08) !important;
    border: 1px solid rgba(34, 197, 94, 0.25) !important;
}
.result-medium {
    background: rgba(253, 197, 11, 0.1) !important;
    border: 1px solid rgba(253, 197, 11, 0.3) !important;
}
.result-high {
    background: rgba(239, 68, 68, 0.08) !important;
    border: 1px solid rgba(239, 68, 68, 0.25) !important;
}

/* ── Comparison cards ── */
.comparison-card {
    background: #FFFFFF !important;
    border: 2px solid rgba(63, 81, 148, 0.12) !important;
    border-radius: 20px !important;
}
.comparison-card:hover {
    border-color: rgba(63, 81, 148, 0.3) !important;
    box-shadow: 0 8px 32px rgba(63, 81, 148, 0.1) !important;
}
.comparison-card h2 {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    color: #3F5194 !important;
}
.comparison-vs-badge {
    background: linear-gradient(135deg, #3F5194, #586DB7) !important;
    box-shadow: 0 4px 16px rgba(63, 81, 148, 0.3) !important;
}

/* ── Comparison table ── */
.comparison-table {
    border: 1px solid rgba(63, 81, 148, 0.12) !important;
}
.comparison-table th {
    background: rgba(63, 81, 148, 0.1) !important;
    color: #3F5194 !important;
    border-bottom: 2px solid rgba(63, 81, 148, 0.15) !important;
    font-weight: 500 !important;
}
.comparison-table td {
    border-bottom: 1px solid rgba(63, 81, 148, 0.06) !important;
    color: #414141 !important;
}
.comparison-table tbody tr:nth-child(even) td {
    background: #FFECD5 !important;
}
.comparison-table tbody tr:hover td {
    background: #FED6AA !important;
}
.comparison-table td:first-child {
    color: #3F5194 !important;
    font-weight: 500 !important;
}

/* ── Meta items ── */
.meta-item {
    background: rgba(63, 81, 148, 0.06) !important;
    border: 1px solid rgba(63, 81, 148, 0.1) !important;
    color: #414141 !important;
}

/* ── Tags ── */
.tag {
    background: rgba(63, 81, 148, 0.08) !important;
    color: #3F5194 !important;
}

/* ── Verdict ── */
.comparison-verdict {
    background: linear-gradient(135deg, rgba(63, 81, 148, 0.06), rgba(255, 236, 213, 0.5)) !important;
    border: 2px solid rgba(63, 81, 148, 0.15) !important;
    border-radius: 20px !important;
    color: #414141 !important;
}
.comparison-verdict h2 {
    color: #3F5194 !important;
}

.comparison-when {
    background: rgba(63, 81, 148, 0.04) !important;
    border-radius: 16px !important;
    color: #414141 !important;
}

/* ── Resource list ── */
.resource-filter {
    background: #FFF3E5 !important;
}
.filter-btn {
    border: 1px solid rgba(63, 81, 148, 0.2) !important;
    color: #414141 !important;
}
.filter-btn:hover {
    border-color: #3F5194 !important;
}
.filter-btn.active {
    background: #3F5194 !important;
    color: #FFFFFF !important;
    border-color: #3F5194 !important;
}
.resource-card {
    background: #FFFFFF !important;
    border: 1px solid #FED6AA !important;
    border-radius: 12px !important;
}
.resource-card:hover {
    background: #FFECD5 !important;
}
.resource-number {
    color: #3F5194 !important;
}
.resource-body h3 {
    color: #414141 !important;
}
.resource-body p {
    color: #414141 !important;
}
.resource-link {
    color: #3F5194 !important;
}
.difficulty-easy {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
}
.difficulty-medium {
    background: rgba(253, 197, 11, 0.12) !important;
    color: #b45309 !important;
}
.difficulty-hard {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #dc2626 !important;
}

/* ── Pro tips ── */
.pro-tips {
    background: rgba(253, 197, 11, 0.08) !important;
    border: 1px solid rgba(253, 197, 11, 0.2) !important;
    border-radius: 16px !important;
    color: #414141 !important;
}

/* ── Quiz Hero CTA ── */
.quiz-hero-cta {
    background: linear-gradient(135deg, rgba(63, 81, 148, 0.06), rgba(255, 236, 213, 0.4)) !important;
    border: 2px solid rgba(63, 81, 148, 0.15) !important;
    border-radius: 24px !important;
}
.quiz-hero-cta::before {
    background: radial-gradient(ellipse at 50% 0%, rgba(63, 81, 148, 0.08) 0%, transparent 70%) !important;
}
.quiz-hero-title {
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    color: #414141 !important;
}
.quiz-hero-subtitle {
    color: #414141 !important;
}
.quiz-hero-btn {
    background: linear-gradient(135deg, #3F5194, #586DB7) !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(63, 81, 148, 0.35) !important;
}
.quiz-hero-btn:hover {
    box-shadow: 0 8px 32px rgba(63, 81, 148, 0.45) !important;
}

/* ── Quiz Overlay ── */
.quiz-overlay-backdrop {
    background: rgba(255, 243, 229, 0.85) !important;
}
.quiz-overlay-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(63, 81, 148, 0.12) !important;
    border-radius: 24px !important;
    color: #414141 !important;
}
.quiz-overlay-card,
.quiz-overlay-card *:not(.quiz-option.selected):not(.quiz-hero-btn) {
    color: #414141 !important;
}
.quiz-overlay-progress {
    background: rgba(63, 81, 148, 0.1) !important;
}
.quiz-overlay-progress-bar {
    background: linear-gradient(90deg, #3F5194, #586DB7) !important;
    box-shadow: 0 0 12px rgba(63, 81, 148, 0.3) !important;
}
.quiz-overlay-counter {
    color: #3F5194 !important;
}
.quiz-overlay-close {
    border-color: rgba(65, 65, 65, 0.1) !important;
    background: rgba(65, 65, 65, 0.04) !important;
    color: #414141 !important;
}
.quiz-overlay-close:hover {
    background: rgba(65, 65, 65, 0.08) !important;
}

/* ── Quiz questions ── */
.quiz-question h3 {
    font-weight: 500 !important;
    color: #414141 !important;
}
.quiz-option {
    border: 2px solid rgba(63, 81, 148, 0.15) !important;
    background: rgba(63, 81, 148, 0.03) !important;
    color: #414141 !important;
    font-weight: 400 !important;
    border-radius: 14px !important;
}
.quiz-option:hover {
    background: rgba(63, 81, 148, 0.06) !important;
    border-color: #3F5194 !important;
    box-shadow: 0 4px 16px rgba(63, 81, 148, 0.1) !important;
}
.quiz-option.selected {
    background: linear-gradient(135deg, #3F5194, #586DB7) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 12px rgba(63, 81, 148, 0.25) !important;
}

/* ── Quiz result ── */
.quiz-result li::before {
    color: #3F5194 !important;
}
.quiz-restart {
    border-color: #3F5194 !important;
    color: #3F5194 !important;
}
.quiz-restart:hover {
    background: #3F5194 !important;
    color: #FFFFFF !important;
}
.quiz-back-btn {
    background: linear-gradient(135deg, #3F5194, #586DB7) !important;
    box-shadow: 0 2px 12px rgba(63, 81, 148, 0.25) !important;
}
.quiz-back-btn:hover {
    box-shadow: 0 4px 16px rgba(63, 81, 148, 0.35) !important;
}

/* ── Suggested guides ── */
.suggested-guide-link {
    background: rgba(63, 81, 148, 0.08) !important;
    color: #3F5194 !important;
}
.suggested-guide-link:hover {
    background: rgba(63, 81, 148, 0.15) !important;
}

/* ── Pros/Cons colors ── */
.pros-list li::before {
    color: #16a34a !important;
}
.cons-list li::before {
    color: #dc2626 !important;
}

/* ── Sticky download CTA ── */
.sticky-download-cta {
    background: linear-gradient(135deg, #3F5194, #586DB7) !important;
    color: #FFFFFF !important;
    border-radius: 16px 16px 0 0 !important;
}

/* ── Footer ── */
.site-footer {
    background: #FFECD5 !important;
    color: #414141 !important;
}
.footer-brand {
    color: #3F5194 !important;
}
.footer-link {
    color: #3F5194 !important;
}
.footer-copy {
    color: #414141 !important;
}

/* ── Badge/Highlight Yellow accent ── */
.badge-highlight,
.tool-badge {
    background: #FDC50B !important;
    color: #414141 !important;
}

/* ── Lavender accent backgrounds ── */
.lavender-accent-bg {
    background: #E1E1FA !important;
}

/* ── Global border-radius bump to match warm/rounded feel ── */
.tool-methodology {
    border-radius: 16px !important;
    background: rgba(63, 81, 148, 0.03) !important;
    color: #414141 !important;
}