/* ─────────────────────────────────────────────────────
   FSF Navigation — Icônes de menu (SVG inline)
   ───────────────────────────────────────────────────── */

.fsf-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 8px;
    vertical-align: middle;
    line-height: 1;
}

.fsf-nav-icon__img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.menu-item-depth-0 > a .fsf-nav-icon__img {
    width: 20px;
    height: 20px;
}

.menu-item-depth-1 > a .fsf-nav-icon__img {
    width: 18px;
    height: 18px;
}

.menu-item > a:hover .fsf-nav-icon__img,
.menu-item > a:focus .fsf-nav-icon__img {
    transform: scale(1.1);
    opacity: 0.85;
}

.menu-item > a {
    display: inline-flex;
    align-items: center;
}

/* ─────────────────────────────────────────────────────
   FSF — Bouton primaire .primary-btn (fond clair)
   ───────────────────────────────────────────────────── */

.primary-btn,
.elementor-button.primary-btn,
.elementor-button-wrapper .primary-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 15px 16px !important;
    background: var(--Or, #F3B94B) !important;
    border-radius: 30px !important;
    border-left:   0.8px solid var(--Vert-forêt, #29682D) !important;
    border-top:    0.8px solid var(--Vert-forêt, #29682D) !important;
    border-right:  0.8px solid var(--Vert-forêt, #29682D) !important;
    border-bottom: 4px   solid var(--Vert-forêt, #29682D) !important;
    color:         var(--Vert-forêt, #29682D) !important;
    font-size:     14px !important;
    font-family:   Ubuntu, sans-serif !important;
    font-weight:   700 !important;
    line-height:   1 !important;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.primary-btn:hover,
.elementor-button.primary-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(41, 104, 45, 0.2);
}

.primary-btn:active,
.elementor-button.primary-btn:active {
    transform: translateY(1px);
    border-bottom-width: 2px !important;
}

/* ─────────────────────────────────────────────────────
   FSF — Bouton primaire .primary-btn-dark (fond sombre)
   ───────────────────────────────────────────────────── */

.primary-btn-dark,
.elementor-button.primary-btn-dark,
.elementor-button-wrapper .primary-btn-dark {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 15px 16px !important;
    background: var(--Or, #F3B94B) !important;
    border-radius: 30px !important;
    border-left:   0.8px solid var(--Blanc, #FAFAFA) !important;
    border-top:    0.8px solid var(--Blanc, #FAFAFA) !important;
    border-right:  0.8px solid var(--Blanc, #FAFAFA) !important;
    border-bottom: 4px   solid var(--Blanc, #FAFAFA) !important;
    color:         var(--Vert-forêt, #29682D) !important;
    font-size:     14px !important;
    font-family:   Ubuntu, sans-serif !important;
    font-weight:   700 !important;
    line-height:   1 !important;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.primary-btn-dark:hover,
.elementor-button.primary-btn-dark:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(19, 36, 23, 0.4);
}

.primary-btn-dark:active,
.elementor-button.primary-btn-dark:active {
    transform: translateY(1px);
    border-bottom-width: 2px !important;
}