/*
 * Organilog 3D — Override charte graphique pour les calculateurs.
 * Chargé APRÈS calculators-common.css et calculators-<slug>.css.
 *
 * Palette (theme.json) :
 *   primary       #5420E3  (violet)
 *   primary-dark  #4119B8
 *   secondary     #47CEC0  (cyan)
 *   secondary-lt  #E8F8F6
 *   dark          #213140
 *   text-light    #5A6B7B
 *   bg-alt        #F7F8FA
 *
 * Règle UI projet : border-radius 10px MAX partout.
 */

div.orgcalc-calculator {
    --orgcalc-primary: #5420E3 !important;
    --orgcalc-primary-hover: #4119B8 !important;
    --orgcalc-primary-dark: #311483 !important;
    --orgcalc-primary-light: #EDE7FF !important;
    --orgcalc-text: #213140 !important;
    --orgcalc-text-light: #5A6B7B !important;
    --orgcalc-text-muted: #8899aa !important;
    --orgcalc-bg-light: #F7F8FA !important;
    --orgcalc-bg-card: #F7F8FA !important;
    --orgcalc-border: #e5e7eb !important;
    --orgcalc-border-focus: #5420E3 !important;
    --orgcalc-success: #47CEC0 !important;
    --orgcalc-radius-sm: 8px !important;
    --orgcalc-radius-md: 10px !important;
    --orgcalc-radius-lg: 10px !important;
}

/* Espace réduit en haut du calculateur — entre le header du site et le hero */
body.parent-pageid-1625 main.container,
body.page-child main.container {
    padding-top: 20px !important;
}

/* Hero — dégradé sombre brand (#213140) */
div.orgcalc-calculator .orgcalc-hero {
    background: linear-gradient(135deg, #213140 0%, #2D4050 100%) !important;
    border-radius: 10px !important;
    padding: 40px 32px !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

/* Header de l'index (si shortcode utilisé) */
div.orgcalc-calculators-index .orgcalc-hub-header {
    background: linear-gradient(135deg, #5420E3 0%, #7B4FFF 100%) !important;
    border-radius: 10px !important;
}

/* ==========================================================================
   Bloc SEO content sous le calculateur — typographie raisonnable
   (le theme par défaut force des H2 énormes, on reprend la main)
   ========================================================================== */
div.orgcalc-calculator .orgcalc-seo-content {
    max-width: 820px !important;
    margin: 48px auto 0 !important;
    padding: 32px 36px !important;
    background: #FFFFFF !important;
    border: 1px solid #ECEEF2 !important;
    border-radius: 10px !important;
    color: #213140 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}
div.orgcalc-calculator .orgcalc-seo-content h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #213140 !important;
    margin: 36px 0 12px !important;
    padding: 0 !important;
    letter-spacing: -0.01em !important;
}
div.orgcalc-calculator .orgcalc-seo-content h2:first-child {
    margin-top: 0 !important;
}
div.orgcalc-calculator .orgcalc-seo-content h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #213140 !important;
    margin: 28px 0 10px !important;
}
div.orgcalc-calculator .orgcalc-seo-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #213140 !important;
    margin: 0 0 16px !important;
}
div.orgcalc-calculator .orgcalc-seo-content p:last-child {
    margin-bottom: 0 !important;
}
div.orgcalc-calculator .orgcalc-seo-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    display: grid !important;
    gap: 8px !important;
}
div.orgcalc-calculator .orgcalc-seo-content ul li {
    position: relative !important;
    padding: 0 0 0 22px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #213140 !important;
}
div.orgcalc-calculator .orgcalc-seo-content ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 4px; top: 11px !important;
    width: 6px; height: 6px !important;
    background: #5420E3 !important;
    border-radius: 50% !important;
}
div.orgcalc-calculator .orgcalc-seo-content strong,
div.orgcalc-calculator .orgcalc-seo-content b {
    color: #213140 !important;
    font-weight: 700 !important;
}
div.orgcalc-calculator .orgcalc-seo-content em,
div.orgcalc-calculator .orgcalc-seo-content i {
    color: #5A6B7B !important;
    font-style: italic !important;
}

/* Badge "outil gratuit" */
div.orgcalc-calculator .orgcalc-hero-badge,
div.orgcalc-calculators-index .orgcalc-hub-badge {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
}

/* Stats de l'index */
div.orgcalc-calculators-index .orgcalc-hub-stats-value {
    color: #47CEC0 !important;
}

/* Texte du hero/header en blanc sur fond violet */
div.orgcalc-calculator .orgcalc-hero .orgcalc-hero-title,
div.orgcalc-calculator .orgcalc-hero .orgcalc-hero-desc,
div.orgcalc-hub.orgcalc-calculators-index .orgcalc-hub-header .orgcalc-hub-h1,
div.orgcalc-hub.orgcalc-calculators-index .orgcalc-hub-header .orgcalc-hub-lead {
    color: #FFFFFF !important;
}
div.orgcalc-calculator .orgcalc-hero .orgcalc-hero-desc,
div.orgcalc-hub.orgcalc-calculators-index .orgcalc-hub-header .orgcalc-hub-lead {
    color: rgba(255, 255, 255, 0.92) !important;
}
div.orgcalc-calculators-index .orgcalc-hub-stats {
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
}
div.orgcalc-calculators-index .orgcalc-hub-stats-label {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Cap les arrondis résiduels (12px / 16px / 20px → 10px max) */
div.orgcalc-calculator [class*="orgcalc-"]:not(.orgcalc-hero-icon):not(.orgcalc-hub-card-icon):not([class*="circle"]):not([class*="badge-dot"]) {
    /* Pas d'override global border-radius ici — risque casser les 50% des cercles. On vise les patterns connus ci-dessous. */
}

.orgcalc-form-wrapper,
.orgcalc-results,
div.orgcalc-calculator .orgcalc-cta-card,
div.orgcalc-calculator .orgcalc-embed-card,
div.orgcalc-calculator .orgcalc-internal-links,
.orgcalc-hub-card,
.orgcalc-hub-filter-btn {
    border-radius: 10px !important;
}

/* Filtres index : pilule plus sobre */
.orgcalc-hub-filter-btn.active {
    background: #5420E3 !important;
    color: #FFFFFF !important;
    border-color: #5420E3 !important;
}
.orgcalc-hub-filter-count {
    background: rgba(255, 255, 255, 0.22) !important;
    color: inherit !important;
    border-radius: 8px !important;
}

/* CTA bouton — gradient violet */
div.orgcalc-calculator .orgcalc-cta-button {
    background: linear-gradient(135deg, #5420E3 0%, #7B4FFF 100%) !important;
    border-radius: 10px !important;
}

/* Liens "calculator card" survol — bord violet, pas accent rouge/teinte calc */
.orgcalc-hub-card:hover {
    border-color: #5420E3 !important;
    box-shadow: 0 8px 24px rgba(84, 32, 227, 0.12) !important;
}
.orgcalc-hub-card-cta {
    color: #5420E3 !important;
}