/*=- EXCEPTION: You are importing a file ending in .less that cannot be found [_classes.less]. -=*/

/*=- /Content/Layouts/Clean/stylesheets/section-flight-options.less -=*/
@import (reference) "_classes.less";

#FlightOptions > ul {
  display: flex;
  // gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Each media item */
#FlightOptions > ul > li.media-item {
  flex: 1;
  text-align: center;
}

/* Image behavior */
#FlightOptions .media-item-image img {
  width: 100%;
  height: auto;
  display: block;
}

// .media-item-text,
// .media-item-text a,
// .media-item-text .media-title,
// .media-item-text .media-subtitle,
// .media-item-text p {
//   color: white !important;
//    bottom: 3px;
//     // right: 46px;
//     position: absolute;
// }
// .media-item {
//   position: relative;
// }
// /* Text overlay */
// .media-item-text {
//   position: absolute;
//   bottom: 21px;          /* distance from bottom */
//   left: 18px;            /* distance from left */
//   z-index: 5;
//   text-align: left;
// }

// /* Text color */
// .media-item-text,
// .media-item-text a,
// .media-item-text .media-title,
// .media-item-text .media-subtitle,
// .media-item-text p {
//       color: rgba(255, 255, 255, 1) !important;
//     font-size: 18px;
//     font-weight: 500;
// }

// /* Remove unwanted spacing */
// .media-item-text p,
// .media-item-text h3 {
//   margin: 0;
//   line-height: 1.2;
// }

// /* Optional: subtitle slightly smaller */
// .media-item-text .media-subtitle p {
//   font-size: 13px;
//   opacity: 0.9;
// }

// .media-title a {
//   position: relative;
//   display: inline-block;
// }

// /* Circle with arrow */
// .media-title a::after {
//   content: "➜";
//   position: absolute;
//   bottom: 1px;       
//   left: 200px;         
  
//   width: 22px;
//   height: 22px;
//   border-radius: 50%;
  
//   border: 1.5px solid #fff;
//   color: #fff;
  
//   display: flex;
//   align-items: center;
//   justify-content: center;
  
//   font-size: 14px;
//   line-height: 1;
// }