/** * Brochure Widget Pagination Styles * * Styles for grid layout and pagination controls */
/* ============================================ Grid Layout============================================ */
.brochure-grid-wrapper{width:100%;margin:0 auto;}
.brochure-grid{display:flex;gap:30px;flex-wrap:wrap;}
.brochure-grid-item { width: calc(25% - 23px); }
.brochure-grid-item{position:relative;transition:opacity 0.3s ease,transform 0.3s ease;}
.brochure-grid-item.brochure-item-hidden{display:none;}
.brochure-grid-item.brochure-item-visible{display:block;}
/* Card styling - inherit from original widget */
.brochure-grid .brochure-card{height:100%;display:flex;flex-direction:column;align-items: flex-start;}
.brochure-grid .card-image{flex:0 0 auto;height:330px;width:100%;object-fit:cover;}
/* .brochure-grid .brochure-cta{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;} */
/* ============================================ Pagination Container============================================ */
.brochure-pagination{display:flex;justify-content:center;align-items:center;margin-top:40px;padding-top:30px; }
 

/* ============================================ Numeric Pagination============================================ */
.brochure-pagination-numeric{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pagination-numbers{display:flex;gap:4px;}
body .elementor-button.pagination-btn{ border: 1px solid var(--color-green); transition: all 200ms ease-in-out; width: 50px !important; height: 50px; padding: 10px !important; display: flex; align-items: center; justify-content: center; }
body .elementor-button.pagination-btn:hover:before{left:0;top:0;}
body .elementor-button.pagination-btn.active{pointer-events: none !important;}
body .elementor-button.pagination-btn.active,body .elementor-button.pagination-btn:hover,body .elementor-button.pagination-btn:focus{border-color:var(--color-blue);}
.pagination-btn.active:before { content: ""; width: 100px; transition: all 200ms ease-in-out; position: absolute; left: -10px; top: -30px; height: 100px; }
body .elementor-button.pagination-btn.disabled{opacity:0.5 !important;pointer-events: none !important;}
/* First/Last buttons - slightly different styling */
.pagination-first,.pagination-last{font-weight:600;padding:8px 16px;}
/* Previous/Next buttons */
.pagination-prev,.pagination-next{font-weight:600;}
/* ============================================ Responsive Adjustments============================================ */
@media (max-width:1280px){

    .brochure-grid-item { width: calc(50% - 15px); }
    
}
@media (max-width:767px){
    body .elementor-button.pagination-btn{width: 40px !important;height: 40px !important;}
    .brochure-pagination{margin-top:30px;padding-top:20px;} 
    .brochure-grid-item { width: 100%; }
    .brochure-grid .card-image{height: 300px;}
 
}
@media (max-width:480px){ 

}