/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.store-locator-grid-item {
    padding: 15px;
    font-size: 16px;
}

.bot-menu-tire-suas-duvidas{
    background-color: #E62A44;
    padding: 10px 15px !important;
    font-size: 16px;
    border: none;
    border-radius: 8px;
}

/* Grid View - Two Columns by Default */
.store-locator-grid-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns */
    gap: 20px; /* Spacing between items */
    align-items: stretch; /* Makes all items in a row the same height */
    max-width: 1200px; /* Restrict the total grid width */
    margin: 0 auto; /* Horizontally centers the grid container */
}


/* Adjust Grid for Small Screens */
@media (max-width: 991px) {
    .store-locator-grid-view {
        grid-template-columns: 1fr; /* Single column layout */
        gap: 10px;
    }

    .store-locator-grid-item {
        padding: 15px;
    }
}



/* Add Hover Effects for Links */
.store-locator-grid-item ul li a:hover {
    color: #c22a38; /* Slightly darker shade for hover */
    text-decoration: underline;
}

/* Improved Aesthetic for Mobile View */
.store-locator-grid-item h3.store_name {
    font-size: 19px;
    margin-bottom: 10px;
}

.store-locator-grid-item ul li {
    margin-bottom: 8px;
}

/* Ensure Consistent Item Height */
.store-locator-grid-item {
    border-radius: 5px; /* Slightly rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add shadow for better visuals */
    transition: transform 0.3s ease; /* Smooth hover effect */
}

.store-locator-grid-item:hover {
    transform: scale(1.02); /* Subtle zoom effect */
}