.dark-all-locations {
    /**
 * Custom Store Locator Styles
 *
 * All styles are wrapped under .custom_store_locator class
 * This allows for easy customization and prevents style conflicts
 */
    .gorilladash-search-btn {
        color: #E62525;
        border-radius: 0.5rem;
        padding: 0.75rem 1.25rem;
    }

    .custom_store_locator {
        /* Top Search Bar */
        .gorilladash-locator-top-search {
            background: #2b2b2b;
            border: 0;
            border-top: 1px solid #3a3a3a;
            border-bottom: 1px solid #3a3a3a;
        }

        /* Container with left/right panels */
        .gorilladash-store-locator-container {
            background: #2b2b2b;
            border: 0;
            border-bottom: 1px solid #3a3a3a;
        }

        /* Left Panel - Results Only */
        .gorilladash-locator-left-panel {
            background: #2b2b2b;
            color: #fff;
        }

        /* Find Location Button */
        .gorilladash-find-location-btn {
            color: #F6F3EC;
        }

        .gorilladash-find-location-btn svg {
            color: #E62525;
        }

        /* Service Filter */
        .gorilladash-service-filter {
            background: #3a3a3a;
            color: #fff;
            border: 1px solid #4a4a4a;
        }

        .gorilladash-service-filter:hover {
            background-color: #454545;
        }

        .gorilladash-search-icon {
            color: #ccc;
        }

        /* Search Input in Top Bar */
        .gorilladash-locator-top-search .gorilladash-search-address-input {
            background: #3a3a3a;
            color: #fff;
            border: 1px solid #4a4a4a;
        }

        .gorilladash-locator-top-search .gorilladash-search-address-input::placeholder {
            color: #ccc;
        }

        .gorilladash-locator-top-search .gorilladash-search-address-input:focus {
            border-color: #666;
            background: #404040;
            color: #fff;
        }

        /* Ensure white text color for Google Places Autocomplete input */
        .gorilladash-locator-top-search .gorilladash-search-address-input.pac-target-input {
            color: #fff !important;
        }

        /* Red Search Button */
        .gorilladash-search-btn-red {
            background: #d32f2f;
            color: #fff;
        }

        .gorilladash-search-btn-red:hover {
            background: #b71c1c;
        }

        /* Results Container */
        .gorilladash-locator-results {
            background: #2b2b2b;
        }

        /* Store Card */
        .gorilladash-store-card {
            background: #2B2B2B;
            border: 1px solid #3a3a3a;
        }

        .gorilladash-store-card:hover {
            background: #353535;
            border-color: #4a4a4a;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        }

        /* Section 1: Name, Rating, Reviews & Image */
        .gorilladash-card-section-1 {
            border-bottom: 1px solid #363636;
        }

        .gorilladash-store-card-title {
            color: #fff !important;
        }

        .gorilladash-star-full {
            color: #FFB800;
        }

        .gorilladash-rating-number {
            color: #F6F3EC;
        }

        .gorilladash-reviews-count {
            color: #F6F3EC;
        }

        .gorilladash-status-dot.open {
            color: #4caf50;
        }

        .gorilladash-status-dot.closed {
            color: #f44336;
        }

        .gorilladash-status-text.open {
            color: #F6F3EC;
        }

        .gorilladash-status-text.closed {
            color: #f44336;
        }

        .gorilladash-store-distance {
            color: #aaa;
        }

        /* Store Card - Image */
        .gorilladash-store-card-image {
            background: #3a3a3a;
        }

        /* Section 2: Address, Phone, Hours */
        .gorilladash-card-section-2 {
            border-bottom: 1px solid #363636;
        }

        .gorilladash-store-card-address {
            color: #F6F3EC;
        }

        .gorilladash-store-card-phone {
            color: #E53935;
        }

        .gorilladash-store-card-hours {
            color: #F6F3EC;
        }

        .gorilladash-btn-view-location {
            background: transparent;
            color: #F6F3EC;
            border: 1px solid #F6F3EC;
            border-radius: 0.5rem;
            padding: 0.75rem 1.25rem;
        }

        .gorilladash-btn-view-location:hover {
            background: rgba(246, 243, 236, 0.1);
            border-color: #F6F3EC;
        }

        .gorilladash-btn-request-quote {
            background: #E62525;
            color: #fff;
            border-radius: 0.5rem;
            padding: 0.75rem 1.25rem;
        }

        .gorilladash-btn-request-quote:hover {
            background: #C62828;
        }

        .gorilladash-locator-map-loading {
            background: #f5f5f5;
            color: #666;
        }
    }

    /**
 * 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;
            line-height: 1.5rem;
        }

        .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;
        }

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

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

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

        .location-btn {
            border-radius: 0.5rem;
            padding: 0.75rem 1.25rem;
        }

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

        .location-btn-outline:hover {
            background: rgba(246, 243, 236, 0.1);
            border-color: #F6F3EC;
        }

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

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