/* Custom CSS fixes for Simply Static export issues */

/* Fix 1: Remove padding from #main on homepage only */
body.home #main {
    padding-top: 0 !important;
}

/* Fix 2: Hide empty slider container */
#sliders-container:empty,
#sliders-container.fusion-slider-visibility:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix 3: Ensure slider visibility container doesn't take space when empty */
.fusion-slider-visibility {
    min-height: 0 !important;
}

/* Fix 4: Product page title bar - ONLY for single product pages */
body.single-product .avada-page-titlebar-wrapper {
    display: block !important;
}

body.single-product .fusion-page-title-bar {
    background: linear-gradient(152deg, #1e3a5f 0%, #164078 70%) !important;
    padding: 35px 0 !important;
    margin-bottom: 30px !important;
    color: #ffffff !important;
}

body.single-product .fusion-page-title-bar .entry-title {
    color: #ffffff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
    font-size: 24px !important;
}

body.single-product .fusion-page-title-row {
    max-width: 1216.8px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* Fix 5: Supporters section - balanced layout after Good Chemistry removal */
.fusion-builder-column-24.fusion_builder_column_1_3,
.fusion-builder-column-26.fusion_builder_column_1_3 {
    --awb-width-large: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
}

/* Center the supporter logos for a polished appearance */
.fusion-builder-column-24 .fusion-image-element,
.fusion-builder-column-26 .fusion-image-element {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Ensure consistent logo sizing */
.fusion-builder-column-24 .fusion-imageframe img,
.fusion-builder-column-26 .fusion-imageframe img {
    max-height: 80px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Fix 6: Frank's Friends Initiative - 4 logo layout (Verilife, Heirloom, Medwell, Canna-Wise) */
/*
 * Desktop/Tablet: 2x2 grid with large logos (200px) - embracing theme layout
 * Mobile (<640px): Stacked vertically (120px logos)
 */

/* Center the Frank's Friends logos - applies to all sizes */
.page-id-4167 .fusion-builder-row-7 .fusion-image-element,
.page-id-4167 .fusion-builder-row-8 .fusion-image-element {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Ensure the logo rows are centered */
.page-id-4167 .fusion-builder-row-7 .fusion-row,
.page-id-4167 .fusion-builder-row-8 .fusion-row {
    justify-content: center !important;
}

/* Desktop/Tablet: 2x2 grid with large, prominent logos */
@media screen and (min-width: 641px) {
    .page-id-4167 .fusion-builder-row-7 .fusion-imageframe img,
    .page-id-4167 .fusion-builder-row-8 .fusion-imageframe img {
        max-height: 200px !important;
        width: auto !important;
        max-width: 300px !important;
        object-fit: contain !important;
    }

    /* Tighter spacing to bring logos closer together */
    .page-id-4167 .fusion-builder-row-7 .fusion-layout-column,
    .page-id-4167 .fusion-builder-row-8 .fusion-layout-column {
        margin-bottom: 40px !important;
    }
}

/* Mobile: Stack logos vertically */
@media screen and (max-width: 640px) {
    .page-id-4167 .fusion-builder-column-12.fusion_builder_column_1_4,
    .page-id-4167 .fusion-builder-column-14.fusion_builder_column_1_4,
    .page-id-4167 .fusion-builder-column-15.fusion_builder_column_1_4,
    .page-id-4167 .fusion-builder-column-16.fusion_builder_column_1_4 {
        --awb-width-large: 100% !important;
        --awb-width-medium: 100% !important;
        --awb-width-small: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-bottom: 25px !important;
    }

    .page-id-4167 .fusion-builder-row-7 .fusion-imageframe img,
    .page-id-4167 .fusion-builder-row-8 .fusion-imageframe img {
        max-height: 120px !important;
        max-width: 200px !important;
        object-fit: contain !important;
    }
}

/* Fix 7: Patients page - Center EzMedCard logo in Featured Clinicians section */
.page-id-5266 .fusion-builder-nested-column-2 .fusion-image-element {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.page-id-5266 .fusion-builder-nested-column-2 .fusion-imageframe {
    display: flex !important;
    justify-content: center !important;
}

/* Fix 8: About page - FAQ section background and text colors */
/* The section uses CSS variables that aren't resolving in static export */
.page-id-3827 .fusion-builder-row-7 {
    background-color: #1e3a5f !important;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.30) 100%), url(/wp-content/uploads/2023/01/MPAABG3-scaled.jpg) !important;
    background-size: cover !important;
    background-position: center top !important;
}

/* White text for the section title */
.page-id-3827 .fusion-builder-row-7 .fusion-title-heading {
    color: #ffffff !important;
}

/* White text for the description paragraph */
.page-id-3827 .fusion-builder-row-7 .fusion-text p {
    color: #ffffff !important;
}

/* Fix 9: Action page - Remove white gap after commenting out TELL LAWMAKERS section */
.page-id-5952 .fusion-page-title-bar .fusion-builder-row-2 {
    margin-bottom: 0 !important;
}

.page-id-5952 .fusion-tb-page-title-bar {
    margin-bottom: 0 !important;
}

.page-id-5952 #main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Fix 10: Temporarily hide SHOP link from navigation
 * The WooCommerce store doesn't function on static site without backend.
 * To re-enable: simply remove or comment out this CSS block.
 * Menu item ID: menu-item-6541
 */
#menu-item-6541 {
    display: none !important;
}