/* Fiche Set de 4 - etape 3 "Comment vous l'installez ?" (10/10/2026).
   Les 3 cartes se lisaient comme du contenu, pas comme un choix (fond sombre
   sur fond sombre, aucune case visible, ~370 px chacune sur mobile).
   Charge seulement sur la fiche template 6 (layout_inherit_fitter_map) :
   pas de -u theme_alloygator (ecrase les traductions de la fiche). */
body.theme-alloygator .ag-cfg .ag-cfg-install-3::before {
    content: "Choisissez une option :";
    grid-column: 1 / -1;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--ag-ink, #F5F5F0);
}
body.theme-alloygator .ag-cfg .ag-cfg-install-card {
    background: #1C2025;
    border: 2px solid #343A42;
    padding-top: 52px;
}
body.theme-alloygator .ag-cfg .ag-cfg-install-card::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 24px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--ag-ink-3, #6B7178);
    background: transparent;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}
body.theme-alloygator .ag-cfg .ag-cfg-install-card.is-active {
    border-color: var(--ag-green, #92C516);
    box-shadow: 0 0 0 3px rgba(146, 197, 22, .18);
}
body.theme-alloygator .ag-cfg .ag-cfg-install-card.is-active::before {
    border-color: var(--ag-green, #92C516);
    box-shadow: inset 0 0 0 4px #1C2025, inset 0 0 0 11px var(--ag-green, #92C516);
}
body.theme-alloygator .ag-cfg .ag-cfg-install-card .ag-cfg-install-tag {
    position: absolute;
    top: 19px;
    left: 56px;
}

@media (max-width: 720px) {
    body.theme-alloygator .ag-cfg .ag-cfg-install-3 { gap: 10px; }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card {
        padding: 14px 14px 14px 52px;
        border-radius: 12px;
    }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card:hover { transform: none; }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card::before { top: 16px; left: 16px; }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card .ag-cfg-install-tag {
        position: static;
        padding: 3px 8px;
        font-size: 9px;
        letter-spacing: .12em;
    }
    body.theme-alloygator .ag-cfg .ag-cfg-install-icon { display: none; }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card h4 {
        margin: 6px 0 4px;
        font-size: 16px;
        line-height: 1.25;
    }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card p { margin: 0 0 10px; }
    /* Seule l'option choisie montre son detail */
    body.theme-alloygator .ag-cfg .ag-cfg-install-card:not(.is-active) p,
    body.theme-alloygator .ag-cfg .ag-cfg-install-card:not(.is-active) .ag-cfg-install-pro-note {
        display: none;
    }
    body.theme-alloygator .ag-cfg .ag-cfg-install-bonus {
        padding: 6px 10px;
        background: rgba(0, 0, 0, .25);
    }
    body.theme-alloygator .ag-cfg .ag-cfg-install-bonus strong { font-size: 18px; }
    body.theme-alloygator .ag-cfg .ag-cfg-install-card:not(.is-active) .ag-cfg-install-bonus {
        background: transparent;
        padding: 0;
    }
}