/** page achat billet **/

/* Barre de recherche vols */

.flight-search-box {
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.flight-search-box:hover {
  box-shadow: 0 0 25px rgba(0,0,0,0.08);
}

.flight-type input[type="radio"], .flight-type input[type="checkbox"] {
  accent-color: #007bff;
  cursor: pointer;
}

.input-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
}

input.form-control-lg, select.form-select-lg {
  padding-left: 35px;
  font-size: 1rem;
  height: 48px;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
}

input.form-control-lg:focus, select.form-select-lg:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0,123,255,0.3);
}

.btn-primary {
  background-color: #2563eb;
  border: none;
  border-radius: 8px;
}

.btn-primary:hover {
  background-color: #1e40af;
}

/* Suggestion dropdown */
.suggestion-box {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 100%;
  max-height: 260px;
  overflow-y: auto;
  z-index: 1000;
  display: none!important;
}

.suggestion-item {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}

.suggestion-item:hover {
  background-color: #f8f9fa;
}

.suggestion-item span {
  display: block;
  color: #666;
  font-size: 14px;
}

/* Suggestion dropdown End*/

/* Barre de recherche vols End */

/* Airlines Section */
.airline-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  height: 100%;
}

.airline-card img {
  max-height: 40px;
  object-fit: contain;
  margin-bottom: 10px;
}

.airline-card h6 {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.airline-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  border-color: #f4b41a;
}

/* Custom responsive for 8 cards */
@media (min-width: 992px) {
  .col-lg-1-5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

/* Popular Flights */
.destination-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.destination-card img {
  transition: transform 0.4s ease;
  border-radius: 12px;
}

.destination-card:hover img {
  transform: scale(1.1);
}

.destination-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(transparent, rgba(0,0,0,0.7));
  color: #fff;
  padding: 20px 10px;
  text-align: center;
  transition: 0.3s ease;
}

.destination-overlay h5 {
  font-size: 1.1rem;
  margin-bottom: 5px;
  font-weight: 600;
}

.destination-overlay p {
  font-size: 0.9rem;
  margin: 0;
}

.destination-card:hover .destination-overlay {
  background: linear-gradient(transparent, rgba(0,0,0,0.9));
}
/* end Popular Flights */

/* Conseils pour bien réserver */
.travel-tips .section-title {
  font-size: 1rem;
  color: var(--safari-primary, #F4B41A);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.tip-box {
  transition: 0.3s ease;
  border: 1px solid #eee;
}

.tip-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.tips-list li {
  margin-bottom: 12px;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

.tips-list li strong {
  color: #333;
}

/* End Conseils pour bien réserver */

/* Flights results style */
.flights-results { background: #f7fbff; }

/* card */
.flight-card { border-radius: 14px; transition: transform .25s, box-shadow .25s; }
.flight-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(10,10,10,0.07); }

/* airline logo */
.airline-logo { width: 68px;
   height: 64px;
   object-fit: contain;
   background: #fff;
    padding: 0px; border-radius: 6px;
    border: 1px solid #eee; 
  }

/* airports */
.airport .code { font-weight: 700; font-size: 1.25rem; color: #0b233c; }
.airport .city { font-size: 0.9rem; color: #4d6272; }
.airport .time { font-size: 0.95rem; color: #2a3b4a; }

/* flight path */
.flight-path {
  font-size: 0.8rem;
  color: #555;
}
.flight-path i {
  color: var(--bs-primary);
}

.flight-path .duration { font-size: 0.85rem; color: #6b7b88; }
.path { display:flex; align-items:center; gap:8px; justify-content:center; margin-top:5px; }
.rotate-plane { transform: rotate(90deg); color:#6aa0ff; font-size:18px; }

/* meta row */
.meta { color:#7b8894; }

/* price column */
.price-col { min-width:120px; }
.price-col .price-old {
  font-size: 0.8rem;
}
.price-col .btn {
  font-size: 0.85rem;
  border-radius: 20px;
}

.price-current { font-size:1.6rem; font-weight:800; color:#102a43; }
.price-old { font-size:0.95rem; color:#98a1ad; }
.discount { font-size:0.85rem; padding:0.35rem 0.5rem; border-radius:6px; }
/* Flight Carousel  */
.flight-carousel .owl-nav {
  display: none;
}
.rotate-plane {
  transform: rotate(45deg);
}
/* button */
.btn-search { background:#F4B41A;
   border:none;
   color:#fff;
    padding:0.5rem 0.9rem;
    border-radius:8px;
     font-weight:700;
    }
.btn-search:hover { background:#245ad1; }

/* smaller screens spacing */
@media (max-width: 767.98px) {
  .airport .code { font-size:1.05rem; }
  .airline-logo { width:60px; height:36px; }
  .price-col { text-align:right; margin-top:8px; }
}

/* optional utility */
.badge.bg-danger { background:#ff4d6d; }
/* Flights results style end*/

/** end page achat billet **/