/* ═══════════════════════════════════════════
   Valroc – Widget Machine FAQ
   CSS autonome, même rendu qu'ElementsKit
   ═══════════════════════════════════════════ */

/* ── Accordion wrapper ── */
.vmfaq-accordion {
    counter-reset: myNumber 0;
}

/* ── Card ── */
.vmfaq-card {
    background-color: transparent;
    transition: all .4s;
}
.vmfaq-card:not(:last-child) {
    margin-bottom: 10px;
}

/* ── Card header ── */
.vmfaq-card-header {
    background-color: transparent;
    padding: 0;
}

/* ── Toggler ── */
.vmfaq-toggler {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease;

    /* Valeurs par défaut (écrasées par Elementor) */
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 14px 0;
    border-radius: 0;
    border: none;
}
.vmfaq-toggler:hover,
.vmfaq-toggler:focus {
    text-decoration: none;
    outline: none;
}

/* ── Titre ── */
.vmfaq-title {
    display: inline-block;
    flex: 1;
    padding-right: 40px; /* espace pour l'icône absolue */
}

/* ── Groupe icônes ── */
.vmfaq-icon-group {
    position: absolute;
    right: 0;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Icône normale visible quand fermé (aria-expanded=false) */
.vmfaq-toggler[aria-expanded="false"] .vmfaq-icon-normal { display: flex; }
.vmfaq-toggler[aria-expanded="false"] .vmfaq-icon-active  { display: none; }

/* Icône active visible quand ouvert (aria-expanded=true) */
.vmfaq-toggler[aria-expanded="true"]  .vmfaq-icon-normal { display: none; }
.vmfaq-toggler[aria-expanded="true"]  .vmfaq-icon-active  { display: flex; }

/* ── Icône : transition ── */
.vmfaq-icon-normal,
.vmfaq-icon-active {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s ease, transform .3s ease;
}

/* Couleur de l'icône via variable CSS (définie sur .vmfaq-toggler) */
.vmfaq-icon-normal i,
.vmfaq-icon-active i {
    color: var(--vmfaq-icon-color, currentColor);
}
.vmfaq-icon-normal svg,
.vmfaq-icon-active svg {
    fill: var(--vmfaq-icon-color, currentColor);
}

/* ── Panneau collapse – slide animé via max-height ── */
.vmfaq-collapse {
    overflow: hidden;
    max-height: 0;
    transition: max-height .35s ease;
}
.vmfaq-collapse.show {
    max-height: 2000px; /* valeur haute, écrasée par JS avec la vraie hauteur */
}

/* ── Body ── */
.vmfaq-body {
    padding: 16px;
    color: var(--e-global-color-primary, #171715);
}
.vmfaq-body p {
    margin-top: 0;
    margin-bottom: 1em;
}
.vmfaq-body p:last-child {
    margin-bottom: 0;
}

/* ── Vide ── */
.vmfaq-empty {
    color: #888;
    font-style: italic;
}