/* Palette commune : les bandeaux sont bleus, les surfaces de lecture restent blanches.
 * Règles par composant, sans liste de pages : les nouvelles pages héritent de la charte.
 * Les gammes iCommune (vert) et Krea3 Mobile (turquoise) ne sont pas ciblées. */
@media screen {
    .k3-inner-page .k3i-main :is(.k3i-heading,.s-home,.k3i-section--pale,.k3s-pale,.k3s-filters,.krea3-pricing-section,.krea3-offer-contact),
    .k3-inner-page .k3i-main #temoignages.k3s-section {
        background:#0d2b41!important;
        color:#fff;
        border-color:#6c8799;
    }

    /* Héritage explicite : évite les anciens textes bleu/gris sur les fonds foncés.
     * Les formulaires et leurs messages d’erreur gardent leurs propres couleurs. */
    .k3-inner-page .k3i-main :is(.k3i-heading,.s-home,.k3i-section--pale,.k3s-pale,.k3s-filters,.krea3-pricing-section,.krea3-offer-contact)
    :is(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,summary,small,strong,b,span,label):not(:where(form *)) {
        color:inherit;
    }
    .k3-inner-page .k3i-main .s-home h1.accueil { color:#fff!important; }
    .k3-inner-page .k3i-main .krea3-offer-contact .display-1 { color:#fff!important; }
    .k3-inner-page .k3i-main .s-solutions-numeriques :is(.display-1,.subhead) { color:#0d2b41!important; }
    .k3-inner-page .k3i-main :is(.k3i-heading,.krea3-offer-hero) :is(.k3i-breadcrumb,.k3i-lead) { color:#fff; }
    .k3-inner-page .k3i-main :is(.k3i-heading,.k3i-section--pale,.k3s-pale,.krea3-offer-contact) .k3i-eyebrow::before { background:#69c3c8; }
    .k3-inner-page .k3i-main :is(.k3i-heading,.s-home,.k3i-section--pale,.k3s-pale,.k3s-filters,.krea3-pricing-section,.krea3-offer-contact)
    :is(a,button,summary):focus-visible { outline-color:#fff; }
    .k3-inner-page .k3i-main :is(.k3i-heading,.k3i-section--pale,.k3s-pale,.krea3-pricing-section,.krea3-offer-contact)
    :is(.k3h-button,.btn-krea,.krea3-offer-hero__cta,.krea3-pricing-card__cta,.k3s-more-models summary,.k3c-callout) { border-color:#fff; }
    .k3-inner-page .k3i-main :is(.k3s-pale,.k3i-section--pale) :is(.k3s-number,.k3s-note) { border-color:#69c3c8; }

    /* Cartes, tableaux et champs : du blanc neutre, jamais du texte blanc sur blanc. */
    .k3-inner-page .k3i-main :is(.k3s-route,.k3s-story,.k3s-feature-card,.k3s-budget-card:not(.k3s-budget-card--blue),.krea3-pricing-card:not(.krea3-pricing-card--monthly),.krea3-pricing-included,.k3i-comparison) {
        background:#fff;
        color:#0d2b41;
    }
    .k3-inner-page .k3i-main :is(.k3s-route,.k3s-story,.k3s-feature-card,.k3s-budget-card:not(.k3s-budget-card--blue),.krea3-pricing-card:not(.krea3-pricing-card--monthly),.krea3-pricing-included,.k3i-comparison)
    :is(a,button,summary):focus-visible { outline-color:#0d2b41; }
    .k3-inner-page .k3i-main :is(.k3s-route,.k3s-budget-card:not(.k3s-budget-card--blue),.krea3-pricing-card:not(.krea3-pricing-card--monthly))
    :is(.k3h-button,.krea3-pricing-card__cta) { border-color:#0d2b41; }
    .k3-inner-page .k3i-main .krea3-pricing-card:not(.krea3-pricing-card--monthly) .krea3-pricing-card__prices,
    .k3x-price-card:not(.k3x-price-card--monthly) { background:#fff; }
    .k3-inner-page .k3i-main .k3i-comparison-table thead th,
    .k3-inner-page .k3i-main .k3i-comparison-included { background:#0d2b41;color:#fff; }
    .k3-inner-page .k3i-main .k3i-comparison-table thead a { color:#fff; }
    .k3-inner-page .k3i-main .krea3-offer-contact__context { background:transparent;color:#fff;border-color:#69c3c8; }
    .k3-inner-page .k3i-main form.visual-form-builder fieldset { background:#fff;color:#0d2b41; }
    .k3-inner-page .k3i-main form.visual-form-builder :is(a,button,input,select,textarea):focus-visible { outline-color:#0d2b41; }

    /* Le bouton sort du fieldset blanc : il doit se détacher du bandeau bleu. */
    .k3-inner-page .k3i-main .krea3-offer-contact form.visual-form-builder :is(input[type=submit],button[type=submit],input#sendmail) {
        background:#fff;
        color:#0d2b41;
        border:2px solid #fff;
        min-height:48px;
        min-width:160px;
        max-width:100%;
        padding:12px 28px;
        cursor:pointer;
    }
    .k3-inner-page .k3i-main .krea3-offer-contact form.visual-form-builder :is(input[type=submit],button[type=submit],input#sendmail):hover:not(:disabled) {
        background:#69c3c8;
        border-color:#69c3c8;
        color:#0d2b41;
    }
    .k3-inner-page .k3i-main .krea3-offer-contact form.visual-form-builder :is(input[type=submit],button[type=submit],input#sendmail):focus-visible {
        outline:3px solid #fff;
        outline-offset:4px;
        box-shadow:0 0 0 4px #0d2b41;
    }
    .k3-inner-page .k3i-main .krea3-offer-contact form.visual-form-builder :is(input[type=submit],button[type=submit],input#sendmail):disabled {
        cursor:not-allowed;
        border-style:dashed;
    }

    .k3-inner-page .k3i-main .k3s-filters :is(label,button) { color:#fff; }
    .k3-inner-page .k3i-main .k3s-filters button { border-color:#fff; }
    .k3-inner-page .k3i-main .k3s-filters button:disabled { color:#dce7ee;border-color:#6c8799; }
    .k3-inner-page .k3i-main .k3s-filters select:focus-visible { outline-color:#fff; }
    .k3-inner-page .k3i-main :is(.k3p-project-media,.k3i-reference-cover,.k3r-media),
    .k3-inner-page .k3i-main .k3s-model img { background:#fff; }
    .k3-inner-page .k3i-main .entry-content blockquote { background:#fff; }
    .k3p-filters a:not([aria-current]):hover,.k3p-portfolio a.page-numbers:hover { background:#0d2b41;color:#fff; }

    /* Choix conservé pour les deux sections de lecture de la page Agence. */
    .page-id-3986.k3-inner-page .k3i-main .k3i-section--pale { background:#fff!important;color:#0d2b41; }
    .page-id-3986.k3-inner-page .k3i-main .k3i-section--pale :is(a,button,summary):focus-visible { outline-color:#0d2b41; }

    .k3h-process {
        --k3h-muted:#fff;
        --k3h-line:#6c8799;
        background:#0d2b41;
        color:#fff;
    }
    .k3h-process .k3h-eyebrow { color:#fff; }
    .k3h-process :is(a,button):focus-visible { outline-color:#fff; }
}
@media screen and (max-width:900px) {
    .k3h-navigation { background:#0d2b41;color:#fff;border-color:#6c8799; }
    .k3h-navigation a,.k3h-navigation a:hover { color:#fff; }
    .k3h-navigation a:focus-visible { outline-color:#fff; }
}