/*
Theme Name: Dolphin Child
Template: dolphin-sataya
Version: 1.0
Author: Mayess
*/

@import url("../dolphin-sataya/style.css"); /* Legacy method – à remplacer par wp_enqueue dans functions.php */

.checkout-page-wrap, .checkout-block {
    background-color: transparent !important;
}
.wp-travel-trip-details{
    background-color: #fff;
}

.wp-travel-trip-details, .ws-theme-timeline-block{
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(2, 109, 122, 0.1);
    background-color: #fff;
}

/* ⚠️ Badge "Test Mode" */
.wptravel-test-mode-notice{
    background-color: #0077b6 !important;
    padding: 0.6em 1em !important;
  font-weight: bold !important;
  border-radius: 4px !important;
}

/* 🎨 Radio Button Dolphin Style */
input[type="radio"]#wp-travel-payment-stripe {
  accent-color: #026d7a !important; /* Couleur Dolphin Sataya */
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}
/* 🧁 Base Dolphin Palette */
body {
  background-color: #f6fcfd;
  color: #034851;
  font-family: 'Segoe UI', sans-serif;
}

/* 🌈 Boutons & Accents */
.btn,
.button,
input[type="submit"],
.wptravel-proceed-payment-btn span,
#wptravel-proceed-with-stripe,
#wptravel-pay-with-stripe {
  background-color: #026d7a !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 0.6em 1.2em !important;
  transition: 0.3s ease !important;
}

.btn:hover,
#wptravel-pay-with-stripe:hover {
  background-color: #034851;
  color: #fff;
}

/* 🧾 Champs de formulaire WP Travel */
.wp-travel-form-field input,
.wp-travel-form-field select,
.wp-travel-form-field textarea {
  width: 100%;
  padding: 0.6em;
  border: 1px solid #026d7a30;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 16px;
}

.wp-travel-form-field label {
  font-weight: 600;
  color: #026d7a;
  margin-bottom: 0.4em;
  display: block;
}



/* 🎛️ Accordéons & panels */
.checkout-accordion .panel-title a,
.panel-title,
.section-title h3 {
  color: #034851;
  font-size: 20px;
  font-weight: 600;
}

.collapse-icon {
  float: right;
  font-size: 1.2em;
}

/* 💳 Stripe & Paiement */
#wptravel-pay-with-stripe,
#wptravel-proceed-with-stripe {
  display: inline-block;
  margin-top: 1em;
}

/* 📦 Panier latéral */
.wp-travel-cart-sidebar,
.cart-summary {
  background-color: #ffffff;
  padding: 1em;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(2,109,122,0.1);
}

.cart-header h4.title {
  color: #026d7a;
  display: flex;
  align-items: center;
  gap: 0.6em;
  font-size: 18px;
}

.cart-summary-content li {
  border-bottom: 1px solid #eaeaea;
  padding: 1em 0;
}

.trip-name h5 {
  font-size: 16px;
  color: #034851;
}

.trip-meta-content span {
  display: inline-block;
  margin-right: 1em;
  font-size: 14px;
  color: #555;
}

/* 🧠 Quantité + spinner */
.qty-spinner .btn {
  background-color: #e0f5f7;
  color: #026d7a;
  font-weight: bold;
  border-radius: 4px;
}

.qty-spinner input {
  max-width: 50px;
  text-align: center;
  border: none;
}

/* 📱 Responsive mobile */
@media screen and (max-width: 768px) {
  .wp-travel-checkout,
  .wp-travel-cart-sidebar {
    padding: 0.6em;
  }

  .trip-item-name-price {
    flex-direction: column;
  }

  .trip-name h5 {
    font-size: 14px;
  }

  .btn,
  input[type="submit"] {
    width: 100%;
    margin-top: 0.5em;
  }
}