/* Layout and component overrides for YCBN
   - Widen main container on large screens
   - Unify card appearance across home and inner pages
   - Remove grayscale filters from cards/images
*/
:root {
  --main-container: 1360px; /* wider than theme default (1290px) */
  --container-gutters: 28px; /* slightly larger side padding */
}
@media (min-width: 1600px) {
  :root { --main-container: 1480px; }
}
@media (min-width: 1900px) {
  :root { --main-container: 1600px; }
}

/* Reduce forced padding on edge-to-edge sections a bit */
@media (min-width: 1200px) {
  .container-fluid.px-0 { padding-left: 12px !important; padding-right: 12px !important; }
}

/* Unify card visuals and remove grayscale filters */
.service-card .box-thumb,
.service-card.style3 .box-thumb,
.club-card .box-thumb {
  -webkit-filter: none !important;
  filter: none !important;
}
.service-card:hover .box-thumb,
.service-card:hover .box-thumb img,
.service-card.style3:hover .box-thumb {
  -webkit-filter: none !important;
  filter: none !important;
}
/* Consistent content container and shadow */
.service-card.style3 .box-content {
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
/* Ensure card images cover nicely */
.service-card .box-thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}
@media (max-width: 576px) {
  .service-card .box-thumb img { height: 160px; }
}