/* COMMON STYLES (both mobile and desktop) */






 .bc-loading {
   text-align: center;
   padding: 40px;
   color: #666;
 }

 .bc-content-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 20px;
   margin-top: 20px;
 }

 

 
 .bc-languages {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
 }

 

 .bc-no-content {
   text-align: center;
   padding: 40px;
   color: #666;
   font-style: italic;
 }

 

 .bc-item-count {
   font-size: 0.8em;
   opacity: 0.7;
   margin-left: 5px;
 }



 

 /* MOBILE STYLES (max-width: 767px) */
 @media (max-width: 767px) {
   .bc-region-tabs {
     display: none;
     /* Hide tabs on mobile */
   }

   .bc-region-content {
     display: none;
     /* Hide tab content on mobile */
   }

   /* Show accordion on mobile */
   .bc-region-accordion {
     display: block;
     width: 100%;
   }

 
 
 
 
  

   

 

   .bc-accordion-item.disabled .bc-accordion-content {
     display: none !important;
   }
 }

 /* DESKTOP STYLES (min-width: 768px) */
 @media (min-width: 768px) {
   .bc-region-tabs {
     display: flex;
     /* Show tabs on desktop */
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 20px;
   }

   .bc-region-content {
     display: block;
     /* Show tab content on desktop */
   }





   /* Hide accordion on desktop */
   .bc-region-accordion {
     display: none;
   }

 }

 /* Mobile grid styles */
 @media (max-width: 767px) {
   .bc-content-grid {
     display: block !important;
     /* Force grid to be visible in mobile accordion */
   }

   .bc-grid-container {
     display: block;
   }

   .bc-grid-column {
     display: block;
     width: 100%;
   }
 }

 /* Desktop grid styles */
 @media (min-width: 768px) {
   .bc-grid-container {
     display: flex;
     gap: 24px;
   }

   .bc-grid-column {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 24px;
   }
 }

 .bc-region-accordion {
  display: block;
  width: 100%;
}

 

 

 

/* Hide accordion on desktop by default */
@media (min-width: 768px) {
  .bc-region-accordion {
    display: none !important;
  }
}

/* Hide tabs on mobile by default */
@media (max-width: 767px) {
  .bc-region-tabs {
    display: none !important;
  }
}