.action-box img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.cours-more-info .price {
  display: flex;
  flex-direction: column;
  align-items: center; /* center horizontally */
}
.cours-more-info .price, .cours-more-info .review {
    width: 100%;
    padding: 5px 15px;}
	.radio-group {
  display: flex;
  gap: 10px;
}

.radio-group input[type="radio"] {
  display: none; /* hide default radio */
}

.radio-group label {
  padding: 8px 16px;
  border: 1px solid #007bff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
  background-color: #fff;
  color: #007bff;
  font-weight: 500;
}

.radio-group input[type="radio"]:checked + label {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}

#cat{
background: white;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2); 
        
}

.bootstrap-select .dropdown-toggle {
    color: #000 !important;       /* black text */
    background-color: #fff !important; /* optional: white background */
}

/* For the dropdown options */
.bootstrap-select .dropdown-menu li a {
    color: #000 !important;       /* black text for options */
}

/* Optional: prevent hover from changing text color */
.bootstrap-select .dropdown-menu li a:hover {
    color: #000 !important;
    background-color: #f0f0f0 !important; /* subtle hover background */
}
.ttr-gallery-listing {
    list-style: none; /* removes the bullets */
    padding: 0;       /* removes default padding */
    margin: 0;        /* removes default margin */
}
.ttr-gallery-listing .action-box img {
    width: 100%;          /* fill the parent container */
    aspect-ratio: 1 / 1;  /* make height equal to width */
    object-fit: cover;    /* crop the image to fit square */
    display: block;
}
#prev, #next {
    background: #333;
    color: #fff;
    border: none;
    padding: 6px;
    cursor: pointer;
}
#prev:disabled, #next:disabled {
    opacity: 0.5;
    cursor: default;
}
#Masonry li {
    list-style: none;
    scroll-margin-top: 70px;
}
#google_translate_element {
  display: inline-block;
  background: #f0f0f0;
  border-radius: 8px;
  padding: 5px 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}

/* Style the dropdown itself */
#google_translate_element select {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 14px;
  background: #fff;
  color: #333;
  outline: none;
  cursor: pointer;
}

/* Optional: hover effect */
#google_translate_element select:hover {
  border-color: #888;
}

.goog-te-menu-frame {
    display: none !important; /* hides the floating menu if you want */
}
.bootstrap-select .dropdown-menu {
  display: none; /* hidden by default */
  max-height: 250px !important; /* ~10 items */
  overflow-y: auto !important;
}

/* Show dropdown menu only when open */
.bootstrap-select.show .dropdown-menu {
  display: block;
}