/* --- CONFIGURATION FINALE ET COMPLÈTE BLABLALINUX --- */
/* Couleurs : Vert #1C7176 | Orange #EA5D01 | Fond #0F172A | Encarts #0D131B */

/* On applique ce bloc UNIQUEMENT sur les écrans larges (Bureau) */
@media screen and (min-width: 1175px) {

    /* 1. FOND DE PAGE ET STRUCTURE (#0F172A) */
    .ui, .tabs-bar, .tabs-bar__wrapper, .column, .drawer__header, .scrollable, .column-header {
        background-color: #0F172A !important;
        background: #0F172A !important;
    }

    /* Panneau de navigation latéral (#05070A) */
    .navigation-panel {
        background-color: #05070A !important;
    }

    /* 2. ENCARTS DE SAISIE UNIFIÉS (#0D131B) */
    .search__input,
    .compose-form__highlightable {
        background-color: #0D131B !important;
        background: #0D131B !important;
        border: none !important;
    }

    .compose-form__autosuggest-wrapper,
    .compose-form__buttons-wrapper,
    .autosuggest-textarea__textarea {
        background: transparent !important;
    }

    /* 3. BOUTON PUBLIER & COMPOSER (Vert #1C7176) */
    .button.button--compact,
    .button.navigation-panel__compose-button,
    .button.dropdown-button {
        background-color: #1C7176 !important;
        color: #F6F4F4 !important;
        border: none !important;
    }

    .button:hover,
    .button.button--compact:hover,
    .button.navigation-panel__compose-button:hover {
        background-color: #EA5D01 !important;
    }

    /* 4. MENU DE DROITE (Texte en Vert #1C7176) */
    .column-link,
    .column-link__text,
    .column-link__icon,
    .navigation-panel .column-link i {
        color: #1C7176 !important;
    }

    /* 5. SURVOL DU MENU : SEULE L'ICÔNE DEVIENT ORANGE */
    .column-link:hover .column-link__text {
        color: #1C7176 !important;
    }

    .column-link:hover .column-link__icon,
    .column-link:hover .column-link__icon svg {
        color: #EA5D01 !important;
        fill: #EA5D01 !important;
    }

    /* 6. TAGS, LIENS ET MENTIONS (Orange #EA5D01) */
    .status__content a, 
    .status__content a span,
    .mention.hashtag span,
    .status__display-name strong,
    .account__display-name strong {
        color: #EA5D01 !important;
    }

    /* 7. ACTIONS ACTIVES (Boost/Favoris) */
    .icon-button.active,
    .icon-button.active svg {
        color: #EA5D01 !important;
        fill: #EA5D01 !important;
        background-color: transparent !important;
    }

    /* Badges de notifications (Orange) */
    .icon-with-badge__badge {
        background-color: #EA5D01 !important;
        color: #FFFFFF !important;
    }

    /* --- 8. ALERTE ACCESSIBILITÉ (Médias sans description) --- */
    /* Images et Audio */
    .media-gallery__item-thumbnail img:not([alt]),
    .media-gallery__item-thumbnail img[alt=""],
    .audio-player__canvas:not([title]),
    .audio-player__canvas[title=""],

    /* Vidéos et GIF (Vérification double : title ET aria-label) */
    .video-player video:not([title]):not([aria-label]),
    .media-gallery__gifv video:not([title]):not([aria-label]),
    .video-player video[title=""][aria-label=""],
    .media-gallery__gifv video[title=""][aria-label=""] {
        box-sizing: border-box !important;
        border: 5px solid !important;
        border-image-slice: 1 !important;
        border-image-source: repeating-linear-gradient(
            -55deg,
            #1C7176,       /* Vert BlablaLinux */
            #1C7176 15px,
            #EA5D01 15px,  /* Orange BlablaLinux */
            #EA5D01 30px
        ) !important;
    }
}