/* ===== LAYOUT UTILITIES ===== */
.container{
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}
.section{
  padding: 100px 0;
  position: relative;
}
.section-sm{
  padding: 60px 0;
}
.shine{
  position: relative;
  overflow: hidden;
}
.shine::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  transition: left 0.8s ease;
}
.shine:hover::before{
  left: 100%;
}
/* ===== BUTTONS ===== */
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  text-decoration: none;
}
.btn-primary{
  background: var(--grad-navy);
  color: var(--beige);
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,0.15);
}
.btn-primary::after{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  background: var(--gloss-button);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,0.2);
}
.btn-silver{
  background: var(--grad-silver);
  color: var(--navy);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,0.5);
}
.btn-silver:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-md), inset 0 1px 0 rgba(255,255,255,0.6);
}
.btn-outline{
  background: transparent;
  color: var(--beige);
  border: 2px solid var(--silver);
}
.btn-outline:hover{
  background: var(--silver);
  color: var(--navy);
}
.btn-blue{
  background: linear-gradient(135deg, #C5A47E 0%, #D4B896 50%, #C5A47E 100%);
  color: var(--navy);
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,0.4);
}
.btn-blue:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-glow);
}
.btn-lg{
  padding: 18px 40px;
  font-size: 1.05rem;
}
.btn-sm{
  padding: 10px 24px;
  font-size: 0.85rem;
}
.btn-block{
  width: 100%;
}
.nav-link:hover::after,
.nav-link.active::after{
  width: 100%;
}
.lang-btn.active{
  background: var(--grad-silver);
  color: var(--navy);
  box-shadow: var(--shadow-sm);
}
.menu-toggle.active span:nth-child(1){ transform: rotate(45deg) translate(5px, 5px); }
.menu-toggle.active span:nth-child(2){ opacity: 0; }
.menu-toggle.active span:nth-child(3){ transform: rotate(-45deg) translate(7px, -7px); }
/* ===== SECTION TITLES ===== */
.section-header{
  text-align: center;
  margin-bottom: 60px;
}
.section-header h2{
  color: var(--navy);
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.section-header h2::after{
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--grad-silver);
  border-radius: 3px;
}
.section-header p{
  color: var(--text-muted);
  font-size: 1.1rem;
  max-width: 600px;
  margin: 20px auto 0;
}
.section-header.light h2{ color: var(--beige); }
.section-header.light p{ color: var(--silver); }
/* ===== BOOKING / CALCULATOR SECTION ===== */
.booking{
  background: linear-gradient(180deg, var(--beige-light) 0%, var(--beige) 100%);
  position: relative;
}
.booking-container{
  max-width: 900px;
  margin: 0 auto;
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  border: 1px solid rgba(197, 164, 126, 0.3);
}
.booking-header{
  background: var(--grad-navy);
  padding: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.booking-header::after{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  background: var(--gloss-light);
}
.booking-header h2{
  color: var(--beige);
  position: relative;
  z-index: 2;
}
.booking-header p{
  color: var(--silver);
  margin-top: 12px;
  position: relative;
  z-index: 2;
}
.booking-form{
  padding: 40px;
}
.form-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.form-row-3{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.form-group{
  margin-bottom: 20px;
  position: relative;
}
.form-group label{
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form-group label .required{
  color: #dc3545;
}
.form-control{
  width: 100%;
  padding: 14px 16px;
  font-size: 0.95rem;
  font-family: var(--font-body);
  border: 2px solid rgba(197, 164, 126, 0.4);
  border-radius: var(--radius-sm);
  background: var(--beige-light);
  color: var(--navy);
  transition: var(--transition-fast);
  outline: none;
}
.form-control:focus{
  border-color: var(--light-blue);
  box-shadow: 0 0 0 4px rgba(197, 164, 126, 0.15);
  background: white;
}
.form-control::placeholder{
  color: var(--text-muted);
}
select.form-control{
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237BB3D9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}
.form-section-title{
  font-family: var(--font-head);
  font-size: 1.2rem;
  color: var(--navy);
  margin: 30px 0 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--beige);
}
/* Radio buttons */
.radio-group{
  display: flex;
  gap: 20px;
}
.radio-label{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 2px solid rgba(197, 164, 126, 0.4);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition-fast);
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--navy);
}
.radio-label:hover{
  border-color: var(--light-blue);
}
.radio-label input[type="radio"]{
  accent-color: var(--navy);
}
.radio-label:has(input:checked){
  background: var(--grad-navy);
  color: var(--beige);
  border-color: var(--navy);
}
/* Stop toggle */
.stop-toggle{
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.88rem;
  color: var(--navy);
  font-weight: 700;
  margin-bottom: 12px;
  background: rgba(10, 26, 47, 0.06);
  border: 1.5px dashed rgba(10, 26, 47, 0.4);
  border-radius: 8px;
  padding: 12px 18px;
  width: 100%;
  transition: background 0.2s, border-color 0.2s;
}
.stop-toggle:hover{
  background: rgba(10, 26, 47, 0.12);
  border-color: var(--navy);
  text-decoration: none;
}
/* ===== ESTIMATE BUTTON ===== */
.estimate-section{
  text-align: center;
  margin: 30px 0;
  padding: 30px;
  background: var(--beige);
  border-radius: var(--radius);
  border: 1px solid rgba(197, 164, 126, 0.3);
}
.estimate-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 18px 48px;
  background: var(--grad-navy);
  color: var(--beige);
  border: none;
  border-radius: var(--radius-sm);
  font-size: 1.05rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: var(--transition);
  box-shadow: var(--shadow-md);
  position: relative;
  overflow: hidden;
}
.estimate-btn::after{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  background: var(--gloss-button);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.estimate-btn:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}
.estimate-btn:disabled{
  opacity: 0.6;
  cursor: not-allowed;
}
.estimate-loading{
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(247, 243, 237, 0.3);
  border-top-color: var(--beige);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin{
  to { transform: rotate(360deg); }
}
/* ===== PRICE RESULTS ===== */
.price-results{
  display: none;
  margin-top: 30px;
}
.price-results.show{
  display: block;
  animation: fadeInUp 0.5s ease;
}
@keyframes fadeInUp{
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.price-vehicle-list{
  display: grid;
  gap: 16px;
  margin-bottom: 30px;
}
.price-vehicle-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: white;
  border: 2px solid rgba(197, 164, 126, 0.3);
  border-radius: var(--radius);
  cursor: pointer;
  transition: var(--transition-fast);
}
.price-vehicle-card:hover{
  border-color: var(--light-blue);
  box-shadow: var(--shadow-md);
}
.price-vehicle-card.selected{
  border-color: var(--navy);
  background: var(--beige-light);
  box-shadow: var(--shadow-md);
}
.price-vehicle-info{
  display: flex;
  align-items: center;
  gap: 16px;
}
.price-vehicle-icon{
  width: 60px;
  height: 60px;
  background: var(--grad-navy);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: var(--beige);
}
.price-vehicle-name{
  font-family: var(--font-head);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--navy);
}
.price-vehicle-specs{
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-top: 4px;
}
.price-vehicle-amount{
  font-family: var(--font-head);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--navy);
}
.price-vehicle-amount small{
  font-size: 0.7rem;
  color: var(--text-muted);
  font-weight: 400;
}
.trip-info{
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  background: var(--beige);
  border-radius: var(--radius-sm);
  margin-bottom: 20px;
}
.trip-info-item{
  text-align: center;
}
.trip-info-label{
  font-size: 0.75rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.trip-info-value{
  font-family: var(--font-head);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--navy);
}
/* ===== CUSTOMER DETAILS FORM ===== */
.customer-details{
  display: none;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid var(--beige);
}
.customer-details.show{
  display: block;
  animation: fadeInUp 0.5s ease;
}
.payment-options{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.payment-option{
  flex: 1;
  min-width: 250px;
  padding: 20px;
  border: 2px solid rgba(197, 164, 126, 0.3);
  border-radius: var(--radius);
  cursor: pointer;
  transition: var(--transition-fast);
}
.payment-option:hover{
  border-color: var(--light-blue);
}
.payment-option.selected{
  border-color: var(--navy);
  background: var(--beige-light);
}
.payment-option-title{
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment-option-desc{
  font-size: 0.85rem;
  color: var(--text-muted);
}
.payment-note{
  display: none;
  padding: 16px;
  background: rgba(197, 164, 126, 0.1);
  border-radius: var(--radius-sm);
  border: 1px solid var(--light-blue);
  font-size: 0.85rem;
  color: var(--navy);
  margin-bottom: 20px;
}
.payment-note.show{
  display: block;
}
.modal-overlay.show{
  display: flex;
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn{
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideUp{
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.cookie-banner.show{
  transform: translateY(0);
}
/* ===== NOTIFICATION ===== */
.notification{
  position: fixed;
  top: 100px;
  right: 24px;
  padding: 16px 24px;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  z-index: 4000;
  display: none;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  animation: slideInRight 0.3s ease;
}
@keyframes slideInRight{
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}
.notification.show{
  display: flex;
}
.notification-success{
  background: #0A1A2F;
  color: var(--beige);
  border: 1px solid var(--light-blue);
}
.notification-error{
  background: #2A0A0A;
  color: #FFB4B4;
  border: 1px solid #FF6B6B;
}
.article-cta .btn{
  position: relative;
  z-index: 2;
}
/* ===== ANIMATIONS ===== */
.fade-in{
  opacity: 1;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
/* Only hide if JS is enabled - progressive enhancement */
html.js .fade-in{
  opacity: 0;
  transform: translateY(30px);
}
html.js .fade-in.visible{
  opacity: 1;
  transform: translateY(0);
}
/* ===== HONEYPOT (Anti-spam) ===== */
.hp-field{
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
.nav-menu.active,
  .nav-menu.open{
    right: 0;
  }
#mainNav.active{
    right: 0;
  }
.form-row{
    grid-template-columns: 1fr;
  }
.form-row-3{
    grid-template-columns: 1fr;
  }
.booking-form{
    padding: 24px;
  }
.section{
    padding: 60px 0;
  }
.price-vehicle-card{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 480px) {
.hero-cta .btn{
    width: 100%;
  }
.radio-group{
    flex-direction: column;
  }
.payment-options{
    flex-direction: column;
  }
}
.blog-article-view.active{display:block;animation:fadeIn .4s ease;}
.blog-article__cta .btn{position:relative;z-index:2;}
.page-overlay.active{ display: block; }
#legalOverlay .lang-view.active, #cgvOverlay .lang-view.active, #blogNoelOverlay .lang-view.active,
  .blog-article-view .lang-view.active{
    display: block;
  }
#legalOverlay .lang-btn.active, #cgvOverlay .lang-btn.active, #blogNoelOverlay .lang-btn.active,
  #legalOverlay .lang-btn:hover, #cgvOverlay .lang-btn:hover, #blogNoelOverlay .lang-btn:hover{
    background: var(--navy);
    color: var(--white);
  }
#blogNoelOverlay .overlay-lang.active{
    display: block;
  }
#blogNoelOverlay .lang-content.active{
    display: block;
  }
#blogNoelOverlay .blog-lang-btn.active,
  #blogNoelOverlay .blog-lang-btn:hover{
    background: var(--navy);
    color: var(--white);
  }
.faq-item.open{box-shadow:var(--shadow-md);border-color:var(--light-blue)}
.faq-item.open .faq-question .icon{background:var(--navy);color:var(--beige);transform:rotate(180deg)}
.faq-item.open .faq-answer{max-height:600px;padding:16px 24px 24px;border-top:1px solid rgba(192,197,206,0.15)}
.faq-cta .btn-cta{background:var(--grad-silver);color:var(--navy);padding:14px 36px;font-size:1rem;font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:var(--transition);text-transform:uppercase;display:inline-flex}
.faq-cta .btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(123,179,217,0.4)}
/* Section additions */
.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--navy);margin-bottom:0.5rem;text-align:center}
.section-subtitle{font-size:1.1rem;color:var(--text-muted);text-align:center;max-width:700px;margin:0 auto 2rem}
.section-tag{display:inline-block;padding:6px 16px;background:rgba(197,164,126,0.12);border:1px solid var(--silver);border-radius:50px;color:var(--silver);font-size:0.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem}
.section-alt{background:var(--beige)}
.section-cream{background:var(--beige-light)}
.section-dark{background:var(--navy);color:var(--beige-light)}
/* Booking additions */
.dispo-info{background:var(--beige);padding:15px;border-radius:8px;margin-top:10px;font-size:0.9rem;color:var(--text-dark)}
.estimate-btn-text{font-size:1rem;font-weight:600}
/* Container narrow */
.container-narrow{max-width:800px;margin:0 auto;padding:0 20px}
.lang-btn.active{background:var(--silver);color:var(--navy)}
.header.scrolled .lang-btn.active{background:var(--navy);color:var(--beige)}
/* ===== BLOG ALL ARTICLES BUTTON ===== */
.btn-blog-all{display:inline-block;padding:14px 36px;background:var(--navy);color:var(--beige-light);border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:var(--transition);border:2px solid var(--navy)}
.btn-blog-all:hover{background:transparent;color:var(--navy);transform:translateY(-2px);box-shadow:0 8px 25px rgba(10,26,47,0.2)}
/* ===== BOOKING FORM IMPROVEMENTS ===== */
.booking-form{max-width:600px;margin:0 auto}
.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.form-row-time{display:flex;gap:1rem;flex:1}
.form-group{margin-bottom:1rem;flex:1}
.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;font-size:0.9rem;color:var(--navy)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:var(--transition)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--silver);outline:none;box-shadow:0 0 0 3px rgba(197,164,126,0.15)}
.radio-group{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 20px;border:1px solid #ddd;border-radius:8px;flex:1;transition:var(--transition)}
.radio-group:has(input:checked){border-color:var(--silver);background:rgba(197,164,126,0.05)}
.btn-block{width:100%;padding:16px;font-size:1.1rem;margin-top:1rem}
.trip-summary{color:var(--text-muted);font-size:0.9rem;margin-bottom:1rem}
.result-vehicle-card.selected{border-color:var(--navy);background:rgba(10,26,47,0.03)}
/* ===== CONTRAST FIXES FOR DARK SECTIONS ===== */

/* Fleet section (navy bg) - make headers light */
.fleet .section-header h2,
.fleet h2,
.fleet h3{
  color: var(--beige-light) !important;
}
.fleet .section-header p,
.fleet .section-tag{
  color: var(--silver-light) !important;
}
.fleet .section-tag{
  background: rgba(197, 164, 126, 0.15);
  border-color: var(--silver);
}
/* Zones section (navy bg) - make headers light */
.zones .section-header h2,
.zones h2,
.zones h3{
  color: var(--beige-light) !important;
}
.zones .section-header p,
.zones .section-tag{
  color: var(--silver-light) !important;
}
.zones .section-tag{
  background: rgba(197, 164, 126, 0.15);
  border-color: var(--silver);
}
/* Any generic dark section */
.section-dark .section-header h2,
.section-dark h2,
.section-dark h3{
  color: var(--beige-light) !important;
}
.section-dark .section-header p,
.section-dark .section-tag{
  color: var(--silver-light) !important;
}
/* Booking header text (navy gradient bg) */
.booking-header h2,
.booking-header p{
  color: var(--beige-light) !important;
}
/* Form labels on white bg - ensure dark */
.booking-form label,
.form-group label{
  color: var(--text-dark) !important;
}
.form-control{
  color: var(--text-dark) !important;
  background: white !important;
}
/* Advantages/features sections */
.advantages .section-header h2,
.features .section-header h2{
  color: var(--navy) !important;
}
/* Ensure all body text on light bg is dark */
body, .section, .section-alt, .section-cream, .booking{
  color: var(--text-dark);
}
/* Ensure section headers on light bg are navy */
.section:not(.fleet):not(.zones):not(.section-dark) .section-header h2{
  color: var(--navy);
}
.section:not(.fleet):not(.zones):not(.section-dark) .section-header p{
  color: var(--text-muted);
}
/* ===== SECTION TITLE CONTRAST FIXES (subpages) ===== */
.section-dark .section-title,
.section-dark .section-subtitle{
  color: var(--beige-light) !important;
}
.section-dark .section-tag{
  color: var(--silver-light) !important;
  background: rgba(197, 164, 126, 0.15) !important;
  border-color: var(--silver) !important;
}
.fleet .section-title,
.zones .section-title,
.stats-bar .section-title{
  color: var(--beige-light) !important;
}
.fleet .section-subtitle,
.zones .section-subtitle{
  color: var(--silver-light) !important;
}
/* Fix section-title on light bg */
.section:not(.section-dark):not(.fleet):not(.zones) .section-title{
  color: var(--navy) !important;
}
.section:not(.section-dark):not(.fleet):not(.zones) .section-subtitle{
  color: var(--text-muted) !important;
}
/* Ensure booking form text is always dark on white */
.booking-form select,
.booking-form input,
.booking-form textarea{
  color: var(--text-dark) !important;
  background: #fff !important;
  border: 1px solid rgba(10, 26, 47, 0.2) !important;
}
.booking-form select:focus,
.booking-form input:focus,
.booking-form textarea:focus{
  border-color: var(--gold) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(197, 164, 126, 0.2) !important;
}
/* Ensure booking labels are always dark */
.booking-form label{
  color: var(--text-dark) !important;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}
.service-page .section-tag{
  color: var(--gold-dark);
}
/* Fond SOMBRE inline (bg-dark) : titres et textes clairs */
.service-page[style*="bg-dark"] h1,
.service-page[style*="bg-dark"] h2,
.service-page[style*="bg-dark"] h3,
.service-page[style*="bg-dark"] h4,
.service-page[style*="bg-dark"] .section-header h2,
.service-page[style*="bg-dark"] .section-header p{
  color: var(--beige-light) !important;
}
.service-page[style*="bg-dark"] .section-tag{
  color: var(--silver-light);
}
section[style*="bg-dark"] .section-header p,
section[style*="bg-dark"] .section-tag{
  color: var(--silver-light) !important;
}
section[style*="navy"] .section-tag{
  color: var(--silver-light) !important;
}
/* Zones section subtitle on dark bg */
.zones .section-header.light h2{
  color: var(--beige-light);
}
.zones .section-header.light p{
  color: var(--silver-light);
}
/* ===== CONTRAST SAFETY NET FOR DARK SECTIONS ===== */
.section-dark p[style*="text-muted"],
.section-dark li[style*="text-muted"],
.section-dark td[style*="text-muted"],
.service-page[style*="bg-dark"] p[style*="text-muted"],
.service-page[style*="bg-dark"] li[style*="text-muted"],
.cta-section p[style*="text-muted"],
.cta-section span[style*="text-muted"]{
  color: var(--silver-light) !important;
}
/* Ensure ALL text in dark sections is light, even without inline styles */
.section-dark p:not(.form-group label),
.section-dark li,
.section-dark td,
.section-dark th{
  color: var(--silver-light);
}
/* Service-page hero paragraph fix */
.service-page > .container > p[style*="text-muted"]{
  color: var(--silver-light) !important;
}
/* Fix: tableaux et titres dans cartes blanches sur fond sombre - texte lisible */
.section-dark [style*="bg-card"] td,
.section-dark [style*="background: var(--bg-card)"] td,
.section-dark [style*="background: white"] td{
  color: #333 !important;
}
.section-dark [style*="bg-card"] th,
.section-dark [style*="background: var(--bg-card)"] th,
.section-dark [style*="background: white"] th{
  color: var(--gold-dark) !important;
}
.section-dark [style*="bg-card"] h2,
.section-dark [style*="background: var(--bg-card)"] h2,
.section-dark [style*="background: white"] h2{
  color: var(--navy) !important;
}
/* Fix for package cards on dark bg - card text should be dark on white cards */
.section-dark [style*="bg-card"] p,
.section-dark [style*="bg-card"] li,
.section-dark [style*="background: var(--bg-card)"] p,
.section-dark [style*="background: var(--bg-card)"] li{
  color: #555 !important;
}
.section-dark [style*="bg-card"] h3,
.section-dark [style*="bg-card"] h4{
  color: var(--navy) !important;
}