/* Mini-tabs (menu) et dropdown "Solutions web" extrait d'index.html */

/* Menu onglets (mini-tabs) - utilisé en haut et en bas */
.mini-tabs-wrapper {
    margin-bottom: 35px;
}
.mini-tabs {
    display: inline-flex;
    gap: 10px;
    background: #f5f5f5;
    padding: 6px;
    border-radius: 40px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}
.mini-tabs a {
    position: relative;
    display: inline-block;
    padding: 10px 22px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: var(--alt-font, inherit);
    border-radius: 30px;
    color: #3d3d3d;
    background: transparent;
    transition: all .3s ease;
    text-decoration: none;
}
.mini-tabs a:hover {
    background: #e9e1d7;
    color: #bc8947;
}
.mini-tabs a.active {
    background: #bc8947;
    color: #fff;
    box-shadow: 0 6px 18px rgba(188,137,71,.35);
}
.mini-tabs a.active:hover {
    background: #bc8947;
    color: #fff;
}

/* =========== Dropdown "Solutions web" =========== */
.mini-tab-dropdown {
    position: relative;
    display: inline-block;
}
.mini-tab-dropdown .mini-tab-parent {
    display: inline-block;
    cursor: pointer;
}
/* Sous-menu collé au parent (chevauchement léger pour supprimer le "trou") */
.mini-tab-dropdown-menu {
    position: absolute;
    top: calc(100% - 6px); /* chevauche légèrement pour éviter tout espace au passage de souris */
    left: 0;
    display: none; /* affiché au hover / focus / is-open */
    min-width: 220px;
    flex-direction: column;
    gap: 6px;
    background: #f5f5f5; /* même fond que la barre: apparence d'un seul bloc */
    padding: 8px;
    border-radius: 0 0 36px 36px; /* coins bas arrondis pour faire corps avec la barre */
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    z-index: 50;
    pointer-events: auto;
}
.mini-tab-dropdown-menu a {
    display: block;
    padding: 8px 14px;
    color: #3d3d3d;
    background: transparent;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
}
.mini-tab-dropdown-menu a:hover {
    background: #e9e1d7;
    color: #bc8947;
}
/* Reste ouvert quand on survole parent OU sous-menu + support focus-within pour clavier */
.mini-tab-dropdown:hover .mini-tab-dropdown-menu,
.mini-tab-dropdown .mini-tab-dropdown-menu:hover,
.mini-tab-dropdown:focus-within .mini-tab-dropdown-menu,
.mini-tab-dropdown.is-open .mini-tab-dropdown-menu {
    display: flex;
}
.mini-tab-dropdown .mini-tab-parent::after {
    content: "▾";
    margin-left: 8px;
    font-size: 11px;
    vertical-align: middle;
    opacity: 0.8;
}
/* mobile : on place le sous-menu en flux (déroulé) */
@media (max-width: 575px) {
    .mini-tabs { flex-wrap: wrap; justify-content: center; }
    .mini-tabs a { padding: 10px 16px; font-size: 12px; }
    .mini-tab-dropdown-menu {
        position: static;
        display: flex !important;
        box-shadow: none;
        background: transparent;
        padding: 0;
        min-width: 0;
        gap: 4px;
        border-radius: 0;
    }
    .mini-tab-dropdown-menu a {
        padding: 8px 12px;
        text-transform: uppercase;
        font-size: 12px;
        border-radius: 20px;
        background: transparent;
    }
    .mini-tab-dropdown-menu { top: auto; } /* enlève le chevauchement sur mobile */
}
/* classe forcée si on ouvre via JS */
.mini-tab-dropdown.is-open .mini-tab-dropdown-menu { display: flex; }

/* petites utilitaires (déplacées depuis index) */
.text-gold { color: #BC8947; }
.btn-base-color { background-color: #BC8947; border-color: #BC8947; transition: all 0.3s ease; }
.btn-base-color:hover { background-color: #BC8947; border-color: #BC8947; }