/**
 * 🌞 DRINKS - Corrections Mode Clair
 * Amélioration de la visibilité des éléments cliquables
 */

/* Mode clair uniquement */
@media (prefers-color-scheme: light) {
    /* Boutons et éléments interactifs - Plus visibles */
    button:not(.unstyled),
    [role="button"],
    .button,
    .btn {
        border: 1.5px solid rgba(139, 92, 246, 0.4) !important;
        box-shadow: 0 2px 8px rgba(139, 92, 246, 0.15) !important;
    }

    button:hover:not(.unstyled),
    [role="button"]:hover,
    .button:hover,
    .btn:hover {
        border-color: rgba(139, 92, 246, 0.6) !important;
        box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25) !important;
        background-color: rgba(139, 92, 246, 0.08) !important;
    }

    /* Liens - Plus visibles */
    a:not(.unstyled) {
        color: #7c3aed !important;
        text-decoration: underline;
        text-decoration-color: rgba(124, 58, 237, 0.3);
    }

    a:hover:not(.unstyled) {
        color: #6d28d9 !important;
        text-decoration-color: rgba(124, 58, 237, 0.6);
    }

    /* Cards et conteneurs cliquables */
    [role="button"],
    .clickable,
    .cursor-pointer {
        border: 1px solid rgba(139, 92, 246, 0.2) !important;
    }

    [role="button"]:hover,
    .clickable:hover,
    .cursor-pointer:hover {
        border-color: rgba(139, 92, 246, 0.4) !important;
        background-color: rgba(139, 92, 246, 0.05) !important;
    }

    /* Inputs et selects - Meilleure visibilité */
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea {
        border: 1.5px solid rgba(139, 92, 246, 0.3) !important;
        background-color: #ffffff !important;
    }

    input:focus:not([type="checkbox"]):not([type="radio"]),
    select:focus,
    textarea:focus {
        border-color: rgba(139, 92, 246, 0.6) !important;
        box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15) !important;
        outline: none !important;
    }

    /* Checkbox et radio - Plus visibles */
    input[type="checkbox"],
    input[type="radio"] {
        border: 1.5px solid rgba(139, 92, 246, 0.4) !important;
        accent-color: #8b5cf6 !important;
    }

    /* Tabs et navigation */
    [role="tab"],
    [role="tablist"] > * {
        border-bottom: 2px solid transparent;
    }

    [role="tab"]:hover,
    [role="tablist"] > *:hover {
        border-bottom-color: rgba(139, 92, 246, 0.4) !important;
        background-color: rgba(139, 92, 246, 0.05) !important;
    }

    [role="tab"][aria-selected="true"],
    .active {
        border-bottom-color: #8b5cf6 !important;
        color: #7c3aed !important;
    }

    /* Dropdown menus */
    [role="menu"],
    [role="menuitem"],
    .dropdown-item,
    .menu-item {
        border: 1px solid rgba(139, 92, 246, 0.15) !important;
    }

    [role="menuitem"]:hover,
    .dropdown-item:hover,
    .menu-item:hover {
        background-color: rgba(139, 92, 246, 0.1) !important;
        border-color: rgba(139, 92, 246, 0.3) !important;
    }

    /* Icons avec hover */
    .icon-button,
    [class*="icon"]:hover {
        color: #8b5cf6 !important;
    }

    /* Badges et pills */
    .badge,
    .pill,
    [class*="badge"] {
        border: 1px solid rgba(139, 92, 246, 0.3);
        background-color: rgba(139, 92, 246, 0.1) !important;
        color: #7c3aed !important;
    }

    /* Toast et notifications */
    [role="alert"],
    .toast,
    .notification {
        border: 1.5px solid rgba(139, 92, 246, 0.3) !important;
        box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
    }

    /* Amélioration texte sur fond clair */
    body {
        color: #111827 !important;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #1f2937 !important;
    }

    /* Texte secondaire plus visible */
    .text-secondary,
    .text-muted,
    [class*="text-gray"] {
        color: #4b5563 !important;
    }

    /* Switch/Toggle - Plus visible */
    [role="switch"],
    .toggle,
    .switch {
        border: 1.5px solid rgba(139, 92, 246, 0.4) !important;
    }

    [role="switch"][aria-checked="true"],
    .toggle.active,
    .switch.active {
        background-color: #8b5cf6 !important;
        border-color: #7c3aed !important;
    }
}