/* ============================================================
   RVT — 12-RESPONSIVE.CSS (Mobile & Tablette)
   ============================================================ */

/* ============================================================
   1. HEADER, MENU BURGER & BOUTON RDV (MAX 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    html, body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .wp-site-blocks, main, .wp-block-post-content, .entry-content, .page-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* Bouton RDV Mobile */
    #rvt-header-contact {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        top: 15px !important; 
        right: 80px !important; 
        left: auto !important; 
        z-index: 99999 !important;
        background-color: var(--rvt-primary) !important;
        color: var(--rvt-white) !important;
        padding: 10px 16px !important;
        border-radius: 6px !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    .rvt-header-contact svg {
        width: 16px !important;
        height: 16px !important;
        stroke: currentColor !important;
        color: currentColor !important;
        flex-shrink: 0 !important;
    }

    .rvt-header-contact span {
        display: inline !important;
    }

    /* Quand le menu est ouvert via JS */
    body.menu-is-open #rvt-header-contact {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
}

/* ============================================================
   2. MENU MOBILE & HEADER FIXE (MAX 767px)
   ============================================================ */
@media (max-width: 767px), (max-height: 800px) and (max-width: 1024px) and (orientation: landscape) {
    
    .wp-block-group.header-fixe {
        position: relative !important;
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        contain: layout size !important;
        display: block !important;
    }

    .wp-block-group.header-fixe > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .wp-block-site-logo { width: 79px; height: 79px; flex-shrink: 0; }
    .wp-block-site-logo a, .wp-block-site-logo img {
        display: block; width: 79px; height: 79px; aspect-ratio: 1 / 1; object-fit: contain;
    }

    /* Burger */
    .wp-block-navigation .wp-block-navigation__container { display: none !important; }
    
    .wp-block-navigation__responsive-container-open {
        position: fixed !important;
        top: calc(15px + env(safe-area-inset-top, 0px)) !important;
        right: calc(15px + env(safe-area-inset-right, 0px)) !important;
        z-index: 50 !important;
        background: var(--rvt-primary) !important;
        background-image: linear-gradient(to right, #ffffff, #ffffff) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 22px 2px !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
        padding: 0 !important;
        color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(51, 70, 131, 0.25) !important;
    }

    .wp-block-navigation__responsive-container-open svg { display: none !important; }

    .wp-block-navigation__responsive-container-open::before,
    .wp-block-navigation__responsive-container-open::after {
        content: '' !important;
        position: absolute !important;
        width: 22px !important;
        height: 2px !important;
        background: #ffffff !important;
        left: 11px !important;
        border-radius: 2px !important;
    }
    .wp-block-navigation__responsive-container-open::before { top: 14px !important; }
    .wp-block-navigation__responsive-container-open::after { bottom: 14px !important; }

    /* Menu ouvert (Overlay) */
    .wp-block-navigation__responsive-container.is-menu-open {
        width: 360px !important;
        max-width: 90vw !important;
        max-height: 85vh !important;
        padding: 4px 0 5px !important;
        margin: 0 !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        border: 1px solid rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
        border-radius: 12px !important;
        color: var(--rvt-primary) !important;
    }

    .wp-block-navigation__responsive-container-content {
        padding: 2px 6px 6px 6px !important;
        max-height: 78vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        border-radius: 10px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Couleurs et Alignement forcés */
    .wp-block-navigation__responsive-container.is-menu-open a,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        color: var(--rvt-primary) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: left !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
        display: none !important;
    }

    /* Items de premier niveau */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item.has-child > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-submenu > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content {
        display: block !important;
        padding: 18px 20px !important;
        width: 100% !important;
        min-height: 56px !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid rgba(51, 70, 131, 0.08) !important;
        transition: background 0.2s ease !important;
        text-align: left !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item.has-child > .wp-block-navigation-item__content:hover,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:hover {
        background: rgba(51, 70, 131, 0.06) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item.has-child > .wp-block-navigation-item__content .wp-block-navigation-item__label,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content .wp-block-navigation-item__label {
        display: block !important;
        text-align: left !important;
    }

    /* Sous-menus */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        transform: none !important;
        box-shadow: none !important;
        background: transparent !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        width: auto !important;
        margin: 6px 0 12px 20px !important;
        padding: 0 0 0 15px !important;
        border-left: 3px solid var(--rvt-primary) !important;
        border-radius: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
        display: block !important;
        margin: 0 0 6px 0 !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Liens des sous-menus */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        display: flex !important;
        align-items: center !important;
        padding: 14px 16px !important;
        min-height: 48px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: rgba(51, 70, 131, 0.06) !important;
        border-radius: 6px !important;
        text-align: left !important;
        transition: background 0.2s ease !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background: rgba(51, 70, 131, 0.15) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
        display: block !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-align: left !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__description {
        display: none !important;
    }

    /* Page active */
    .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .current_page_item > .wp-block-navigation-item__content {
        background: var(--rvt-primary) !important;
        color: #ffffff !important;
        border-radius: 6px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .current-menu-item .wp-block-navigation-item__label,
    .wp-block-navigation__responsive-container.is-menu-open .current_page_item .wp-block-navigation-item__label {
        color: #ffffff !important;
    }

    /* Bouton fermer */
    .wp-block-navigation__responsive-container-close {
        background: transparent !important;
        border: 2px solid var(--rvt-primary) !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 8px !important;
        position: absolute !important;
        top: 3px !important;
        right: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 10 !important;
        transition: all 0.2s ease !important;
        padding: 0 !important;
    }

    .wp-block-navigation__responsive-container-close:hover {
        background: rgba(51, 70, 131, 0.1) !important;
        transform: rotate(90deg) !important;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-close svg path {
        width: 18px !important;
        height: 18px !important;
        color: var(--rvt-primary) !important;
        stroke: var(--rvt-primary) !important;
        fill: var(--rvt-primary) !important;
    }

    /* Bouton "Prendre RDV" dans le menu */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-button .wp-block-button__link,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link.wp-element-button {
        color: #ffffff !important;
        background-color: var(--rvt-primary) !important;
        font-size: 15px !important;
    }
    
    /* Forcer l'affichage */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ============================================================
   3. AJUSTEMENTS MOBILES GENERAUX (MAX 767px)
   ============================================================ */
@media screen and (max-width: 767px) {
    * {
        --wp--style--root--padding-top:    0px !important;
        --wp--style--root--padding-right:  0px !important;
        --wp--style--root--padding-bottom: 10px !important;
        --wp--style--root--padding-left:   0px !important;
        --rvt-mobile-padding-text:         2px !important;
        --rvt-mobile-padding:               8px !important;
        --rvt-mobile-gap:                   10px !important;
    }

    .wp-block-template-part .rank-math-breadcrumb { display: none !important; }
    .rvt-hide-mobile { display: none !important; }

    .wp-site-blocks > main, main.wp-block-group, main {
        background-color: #e4e5ef !important;
        margin-left: 0 !important; margin-right: 0 !important;
        padding-left: 0 !important; padding-right: 0 !important;
    }

    main > .wp-block-group, main > .wp-block-columns, main > .wp-block-query,
    main > article, main > .wp-block-post-content, main > .entry-content,
    main > section, main > .wp-block-cover, main > .wp-block-media-text {
        margin: 0 !important;
        padding-left: 6px !important; padding-right: 6px !important;
        max-width: calc(100vw - 12px) !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    .wp-block-group, .wp-block-columns, .wp-block-query, .row, .wp-block-media-text {
        padding-left: var(--rvt-mobile-padding) !important;
        padding-right: var(--rvt-mobile-padding) !important;
        border-radius: 0 !important;
    }

    .wp-block-group-is-layout-grid > p {
        padding: 15px !important;
    }

    /* Media Text */
    .wp-block-media-text .wp-block-media-text__media,
    .wp-block-media-text .wp-block-media-text__content,
    .wp-block-media-text {
        flex: 1 1 100% !important;
        width: 100% !important;
        padding-left: 0 !important; padding-right: 0 !important;
        margin: 10px 2px 0px 2px !important;
    }

    .wp-block-media-text .wp-block-media-text__media img {
        width: auto !important; height: auto !important;
        max-width: 200px!important; max-height: 200px!important;
        object-fit: contain !important;
        display: block !important;
    }

    .wp-block-media-text .wp-block-media-text__media {
        display: flex !important; justify-content: center !important; align-items: center !important;
        padding: 0 !important;
    }

    h1, h2, h3, h4, h5, h6, p { text-align: center !important; }

    .wp-block-column {
        width: 100% !important;
        margin-bottom: var(--rvt-mobile-column-gap) !important;
    }

    /* Cartes et grilles */
    p.has-accent-5-background-color.has-background.has-medium-font-size {
        height: 250px !important;
        display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;
    }
    .wp-block-columns .wp-block-column p.has-accent-5-background-color {
        height: auto !important; min-height: 200px !important;
    }

    .custom-icon-image { width: 130px; height: 130px; }

    /* Blog Mobile */
    .rvt-blog-page-layout {
        flex-direction: column; gap: 20px; padding: 15px;
    }
    .rvt-blog-left-column { position: static; min-width: auto; padding: 20px; margin-bottom: 10px; order: 1; }
    .rvt-blog-right-column { order: 2; }
    .rvt-blog-article-preview h2 { font-size: 1.3rem; }
    .rvt-blog-article-preview .rvt-blog-excerpt { font-size: 0.95rem; line-height: 1.5; }
    .rvt-blog-article-preview .rvt-blog-readmore { display: block; text-align: center; width: 100%; }
    .wp-custom-css-ced78e19 > iframe { margin-left: 20px !important; margin-right: 20px !important; border-radius: 8px !important; }

    /* Articles - Correctifs marges */
    .single-post .entry-content, .blog .entry-content, .archive .entry-content {
        padding-left: 20px !important; padding-right: 20px !important;
        margin-left: 0 !important; margin-right: 0 !important;
        width: 100% !important; max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .single-post .wp-block-group, .single-post .wp-block-columns,
    .single-post .wp-block-column, .single-post .wp-block-media-text,
    .single-post .wp-block-image, .single-post .wp-block-paragraph,
    .single-post .wp-block-heading, .single-post .wp-block-list {
        margin-left: 0 !important; margin-right: 0 !important;
        padding-left: 0 !important; padding-right: 0 !important;
        width: 100% !important; max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .single-post .entry-content > * { margin-bottom: 1.5rem !important; }
    .single-post .entry-content img { max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; display: block !important; }
    .single-post .entry-content .alignleft, .single-post .entry-content .alignright { float: none !important; margin: 0 auto 1.5rem auto !important; display: block !important; width: 100% !important; }

    /* Titre H1 */
    .single-post .wp-block-post-title {
        font-size: 32px !important; line-height: 1.2 !important;
        padding: 25px 25px 30px 25px !important;
    }
    .single-post .entry-content .wp-block-post-title {
        /*margin-top: 120px !important; margin-bottom: 20px !important;*/
    }
    body > div.wp-site-blocks > div > div {
        margin-top: -100px !important; margin-bottom: 20px !important;
    }
    /* ============================================================
       CARROUSEL CSS PUR (Mobile) - Remplace Swiper
       ============================================================ */
    .rvt-css-carousel {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .rvt-css-carousel .wp-block-post-template {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 20px !important;
        padding: 10px 0 30px 0 !important;
        margin: 0 !important;
        list-style: none !important;
        align-items: stretch !important;
    }

    .rvt-css-carousel .wp-block-post-template::-webkit-scrollbar {
        display: none !important;
    }
    .rvt-css-carousel .wp-block-post-template {
        scrollbar-width: none !important;
    }

    .rvt-css-carousel .wp-block-post-template > li {
        flex: 0 0 85% !important;
        max-width: 85% !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background-color: #ffffff !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .rvt-css-carousel .wp-block-post-featured-image {
        margin: 0 !important;
        width: 100% !important;
        height: 180px !important;
        overflow: hidden !important;
    }

    .rvt-css-carousel .wp-block-post-featured-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .rvt-css-carousel .wp-block-post-title,
    .rvt-css-carousel .wp-block-post-date,
    .rvt-css-carousel .wp-block-post-excerpt {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .rvt-css-carousel .wp-block-post-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-top: 12px !important;
        margin-bottom: 5px !important;
        text-align: left !important;
    }

    .rvt-css-carousel .wp-block-post-title a {color: #334683 !important; text-decoration: none !important; }
    .rvt-css-carousel .wp-block-post-date {font-size: 12px !important; color: #666 !important; margin-bottom: 10px !important; text-align: left !important; }
}

/* ============================================================
   4. HERO 2 COLONNES (MAX 900px)
   ============================================================ */
@media (max-width: 900px) { 
    .hero-2colonnes {
        display: flex !important; flex-direction: column !important; align-items: center !important;
        padding: 30px 20px !important;
    }
    
    .hero-2colonnes .wp-block-column:last-child {
        order: 2 !important; max-width: 180px !important; width: 100% !important; 
        margin: 0 auto 25px !important; padding: 20px 0px 0px 0px !important; flex-basis: auto !important;
    }
    .hero-2colonnes .wp-block-column:last-child img {
        width: 100% !important; height: auto !important; border-radius: 8px !important; display: block !important; margin: 0 auto !important;
    }
    .hero-2colonnes .wp-block-column:first-child {
        order: 1 !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; flex-basis: auto !important;
    }
    .hero-2colonnes h1, .hero-2colonnes p, .hero-2colonnes .wp-block-heading, .hero-2colonnes em { text-align: center !important; }
    .hero-2colonnes p {padding: 10px 0px !important; }
    .hero-2colonnes .wp-block-buttons { justify-content: center !important; gap: 15px !important; padding: 0px 0px !important;}
    .hero-2colonnes .wp-block-group { display: flex !important; justify-content: center !important; width: 100% !important; padding: 10px 0px !important; }
}

/* ============================================================
   5. MOBILE PAYSAGE (Landscape)
   ============================================================ */
@media (orientation: landscape) and (max-height: 800px) and (max-width: 1024px) {
    html, body {
        height: auto !important; min-height: 100% !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; position: static !important; }
    .wp-site-blocks { height: auto !important; max-height: none !important; overflow: visible !important; }

    /* Carrousel en mode paysage */
    .rvt-css-carousel {
        width: 100vw !important; max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important;
        padding: 8px 16px !important; box-sizing: border-box !important; overflow: hidden !important;
    }
    .wp-block-group:has(> .wp-block-query .rvt-css-carousel),
    .wp-block-group:has(.rvt-css-carousel) {
        padding-left: 0 !important; padding-right: 0 !important;
    }
    .rvt-css-carousel .wp-block-post-template {
        padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
    }
    .rvt-css-carousel .wp-block-post-template > li {
        width: 100% !important; max-width: 100% !important; flex-shrink: 0 !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; height: auto !important; overflow: hidden !important;
        display: block !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
        border-radius: 12px !important;
    }
    .rvt-css-carousel .wp-block-post-title { font-size: 0.9rem !important; }


    }
}

/* ============================================================
   6. TRÈS PETITS ÉCRANS (MAX 479px)
   ============================================================ */
@media (max-width: 479px) {
    .rvt-css-carousel { padding: 10px 12px !important; }
}

@media (max-width: 400px) {
    .wp-block-navigation__responsive-container.is-menu-open { width: 95vw !important; max-width: 95vw !important; }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item.has-child > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content {
        font-size: 15px !important; padding: 16px 18px !important;
    }
    
    /* Bouton RDV réduit à l'icône seule */
    #rvt-header-contact span { display: none !important; }
    #rvt-header-contact { padding: 0 !important; width: 44px !important; justify-content: center !important; }
}

/* ============================================================
   7. HOME — EXTRAIT CARROUSEL (Visible en paysage uniquement)
   ============================================================ */
body.home .rvt-css-carousel .wp-block-post-excerpt {
    display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important;
}

@media (orientation: landscape) and (max-height: 800px) and (max-width: 1024px) {
    body.home .rvt-css-carousel .wp-block-post-excerpt {
        display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; width: 100% !important; max-width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; box-sizing: border-box !important;
    }
    body.home .rvt-css-carousel .wp-block-post-excerpt p,
    body.home .rvt-css-carousel .wp-block-post-excerpt .wp-block-post-excerpt__excerpt {
        display: -webkit-box !important; visibility: visible !important; opacity: 1 !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 0.8rem !important; line-height: 1.35 !important; color: var(--rvt-text-light) !important; text-align: left !important; word-wrap: break-word !important;
    }
}

/* ============================================================
   8. UTILITAIRES D'AFFICHAGE
   ============================================================ */
@media (min-width: 768px) {
    .rvt-show-mobile-only { display: none !important; }
}