/* Reuse dark baseline from service pages */
@import url("./theme-dark-panneaux-solaires.css");

/* Contact sidebar: force white text + icons */
body.theme-dark .contact-us.v2 .sidebar__wrapper .sidebar__widget-title,
body.theme-dark .contact-us.v2 .sidebar__wrapper .info-list .info-text h4,
body.theme-dark .contact-us.v2 .sidebar__wrapper .info-list .info-text p,
body.theme-dark .contact-us.v2 .sidebar__wrapper .info-list .info-text a{
  color:#ffffff !important;
}

body.theme-dark .contact-us.v2 .sidebar__wrapper .info-list > li > i{
  color:#ffffff !important;
}

/* Contact form selects: improve dark-mode readability */
body.theme-dark .contact-us.v2 .main-form select{
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color-scheme:light !important;
  -webkit-text-fill-color:#ffffff;
}

body.theme-dark .contact-us.v2 .main-form select option{
  background:#ffffff !important;
  color:#111111 !important;
}

/* Custom dropdowns (plugin-rendered): force readable white text */
body.theme-dark .contact-us.v2 .main-form .nice-select,
body.theme-dark .contact-us.v2 .main-form .nice-select .current,
body.theme-dark .contact-us.v2 .main-form .nice-select .option,
body.theme-dark .contact-us.v2 .main-form .nice-select .list,
body.theme-dark .contact-us.v2 .main-form .dropdown-menu,
body.theme-dark .contact-us.v2 .main-form .dropdown-item,
body.theme-dark .contact-us.v2 .main-form .select2-selection,
body.theme-dark .contact-us.v2 .main-form .select2-results__option{
  color:#ffffff !important;
}

body.theme-dark .contact-us.v2 .main-form .nice-select .list,
body.theme-dark .contact-us.v2 .main-form .dropdown-menu,
body.theme-dark .contact-us.v2 .main-form .select2-dropdown{
  background:#091317 !important;
  border-color:rgba(255,255,255,.20) !important;
}

/* Extra-forced fallback for any custom dropdown implementation */
body.theme-dark .contact-us.v2 .contact-form-wrapper [class*="option"],
body.theme-dark .contact-us.v2 .contact-form-wrapper [class*="Option"],
body.theme-dark .contact-us.v2 .contact-form-wrapper [role="option"],
body.theme-dark .contact-us.v2 .contact-form-wrapper .list li,
body.theme-dark .contact-us.v2 .contact-form-wrapper .dropdown-item,
body.theme-dark .contact-us.v2 .contact-form-wrapper .dropdown-menu li{
  color:#ffffff !important;
  opacity:1 !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Contact submit button: same colors as header CTA */
body.theme-dark .contact-us.v2 .main-form .btn-anime.v1.round-border-full{
  background:#07bc4c !important;
  border-color:#07bc4c !important;
  color:#ffffff !important;
}

body.theme-dark .contact-us.v2 .main-form .btn-anime.v1.round-border-full i{
  background:#ffffff !important;
  color:#8a949c !important;
}

body.theme-dark .contact-us.v2 .main-form .btn-anime.v1.round-border-full:hover{
  background:#07bc4c !important;
  border-color:#07bc4c !important;
}

/* Ne pas dupliquer le 2e numéro : la base (panneaux) injecte +212 660830110 après le 1er lien */
body.theme-dark .contact-us.v2 .sidebar__wrapper .info-list .info-text a[href*="664638883"]::after{
  content:none !important;
  display:none !important;
  white-space:normal !important;
}

/* Page simulation-solaire : CTA hero = même style que le bouton du header */
/* Évite d-inline-block (Bootstrap) qui écrasait inline-flex → texte et icône mal alignés / pastille coupée */
body.theme-dark .breadcrumb-section .section-title-center a.link-anime.v1.round-border-full{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:4px 12px 4px 28px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:#07bc4c !important;
  border-color:#07bc4c !important;
  color:#ffffff !important;
}

body.theme-dark .breadcrumb-section .section-title-center a.link-anime.v1.round-border-full i{
  flex-shrink:0 !important;
  align-self:center !important;
  background:#ffffff !important;
  color:#8a949c !important;
}

body.theme-dark .breadcrumb-section .section-title-center a.link-anime.v1.round-border-full:hover{
  background:#07bc4c !important;
  border-color:#07bc4c !important;
}

/* Simulation — résultats : CTAs comme le bouton « Simulation gratuite » du header */
body.theme-dark #resultsBlock a.link-anime.v1.round-border-full{
  background:#07bc4c !important;
  border-color:#07bc4c !important;
  color:#ffffff !important;
}

body.theme-dark #resultsBlock a.link-anime.v1.round-border-full i{
  background:#ffffff !important;
  color:#8a949c !important;
}

body.theme-dark #resultsBlock a.link-anime.v1.round-border-full:hover{
  background:#07bc4c !important;
  border-color:#07bc4c !important;
}