.cmg-filters { margin-bottom:20px; text-align:center; }
.cmg-filters button { margin:0 5px; padding:8px 15px; cursor:pointer; }

/* .cmg-gallery { column-count: 4; column-gap: 10px; } */
.cmg-item { break-inside: avoid; }
.cmg-item img { width:100%; display:block; border-radius:6px; }
.cmg-row.cols-1 .cmg-item {
    min-height: 650px !important;
}
#cmg-gallery-preview {
    
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(8, 1fr);
}
#cmg-gallery-preview li img {
   width: 100%;
   height: 300px;
   object-fit: cover;
}
   
.cmg-filter-container h3 {
    font-size: 18px;
    margin: 0px !important;
    padding: 0px;
}
.parent-cats {
    display: flex;
    gap: 10px;
}
@media (max-width:1100px){
    .cmg-filter-container {
    flex-direction: column;
}
button.child-btn {
   
    margin-bottom: 10px;
}
}
@media(max-width:768px){ 
    .cmg-gallery{ column-count:2; }
    .cmg-row.cols-3 {
        flex-direction: column;
          

}
    .cmg-row.cols-3 .cmg-item {
       
            min-height: 300px !important;


}
    .cmg-row.cols-2 {
        flex-direction: column;
         

}
  .cmg-row.cols-2 .cmg-item {
       min-height: 300px !important;

}
    .cmg-row.cols-1 .cmg-item {
    min-height: 500px !important;
}

}

@media(max-width:1100px) and (min-width:769px){ 

    .cmg-row.cols-3 .cmg-item {
       
            min-height: 300px !important;


}
   
  .cmg-row.cols-2 .cmg-item {
       min-height: 300px !important;

}
    .cmg-row.cols-1 .cmg-item {
    min-height: 500px !important;
}

}
@media(max-width:480px){ .cmg-gallery{ column-count:1; } }


button.parent-btn {
    background: #fff;
    border: 1px solid #02598a;
    padding: 15px 30px;
    border-radius: 50px;
    color: #02598a;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
}
button#cmg-loadmore {
    background: #fff;
    border: 1px solid #02598a;
    padding: 15px 30px;
    border-radius: 50px;
    color: #02598a;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 20px;
}
button.parent-btn.active {
     background: #02598a;
    border: 1px solid #02598a;
    padding: 15px 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
}
button.child-btn {
    background: #02598a24;
    border: none;
    padding: 8px 18px;
    border-radius: 50px;
    color: #02598a;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
button.child-btn.active {
  background: #02598a;
    border: none;
    padding: 8px 18px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
/* Fullscreen Loader Overlay */
#cmg-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Light black overlay */
  display: none;
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 9999;
}

/* Centered Spinner */
.cmg-spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #0073aa; /* WordPress blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: cmg-spin 1s linear infinite;
}

@keyframes cmg-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}