/**
 * Gorilla Dash All Locations Custom Styles
 * Based on Black Optix - Consumer Figma Design
 *
 * All styles are wrapped under .custom_all_locations class
 * This allows for easy customization and prevents style conflicts
 */

.custom_all_locations {
    /* Main wrapper */
    background-color: #2D2D2D;
    color: #F6F3EC;

    .gorilladash-all-locations-title {
        margin: 0 0 4px 0 !important;
        color: #FFFFFF !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }

    .gorilladash-all-locations-subtitle {
        color: #F6F3EC;
    }
    .gorilladash-state-tab {
        background-color: #2f2f2f;
        color: #F6F3EC;
    }

    .gorilladash-state-tab:hover {
        background-color: #3f3f3f;
    }

    .gorilladash-state-tab.active {
        background-color: #ffce51;
        color: #000000;
    }

    /* Loading State */
    .gorilladash-all-locations-loading {
        color: #cccccc;
    }

    .loading-spinner {
        border: 4px solid #333333;
        border-top-color: #ffce51;
    }

    /* Error State */
    .gorilladash-all-locations-error {
        color: #ff5252;
    }

    .no-locations {
        color: #F6F3EC;
    }

    /* Location Card */
    .gorilladash-location-card {
        background-color: #2b2b2b;
        border: 1px solid #363636;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
    }

    .gorilladash-location-card:hover {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    }

    .location-card-name,
    h3.location-card-name {
        color: #F6F3EC !important;
    }

    .location-card-image {
        background-color: #1a1a1a;
    }

    /* Card Info Section */
    .location-card-info {
        border-top: 1px solid #363636;
        border-bottom: 1px solid #363636;
    }

    .location-card-address {
        color: #F6F3EC !important;
    }

    .location-card-address a {
        color: #F6F3EC;
    }

    .location-card-phone a {
        color: #e62525;
    }

    .location-card-phone a:hover {
        color: #ff3838;
    }

    .location-card-hours {
        color: #F6F3EC;
    }

    .location-btn-outline {
        background-color: transparent;
        border: 1px solid #F6F3EC;
        color: #F6F3EC;
    }

    .location-btn-outline:hover {
        background-color: #F6F3EC;
        color: #000000;
    }

    .location-btn-primary {
        background-color: #e62525;
        color: #F6F3EC;
    }

    .location-btn-primary:hover {
        background-color: #ff3838;
    }
}