/**
 * ADNBSL Localisateur Distributeur — styles front-end (contraste & lisibilité)
 */

#ald-wrap {
    --ald-ui-bg: #ffffff;
    --ald-ui-border: #d0d7de;
    --ald-ui-text: #1b2a4a;
    --ald-ui-muted: #4a5568;
    --ald-ui-accent: #0054a6;
    --ald-ui-accent-hover: #003d7a;
    --ald-ui-radius: 8px;
    --ald-ui-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

#ald-wrap .ald-search {
    background: var(--ald-ui-bg) !important;
    border: 1px solid var(--ald-ui-border);
    border-radius: var(--ald-ui-radius);
    box-shadow: var(--ald-ui-shadow);
    padding: 18px 20px 14px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#ald-wrap .ald-search,
#ald-wrap .ald-search * {
    color: var(--ald-ui-text);
}

#ald-wrap .ald-input label,
#ald-wrap .ald-select-wrap label,
#ald-wrap #ald-radius label,
#ald-wrap #ald-results label,
#ald-wrap #ald-category label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ald-ui-text) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#ald-wrap #ald-search-input,
#ald-wrap .ald-dropdown,
#ald-wrap #ald-category-list,
#ald-wrap select.ald-dropdown {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--ald-ui-text) !important;
    background: #fff !important;
    border: 1px solid var(--ald-ui-border) !important;
    border-radius: 6px;
    box-shadow: none !important;
    box-sizing: border-box;
}

#ald-wrap .ald-input,
#ald-wrap #ald-radius,
#ald-wrap #ald-results,
#ald-wrap #ald-category {
    float: left;
    margin-right: 16px;
    margin-bottom: 12px;
    min-width: 160px;
}

#ald-wrap .ald-select-wrap {
    float: left;
    clear: none;
}

#ald-wrap .ald-search-btn-wrap {
    float: left;
    margin-top: 22px;
}

#ald-wrap #ald-search-btn {
    min-height: 42px;
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 600;
    color: #fff !important;
    background: var(--ald-ui-accent) !important;
    border: none !important;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 84, 166, 0.35);
    transition: background 0.2s ease;
}

#ald-wrap #ald-search-btn:hover,
#ald-wrap #ald-search-btn:focus {
    background: var(--ald-ui-accent-hover) !important;
    color: #fff !important;
}

#ald-wrap .ald-selected-item,
#ald-wrap .ald-dropdown .ald-selected-item {
    color: var(--ald-ui-text) !important;
    background: #fff !important;
    border: 1px solid var(--ald-ui-border);
    min-height: 42px;
    line-height: 42px;
    padding: 0 12px;
    border-radius: 6px;
}

#ald-wrap .ald-dropdown-list,
#ald-wrap .ald-autocomplete-search-results {
    background: #fff !important;
    border: 1px solid var(--ald-ui-border);
    border-radius: 6px;
    box-shadow: var(--ald-ui-shadow);
    z-index: 9999;
}

#ald-wrap .ald-autocomplete-search-results a,
#ald-wrap .ald-autocomplete-search-results li {
    color: var(--ald-ui-text) !important;
}

#ald-wrap .ald-autocomplete-highlight {
    color: var(--ald-ui-accent) !important;
    font-weight: 700;
}

#ald-wrap #ald-stores li,
#ald-wrap #ald-stores li a,
#ald-wrap #ald-stores li span,
#ald-wrap .ald-no-results-msg {
    color: var(--ald-ui-text) !important;
}

#ald-wrap #ald-stores {
    background: var(--ald-ui-bg);
    border: 1px solid var(--ald-ui-border);
    border-radius: var(--ald-ui-radius);
    padding: 8px 0;
}

#ald-wrap #ald-gmap,
#ald-wrap .ald-gmap-canvas {
    border: 1px solid var(--ald-ui-border);
    border-radius: var(--ald-ui-radius);
    overflow: hidden;
    box-shadow: var(--ald-ui-shadow);
}

#ald-wrap .ald-provided-by {
    margin-top: 10px;
    font-size: 12px;
    color: var(--ald-ui-muted) !important;
}

#ald-wrap #ald-checkbox-filter label {
    color: var(--ald-ui-text) !important;
    font-weight: 500;
}

@media (max-width: 782px) {
    #ald-wrap .ald-input,
    #ald-wrap #ald-radius,
    #ald-wrap #ald-results,
    #ald-wrap #ald-category,
    #ald-wrap .ald-search-btn-wrap {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #ald-wrap .ald-search-btn-wrap {
        margin-top: 0;
    }

    #ald-wrap #ald-search-btn {
        width: 100%;
    }
}