/* ============================================
   RAYO RENTAL CARS - THÈME VERT COMPLET 🟢
   Remplace toutes les couleurs par le vert
   ============================================ */

/* ===== COULEURS PRINCIPALES EN VERT ===== */
:root {
    --primary-color: #28a745;  /* Vert principal */
    --primary-dark: #218838;   /* Vert foncé */
    --primary-light: #34ce57;  /* Vert clair */
    --green-gradient-1: #28a745;
    --green-gradient-2: #20c997;
}

/* ===== REMPLACER TOUTES LES COULEURS ORANGE/VIOLET PAR VERT ===== */

/* Textes et liens avec couleur */
.id-color,
.text-primary,
span.id-color,
a.id-color {
    color: #28a745 !important;
}

/* Backgrounds */
.bg-color,
.bg-primary,
[data-bgcolor="#ff6600"],
[style*="background-color: #ff6600"],
[style*="background-color: rgb(255, 102, 0)"] {
    background-color: #28a745 !important;
}

/* Boutons principaux */
.btn-main,
.btn-primary,
button.btn-main,
input[type="submit"].btn-main,
a.btn-main {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border-color: #28a745 !important;
    color: white !important;
}

.btn-main:hover,
.btn-primary:hover {
    background: linear-gradient(135deg, #218838 0%, #1ea87a 100%) !important;
    border-color: #218838 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(40, 167, 69, 0.4) !important;
}

/* Icons avec background coloré */
.box-icon i.bg-color,
.de-icon.bg-color,
i.bg-color {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    color: white !important;
}

/* Liens du menu actifs */
#mainmenu li.active > a,
#mainmenu li a:hover {
    color: #28a745 !important;
}

/* Bordures et lignes */
.border-primary,
.border-color {
    border-color: #28a745 !important;
}

/* ===== BADGES ET LABELS ===== */
.badge-primary,
.label-primary,
.wa-label {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    color: white !important;
}

/* ===== PRIX ET HIGHLIGHTS ===== */
.d-price span,
.price-highlight,
.price-tag {
    color: #28a745 !important;
}

.price-highlight {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    color: white !important;
}

/* ===== FORMULAIRES ===== */
input:focus,
textarea:focus,
select:focus {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

.form-control:focus {
    border-color: #28a745 !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

/* ===== BOUTON WHATSAPP VERT ===== */
.wa-float .wa-label {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

.wa-button {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.5) !important;
}

.wa-button:hover {
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.7) !important;
}

/* ===== COUNTERS & STATS ===== */
.de_count h3.timer {
    color: #28a745 !important;
}

/* ===== ICONS SOCIAUX ===== */
.social-icons a:hover {
    color: #28a745 !important;
    background: rgba(40, 167, 69, 0.1) !important;
}

/* ===== NAVIGATION BURGER ===== */
.mobile-menu-toggle.active {
    background: rgba(40, 167, 69, 0.2) !important;
    border-color: #28a745 !important;
}

.mobile-menu-toggle.active span {
    background: #28a745 !important;
}

/* ===== LIENS ET HOVER ===== */
a:hover,
a:focus {
    color: #28a745 !important;
}

/* ===== TIMELINE CONTAINER ===== */
.container-timeline li:before {
    background: #28a745 !important;
}

.container-timeline li:after {
    border-color: #28a745 !important;
}

/* ===== ACCORDION ===== */
.accordion-section-title.active,
.accordion-section-title:hover {
    color: #28a745 !important;
}

/* ===== TESTIMONIALS ===== */
.d-quote.id-color {
    color: #28a745 !important;
}

blockquote {
    border-left-color: #28a745 !important;
}

/* ===== CALL TO ACTION ===== */
#section-call-to-action {
    background-color: #28a745 !important;
}

.phone-num-big i,
.pnb-num {
    color: #ffffff !important;
}

/* ===== PAGINATION ===== */
.pagination .page-item.active .page-link {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.pagination .page-link:hover {
    color: #28a745 !important;
}

/* ===== PROGRESS BARS ===== */
.progress-bar {
    background-color: #28a745 !important;
}

/* ===== ALERTS ===== */
.alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border-color: #28a745 !important;
    color: #155724 !important;
}

/* ===== CARS LISTING ===== */
.de-item:hover {
    border-color: #28a745 !important;
}

.de-item-list:hover {
    box-shadow: 0 5px 20px rgba(40, 167, 69, 0.2) !important;
}

/* ===== NEWS / BLOG ===== */
.bloglist:hover {
    border-color: #28a745 !important;
}

.post-text h4 a:hover {
    color: #28a745 !important;
}

/* ===== FOOTER ===== */
footer h5 {
    color: #28a745 !important;
}

footer a:hover {
    color: #28a745 !important;
}

/* ===== SCROLL TO TOP ===== */
#back-to-top {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

#back-to-top:hover {
    background: linear-gradient(135deg, #218838 0%, #1ea87a 100%) !important;
}

/* ===== TABS ===== */
.nav-pills .nav-link.active {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

.nav-pills .nav-link:hover {
    color: #28a745 !important;
}

/* ===== TOOLTIPS ===== */
.tooltip-inner {
    background-color: #28a745 !important;
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #28a745 !important;
}

/* ===== DROPDOWNS ===== */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(40, 167, 69, 0.1) !important;
    color: #28a745 !important;
}

/* ===== RANGE SLIDER ===== */
input[type="range"]::-webkit-slider-thumb {
    background: #28a745 !important;
}

input[type="range"]::-moz-range-thumb {
    background: #28a745 !important;
}

/* ===== CHECKBOXES & RADIOS ===== */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

/* ===== GRADIENTS SPÉCIAUX ===== */
.gradient-bg {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

/* ===== OVERLAYS ===== */
.overlay-color::before {
    background: rgba(40, 167, 69, 0.8) !important;
}

/* ===== ANIMATIONS PERSONNALISÉES ===== */
@keyframes glow-green {
    0%, 100% {
        box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(40, 167, 69, 0.8);
    }
}

.glow-effect {
    animation: glow-green 2s infinite;
}

/* ===== MODIFICATIONS SPÉCIFIQUES WHATSAPP ===== */
@keyframes glow-pulse-green {
    0%, 100% {
        box-shadow: 0 5px 20px rgba(40, 167, 69, 0.5);
    }
    50% {
        box-shadow: 0 5px 30px rgba(40, 167, 69, 0.8);
    }
}

/* ===== BOOKING FORM ===== */
#booking_form_wrap {
    border-top: 4px solid #28a745 !important;
}

#booking_form h4 {
    color: #28a745 !important;
}

/* ===== SUCCESS MESSAGES ===== */
#success_message h2 {
    color: #28a745 !important;
}

#success_message {
    border-left: 4px solid #28a745 !important;
}

/* ===== MARQUEE TEXT ===== */
.de-marquee-list .d-item-dot {
    background: #28a745 !important;
}

/* ===== BOX ICONS ===== */
.box-icon:hover {
    border-color: #28a745 !important;
}

.box-icon:hover i {
    color: #28a745 !important;
}

/* ===== FEATURES SECTION ===== */
.feature-box:hover {
    box-shadow: 0 5px 20px rgba(40, 167, 69, 0.2) !important;
}

/* ===== MAP MARKER ===== */
.fa-map-marker {
    color: #28a745 !important;
}

/* ===== SPECIFICATIONS TABLE ===== */
.car-specs-table td:first-child {
    color: #28a745 !important;
}

/* ===== HERO SECTION HIGHLIGHTS ===== */
#section-hero h1 span.id-color {
    color: #28a745 !important;
}

/* ===== REMPLACER LES GRADIENTS VIOLETS PAR VERTS ===== */
[style*="background: linear-gradient(135deg, #667eea"],
[style*="background: linear-gradient(135deg, rgb(102, 126, 234)"] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

/* ===== TAGS ET CATEGORIES ===== */
.tag,
.category-badge {
    background: #28a745 !important;
    color: white !important;
}

.tag:hover,
.category-badge:hover {
    background: #218838 !important;
}

/* ===== CAROUSEL CONTROLS ===== */
.owl-nav button:hover,
.carousel-control-prev:hover,
.carousel-control-next:hover {
    background: rgba(40, 167, 69, 0.8) !important;
}

/* ===== SELECTION TEXT ===== */
::selection {
    background: #28a745 !important;
    color: white !important;
}

::-moz-selection {
    background: #28a745 !important;
    color: white !important;
}

/* ===== LOADER / PRELOADER ===== */
#de-preloader {
    background: #28a745 !important;
}

/* ===== TABLES ===== */
table thead {
    background: #28a745 !important;
    color: white !important;
}

table tbody tr:hover {
    background: rgba(40, 167, 69, 0.05) !important;
}

/* ===== SIDEBAR ===== */
.sidebar .widget-title {
    border-left-color: #28a745 !important;
}

/* ===== BREADCRUMBS ===== */
.breadcrumb .active {
    color: #28a745 !important;
}

/* ===== LIST MARKERS ===== */
ul.styled-list li::before {
    color: #28a745 !important;
}

/* ===== IMAGES OVERLAY ===== */
.img-hover-overlay::before {
    background: rgba(40, 167, 69, 0.7) !important;
}

/* ===== FIN DU THÈME VERT ===== */