/*	
	Theme Name: Motors - Child Theme
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: http://stylemixthemes.com/
	Description: Motors Child theme
	Version: 4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors-child
    Template: motors

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Add your own styles here */

/* ===============================
   Remplacement global du orange Motors
   =============================== */

/* Variables CSS (si utilisées par le thème) */

/* ================================
   Palette Motors : orange -> #e00716
   ================================ */

/* Couleurs principales */
:root {
  /* Variables forts utilisées par Motors */
  --motors-main-color: #e00716;
  --motors-main-hover: #c00612;
  --motors-accent: #e00716;
  --motors-accent-hover: #c00612;
}

/* Liens importants / accents */
a,
a:focus,
a:hover {
  color: #e00716 !important;
}

/* Titres accentués */
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #e00716 !important;
}

/* Boutons et cta */
button,
button:hover,
input[type="submit"],
.stm-button,
.stm-button:hover,
.stm-btn,
.stm-btn:hover,
.stm-btn-primary,
.stm-btn-outline {
  background-color: #e00716 !important;
  border-color: #e00716 !important;
  color: #fff !important;
}

/* Boutons hover un peu plus foncés */
button:hover,
input[type="submit"]:hover,
.stm-btn:hover {
  background-color: #c00612 !important;
  border-color: #c00612 !important;
}

/* Fonds et barres de couleur */
.stm-bg-orange,
.stm-bg-primary,
.stm-bg-accent,
.stm-bg-orange:hover,
.stm-bg-primary:hover {
  background-color: #e00716 !important;
  color: #fff !important;
}

/* Bordures orange */
.stm-border-orange,
.stm-border-primary,
.stm-border-accent {
  border-color: #e00716 !important;
}

/* Icônes orange */
i,
.stm-icon,
.stm-icon-box i,
.icon,
ion-icon {
  color: #e00716 !important;
}

/* Etat survol et focus des éléments */
a:hover,
button:hover,
input:hover,
select:hover,
textarea:hover {
  color: #e00716 !important;
  border-color: #e00716 !important;
}

/* Pagination active */
.page-numbers.current,
.page-numbers:hover {
  background: #e00716 !important;
  border-color: #e00716 !important;
  color: #fff !important;
}

/* Badges et étiquettes */
.stm-badge,
.stm-label,
.stm-tag {
  background: #e00716 !important;
  color: #fff !important;
}

/* Champs focus */
input:focus,
textarea:focus,
select:focus {
  border-color: #e00716 !important;
  box-shadow: 0 0 0 0.2rem rgba(224,7,22,0.25) !important;
}
/* ===============================
   MENU PRINCIPAL – Motors
   Texte noir / Hover blanc
   =============================== */

/* =================================
   MENU PRINCIPAL – Motors
   Fond rouge au hover
   ================================= */

/* État normal */
.header-menu > li > a,
.stm-main-menu > li > a,
.stm-header__element .main-menu > li > a {
    color: #000000 !important;
    background-color: transparent !important;
    transition: all 0.25s ease;
}

/* Hover */
.header-menu > li:hover > a,
.stm-main-menu > li:hover > a,
.stm-header__element .main-menu > li:hover > a {
    background-color: #e00716 !important;
    color: #ffffff !important;
}

/* Élément actif (page courante) */
.header-menu > li.current-menu-item > a,
.header-menu > li.current-menu-parent > a,
.stm-main-menu > li.current-menu-item > a,
.stm-main-menu > li.current-menu-parent > a {
    background-color: #e00716 !important;
    color: #ffffff !important;
}

/* Sous-menus – état normal */
.header-menu .sub-menu li > a,
.stm-main-menu .sub-menu li > a {
    background-color: transparent !important;
    color: #000000 !important;
}

/* Sous-menus – hover */
.header-menu .sub-menu li:hover > a,
.stm-main-menu .sub-menu li:hover > a {
    background-color: #e00716 !important;
    color: #ffffff !important;
}
/* =====================================
   Boutons Load More et similaires
   ===================================== */

/* État normal */
.load-more-btn,
button.load-more-btn,
a.load-more-btn {
    color: #ffffff !important;              /* texte blanc */
    background-color: #e00716 !important;   /* fond rouge */
    border-color: #e00716 !important;       /* bordure assortie */
    transition: all 0.25s ease;
}

/* Hover */
.load-more-btn:hover,
button.load-more-btn:hover,
a.load-more-btn:hover {
    color: #ffffff !important;              /* texte reste blanc */
    background-color: rgba(224, 7, 22, 0.8) !important; /* fond rouge légèrement transparent */
    border-color: rgba(224, 7, 22, 0.8) !important;
}
/* ==============================
   Boutons – texte blanc au hover
   ============================== */

/* État normal */
.stm-button,
.stm-btn,
.stm-btn-primary,
.stm-btn-outline,
button,
input[type="submit"],
a.load-more-btn {
    color: #ffffff !important;             /* texte blanc par défaut */
    background-color: #e00716 !important;  /* fond rouge */
    border-color: #e00716 !important;      /* bordure assortie */
    transition: all 0.25s ease;
}

/* Hover */
.stm-button:hover,
.stm-btn:hover,
.stm-btn-primary:hover,
.stm-btn-outline:hover,
button:hover,
input[type="submit"]:hover,
a.load-more-btn:hover {
    color: #ffffff !important;             /* texte reste blanc */
    background-color: rgba(224, 7, 22, 0.8) !important; /* fond rouge un peu transparent */
    border-color: rgba(224, 7, 22, 0.8) !important;
}

/* Boutons désactivés */
.stm-button:disabled,
.stm-btn:disabled,
button:disabled,
input[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
/* =====================================
   Icônes / SVG dans les caractéristiques des voitures
   ===================================== */

.stm-single-listing-car-features ul li svg,
.stm-single-listing-car-features ul li i {
    color: #e00716 !important;       /* couleur du texte / icône */
    fill: #e00716 !important;        /* couleur remplissage SVG */
    stroke: #e00716 !important;      /* couleur contour SVG, si applicable */
}
/* =====================================
   Toutes les icônes des listes Elementor – rouge #e00716
   ===================================== */

.elementor-icon-list-icon svg,
.elementor-icon-list-icon i {
    color: #e00716 !important;    /* couleur du texte / icône */
    fill: #e00716 !important;     /* remplissage SVG */
    stroke: #e00716 !important;   /* contour SVG si applicable */
}
.post-content blockquote::before {
    color: #e00716 !important;           /* guillemet décoratif avant le texte */
}
/* =====================================
   Icônes MPG – rouge #e00716
   ===================================== */

.mpg-icon,
.mpg-icon svg,
.mpg-icon i {
    color: #e00716 !important;    /* couleur du texte / icône */
    fill: #e00716 !important;     /* remplissage SVG */
    stroke: #e00716 !important;   /* contour SVG si applicable */
}
.single-car-prices {
    background-color : #e00716 !important ;
}
.phone-number a {
    color : #ffffff !important;
}
.phone-label {
    color : #e00716 !important;
}
#stm-google-map {
    color : #e00716 !important;
}

/* =====================================
   Listing cars – badge prix (bleu → rouge)
   ===================================== */

/* Prix principal */
.stm-listing-price,
.stm-listing-price span,
.stm-listing-price .amount {
    background-color: #e00716 !important;
    color: #ffffff !important;
}

/* Ancien prix barré */
.stm-listing-price-old,
.stm-listing-price-old span {
    color: rgba(255,255,255,0.8) !important;
}

/* Badge prix sur les cartes voitures */
.stm-price,
.stm-car-price {
    background-color: #e00716 !important;
    color: #ffffff !important;
}

/* Hover carte voiture (si présent) */
.stm-car-listing:hover .stm-price,
.stm-car-listing:hover .stm-listing-price {
    background-color: rgba(224, 7, 22, 0.85) !important;
}
/* Sécurité : tout badge prix bleu */
[class*="price"] {
    background-color: #e00716 !important;
}
/* =================================================
   Listing voitures – forme bleue derrière ancien prix
   (pseudo-element Motors)
   ================================================= */

/* Ancien prix */
.stm-listing-price-old,
.stm-car-price-old {
    color: #ffffff !important;
}

/* Forme bleue (triangle / trapèze) */
.stm-listing-price-old::before,
.stm-listing-price-old::after,
.stm-car-price-old::before,
.stm-car-price-old::after {
    background-color: #e00716 !important;
    border-color: #e00716 !important;
}

/* Sécurité selon layout */
.stm-price--old::before,
.stm-price--old::after {
    background-color: #e00716 !important;
    border-color: #e00716 !important;
}
/* =========================================
   FIX PRO – Trapèze prix Motors (SAFE)
   ========================================= */

/* On neutralise le trapèze d’origine */
.car-listing-row .listing-car-item-meta .price::before {
    border: none !important;
    background: none !important;
}

/* On recrée le trapèze proprement */
.car-listing-row .listing-car-item-meta .price::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 45px solid #e00716;
    border-left: 25px solid transparent;
    z-index: 1;
}
/* =====================================
   Prix – price.heading-font (Motors)
   ===================================== */

/* Texte du prix */
.price.heading-font,
.price.heading-font span,
.price.heading-font .amount {
    color: #e00716 !important;
}

/* Si un décor ou fond bleu est appliqué */
.price.heading-font::before,
.price.heading-font::after {
    background-color: #e00716 !important;
    border-color: #e00716 !important;
}

/* Sécurité si le prix est dans un badge */
.listing-car-item-meta .price.heading-font {
    background-color: #e00716 !important;
    color: #ffffff !important;
}
.elementor-button-text {
    color: #fff !important;
}
.stm-layout-header-car_dealer .mobile-menu-trigger span {
    color: #e00716 !important;
}


/* =====================================
   Logos en blanc – section spécifique
   ===================================== */

.elementor-element-d5abc82 img {
    filter: brightness(0) invert(1);
}

/* Pour les SVG */
.elementor-element-d5abc82 svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Pour icônes font */
.elementor-element-d5abc82 i {
    color: #ffffff !important;
}


/* ================================
   Title Listing propre & premium
   ================================ */

.elementor-element-6034df66 .stm-single-title-wrap {
    background: #ffffff;
    padding: 22px 25px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    border-left: 5px solid #e00716;
    margin-bottom: 15px;
}

/* titre voiture */
.elementor-element-6034df66 h1 {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
}

/* meta infos */
.elementor-element-6034df66 .stm-single-title-wrap .stm-single-car-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    color: #666;
    font-size: 14px;
}

/* icônes meta */
.elementor-element-6034df66 .stm-single-car-meta i,
.elementor-element-6034df66 .stm-single-car-meta svg {
    color: #e00716 !important;
}

/* espacement propre */
.elementor-element-6034df66 .stm-single-title-wrap > *:last-child {
    margin-bottom: 0;
}


[class*="price"] {
    background-color : #fff !important;
}
.elementor-element-6034df66 .stm-single-title-wrap {
    border-left : none;
}



/* ============================
   FIX DESIGN PRIX PROPRE
   ============================ */

.listing-car-item-meta .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

/* ancien prix */
.discounted-price {
    order: 1;
    font-size: 13px;
    color: #9b9b9b !important;
    text-decoration: line-through;
    margin-bottom: 2px;
    font-weight: 400;
}

/* prix principal */
.price.heading-font {
    order: 2;
    font-size: 22px;
    font-weight: 700;
    color: #e00716 !important;
}

/* espacement propre */
.listing-car-item-meta {
    min-height: 48px;
}

.normal-price {
    color : #000 !important;
}
.normal-price .heading-font {
    color : #000 !important;
}

.car-listing-row .listing-car-item-meta .price::after {
    border-top: 45px solid #fff !important;
    z-index: 0 !important;
}


/* =====================================
   PREMIUM PRICE – VERSION LUXE CLEAN
   ===================================== */

.single-regular-price {
    background: #ffffff;
    padding: 22px 20px 13px !important;
    border-radius: 14px;
    border: 1px solid #eee;
    box-shadow: 0 12px 30px rgba(0,0,0,0.06);
    position: relative;
    display: inline-block;
}

/* ligne rouge plus fine et élégante */
.single-regular-price::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 20%;
    height: 60%;
    width: 3px;
    background: #e00716;
    border-radius: 3px;
}

/* prix */
.single-car-prices .h3 {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #e00716 !important;
    margin: 0;
    padding-left: 18px; /* espace avec la ligne */
    letter-spacing: 0.5px;
}

/* symbole € mieux intégré */
.single-car-prices .h3::after {
    font-size: 0.9em;
    margin-left: 4px;
    opacity: 0.9;
}

/* hover élégant */
.single-regular-price:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {

    .single-regular-price {
        padding: 10px 16px;
    }

    .single-car-prices .h3 {
        font-size: 26px !important;
        padding-left: 14px;
    }
}

.stm-similar-cars-units .stm-similar-car .right-unit .stm-price {
    color: #000 !important;
}


/* ===== CONTENEUR GLOBAL ===== */
.single-car-prices {
    background: #f5f5f5 !important;
    padding: 20px 25px !important;
    border-radius: 14px !important;
    position: relative !important;
    display: inline-block !important;
    margin-top: 15px !important;
}

/* ===== BARRE ROUGE À GAUCHE ===== */
.single-car-prices::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 15% !important;
    height: 70% !important;
    width: 4px !important;
    background: #e30613 !important;
    border-radius: 2px !important;
}

/* ===== RESET TABLE (motors) ===== */
.single-regular-sale-price table,
.single-regular-sale-price tr,
.single-regular-sale-price td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ===== STRUCTURE VERTICALE ===== */
.single-regular-sale-price tr {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-left: 20px !important;
    gap: 5px !important;
}

/* ===== ANCIEN PRIX ===== */
.regular-price-with-sale strong {
    font-size: 16px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    opacity: 0.8 !important;
}

/* ===== NOUVEAU PRIX (STYLE PREMIUM) ===== */
.single-regular-sale-price .h4 {
    margin: 0 !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #e30613 !important;
    line-height: 1 !important;
}

/* ===== BADGE GARANTIA ===== */
.single-car-prices::after {
    content: "GARANTÍA DE UN AÑO" !important;
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;

    background: linear-gradient(135deg, #ff1a1a, #c4001d) !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    padding: 6px 14px !important;
    border-radius: 30px !important;

    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;

    text-transform: uppercase !important;
}

/* ===== EFFET HOVER ===== */
.single-car-prices:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important;
    transition: 0.3s !important;
}

.single-car-prices:hover::after {
    transform: scale(1.05) !important;
    transition: 0.3s !important;
}
/* ===== DESKTOP ONLY ===== */
@media (min-width: 992px) {

    /* Cache le badge mobile */
    .single-car-prices::after {
        display: none !important;
    }

    /* Prix normal */
    .single-regular-price {
        display: flex !important;
        align-items: center;
        gap: 14px;
    }

    /* Structure promo/prix barré */
    .single-regular-sale-price table,
    .single-regular-sale-price tbody,
    .single-regular-sale-price tr {
        display: flex !important;
        align-items: center;
    }

    .single-regular-sale-price td {
        display: flex !important;
        align-items: center;
    }

    /* Espace avant badge */
    .single-regular-sale-price td:last-child {
        margin-left: 14px;
    }

    /* Badge */
    .single-regular-price::after,
    .single-regular-sale-price td:last-child::after {

        content: "GARANTÍA DE UN AÑO" !important;

        background: linear-gradient(135deg, #ff1a1a, #c4001d);
        color: #fff;

        padding: 6px 14px;
        border-radius: 30px;

        font-size: 12px;
        font-weight: 700;
        line-height: 1;

        text-transform: uppercase;
        white-space: nowrap;

        box-shadow: 0 6px 15px rgba(0,0,0,0.2);

        display: inline-flex;
        align-items: center;
    }
}
/* ===== MOBILE ===== */
@media (max-width: 767px) {

    .single-regular-sale-price table {
        width: 100%;
    }

    .single-regular-sale-price td {
        display: block;
        width: 100%;
        text-align: left;
    }

    /* Prix promo */
    .regular-price-with-sale strong {
        font-size: 26px !important;
        line-height: 1.2;
    }

    /* Ancien prix */
    .single-regular-sale-price .h4 {
        font-size: 18px !important;
        margin-top: 4px !important;
    }

    /* Badge mobile */
    .single-car-prices::after {
        font-size: 10px !important;
        padding: 5px 10px !important;

        top: -8px !important;
        right: -6px !important;
    }
}
.elementor-3313 .elementor-element.elementor-element-3e94501 > .elementor-widget-container {
	background-color: #fff ! important;
}

/* ===== CONTENEUR COMPACT ===== */
.price.discounted-price {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}

/* ===== PETITE BARRE ROUGE ===== */
.price.discounted-price::before {
    content: "" !important;
    position: absolute !important;
    left: -8px !important;
    top: 20% !important;
    height: 60% !important;
    width: 3px !important;
    background: #e30613 !important;
    border-radius: 2px !important;
}

/* ===== ANCIEN PRIX ===== */
.price.discounted-price .regular-price {
    font-size: 12px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* ===== NOUVEAU PRIX ===== */
.price.discounted-price .sale-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #e30613 !important;
    line-height: 1.1 !important;
}

/* ===== ALIGNEMENT GLOBAL ===== */
.listing-price-row,
.price {
    position: relative !important;
    padding-left: 10px !important;
}
.discounted-price {
	text-decoration: none !important;
}

.special-label, .special-label.h5 {
    background-color : #dd3333 !important;
}

.listing-car-items .listing-car-item .price {
	margin-top: 10px;
}




/* Garde le layout intact */
.form-navigation .title,
.form-navigation .sub-title {
    visibility: hidden;
    position: relative;
}

/* STEP 1 */
.form-navigation .col-md-4:nth-child(1) .title::after {
    content: "Información del vehículo";
    visibility: visible;
    position: absolute;
    left: 0;
}

.form-navigation .col-md-4:nth-child(1) .sub-title::after {
    content: "Añade los detalles de tu vehículo";
    visibility: visible;
    position: absolute;
    left: 0;
}

/* STEP 2 */
.form-navigation .col-md-4:nth-child(2) .title::after {
    content: "Estado del vehículo";
    visibility: visible;
    position: absolute;
    left: 0;
}

.form-navigation .col-md-4:nth-child(2) .sub-title::after {
    content: "Añade el estado de tu vehículo";
    visibility: visible;
    position: absolute;
    left: 0;
}

/* STEP 3 */
.form-navigation .col-md-4:nth-child(3) .title::after {
    content: "Datos de contacto";
    visibility: visible;
    position: absolute;
    left: 0;
}

.form-navigation .col-md-4:nth-child(3) .sub-title::after {
    content: "Sus datos de contacto";
    visibility: visible;
    position: absolute;
    left: 0;
}

.stm-similar-cars-units .stm-similar-car:first-child {
    margin-top: 20px !important;
}



.mobile-menu-trigger {
    display: none !important;
    cursor: pointer;
    width: 40px;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    z-index: 99999;
}

.mobile-menu-trigger span {
    display: block;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 2px;
}

/* Affichage mobile moderne */
@media (max-width: 991px) {
    .mobile-menu-trigger {
        display: flex !important;
    }
}

/* état ouvert */
.mobile-menu-trigger.opened span:nth-child(1) {
    transform: rotate(45deg) translateY(8px);
}

.mobile-menu-trigger.opened span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-trigger.opened span:nth-child(3) {
    transform: rotate(-45deg) translateY(-8px);
}



@media (max-width: 768px) {

    .form-navigation-unit .title {
        font-size: 8px !important;
    }
}
.container {
		padding: 0px !important;
}


.listing-car-items .listing-car-item .price::before {
    display: none !important;
    content: none !important;
} 
.listing-car-items .listing-car-item .price {
    padding: 2px !important;
    border-radius: 3px !important;
}



/* RESET seulement pour VENDIDO via couleur Motors */
.special-label.h5[style*="#fc4e4e"] {
    background-color: #ffffff !important;
    color: #dd3333 !important;
    border: 1px solid #dd3333 !important;
}
/* VENDIDO */
.special-label[style*="#fc4e4e"],
.special-label[style*="#fc4e4e"] {
    background-color: #fff !important;
    color: #e60000 !important;
    border: 1px solid #e60000 !important;
}

/* OFERTA (si tu veux le garder mais le rendre plus propre visuellement) */
.special-label[style*="#dd3333"] {
    background-color: #dd3333 !important;
    color: #ffffff !important;
    border: 1px solid #dd3333;
}