/* 
============================================================
   OFFICIAL MASTER PAGE REDESIGN
   Style: Modern Minimalist / Card-Based Layout
============================================================ 
*/

/* 1. UNIFIED PAGE BACKGROUND */
body, #page, .elementor-location-single {
    background-color: #f4f6f8 !important;
}

/* 2. GLOBAL TYPOGRAPHY REFINEMENT */
h1, h2, h3, .elementor-heading-title {
    color: #111827 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

/* 3. MAIN SECTION & CONTAINER CLEANUP */
.elementor-element-59d4f93, 
.elementor-element-59d4f93 .elementor-container {
    background-color: transparent !important;
    box-shadow: none !important;
    padding-top: 10 !important;
    margin-top: 10 !important;
}

/* 4. CONTENT CARDS (RIGHT SIDE & TABS) */
.elementor-inner-section {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
    margin-bottom: 30px !important;
    padding: 30px !important;
    border: 1px solid #eaecef !important;
}

/* Merging Tabs with Content Below */
.elementor-element-19443de2 {
    margin-bottom: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    border-bottom: none !important;
    padding: 10px 10px 10px 10px  !important;
    margin-top: 0 !important;
}
.elementor-element-750e3599 {
    margin-top: -1px !important;
    border-radius: 0 0 16px 16px !important;
}

/* 5. SIDEBAR (LEFT SIDE) MODULAR CARDS */
.elementor-element-4df2f6de .elementor-widget-wrap {
    gap: 0px !important; /* Managed by manual margins below */
    padding: 0 !important;
    background: transparent !important;
}

/* Card Style for Sidebar Widgets */
.elementor-element-4df2f6de .elementor-widget-container {
    background: #ffffff !important;
    border: 1px solid #eaecef !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.04) !important;
}

/* Merging Toggle Buttons with their Sections */
.map-toggle-btn, .hours-toggle-btn, .contact-toggle-btn {
    margin-bottom: 0 !important;
}
.map-toggle-btn .elementor-widget-container, 
.hours-toggle-btn .elementor-widget-container, 
.contact-toggle-btn .elementor-widget-container {
    border-radius: 12px 12px 0 0 !important;
    border-bottom: none !important;
    background: #fcfcfc !important;
}

.store-map-section .elementor-widget-container, 
.store-hours-section .elementor-widget-container, 
.store-contact-section .elementor-widget-container {
    border-radius: 0 0 12px 12px !important;
    padding: 20px !important;
    margin-bottom: 40px !important; /* Gaps between groups */
}

/* 6. BUSINESS HOURS REFINEMENT */
.store-time-tags span:last-child {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #1f2937 !important;
    background: #f9fafb !important;
}

/* Status Colors */
.store-time-tags span:last-child.open { color: #059669 !important; background: #ecfdf5 !important; }
.store-time-tags span:last-child.closed { color: #dc2626 !important; background: #fef2f2 !important; }

/* 7. TAB MENU ICONS */
.elementor-element-19443de2 .elementor-icon-list-item:nth-child(1) .elementor-icon-list-text::before { content: '🛒'; margin-right: 8px; }
.elementor-element-19443de2 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-text::before { content: '⭐️'; margin-right: 8px; }
.elementor-element-19443de2 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-text::before { content: 'ℹ️'; margin-right: 8px; }

/* 8. HIDING UTILITY SPACERS */
.elementor-element-0855ad9, .elementor-element-8084980, .elementor-element-1f281a1 {
    display: none !important;
}