/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Description: Thème enfant pour Novera Cars
 Author: Marco
 Template: astra
 Version: 1.0.0
 Text Domain: astra-child
*/

/*****************************************************
 NOVERA CARS – STYLES GLOBAUX
******************************************************/

/* Fond sombre global utilisé sur les pages Classified Listing + espace client + publier */
body.page-id-2549,
body.page-id-2471,
body.post-type-archive-rtcl_listing,
body.single-rtcl_listing {
    background: url('https://www.noveracars.ch/wp-content/uploads/2025/04/ChatGPT-Image-25-avr.-2025-12_15_39.png')
        no-repeat center center fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Pages Astra transparentes sur ces pages */
body.page-id-2549 #page,
body.page-id-2549 .site-content,
body.page-id-2549 .content-area,
body.page-id-2549 .site-main,
body.page-id-2549 .entry-content,
body.page-id-2471 #page,
body.page-id-2471 .site-content,
body.page-id-2471 .content-area,
body.page-id-2471 .site-main,
body.page-id-2471 .entry-content,
body.post-type-archive-rtcl_listing #page,
body.post-type-archive-rtcl_listing .site-content,
body.post-type-archive-rtcl_listing .content-area,
body.post-type-archive-rtcl_listing .site-main,
body.post-type-archive-rtcl_listing .entry-content,
body.single-rtcl_listing #page,
body.single-rtcl_listing .site-content,
body.single-rtcl_listing .content-area,
body.single-rtcl_listing .site-main,
body.single-rtcl_listing .entry-content {
    background: transparent !important;
}

/* Titre Astra masqué sur les pages "Espace client" et "Publier une annonce" */
body.page-id-2549 .entry-title,
body.page-id-2471 .entry-title {
    display: none !important;
}

/* Header transparent comme le reste du site sur archives/fiche */
body.post-type-archive-rtcl_listing #masthead,
body.single-rtcl_listing #masthead,
body.post-type-archive-rtcl_listing .site-header,
body.single-rtcl_listing .site-header,
body.post-type-archive-rtcl_listing .main-header-bar,
body.single-rtcl_listing .main-header-bar,
body.post-type-archive-rtcl_listing .ast-primary-header-bar,
body.single-rtcl_listing .ast-primary-header-bar {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* Menu blanc sur header transparent – DESKTOP uniquement */
@media (min-width: 921px) {

    body.post-type-archive-rtcl_listing .main-header-menu .menu-link,
    body.single-rtcl_listing .main-header-menu .menu-link,
    body.post-type-archive-rtcl_listing .main-header-menu a,
    body.single-rtcl_listing .main-header-menu a {
        color: #ffffff !important;
    }

    body.post-type-archive-rtcl_listing .main-header-menu .current-menu-item > a,
    body.single-rtcl_listing .main-header-menu .current-menu-item > a {
        color: #e30613 !important;
    }
}

/*****************************************************
 NOVERA CARS – CARTES DE VÉHICULES (page /nos-vehicules/)
******************************************************/

/* Carte véhicule : fond sombre + arrondi + ombre */
body.post-type-archive-rtcl_listing .rtcl-listing-item,
body.post-type-archive-rtcl_listing .listing-item,
body.post-type-archive-rtcl_listing .rtcl-listings-content li {
    background: rgba(0, 0, 0, 0.78) !important; /* voile noir */
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    padding-bottom: 15px !important;
}

/* Image inside card */
body.post-type-archive-rtcl_listing .rtcl-listing-item img {
    border-radius: 12px 12px 0 0 !important;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Texte de la carte */
body.post-type-archive-rtcl_listing .rtcl-listing-item *,
body.post-type-archive-rtcl_listing .listing-item * {
    color: #ffffff !important;
}

/* Prix rouge */
body.post-type-archive-rtcl_listing .rtcl-price,
body.post-type-archive-rtcl_listing .rtcl-price-meta {
    color: #e30613 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* Espacement des cartes */
body.post-type-archive-rtcl_listing .rtcl-listing-grid,
body.post-type-archive-rtcl_listing .rtcl-listings-content ul {
    gap: 26px !important;
}

/*****************************************************
 NOVERA CARS – FICHE VÉHICULE (single-rtcl_listing)
******************************************************/

/* Conteneur global de la fiche */
body.single-rtcl_listing #rtcl-content-wrapper {
    max-width: 1200px;
    margin: 180px auto 120px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* On force les infos à être sous les photos (pas à côté) */
body.single-rtcl_listing .rtcl-listing-details {
    display: block !important;
}

/* Gallerie principale */
body.single-rtcl_listing .rtcl-slider-wrapper {
    margin-bottom: 25px;
}

body.single-rtcl_listing .rtcl-slider .rtcl-listing-gallery_trigger img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 16px;
}

/* Thumbnails */
body.single-rtcl_listing .rtcl-slider .rtcl-slider-item img {
    border-radius: 10px;
}

/* ---- BLOC INFOS PRINCIPAL (overview + caractéristiques) ---- */
body.single-rtcl_listing .rtcl-main-content-wrapper,
body.single-rtcl_listing .rtcl-listing-meta {
    background: rgba(0, 0, 0, 0.78) !important; /* voile noir */
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 24px;
}

/* Tout le texte dans ce bloc en blanc */
body.single-rtcl_listing .rtcl-main-content-wrapper *,
body.single-rtcl_listing .rtcl-listing-meta * {
    color: #ffffff !important;
}

/* Prix en rouge */
body.single-rtcl_listing .rtcl-price-meta,
body.single-rtcl_listing .rtcl-price {
    color: #e30613 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}

/* Tableau des caractéristiques (cas Audi Q2) */
body.single-rtcl_listing .rtcl-listing-meta table {
    width: 100%;
    border-collapse: collapse;
}

body.single-rtcl_listing .rtcl-listing-meta table td {
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px;
}

/* première colonne = label un peu plus fort */
body.single-rtcl_listing .rtcl-listing-meta table td:first-child {
    font-weight: 600;
}

/* ---- DESCRIPTION ---- */
body.single-rtcl_listing .rtcl-description {
    background: rgba(0, 0, 0, 0.78) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
    margin-top: 10px;
}

body.single-rtcl_listing .rtcl-description * {
    color: #ffffff !important;
}
/*****************************************************
 NOVERA CARS – NETTOYAGE BLANC SUR LA FICHE ANNONCE
******************************************************/

/* 1) Enlever le fond blanc derrière la grande photo */
body.single-rtcl_listing .rtcl-listing-gallery,
body.single-rtcl_listing .rtcl-gallery,
body.single-rtcl_listing .rtcl-gallery-wrapper,
body.single-rtcl_listing .rtcl-slider-wrapper,
body.single-rtcl_listing .rtcl-slider,
body.single-rtcl_listing .rtcl-slider-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2) Bloc contact : pas de rectangles blancs à l'intérieur */
body.single-rtcl_listing #rtcl-sidebar *,
body.single-rtcl_listing .rtcl-sidebar-wrapper * {
    background: transparent !important;   /* on enlève les fonds blancs internes */
}

/* Le wrapper du contact reste en voile noir (déjà mis avant),
   on renforce juste la couleur du texte */
body.single-rtcl_listing #rtcl-sidebar,
body.single-rtcl_listing .rtcl-sidebar-wrapper {
    color: #ffffff !important;
}
/*****************************************************
 NOVERA CARS – Fix couleur texte bloc Contact (fiche annonce)
*****************************************************/

body.single-rtcl_listing #rtcl-sidebar,
body.single-rtcl_listing #rtcl-sidebar * {
    color: #ffffff !important;
    fill: #ffffff !important; /* pour les icônes SVG */
}

/* Icônes RTCL (téléphone, email) */
body.single-rtcl_listing #rtcl-sidebar i,
body.single-rtcl_listing #rtcl-sidebar svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/*****************************************************
 NOVERA CARS – Fond sombre derrière la grande photo (fiche)
*****************************************************/

body.single-rtcl_listing .rtcl-slider-wrapper,
body.single-rtcl_listing .rtcl-slider-item,
body.single-rtcl_listing .rtcl-slider,
body.single-rtcl_listing .rtcl-gallery,
body.single-rtcl_listing .rtcl-gallery .rtcl-gallery-item {
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 12px !important;
    padding: 10px !important;
}

/* Empêche l'image d'être écrasée */
body.single-rtcl_listing .rtcl-gallery .rtcl-gallery-item img {
    background: transparent !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
}
/*****************************************************
 Finition – Bloc contact = même style que bloc Overview
*****************************************************/
body.single-rtcl_listing #rtcl-sidebar,
body.single-rtcl_listing .rtcl-sidebar-wrapper {
    background: #2b2d32 !important;          /* même gris que le bloc info */
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    padding: 20px 22px !important;
}

/* Texte bien lisible en blanc */
body.single-rtcl_listing #rtcl-sidebar,
body.single-rtcl_listing #rtcl-sidebar * {
    color: #ffffff !important;
}
/*****************************************************
 FICHE VEHICULE – Blocs semi-transparents premium
*****************************************************/

/* Tous les blocs info */
body.single-rtcl_listing .rtcl-listing-info,
body.single-rtcl_listing .rtcl-description,
body.single-rtcl_listing .rtcl-listing-meta,
body.single-rtcl_listing .rtcl-main-content-wrapper,
body.single-rtcl_listing .rtcl-single-listing-details {
    background: rgba(0, 0, 0, 0.55) !important;  /* transparent pour voir le fond */
    backdrop-filter: blur(6px);                 /* effet verre dépoli */
    border-radius: 18px !important;
    padding: 25px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    color: #ffffff !important;
}

/* Texte blanc partout */
body.single-rtcl_listing .rtcl-listing-info *,
body.single-rtcl_listing .rtcl-description *,
body.single-rtcl_listing .rtcl-listing-meta *,
body.single-rtcl_listing .rtcl-main-content-wrapper *,
body.single-rtcl_listing .rtcl-single-listing-details * {
    color: #ffffff !important;
}
/* Supprimer le fond blanc derrière la grande image */
body.single-rtcl_listing .rtcl-slider-wrapper,
body.single-rtcl_listing .rtcl-slider,
body.single-rtcl_listing .rtcl-single-listing-details .rtcl-gallery,
body.single-rtcl_listing .rtcl-slider-item {
    background: transparent !important;
    box-shadow: none !important;
}

/* Uniformiser les images */
body.single-rtcl_listing .rtcl-slider-item img {
    border-radius: 12px;
    object-fit: contain;
    width: 100%;
    height: auto;
}
/* Prix en rouge sur la fiche véhicule */
body.single-rtcl_listing .rtcl-price-meta,
body.single-rtcl_listing .rtcl-price,
body.single-rtcl_listing .rtcl-listing-info .rtcl-price-meta {
    color: #e30613 !important;
}
/* Bloc Contact – même style premium */
body.single-rtcl_listing #rtcl-sidebar,
body.single-rtcl_listing #rtcl-sidebar .rtcl-seller-info,
body.single-rtcl_listing #rtcl-sidebar .rtcl-contact-owner {
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 18px !important;
    padding: 25px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
}

/* Texte blanc du bloc Contact */
body.single-rtcl_listing #rtcl-sidebar *,
body.single-rtcl_listing #rtcl-sidebar i,
body.single-rtcl_listing #rtcl-sidebar svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* Responsive premium */
@media (max-width: 768px) {

    /* Blocs infos + contact arrondis + spacing */
    body.single-rtcl_listing .rtcl-listing-info,
    body.single-rtcl_listing .rtcl-description,
    body.single-rtcl_listing .rtcl-listing-meta,
    body.single-rtcl_listing #rtcl-sidebar {
        padding: 18px !important;
        border-radius: 14px !important;
    }

    /* Prix plus lisible */
    body.single-rtcl_listing .rtcl-price-meta {
        font-size: 22px !important;
        text-align: left !important;
    }

    /* Marges pour éviter que ça colle à l'écran */
    body.single-rtcl_listing .rtcl-single-listing-details,
    body.single-rtcl_listing #rtcl-sidebar {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

/*****************************************************
 NOVERA CARS – Slider photos propre (VERSION SIMPLIFIÉE)
*****************************************************/

/* Conteneur global : voile noir + arrondi */
body.single-rtcl_listing #rtcl-slider-wrapper {
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    max-width: 980px;
    margin: 0 auto 22px auto;
}

/* On laisse Swiper gérer la hauteur, on enlève nos contraintes */
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider,
body.single-rtcl_listing #rtcl-slider-wrapper .swiper-wrapper,
body.single-rtcl_listing #rtcl-slider-wrapper .swiper-slide,
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider-item {
    height: auto !important;
    max-height: none !important;
}

/* Image principale : toujours visible, pas étirée */
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    display: block !important;
}

/* Bande des vignettes sous la grande image */
body.single-rtcl_listing .rtcl-gallery .rtcl-gallery-thumb {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

/* Vignettes : toutes la même taille, bien remplies */
body.single-rtcl_listing .rtcl-gallery .rtcl-gallery-thumb img {
    width: 100px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Vignette active un peu plus “claire” */
body.single-rtcl_listing .rtcl-gallery .swiper-slide-thumb-active img {
    opacity: 1;
    transform: scale(1.02);
    outline: 2px solid #ffffff;
}

/* Mobile : hauteur réduite pour la grande image + vignettes plus petites */
@media (max-width: 768px) {
    body.single-rtcl_listing #rtcl-slider-wrapper {
        padding: 8px !important;
        margin-bottom: 18px !important;
    }

    body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider img {
        max-height: 320px !important;
    }

    body.single-rtcl_listing .rtcl-gallery .rtcl-gallery-thumb img {
        width: 80px !important;
        height: 56px !important;
    }
}

/*****************************************************
 NOVERA CARS – Masquer le bouton loupe d’origine
*****************************************************/

/* Masque le premier bouton blanc d’origine (le rond vide) */
.rtcl-slider > a.rtcl-listing-gallery_trigger {
    opacity: 0 !important;
    pointer-events: none !important;
}

/*****************************************************
  NOVERA CARS – CORRECTION ICÔNE LOUPE
*****************************************************/
body.single-rtcl_listing .rtcl-icon-search,
body.single-rtcl_listing .rtcl-icon-search::before {
    color: #000000 !important;   /* loupe noire */
    font-size: 18px !important;  /* taille bien visible */
    line-height: 1 !important;
}

/*****************************************************
NOVERA CARS – Filtre véhicules : version premium
*****************************************************/

/* Bloc filtre global : carte verre fumé */
.rtcl-widget-ajax-filter-class {
    background: rgba(0, 0, 0, 0.88) !important;
    background-image: none !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
    padding: 22px 20px 24px !important;
    backdrop-filter: blur(6px) !important;
}

/* Chaque section (Mot-clé, Catégorie, etc.) : sans fond gris */
.rtcl-widget-ajax-filter-class .rtcl-ajax-filter-item,
.rtcl-widget-ajax-filter-class .rtcl-filter-header,
.rtcl-widget-ajax-filter-class .rtcl-filter-footer {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 12px !important;
}

/* Titres de section (Mot-clé, Catégorie, Emplacement, Gamme de prix) */
.rtcl-widget-ajax-filter-class .rtcl-filter-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #f5f5f5 !important;
    margin-bottom: 6px !important;
}

/* Titre "FILTER" : bandeau rouge dégradé */
.rtcl-widget-ajax-filter-class .rtcl-widget-heading,
.rtcl-widget-ajax-filter-class .rtcl-widget-heading h3 {
    background: linear-gradient(135deg, #e30613, #ff4656) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    padding: 12px 18px !important;
    margin: 0 0 18px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

/* Inputs & selects : fond noir, bords fins, texte blanc */
.rtcl-widget-ajax-filter-class input[type="text"],
.rtcl-widget-ajax-filter-class input[type="number"],
.rtcl-widget-ajax-filter-class select {
    background: rgba(10, 10, 10, 0.95) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    outline: none !important;
}

/* Placeholder clair */
.rtcl-widget-ajax-filter-class input::placeholder {
    color: rgba(220, 220, 220, 0.7) !important;
}

/* Focus des champs : bord rouge Novera */
.rtcl-widget-ajax-filter-class input[type="text"]:focus,
.rtcl-widget-ajax-filter-class input[type="number"]:focus,
.rtcl-widget-ajax-filter-class select:focus {
    border-color: #e30613 !important;
    box-shadow: 0 0 0 1px rgba(227, 6, 19, 0.6) !important;
}

/* Checkbox rouges + texte blanc */
.rtcl-widget-ajax-filter-class input[type="checkbox"] {
    accent-color: #e30613 !important;
}
.rtcl-widget-ajax-filter-class label {
    color: #f3f3f3 !important;
    font-size: 13px !important;
}

/*****************************************************
NOVERA CARS – Page Espace Client (ID 2549)
*****************************************************/

/* 0. Tout remettre à transparent dans le contenu */
body.page-id-2549 .entry-content,
body.page-id-2549 .entry-content div,
body.page-id-2549 .entry-content form,
body.page-id-2549 .entry-content fieldset {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 1. Grosse carte noire semi-transparente autour des deux colonnes */
body.page-id-2549 .entry-content > div {
    background: rgba(0, 0, 0, 0.70) !important;
    backdrop-filter: blur(6px) !important;
    border-radius: 22px !important;
    padding: 40px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    max-width: 1100px !important;
    margin: 160px auto 80px auto !important;
}

/* 2. Titre de page Astra caché */
body.page-id-2549 .entry-title {
    display: none !important;
}

/* 3. Labels et textes en blanc dans tout le bloc */
body.page-id-2549 .entry-content label,
body.page-id-2549 .entry-content p,
body.page-id-2549 .entry-content span {
    color: #ffffff !important;
}

/* 4. Inputs / selects / textarea – style premium noir */
body.page-id-2549 .entry-content input[type="text"],
body.page-id-2549 .entry-content input[type="email"],
body.page-id-2549 .entry-content input[type="password"],
body.page-id-2549 .entry-content input[type="tel"],
body.page-id-2549 .entry-content select,
body.page-id-2549 .entry-content textarea {
    background: rgba(10, 10, 10, 0.90) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    outline: none !important;
}

/* 4bis. Cas particulier : formulaire de login WordPress (#loginform) */
body.page-id-2549 #loginform input[type="text"],
body.page-id-2549 #loginform input[type="password"] {
    background: rgba(10, 10, 10, 0.90) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
}

body.page-id-2549 #loginform label {
    color: #ffffff !important;
}

/* 5. Placeholders visibles */
body.page-id-2549 .entry-content input::placeholder,
body.page-id-2549 .entry-content textarea::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* 6. Cases à cocher et texte */
body.page-id-2549 input[type="checkbox"] {
    accent-color: #e30613 !important;
}

/* 7. Boutons Login / Register Novera rouge */
body.page-id-2549 .entry-content button,
body.page-id-2549 .entry-content input[type="submit"] {
    background: #e30613 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 14px !important;
    padding: 12px 22px !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(227, 6, 19, 0.45) !important;
}

/* 8. Icônes œil en blanc */
body.page-id-2549 .rtcl-view-password i {
    color: #ffffff !important;
}
/*****************************************************
NOVERA CARS – Corrections Login (texte bleu → blanc)
*****************************************************/

/* Liens "Forgot your password?" et autres liens WP Login */
body.page-id-2549 .entry-content a {
    color: #ffffff !important;
}

/* Texte "Remember Me" */
body.page-id-2549 #loginform label,
body.page-id-2549 #loginform .forgetmenot label {
    color: #ffffff !important;
}

/* Titre "Login" */
body.page-id-2549 h2,
body.page-id-2549 h3,
body.page-id-2549 legend {
    color: #ffffff !important;
}
/*****************************************************
NOVERA CARS – Espace client : texte blanc partout
*****************************************************/

/* Tout le texte du tableau de bord RTCL en blanc */
body.page-id-2549 .rtcl,
body.page-id-2549 .rtcl * {
    color: #ffffff !important;
    fill: #ffffff !important;  /* icônes svg */
}

/* Option : les liens survolés en rouge Novera */
body.page-id-2549 .rtcl a:hover {
    color: #e30613 !important;
}
/*****************************************************
NOVERA CARS – Espace client : menu latéral + textes
*****************************************************/

/* Menu latéral (bloc blanc à gauche) */
body.page-id-2549 nav.rtcl-MyAccount-navigation {
    background: rgba(0, 0, 0, 0.55) !important;
    background-color: rgba(0, 0, 0, 0.55) !important;
    border-radius: 16px !important;
    padding: 18px 14px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
}

/* Items du menu */
body.page-id-2549 nav.rtcl-MyAccount-navigation ul li {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    padding: 10px 6px !important;
}

/* Icônes + libellés en blanc */
body.page-id-2549 nav.rtcl-MyAccount-navigation a,
body.page-id-2549 nav.rtcl-MyAccount-navigation a *,
body.page-id-2549 nav.rtcl-MyAccount-navigation i,
body.page-id-2549 nav.rtcl-MyAccount-navigation svg {
    color: #ffffff !important;
    fill:  #ffffff !important;
}

/* Survol = rouge Novera */
body.page-id-2549 nav.rtcl-MyAccount-navigation a:hover {
    color: #e30613 !important;
}

/* On s'assure de tuer le fond blanc natif du plugin */
body.page-id-2549 .rtcl-myaccount-template nav.rtcl-MyAccount-navigation {
    background-image: none !important;
}

/* Textes bleus à droite (Total listings, Published, etc.) en blanc */
body.page-id-2549 .rtcl-myaccount-template .rtcl-user-content-inner,
body.page-id-2549 .rtcl-myaccount-template .rtcl-user-content-inner *,
body.page-id-2549 .rtcl-myaccount-template .rtcl-user-stats *,
body.page-id-2549 .rtcl-myaccount-template .rtcl-user-details * {
    color: #ffffff !important;
    fill:  #ffffff !important;
}
/*****************************************************
NOVERA CARS – Page "Publier une annonce" (ID 2471)
Bloc formulaire noir semi-transparent + texte blanc
*****************************************************/

/* Carte noire autour de tout le contenu de la page */
body.page-id-2471 .entry-content {
    max-width: 1100px;
    margin: 140px auto 120px auto;
    padding: 26px 24px !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
}

/* Texte global en blanc */
body.page-id-2471 .entry-content,
body.page-id-2471 .entry-content p,
body.page-id-2471 .entry-content label,
body.page-id-2471 .entry-content span,
body.page-id-2471 .entry-content legend,
body.page-id-2471 .entry-content h2,
body.page-id-2471 .entry-content h3 {
    color: #ffffff !important;
}

/* On enlève les gros fonds blancs internes par défaut */
body.page-id-2471 .entry-content * {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Champs texte / nombres / select / textarea en noir foncé */
body.page-id-2471 .entry-content input[type="text"],
body.page-id-2471 .entry-content input[type="number"],
body.page-id-2471 .entry-content input[type="email"],
body.page-id-2471 .entry-content input[type="tel"],
body.page-id-2471 .entry-content input[type="date"],
body.page-id-2471 .entry-content select,
body.page-id-2471 .entry-content textarea {
    background: rgba(10, 10, 10, 0.9) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    padding: 9px 11px !important;
    font-size: 13px !important;
}

/* Placeholders clairs */
body.page-id-2471 .entry-content input::placeholder,
body.page-id-2471 .entry-content textarea::placeholder {
    color: rgba(220, 220, 220, 0.7) !important;
}

/* Radios / cases à cocher en rouge Novera */
body.page-id-2471 .entry-content input[type="radio"],
body.page-id-2471 .entry-content input[type="checkbox"] {
    accent-color: #e30613 !important;
}

/* Bouton principal "Publier / Submit" */
body.page-id-2471 .entry-content button,
body.page-id-2471 .entry-content input[type="submit"] {
    background: #e30613 !important;
    border-radius: 999px !important;
    border: none !important;
    color: #ffffff !important;
    padding: 10px 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
/*****************************************************
NOVERA CARS – Page "Publier une annonce"
Forcer tout le texte du formulaire en blanc
*****************************************************/

/* Tout le contenu Classified Listing sur la page 2471 */
body.page-id-2471 .rtcl,
body.page-id-2471 .rtcl * {
    color: #ffffff !important;
}

/* Labels radios / checkboxes encore une couche */
body.page-id-2471 .rtcl-radio label,
body.page-id-2471 .rtcl-checkbox label {
    color: #ffffff !important;
}

/* Champs : fond sombre + texte blanc */
body.page-id-2471 input,
body.page-id-2471 select,
body.page-id-2471 textarea {
    background: rgba(0, 0, 0, 0.55) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
}

/* Placeholder gris clair pour rester lisible */
body.page-id-2471 ::placeholder {
    color: #cccccc !important;
}
/*****************************************************
 NOVERA CARS – Sous-menus Desktop (fond noir premium)
*****************************************************/

/* Fond du sous-menu */
.main-header-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu {
    background: rgba(0, 0, 0, 0.85) !important;
    border-radius: 12px !important;
    padding: 10px 0 !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.45) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

/* Liens du sous-menu */
.main-header-menu .sub-menu a {
    color: #ffffff !important;
    padding: 10px 18px !important;
}

/* Liens au survol = rouge (cohérent avec ton thème) */
.main-header-menu .sub-menu a:hover {
    color: #e30613 !important;
    background: rgba(255,255,255,0.05) !important;
}

/* Supprime définitivement le fond blanc par défaut d’Astra */
.main-header-menu .sub-menu,
.main-header-menu .sub-menu * {
    background-color: transparent !important;
}
/********************************************
 NOVERA CARS – Texte du sous-menu mobile en noir
*********************************************/
@media (max-width: 921px) {

    /* Liens du sous-menu (Espace client / Publier une annonce) */
    .main-header-menu .sub-menu a,
    .ast-builder-menu-mobile .main-header-menu .sub-menu a,
    .ast-mobile-popup-inner .main-header-menu .sub-menu a {
        color: #000 !important;
    }

    /* Icône flèche du sous-menu */
    .main-header-menu .menu-item-has-children > .ast-menu-toggle {
        color: #000 !important;
        fill: #000 !important;
    }
}

/*****************************************************
 NOVERA CARS – BLOC OVERVIEW (fiche véhicule)
*****************************************************/

/* Carte autour du bloc "Overview" */
body.single-rtcl_listing .rtcl-single-custom-fields {
    background: rgba(0, 0, 0, 0.55) !important;  /* voile noir comme le reste */
    backdrop-filter: blur(6px);
    border-radius: 18px !important;
    padding: 22px 26px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    margin-top: 18px !important;
    margin-bottom: 28px !important;
}

/* On force tous les textes du bloc Overview en blanc */
body.single-rtcl_listing .rtcl-single-custom-fields,
body.single-rtcl_listing .rtcl-single-custom-fields * {
    color: #ffffff !important;
}

/* Liste des propriétés = une liste verticale de lignes */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cf-properties {
    display: block !important;
    margin: 0;
    padding: 0;
}

/* Chaque ligne (libellé + valeur) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item {
    display: flex !important;
    gap: 20px;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

/* On retire la bordure sur la dernière ligne (sauf textarea, gérée plus bas) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item:last-child {
    border-bottom: none;
}

/* Colonne de gauche : libellés (Année, Km, Boîte, etc.) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label-wrap,
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label {
    min-width: 220px;
    font-weight: 700;
    font-size: 15px;
    color: #f5f5f5;
    line-height: 1.4;
}

/* Colonne de droite : valeurs */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-value {
    flex: 1;
    font-size: 15px;
    line-height: 1.7;
    color: #ffffff;
}

/* ✅ Champ description (textarea / long texte) = pleine largeur, sans libellé à gauche */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item.rtcl-cfp-textarea {
    display: block !important;
    border-bottom: none; /* pas de ligne de séparation après */
    padding-top: 18px;
    padding-bottom: 4px;
}

/* On masque la colonne label pour la description */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item.rtcl-cfp-textarea .rtcl-cfp-label-wrap {
    display: none !important;
}

/* La description prend toute la largeur */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item.rtcl-cfp-textarea .rtcl-cfp-value {
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px;
    line-height: 1.8;
}

/* Un peu d’air entre les paragraphes de la description */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item.rtcl-cfp-textarea .rtcl-cfp-value p {
    margin: 0 0 10px 0;
}

/* Titre "Overview" dans le bloc : plus compact */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-section-heading,
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-section-heading h3 {
    margin: 0 0 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
}

/* Ligne décorative après le titre (facultatif) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-section-heading h3::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 36px;
    height: 3px;
    border-radius: 3px;
    background: #e30613; /* rouge Novera */
}

/* ✅ Responsive : sur mobile, on passe label au-dessus de la valeur */
@media (max-width: 768px) {

    body.single-rtcl_listing .rtcl-single-custom-fields {
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }

    /* Chaque ligne devient bloc vertical */
    body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item {
        display: block !important;
        padding: 8px 0 10px 0;
    }

    /* Libellés au-dessus, full width */
    body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label-wrap,
    body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label {
        min-width: auto;
        width: 100% !important;
        margin: 0 0 4px !important;
        text-align: left !important;
    }

    /* Valeurs = full width */
    body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-value {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        text-align: left !important;
        word-break: break-word;
    }

    /* Description garde le comportement pleine largeur */
    body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item.rtcl-cfp-textarea {
        padding-top: 14px;
    }
}
/* NOVERA – Rendre les labels premium et différenciés */

/* Labels gauche (ex: Condition, Kilométrage, etc.) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label-wrap,
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label {
    font-size: 17px !important;         /* plus grand */
    font-weight: 700 !important;        /* bien visible */
    color: #ffffff !important;          /* blanc premium */
    letter-spacing: 0.4px !important;   /* léger espace = plus luxe */
    text-transform: none !important;    /* pas en majuscules */
}

/* Valeurs droite (ex: Essence, Automatique…) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-value {
    font-size: 15px !important;         /* légèrement plus petit que les labels */
    color: #d9d9d9 !important;          /* gris clair lisible */
    font-weight: 400 !important;        /* look sobre */
}

/* Ligne séparatrice plus douce */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Dernière ligne sans bord */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item:last-child {
    border-bottom: none !important;
}
/*****************************************************
 NOVERA – OVERVIEW : ALIGNEMENT PRO EN 2 COLONNES
*****************************************************/

/* 1) Chaque ligne = vraie grille 2 colonnes (labels / valeurs) */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr); /* 260px pour les labels, le reste pour les valeurs */
    column-gap: 28px !important;
    align-items: flex-start !important;
}

/* Label (gauche) – colonne fixe */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label-wrap,
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label {
    width: auto !important;
    min-width: 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.4px !important;
}

/* Valeur (droite) – parfaitement alignée */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-value {
    margin: 0 !important;
    font-size: 15px !important;
    color: #d9d9d9 !important;
    line-height: 1.6 !important;
}

/* 2) Cas particulier : la grande description → pleine largeur sous les specs */
body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item.rtcl-cfp-textarea {
    display: block !important;              /* on sort de la grille */
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
}

/* Label de la description (ex: "Description & Options du véhicule") */
body.single-rtcl_listing .rtcl-single-custom-fields
.rtcl-cfp-item.rtcl-cfp-textarea .rtcl-cfp-label-wrap {
    display: block !important;
    margin-bottom: 6px !important;
}

/* Texte de description → 100% largeur, aligné proprement */
body.single-rtcl_listing .rtcl-single-custom-fields
.rtcl-cfp-item.rtcl-cfp-textarea .rtcl-cfp-value {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Un peu d’air entre les paragraphes de la description */
body.single-rtcl_listing .rtcl-single-custom-fields
.rtcl-cfp-item.rtcl-cfp-textarea .rtcl-cfp-value p {
    margin: 0 0 10px 0 !important;
}
/* NOVERA CARS – Fix mobile Overview : labels au-dessus, texte plein large */
@media (max-width: 767px) {

  /* On casse le flex 2 colonnes */
  body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-item {
    display: block !important;
    padding: 10px 0 !important;
  }

  body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label-wrap,
  body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 4px !important;
    font-weight: 600 !important;
  }

  body.single-rtcl_listing .rtcl-single-custom-fields .rtcl-cfp-value {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: left !important;
    word-break: break-word;
  }

  /* Juste un peu de padding sur la carte */
  body.single-rtcl_listing .rtcl-single-custom-fields {
    padding: 18px 14px !important;
  }
}
/* NOVERA CARS – Espace sous le header sur les fiches véhicules */
body.single-rtcl_listing .rtcl-content-wrapper {
    margin-top: 68px !important;   /* desktop */
}

/* Mobile : un peu moins pour garder tout visible */
@media (max-width: 768px) {
    body.single-rtcl_listing .rtcl-content-wrapper {
        margin-top: 28px !important;
    }
}
/* Novera Cars – Fiche annonce plus large sur grands écrans */
@media (min-width: 1400px) {

    /* Élargar le conteneur Astra pour cette page */
    body.single-rtcl_listing .site-content .ast-container {
        max-width: 1500px !important;
        width: 96% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Et on laisse la fiche occuper toute la largeur du conteneur */
    body.single-rtcl_listing .rtcl-breadcrumb,
    body.single-rtcl_listing .rtcl-content-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }
}
/* NOVERA CARS – Titre du véhicule (premium+) */
body.single-rtcl_listing .entry-title {
    font-size: 42px !important; /* plus présent, très premium */
    font-weight: 900 !important;
    letter-spacing: 0.6px !important; /* espacement léger façon Porsche */
    text-transform: uppercase;
    color: #ffffff !important;

    /* Ombre premium très douce */
    text-shadow: 0 2px 4px rgba(0,0,0,0.28);

    /* Un peu d'air sous le titre */
    margin-bottom: 18px !important;
}

/* Ajustement du bloc meta (date / catégorie / vues) */
body.single-rtcl_listing .rtcl-meta-area {
    margin-top: -6px !important;
    margin-bottom: 16px !important;
}

/* Barre meta sous le titre (date, catégorie, vues) */
body.single-rtcl_listing .rtcl-listing-meta-wrap {
    margin-top: 6px !important;
    margin-bottom: 18px !important;
}

body.single-rtcl_listing .rtcl-listing-meta-data {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-rtcl_listing .rtcl-listing-meta-data li {
    font-size: 13px !important;
    color: #d9d9d9 !important;
    opacity: 0.9;
}
/*****************************************************
 NOVERA CARS – Hauteur uniforme du slider
 (corrige le trou noir entre image et vignettes
 avec mélange photos portrait / paysage)
*****************************************************/

/* Hauteur fixe du cadre du slider */
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider {
    height: 520px !important;   /* ajuste à 480 / 550 selon ton goût */
}

/* Mobile : un peu plus bas */
@media (max-width: 768px) {
    body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider {
        height: 360px !important;
    }
}

/* Les slides occupent toute la hauteur du cadre */
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider .swiper-wrapper,
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider .swiper-slide {
    height: 100% !important;
}

/* On centre l'image dans son slide */
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* L'image se redimensionne pour tenir dans le cadre sans être coupée */
body.single-rtcl_listing #rtcl-slider-wrapper .rtcl-slider .swiper-slide img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
/*****************************************************
 NOVERA CARS – Header fiche véhicule plus dynamique
*****************************************************/

/* Titre AUDI Q2 = plus "signature" */
body.single-rtcl_listing .entry-title {
    display: inline-block;
    position: relative;
    font-size: 40px !important;      /* tu peux monter ou descendre un peu */
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
}

/* Petite barre rouge sous le titre */
body.single-rtcl_listing .entry-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    border-radius: 999px;
    background: #e30613;
    margin-top: 10px;
}

/* Zone meta juste sous le titre (date, marque, modèle, vues…) */
body.single-rtcl_listing .rtcl-listing-meta-wrap {
    margin-top: 14px !important;
}

/* On transforme chaque info en "badge" */
body.single-rtcl_listing .rtcl-listing-meta-data {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-rtcl_listing .rtcl-listing-meta-data li {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 999px;
    padding: 4px 11px;
    font-size: 12px;
    color: #f5f5f5 !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.16);
}

/* Petit point rouge au début de chaque badge */
body.single-rtcl_listing .rtcl-listing-meta-data li::before {
    content: "•";
    font-size: 15px;
    line-height: 1;
    color: #e30613;
}

/* Responsive : on centre un peu sur mobile */
@media (max-width: 768px) {
    body.single-rtcl_listing .entry-title {
        font-size: 30px !important;
    }

    body.single-rtcl_listing .rtcl-listing-meta-data {
        gap: 6px !important;
    }

    body.single-rtcl_listing .rtcl-listing-meta-data li {
        font-size: 11px;
        padding: 4px 10px;
    }
}
/*****************************************************
 NOVERA CARS – Header fiche véhicule (resserrage premium)
*****************************************************/

/* Barre rouge sous le titre → moins d’espace */
body.single-rtcl_listing .entry-title::after {
    margin-top: 6px !important;   /* au lieu de ~10px */
}

/* Badges meta plus proches du titre */
body.single-rtcl_listing .rtcl-listing-meta-wrap {
    margin-top: 6px !important;   /* au lieu de 14px */
    margin-bottom: 10px !important; /* resserré aussi */
}

/* Les badges eux-mêmes plus compacts */
body.single-rtcl_listing .rtcl-listing-meta-data li {
    padding: 3px 10px !important;
    font-size: 11.5px !important;
}

/* Espace entre badges mais pas trop */
body.single-rtcl_listing .rtcl-listing-meta-data {
    gap: 6px !important;  /* au lieu de 8px */
}

/* Mobile – garder un espace respirant mais compact */
@media (max-width: 768px) {
    body.single-rtcl_listing .rtcl-listing-meta-wrap {
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }
    body.single-rtcl_listing .rtcl-listing-meta-data li {
        padding: 3px 9px !important;
    }
}

/*****************************************************
NOVERA CARS – Corrections archive / Nos véhicules
*****************************************************/

/* Cacher le titre de page "Nos véhicules" sur l’archive Classified Listing */
body.post-type-archive-rtcl_listing .entry-title {
    display: none !important;
}

/* Cacher les breadcrumbs RTCL (Home / Nos véhicules) */
.rtcl-breadcrumb {
    display: none !important;
}

/* Compteur "Affichage de tous X résultats" en blanc */
.rtcl-result-count,
.rtcl-result-count * {
    color: #ffffff !important;
}
/* NOVERA CARS – Cacher le titre auto "Nos véhicules" généré par RTCL */
.rtcl-listings-header-title.page-title {
    display: none !important;
}

/********** NOVERA CARS – FOOTER PRO **********/

.nc-footer {
    padding: 12px 20px;
    font-size: 13px;
    color: #ffffff;
}

.nc-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* PC : lignes horizontales */
.nc-footer-main,
.nc-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.nc-footer-left {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

.nc-item {
    white-space: nowrap;
}

.nc-sep::before {
    content: "|";
    opacity: 0.6;
    margin: 0 4px;
}

.nc-link {
    color: #ffffff;
    text-decoration: none;
}
.nc-link:hover {
    text-decoration: underline;
}

.nc-social {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 16px;
}

.nc-social img {
    width: 18px;
    height: 18px;
}

/********** MOBILE – VERSION COLONNE **********/
@media (max-width: 768px) {

    .nc-footer {
        font-size: 12px;
        padding: 16px 12px;
    }

    .nc-footer-main,
    .nc-footer-bottom,
    .nc-footer-left {
        flex-direction: column;
        gap: 4px;
    }

    .nc-item {
        white-space: normal; /* autorise retour à la ligne */
    }

    .nc-sep::before {
        display: none; /* pas de | sur mobile */
    }

    .nc-social {
        margin-left: 0;
        margin-top: 8px;
        justify-content: center;
    }
}
/********** MOBILE COMPACT **********/
@media (max-width: 768px) {

    .nc-footer {
        padding: 10px 12px !important;
        font-size: 12px;
    }

    .nc-footer-main,
    .nc-footer-bottom,
    .nc-footer-left {
        flex-direction: column;
        gap: 2px !important; /* réduit l’espace entre les lignes */
    }

    .nc-item {
        margin: 0 !important;
        padding: 0 !important;
    }

    .nc-footer-bottom {
        margin-top: 6px !important;
    }

    .nc-social {
        margin-top: 6px !important;
        gap: 10px !important;
    }

    .nc-social img {
        width: 20px;
        height: 20px;
    }

    .nc-link {
        margin-top: 4px !important;
    }
}
/* ===== NOVERA CARS – FOOTER ANNONCES ===== */

.nc-footer {
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    padding: 10px 0 12px;
    line-height: 1.5;
}

.nc-footer a {
    color: #ffffff;
    text-decoration: none;
}

.nc-footer a:hover {
    text-decoration: underline;
}

.nc-footer-line1,
.nc-footer-line2 {
    margin: 2px 0;
}

/* Icônes réseaux */
.nc-footer-icons {
    margin-top: 4px;
    display: inline-flex;
    gap: 14px;
    align-items: center;
}

.nc-footer-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

/* ===== VERSION MOBILE – compacter le footer ===== */
@media (max-width: 768px) {
    body.single-rtcl_listing .nc-footer {
        padding: 4px 10px 8px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    body.single-rtcl_listing .nc-footer-line1,
    body.single-rtcl_listing .nc-footer-line2 {
        margin: 0 !important;
    }

    body.single-rtcl_listing .nc-footer-icons {
        margin-top: 4px !important;
        gap: 10px !important;
    }
}

/* Novera – Version à côté du titre */
body.single-rtcl_listing .entry-title .nc-version-title {
    font-weight: 600;
    font-size: 0.75em;
    letter-spacing: 0.06em;
    text-transform: none;
    margin-left: 0.5em;
}

/* Sur mobile : passer en dessous si tu préfères */
@media (max-width: 768px) {
    body.single-rtcl_listing .entry-title .nc-version-title {
        display: block;
        margin-left: 0;
        margin-top: 4px;
        font-size: 0.85em;
    }
}

/**************************************************
 NOVERA CARS – Archive véhicules version “FINE MAX”
**************************************************/

/* 1. Réduction générale encore plus forte */
body.post-type-archive-rtcl_listing .rtcl-sidebar,
body.post-type-archive-rtcl_listing .rtcl-content {
    font-size: 10px !important;
}

/* 2. Bandeau FILTRE – plus discret */
body.post-type-archive-rtcl_listing .rtcl-widget-ajax-filter .rtcl-widget-heading h3 {
    font-size: 13px !important;
    padding: 3px 10px !important;
}

/* 3. Labels + champs ultra compacts */
body.post-type-archive-rtcl_listing .rtcl-widget-ajax-filter label {
    font-size: 10px !important;
    margin-bottom: 1px !important;
}

body.post-type-archive-rtcl_listing .rtcl-widget-ajax-filter input,
body.post-type-archive-rtcl_listing .rtcl-widget-ajax-filter select {
    font-size: 10px !important;
    padding: 2px 4px !important;
}

/* Blocs du filtre encore plus serrés */
body.post-type-archive-rtcl_listing .rtcl-widget-ajax-filter .rtcl-ajax-filter-item {
    padding: 2px 0 !important;
    margin-bottom: 2px !important;
}

/* 4. Cartes annonces ultra compactes */
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item {
    padding: 5px 7px !important;
}

/* Titre véhicule plus fin encore */
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item .rtcl-listing-title {
    font-size: 14px !important;
}

/* Tous les textes internes réduits au minimum premium */
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item,
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item p,
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item li,
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item span {
    font-size: 10px !important;
    line-height: 1.25 !important;
}

/* Prix réduit mais lisible */
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item .rtcl-price,
body.post-type-archive-rtcl_listing .rtcl-listings .listing-item .rtcl-price span {
    font-size: 12px !important;
}

/* 5. Images encore plus fines pour harmoniser l'ensemble */
body.post-type-archive-rtcl_listing .rtcl-listings .listing-thumb img {
    max-height: 180px !important;
    object-fit: cover !important;
}

/*****************************************************
 NOVERA CARS – Badges premium uniquement sur la fiche
*****************************************************/

/* Titre premium */
body.single-rtcl_listing .entry-title {
    display: inline-block;
    position: relative;
    font-size: 40px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
}

/* Barre rouge sous le titre */
body.single-rtcl_listing .entry-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    border-radius: 999px;
    background: #e30613;
    margin-top: 10px;
}

/* Meta → espace */
body.single-rtcl_listing .rtcl-listing-meta-wrap {
    margin-top: 14px !important;
}

/* Liste des badges */
body.single-rtcl_listing .rtcl-listing-meta-data {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

/* Style des badges */
body.single-rtcl_listing .rtcl-listing-meta-data li {
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 999px;
    padding: 4px 11px !important;
    font-size: 12px !important;
    color: #f5f5f5 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.16);
}

/* Petit point rouge */
body.single-rtcl_listing .rtcl-listing-meta-data li::before {
    content: "•";
    font-size: 15px;
    line-height: 1;
    color: #e30613;
}

/*****************************************************
 NOVERA CARS – Related Listings premium
*****************************************************/

/* Conteneur global : fond sombre, arrondi, ombre */
.rtcl-related-listings,
.rtcl-related-listings .rtcl-related-listings-wrapper {
    background: rgba(0,0,0,0.45) !important;
    padding: 25px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}

/* Titre "Related Listing" */
.rtcl-related-listings h2,
.rtcl-related-listings h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em;
    margin-bottom: 20px !important;
}

/* Carte individuelle */
.rtcl-related-listings .listing-item {
    background: rgba(0,0,0,0.55) !important;
    border-radius: 16px !important;
    padding: 10px !important;
    box-shadow: 0 6px 25px rgba(0,0,0,0.4) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Effet hover premium */
.rtcl-related-listings .listing-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
}

/* Images arrondies */
.rtcl-related-listings .listing-thumb img {
    border-radius: 12px !important;
    object-fit: cover !important;
}

/* Titre du véhicule */
.rtcl-related-listings .rtcl-listing-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
}

/* Badges type (date, modèle, ville…) */
.rtcl-related-listings .rtcl-listing-meta-data li {
    background: rgba(255,255,255,0.08) !important;
    border-radius: 50px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    color: #f1f1f1 !important;
    border: 1px solid rgba(255,255,255,0.1);
}

/* Point rouge au début */
.rtcl-related-listings .rtcl-listing-meta-data li::before {
    content: "•";
    color: #e30613 !important;
    margin-right: 4px;
}

/* Prix */
.rtcl-related-listings .rtcl-price,
.rtcl-related-listings .rtcl-price span {
    color: #e30613 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 8px;
    display: block;
}
/*****************************************************
 NOVERA CARS – Related Listings v2 (plus clean)
*****************************************************/

/* Titre "Related Listing" en blanc, comme le reste */
body.single-rtcl_listing .rtcl-related-listings h3,
body.single-rtcl_listing .rtcl-related-listings .rtcl-section-title {
    color: #ffffff !important;
    margin-bottom: 18px !important;
}

/* 1. Supprimer le grand panneau gris autour des cartes */
body.single-rtcl_listing .rtcl-related-listings,
body.single-rtcl_listing .rtcl-related-listings .rtcl-listing-item,
body.single-rtcl_listing .rtcl-related-listings .rtcl-listing-item-inner {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Vraie carte premium pour chaque related listing */
body.single-rtcl_listing .rtcl-related-listings .listing-item {
    background: rgba(0, 0, 0, 0.80) !important;
    border-radius: 18px !important;
    padding: 12px 14px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65) !important;
    color: #ffffff !important;
}

/* Image plus "carte" */
body.single-rtcl_listing .rtcl-related-listings .listing-thumb img {
    border-radius: 14px !important;
    display: block !important;
}

/* Titre véhicule */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listing-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin: 6px 0 4px !important;
}

/* Prix en rouge Novera */
body.single-rtcl_listing .rtcl-related-listings .rtcl-price,
body.single-rtcl_listing .rtcl-related-listings .rtcl-price span {
    color: #e30613 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* 3. Badges (date / lieu / tags) plus propres */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listable-meta li {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 999px !important;
    padding: 3px 9px !important;
    font-size: 11px !important;
    color: #f3f3f3 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 4px !important;
    margin-bottom: 4px !important;
}

/* Point rouge décoratif */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listable-meta li::before {
    content: "•";
    color: #e30613;
    font-size: 14px;
    line-height: 1;
    margin-right: 3px;
}

/* Badge "Nouveau" */
body.single-rtcl_listing .rtcl-related-listings .rtcl-badge-new {
    background: #0040ff !important;
    border-radius: 8px !important;
    padding: 2px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}
/*****************************************************
 NOVERA CARS – Related Listings = même style que /nos-vehicules
*****************************************************/

/* 0. Titre "Related Listing" en blanc */
body.single-rtcl_listing .rtcl-related-listings h3,
body.single-rtcl_listing .rtcl-related-listings .rtcl-section-title {
    color: #ffffff !important;
}

/* 1. Supprimer TOUT fond blanc/gris autour du module */
body.single-rtcl_listing .rtcl-related-listings,
body.single-rtcl_listing .rtcl-related-listings *[class*="wrapper"],
body.single-rtcl_listing .rtcl-related-listings .rtcl-listings,
body.single-rtcl_listing .rtcl-related-listings .rtcl-related-listing-slider {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Carte véhicule – même style que les annonces de la page archive */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listing-item,
body.single-rtcl_listing .rtcl-related-listings .listing-item,
body.single-rtcl_listing .rtcl-related-listings .rtcl-listings-content li {
    background: rgba(0, 0, 0, 0.78) !important; /* voile noir comme /nos-vehicules/ */
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
    padding-bottom: 12px !important;
}

/* Image dans la carte */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listing-item img,
body.single-rtcl_listing .rtcl-related-listings .listing-thumb img {
    border-radius: 12px 12px 0 0 !important;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Texte de la carte */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listing-item *,
body.single-rtcl_listing .rtcl-related-listings .listing-item * {
    color: #ffffff !important;
}

/* Prix rouge Novera */
body.single-rtcl_listing .rtcl-related-listings .rtcl-price,
body.single-rtcl_listing .rtcl-related-listings .rtcl-price span {
    color: #e30613 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Badges (date, lieu, tags) compacts */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listable-meta li {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 999px !important;
    padding: 3px 9px !important;
    font-size: 11px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 4px !important;
    margin-bottom: 4px !important;
}

/* Petit point rouge devant chaque badge */
body.single-rtcl_listing .rtcl-related-listings .rtcl-listable-meta li::before {
    content: "•";
    color: #e30613;
    font-size: 14px;
    line-height: 1;
    margin-right: 3px;
}
/*****************************************************
 NOVERA CARS – Supprimer le gros fond blanc Related
*****************************************************/
body.single-rtcl_listing .rtcl-related-listing-wrap {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;        /* enlève le gros cadre arrondi */
    border-radius: 0 !important;
}
/* Related Listing – prix blanc + CHF aligné */
body.single-rtcl_listing .rtcl-related-listings .rtcl-price,
body.single-rtcl_listing .rtcl-related-listings .rtcl-price span {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}
/* Related Listing – titre en blanc */
body.single-rtcl_listing .rtcl-related-title h3 {
    color: #ffffff !important;
}
/* Related Listing – wrapper noir premium */
body.single-rtcl_listing .rtcl-related-listings {
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(6px);
    border-radius: 18px !important;
    padding: 20px;
    box-shadow: 0 18px 35px rgba(0,0,0,0.55);
}
/* Version CLEAN – simple, sobre, premium */
body.single-rtcl_listing .rtcl-related-listings .listing-item {
    background: rgba(0, 0, 0, 0.50) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.35) !important;
}

body.single-rtcl_listing .rtcl-related-listings .listing-item img {
    border-radius: 10px !important;
}

body.single-rtcl_listing .rtcl-related-listings .rtcl-price {
    color: #fff !important;
}
/* ======================================
   NOVERA – Englobage premium Related Listing
====================================== */

/* On stylise le conteneur global */
body.single-rtcl_listing .rtcl-related-listing-wrap {
    background: rgba(0, 0, 0, 0.55) !important;
    padding: 25px !important;
    border-radius: 20px !important;
    margin-top: 40px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.55) !important;
}

/* Titre "Related Listing" */
body.single-rtcl_listing .rtcl-related-title h3,
body.single-rtcl_listing .rtcl-related-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 22px !important;
    padding-left: 5px !important;
}

/* Novera – 2e titre sous le titre principal de la fiche */
body.single-rtcl_listing .nc-second-title {
    font-size: 20px;
    font-weight: 400;
    margin-top: 4px;
    color: #e30613;          /* rouge Novera (pour bien le voir) */
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.nc-version-subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 6px;          /* espace sous le titre */
    margin-bottom: 14px;      /* espace au-dessus des badges */
    text-transform: none;     /* on laisse la version telle qu’écrite */
    letter-spacing: 0.04em;
    opacity: 0.92;
}

/* Légèrement plus petit sur mobile */
@media (max-width: 768px) {
    .nc-version-subtitle {
        font-size: 18px;
        margin-top: 4px;
        margin-bottom: 12px;
    }
}
/* Container horizontal pour le titre + version sur PC */
.nc-title-wrapper {
    display: flex;
    align-items: baseline;   /* <-- correction pour aligner les textes */
    gap: 18px;
}

/* Version affichée à droite du titre */
.nc-version-inline {
    font-size: 26px;
    font-weight: 500;
    color: #ffffff;
    opacity: 0.9;
    margin: 0;
    padding: 0;
}

/* Sur mobile → version revient en dessous */
@media (max-width: 768px) {
    .nc-title-wrapper {
        display: block;
    }
    .nc-version-inline {
        display: block;
        font-size: 20px;
        margin-top: 6px;
    }
}

/*****************************************************
 NOVERA CARS – Flèches slider Related Listing (mobile)
*****************************************************/
@media (max-width: 768px) {

  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-prev,
  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-next {
      top: 50% !important;
      transform: translateY(-50%) !important;
      width: 34px !important;
      height: 34px !important;
      border-radius: 50% !important;
      background: rgba(0, 0, 0, 0.55) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 20px !important;
  }

  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-prev {
      left: 10px !important;
  }

  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-next {
      right: 10px !important;
  }
}

/*****************************************************
NOVERA CARS – Ajustement flèches Related Listing (mobile)
Sans fond noir, flèches seules
*****************************************************/
@media (max-width: 768px) {

  /* Positionner correctement les flèches */
  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-prev,
  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-next {
      top: 30% !important;                 /* Ajuste la hauteur */
      transform: translateY(-50%) !important;
      background: none !important;         /* Retire tout fond */
      box-shadow: none !important;         /* Retire ombre/cercle */
  }

  /* Supprimer tout fond ou cercle encore appliqué */
  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-prev:after,
  body.single-rtcl_listing .rtcl-related-slider-wrap .swiper-button-next:after {
      background: none !important;
      box-shadow: none !important;
      border: none !important;
  }
}
/* ✅ Cache la loupe (trigger galerie/lightbox) */
body.single-rtcl_listing a.rtcl-listing-gallery__trigger,
body.single-rtcl_listing .rtcl-listing-gallery__trigger{
  display:none !important;
}

/* Si l’icône est en pseudo-élément */
body.single-rtcl_listing a.rtcl-listing-gallery__trigger:before,
body.single-rtcl_listing a.rtcl-listing-gallery__trigger:after{
  display:none !important;
  content:none !important;
}