/* Cacher la sidebar du cluster sur desktop */
.fi-page-sub-navigation-sidebar-ctn {
    display: none !important;
}

/* Forcer affichage du dropdown et centrer */
.fi-page-sub-navigation-select {
    display: block !important;
    text-align: center !important;
}

/* Taille du wrapper - forcer 350px */
.fi-page-sub-navigation-select .fi-input-wrp {
    display: inline-block !important;
    width: 350px !important;
    max-width: 350px !important;
    border: 2px solid rgb(59, 130, 246) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
}

/* Forcer la taille du select aussi */
.fi-page-sub-navigation-select select {
    width: 100% !important;
}

/* Fix layout - forcer colonne */
.fi-page section > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* Centrer le titre */
.fi-header-heading {
    justify-content: center !important;
    text-align: center !important;
}
/* ========================================
   DROPDOWN CLUSTER - STYLE COMPACT MOBILE
   ======================================== */

/* Container du dropdown - centré et moins large */
.fi-page-sub-navigation-select {
    max-width: 400px !important;
}

/* Le select lui-même */
.fi-page-sub-navigation-select select,
.fi-page-sub-navigation-select .fi-input {
    font-size: 0.875rem !important;
    border-radius: 0.5rem !important;
}

/* Style des catégories (optgroup) - titres orange */
.fi-page-sub-navigation-select select optgroup {
    font-weight: 700 !important;
    color: #f97316 !important;
    background: linear-gradient(90deg, rgba(249,115,22,0.15) 0%, transparent 100%) !important;
    padding: 10px 8px 6px 8px !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-top: 4px !important;
}

/* Style des options dans le dropdown */
.fi-page-sub-navigation-select select option {
    padding: 8px 16px !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
}

/* Hover sur les options */
.fi-page-sub-navigation-select select option:hover {
    background-color: rgba(249, 115, 22, 0.1) !important;
}