/* FacGallery Load More Styles */

/* Hide items beyond initial count - remove from layout completely */
.facGallery .glm-hidden {
    display: none !important;
    position: absolute !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Load More Button Container - centered and positioned */
.facGallery-loadmore-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px !important;
    margin-bottom: 40px;
    padding: 0 15px;
    clear: both;
    width: 100%;
    position: relative;
}

/* Load More Button */
.facGallery-loadmore-btn {
    cursor: pointer;
    padding: 10px 11px 10px 20x !important;
    border: 2px solid #004A62;
    border-radius: 10px;
    background: #ffffff !important;
    color: #004A62 !important;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    display: inline-block;
    font-family: inherit;
    box-shadow: none;
}

.facGallery-loadmore-btn:hover {
    background: #004A62 !important;
    border-color: #004A62;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 74, 98, 0.3);
}

.facGallery-loadmore-btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.facGallery-loadmore-btn:active:not([disabled]) {
    transform: translateY(0);
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    /* Ensure gallery container is full width on mobile with padding */
    .facGallery.elementor-widget-gallery {
        width: 100%;
        padding: 0 20px !important;
        margin: 0;
        box-sizing: border-box;
    }
    
    .facGallery .elementor-widget-container {
        padding: 0;
    }
    
    /* Force single column on mobile */
    .facGallery .e-gallery-container {
        --columns: 1 !important;
        --hgap: 0px !important;
        --vgap: 10px !important;
    }
    
    /* Make items full width on mobile */
    .facGallery .e-gallery-item {
        --column: 0 !important;
        width: 100% !important;
    }
    
    /* Adjust button container for mobile */
    .facGallery-loadmore-wrap {
        margin-top: 30px !important;
        padding: 0 20px;
    }
    
    /* Adjust button for mobile */
    .facGallery-loadmore-btn {
        padding: 12px 12px !important;
        font-size: 14px;
    }
    
    /* Remove container padding if gallery is inside */
    .e-con:has(.facGallery),
    .e-con-inner:has(.facGallery) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}