/* Yahya Car Theme - Surcharge des couleurs rouges par du vert */

:root {
  --primary-color: #2ecc71;
  --primary-dark: #27ae60;
  --primary-hover: #219a52;
  --primary-color-rgb: 46, 204, 113;
  --secondary-color: #27ae60;
  --secondary-color-rgb: 39, 174, 96;
}

/* Surcharges globales des couleurs principales */
.bg-color,
header,
section.bg-color,
section.call-to-action,
a.btn-main,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.daterangepicker td.active, 
.daterangepicker td.active:hover,
.price-row,
.slider-info .text1,
.btn-primary,
.bg-id-color,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.feature-box-small-icon .border,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.btn-more,
.widget .small-border,
.product img:hover,
#btn-search,
.de_tab.timeline li.active .dot,
.btn-id,
.tiny-border,
#subheader .small-border-deco span,
#services-list li a:hover,
.timeline .tl-block .tl-line,
.de_tab.tab_style_2 .de_nav li.active span,
.de_tab.tab_methods.style-2 .de_nav li.active span,
.feature-box-small-icon.style-2 .number.bg-color,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.timeline>li>.timeline-badge,
.de_light .de_tab.tab_style_3 .de_nav li.active span,
.de_tab.tab_style_4 .de_nav li.active span,
.circle,
.social-icons-sm i:hover,
.btn-rsvp,
.pricing-table .ribbon,
.de_tab.tab_style_4 .de_nav li.active {
  background: var(--primary-color) !important;
}

/* Surcharges des couleurs de texte */
.id-color,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color {
  color: var(--primary-color) !important;
}

/* Surcharges des couleurs secondaires */
.id-color-2,
.id-color-secondary,
span.id-color-2,
.h-phone i.id-color-secondary {
  color: var(--secondary-color) !important;
}

.bg-color-2,
.bg-color-secondary,
section.bg-color-2,
section.bg-color-secondary,
.testimonial-color .item:nth-child(2n) blockquote:before,
a.btn-main.bg-color-2,
#form_subscribe #btn-subscribe i.bg-color-secondary,
.dark-scheme .de_countdown.bg-color-secondary {
  background: var(--secondary-color) !important;
}

/* Surcharges des couleurs de fond avec transparence */
.de_color {
  background: rgba(var(--primary-color-rgb), .98) !important;
}

/* Surcharges pour les états hover */
.btn-main:hover,
.btn-primary:hover {
  background: var(--primary-hover) !important;
}

/* Surcharges pour les bordures */
.border-color,
.feature-box-small-icon .border {
  border-color: var(--primary-color) !important;
}

/* Surcharges pour les liens */
a:not(.btn):hover {
  color: var(--primary-color) !important;
}

/* Surcharges pour les icônes */
.fa.bg-color,
.de-color-icons i {
  background: var(--primary-color) !important;
  color: white !important;
}

/* Surcharges pour les badges et étiquettes */
.badge,
.tag {
  background: var(--primary-color) !important;
}

/* Surcharges pour les barres de progression */
.progress-bar {
  background: var(--primary-color) !important;
}

/* Surcharges pour les formulaires */
.form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), .25) !important;
}

/* Surcharges pour les alertes */
.alert-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Surcharges pour les pagination */
.page-link:hover,
.page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Surcharges pour les tabs */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Surcharges pour les cards */
.card-header {
  background: var(--primary-color) !important;
  color: white !important;
}

/* Surcharges pour les boutons spécifiques */
#btn-search,
#btn-close-x:hover {
  background: var(--primary-color) !important;
}

/* Surcharges pour les éléments de navigation */
#mainmenu ul li:hover>a.menu-item {
  color: var(--primary-color) !important;
}

/* Surcharges pour les éléments de timeline */
.de_tab.timeline li.active .dot {
  background: var(--primary-color) !important;
}

/* Surcharges pour les flèches carousel */
.owl-arrow span {
  background: var(--primary-color) !important;
}

/* Surcharges pour les prix */
.price-row {
  background: var(--primary-color) !important;
}

/* Surcharges pour les sections call-to-action */
section.call-to-action {
  background: var(--primary-color) !important;
}

/* ===== CORRECTION MODAL D'AUTHENTIFICATION ===== */
/* Forcer l'affichage du modal avec la classe active */
#auth-modal.modal-active {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999 !important;
}

/* S'assurer que le modal est visible même avec !important */
#auth-modal[style*="display: flex"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Override任何可能隐藏modal的CSS规则 */
#auth-modal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
}

#auth-modal.modal-active,
#auth-modal.show {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== MODAL INDÉPENDANT - FORCE DISPLAY ===== */
#independent-auth-modal {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2147483647 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#independent-auth-modal.force-show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Contre-attaquer les scripts qui cachent le modal */
#independent-auth-modal[style*="display: none"],
#independent-auth-modal[style*="visibility: hidden"],
#independent-auth-modal[style*="opacity: 0"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}