/* ===================================================================================

* Theme Name: Beakai Child
* Theme URI: https://themeforest.net/user/theme_pure/portfolio
* Author: theme_pure
* Author URI: https://bdevs.net/wp/beakai/
* Description: Beakai - Business and Financial Institution WordPress Theme
* Version: 1.0.0
* Template: beakai
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */


/* ===================================================================================
   1. TYPOGRAPHIE
   Toutes les déclarations @font-face pour "Lenia Sans" (100–900)
   et l'application globale de la police sur le body/titres/Elementor.
   =================================================================================== */

@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lenia Sans';
    src: url('fonts/LeniaSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Application globale sur le body, les titres et les widgets Elementor */
body,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-button .elementor-button,
h1, h2, h3, h4, h5, h6, p {
    font-family: 'Lenia Sans', sans-serif;
}


/* ===================================================================================
   2. PALETTE DE COULEURS — SURCHARGES DU THÈME PARENT
   Couleurs principales : #0e202a (foncé), #b9d4d2 (vert pâle), #ccd8e3 (bleu pâle)
   =================================================================================== */

/* --- 2.1 Sélection de texte --- */

::selection {
    background: #0e202a !important;
    color: #b9d4d2 !important;
}
::-moz-selection {
    background: #0e202a !important;
    color: #b9d4d2 !important;
}

/* --- 2.2 Fonds sombres (#0e202a) — composants thème parent --- */

.bt-btn, .slider-active button:hover, .about-video-btn.white-video-btn:hover, #scrollUp, .single-pricing-box.active::before, .footer-subsccribe form button, .about-text-list ul li:hover i, .service-content-2 h3 a::before, .team-social-profile ul, .theme-bg, .counter-box-white h6::before, .service-box-3 .service-link, .play-btn:hover, .analysis-area ul li.nav-item:nth-child(1) a.nav-link, .testi-box-2:hover .testi-quato-icon-green, .analysis-area .nav-item a.nav-link::after, .service-box-3 a.service-link:hover, .team-social-widget ul, .portfolio-image::before, .portfolio-filter button::before, .postbox__gallery .slick-arrow:hover, .service-content-inner span, .process__item::before, .contact-btn input, .widget .widget-title::after, .sidebar-search-form button, .sidebar-tad li a:hover, .tagcloud a:hover, .basic-pagination-2 ul li span:hover, .basic-pagination ul li span.current, .basic-pagination-2 ul li a:hover, .basic-pagination-2 ul li.active a, .open-mobile-menu a, .open-mobile-menu a:focus, div.blog-post-tag a:hover {
    background: #0e202a;
}

/* --- 2.3 Fonds clairs (#ccd8e3) — composants thème parent --- */

.play-btn, .single-pricing-box.active .bt-btn, .testi-quato-icon-green, .bt-btn:hover, .service-box-3:hover .service-link, .professinals-list li:hover i, .analysis-area ul li.nav-item:nth-child(2) a.nav-link, .analysis-area .nav-item:nth-child(2) a.nav-link::after, .contact i, .open-mobile-menu a:hover, .blog-tags {
    background: #ccd8e3;
}

/* --- 2.4 Couleurs de texte (#b9d4d2) — composants thème parent --- */

.header-info span i, .header__menu4 ul li a:hover, .header__menu ul li ul.sub-menu li a:hover, .mv-icon i, .section-title h1 span, .service-content h3 a:hover, .team-content h6, .news-meta ul li a i, .news-meta ul a:hover, .latest-news-content h3 a:hover, .header__menu.header-menu-white ul li:hover > a, .service-box.service-box-2 .service-content-2 h3 a:hover, .service-box-2 .service-content-2 a.service-link:hover, .green-color, .header__menu.header-menu-white ul li ul.sub-menu li:hover > a, .header-cta-icon i, .author-desination-2 h6, .single-couter-2 i, .appoinment-content span, .analysis-area ul li.nav-item:nth-child(3) a.nav-link i, .ser-fea-icon i, .ser-fea-list ul li i, .more-service-icon i, .more-service-list ul li a:hover .more-service-title, .portfolio-filter button:hover, .portfolio-filter button.active, .process__thumb i, .post-meta span i, .blog-title a:hover, .post-meta span a:hover, .widget-posts-title a:hover, .widget li a:hover, .blog-post-tag a:hover, .header__menu.menu-dark > nav > ul > li > a:hover {
    color: #b9d4d2;
}

.service-box .service-link:hover, a:focus, a:hover, .latest-news-box-2 .latest-news-content h3 a:hover, .counter-box-white i, .professinals-list li i, .contact-icon::before, .single-satisfied h1 {
    color: #b9d4d2;
}


/* ===================================================================================
   3. HEADER & NAVIGATION
   Logo, menu principal, breadcrumb, menu mobile et fix hamburger.
   =================================================================================== */

header .top-bar-3 {
    padding-bottom: 0px;
}

header .logo img {
    width: 130px;
    margin-bottom: 18px;
}

/* Opacité normale sur les liens du menu sombre */
.header__menu.menu-dark > nav > ul > li > a {
    opacity: 1;
}

/* Lien actif dans le menu sombre */
.header__menu.menu-dark > nav > ul > li.active > a {
    color: #ccd8e3;
    text-decoration: underline;
}

/* Force le menu à occuper toute la largeur de la ligne (masque le 2e div) */
.header-menu-area .row > div:first-child {
    max-width: 100% !important;
    flex: 0 0 100%;
}

.header-menu-area .row > div:nth-child(2) {
    display: none;
}

/* Breadcrumb : image de fond + masque le fil d'Ariane natif du thème */
.breadcrumb-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

nav.breadcrumb-trail {
    display: none;
}

/* Menu mobile latéral */
.side-mobile-menu ul li a:hover {
    color: #0e202a;
}

.open-mobile-menu a {
    margin-left: 0px;
}

/* -----------------------------------------------------------------------
   Fix hamburger mobile — bug thème parent (Header Style 3)
   Le bouton .open-mobile-menu est imbriqué dans un div d-none d-lg-block.
   On force ce div à s'afficher sur mobile et on masque les éléments desktop.
----------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    .top-bar-3 .d-none.d-lg-block:not(.header-menu-area) {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .top-bar-3 .d-none.d-lg-block:not(.header-menu-area) > div {
        padding: 0;
        margin-right: 10px;
    }

    .top-bar-3 .d-none.d-lg-block .header-right-btn,
    .top-bar-3 .d-none.d-lg-block .header-cta-info {
        display: none !important;
    }
}


/* ===================================================================================
   4. FOOTER
   Fond, textes généraux et formulaire de contact CF7 intégré en widget.
   =================================================================================== */

footer {
    background: #0e202a !important;
}

.footer-text {
    color: white;
}

.footer-text i {
    margin-right: 8px;
}

.footer-title {
    margin-bottom: 25px;
}

/* --- Formulaire de contact en pied de page (widget CF7) --- */

/* Supprime la bordure du wrapper de champ */
.widget_text .appoinment-form-box {
    border: none !important;
    margin-bottom: 4px;
}

/* Champs de saisie */
footer .widget_text .appointment-form-2 input {
    background: transparent;
    color: #ffffff;
    border: 2px solid #899dab;
    border-radius: 6px;
    box-shadow: none;
    padding: 10px 14px;
    font-size: 15px;
    width: 100%;
}

/* Placeholder */
footer .widget_text .appointment-form-2 input::placeholder {
    color: #899dab;
    font-size: 14px;
    font-weight: 400;
}

/* Outline au focus */
footer .widget_text .appointment-form-2 input:focus {
    outline: none;
    box-shadow: none;
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

/* Labels */
.widget_text .appointment-form-2 label {
    color: #aab6bf;
    font-size: 11px;
    letter-spacing: 0.08em;
    margin-bottom: 0px;
    display: block;
}

/* Bouton submit */
.widget_text .appoint-button {
    text-align: center;
    margin-top: 10px;
}

footer .widget_text .appoint-button input[type="submit"],
footer .widget_text .appoint-button .wpcf7-submit {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 0px 36px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s, color 0.25s;
    border-radius: 6px;
}

footer .widget_text .appoint-button input[type="submit"]:hover,
footer .widget_text .appoint-button .wpcf7-submit:hover {
    background: #ffffff;
    color: #0e202a;
}

/* Message de réponse CF7 */
footer .widget_text .wpcf7-response-output {
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    margin-top: 16px;
    padding: 10px 14px;
    font-size: 13px;
}

/* Masque le spinner de chargement CF7 */
footer .widget_text .wpcf7-spinner {
    display: none;
}


/* ===================================================================================
   5. COMPOSANTS GLOBAUX
   Éléments réutilisables à travers tout le site.
   =================================================================================== */

/* --- 5.1 Blog & articles --- */

.blog-tags {
    color: #0e202a;
}

div.blog-post-tag a:hover {
    border-color: #0e202a;
}

/* Masque tous les spans de méta sauf le premier (date) sur les pages liste/article */
body.archive .postbox__text .post-meta span,
body.single-post .postbox__text .post-meta span {
    display: none;
}

body.archive .postbox__text .post-meta span:first-child,
body.single-post .postbox__text .post-meta span:first-child {
    display: inline !important;
}

/* --- 5.2 Services & widgets latéraux --- */

.service-widget {
    border-color: #b9d4d2;
}

.form-box::before {
    color: #b9d4d2;
}

/* About widget Style 2 : image sous la description */
.about-area-mid .about-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* --- 5.3 Équipe --- */

/* Supprime la mise en majuscules du titre de poste */
.team-member-info .designation {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Fond bleu LinkedIn pour les icônes réseaux sociaux */
.team-social-widget ul {
    background: #0077B5 !important;
    border-radius: 6px;
}

/* --- 5.4 Formulaire de contact (page Contact) — case RGPD --- */

.contact-form .wpcf7-list-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}

.contact-form .wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
}

.contact-form input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    padding: 0 !important;
    border: 2px solid #b9d4d2;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    margin-top: 2px;
    position: relative;
    transition: border-color 0.2s, background-color 0.2s;
}

.contact-form input[type="checkbox"]:checked {
    background-color: #b9d4d2;
    border-color: #b9d4d2;
}

.contact-form input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

/* --- 5.5 Icônes personnalisées (Font Awesome) --- */

/* Icône entreprise dans les formulaires */
.company-icon::before {
    content: "\f1ad";
}

/* Icône commentaire/sujet dans les formulaires */
.subject-icon::before {
    content: "\f075";
}

/* --- 5.6 Widgets Elementor --- */

/* Masque l'auteur dans le widget Post List */
.bdevselement-post-list-author {
    display: none !important;
}

/* Masque la colonne Post List vide et centre les colonnes restantes */
.elementor-column:not(:has(.bdevselement-post-list-wrapper)):has(.elementor-widget-post_list) {
    display: none !important;
}

.elementor-section:has(.elementor-widget-post_list) .elementor-container {
    justify-content: center;
}

/* Badge de tableau de prix Elementor */
.bdevselement-pricing-table-badge {
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
}

/* Hauteur minimale forcée sur la page tarifs (page ID 680) */
body.page-id-680 .single-pricing-box {
    min-height: 730px;
}

.pricing-head .price {
    line-height: 45px !important;
}


/* ===================================================================================
   6. PAGES SPÉCIFIQUES
   Styles propres à des sections ou pages identifiées par ID/classe de page.
   =================================================================================== */

/* --- 6.1 Accueil --- */

/* Supprime l'overlay sombre du slider */
.home .slider-height::before {
    background-color: unset !important;
}

/* Section "Situations" : cards en flexbox centrées */
#home_situations .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#home_situations .col-xl-4,
#home_situations .col-lg-6,
#home_situations .col-md-6 {
    display: flex;
    margin-bottom: 20px;
}

#home_situations .service-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
}

/* Section "Accompagnement" : texte atténué */
#home_heading_accompagnement p {
    color: #aaa;
}

/* Section chiffres clés : compteurs centrés */
#mission_facts .single-couter {
    text-align: center;
}

/* --- 6.2 Approche --- */

/* Hauteur minimale pour aligner les colonnes Elementor */
#approche_steps .elementor-element {
    min-height: 100%;
}

/* Badge numéroté en cercle au-dessus de chaque étape */
#approche_steps .sub-title {
    position: absolute;
    top: -115px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    text-align: center;
    background: #B9D4D2;
    border: solid 3px white;
    line-height: 100px;
}

#approche_steps .section-title {
    padding-top: 30px;
}

/* --- 6.3 Patricia (page de présentation) --- */

/* Masque les blocs non pertinents sur cette page */
#patricia_presentation .service-details-feature,
#patricia_presentation .team-map,
#patricia_presentation .service-widget:last-child {
    display: none;
}

/* --- 6.4 Formation — Tableau programme (#formation_container_table) --- */

#formation_container_table h3 {
    font-family: 'Lenia Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

#formation_container_table table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Lenia Sans', sans-serif;
    font-size: 0.95rem;
}

#formation_container_table thead td {
    background-color: #b9d4d2;
    color: #0e202a;
    font-weight: 700;
    padding: 12px 16px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 0.8rem;
}

#formation_container_table tbody tr {
    border-bottom: 1px solid rgba(185, 212, 210, 0.2);
    transition: background 0.2s;
}

#formation_container_table tbody tr:last-child {
    border-bottom: none;
}

#formation_container_table tbody tr:hover {
    background-color: rgba(185, 212, 210, 0.07);
}

#formation_container_table tbody td {
    padding: 14px 16px;
    vertical-align: top;
    line-height: 1.5;
}

/* Colonne Horaires */
#formation_container_table tbody td:first-child {
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Colonne Module */
#formation_container_table tbody td:nth-child(2) {
    font-weight: 600;
}

@media (max-width: 600px) {
    #formation_container_table table,
    #formation_container_table thead,
    #formation_container_table tbody,
    #formation_container_table tr,
    #formation_container_table td {
        display: block;
        width: 100%;
    }

    #formation_container_table thead {
        display: none;
    }

    #formation_container_table tbody tr {
        margin-bottom: 16px;
        border: 1px solid rgba(185, 212, 210, 0.25);
        padding: 12px;
    }

    #formation_container_table tbody td {
        padding: 4px 0;
    }

    #formation_container_table tbody td:first-child {
        font-size: 0.85rem;
    }
}

/* --- 6.5 Tarifs — Audit Social (#prices_audit) --- */

/* Wrapper carte mise en avant */
.prices-audit-wrapper {
    background: linear-gradient(160deg, #0E202A 0%, #1b3d50 100%);
    padding: 4px 4px 0;
    margin-bottom: 40px;
    box-shadow: 0 8px 30px rgba(14, 32, 42, 0.25);
}

#prices_audit {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Arial, sans-serif;
}

#prices_audit th,
#prices_audit td {
    padding: 18px 24px;
    vertical-align: top;
    border: none;
}

/* En-tête Audit Social */
#prices_audit thead th {
    background: transparent;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    padding: 26px 24px 22px;
    letter-spacing: 0.3px;
}

#prices_audit thead th .th-sub {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #b9d4d2;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Cellules standards */
#prices_audit tbody td {
    background: #ffffff;
    border-bottom: 1px solid #e4eaee;
    border-left: 4px solid transparent;
    padding: 20px 24px;
}

#prices_audit tbody tr:last-child td {
    border-bottom: 4px solid #0E202A;
}

/* Cellule Diagnostic Flash (mise en avant) */
#prices_audit tbody tr.featured-row td {
    background: #e3eeee;
}

/* Badge "démarrage rapide" */
#prices_audit .featured-badge {
    display: inline-block;
    background: #0E202A;
    color: #b9d4d2;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 3px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

/* Libellé et prix */
#prices_audit .label {
    display: block;
    font-size: 16px;
    color: #1f2435;
    line-height: 1.5;
    margin-bottom: 6px;
    font-weight: 500;
}

#prices_audit .price {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #0E202A;
    text-align: right;
    margin-bottom: 14px;
}

/* Bouton CTA prise de rendez-vous */
#prices_audit .cta-btn {
    display: inline-block;
    background: #0E202A;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background 0.25s ease, color 0.25s ease;
}

#prices_audit .cta-btn:hover {
    background: #b9d4d2;
    color: #0E202A !important;
}

/* --- 6.6 Tarifs — Expertise & Formation (#prices_expertise) --- */

#prices_expertise {
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    table-layout: fixed;
    font-family: Arial, sans-serif;
    margin-top: 10px;
}

#prices_expertise th,
#prices_expertise td {
    padding: 16px 18px;
    vertical-align: top;
    border: none;
}

/* En-têtes */
#prices_expertise thead th {
    background: #0E202A;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 4px 4px 0 0;
}

#prices_expertise thead th .th-sub {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #ccd8e3;
    margin-top: 4px;
}

/* Cellules */
#prices_expertise tbody td {
    background: #fff;
    border-bottom: 1px solid #cdd5de;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

#prices_expertise tbody tr:first-child td {
    border-top: none;
}

#prices_expertise tbody tr td:empty {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Libellé et prix */
#prices_expertise .label {
    display: block;
    font-size: 15px;
    color: #1f2435;
    line-height: 1.5;
    margin-bottom: 6px;
}

#prices_expertise .price {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #0E202A;
    text-align: right;
}

@media (max-width: 900px) {
    .prices-audit-wrapper {
        padding: 4px 4px 0;
    }

    #prices_audit thead th {
        font-size: 20px;
        padding: 20px 16px 16px;
    }

    #prices_expertise {
        border-spacing: 0;
    }

    #prices_expertise thead {
        display: none;
    }

    #prices_expertise,
    #prices_expertise tbody,
    #prices_expertise tr,
    #prices_expertise td {
        display: block;
        width: 100%;
    }

    #prices_expertise td {
        margin-bottom: 12px;
        border-radius: 4px;
    }

    #prices_expertise td:empty {
        display: none;
    }
}

/* --- 6.7 Tarifs — RRH (#prices_rrh) --- */

#prices_rrh {
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    table-layout: fixed;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #0e202a;
    background: transparent;
}

#prices_rrh th,
#prices_rrh td {
    padding: 16px 18px;
    text-align: center;
    vertical-align: top;
    border: none;
}

/* En-tête */
#prices_rrh thead th {
    background: #0e202a;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    border-radius: 4px 4px 0 0;
}

/* Coin haut gauche vide */
#prices_rrh thead th:first-child {
    background: #0e202a;
}

/* Première colonne : noms des offres */
#prices_rrh tbody td:first-child {
    background: #b9d4d2;
    color: #18365a;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #a4c4c2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* Colonnes volume + tarif */
#prices_rrh tbody td:nth-child(2),
#prices_rrh tbody td:nth-child(3) {
    background: #f1f3f5;
    font-size: 16px;
    color: #1f2435;
    border-bottom: 1px solid #d6dbe0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* Colonne tarif : texte en gras */
#prices_rrh tbody td:nth-child(3) {
    color: #0e202a;
    font-weight: 700;
}

@media (max-width: 768px) {
    #prices_rrh {
        border-spacing: 0;
        font-size: 16px;
    }

    #prices_rrh thead {
        display: none;
    }

    #prices_rrh tbody tr:first-child {
        display: none;
    }

    #prices_rrh,
    #prices_rrh tbody,
    #prices_rrh tr,
    #prices_rrh td {
        display: block;
        width: 100%;
    }

    #prices_rrh td {
        margin-bottom: 12px;
        border-radius: 4px;
        padding: 14px 12px;
    }

    .hire-text {
        padding: 25px !important;
    }
}


/* ===================================================================================
   7. AUTRES
   Classes utilitaires et styles ne rentrant pas dans les catégories précédentes.
   =================================================================================== */

/* Masque le span décoratif (point/puce) généré par le thème dans les titres */
.no_dot h1 span,
.no_dot h2 span,
.no_dot h3 span,
.no_dot h4 span,
.no_dot h5 span {
    display: none;
}

/* Padding générique du bloc texte "Hire" */
.hire-text {
    padding: 50px;
}

/* Empêcher la coupure des mots au milieu dans le titre du bloc "Hire" */
.hiring-area .hire-text h2.section-title {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

body.home .service-link.bdevs-el-btn {
    display: none !important;
}

/* ===================================================================================
   Feature-box : bouton par item (widget About, style_2)
   =================================================================================== */
.feature-box .feature-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    border: 2px solid currentColor;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.feature-box .feature-btn:hover {
    background-color: #0e202a;
    border-color: #0e202a;
    color: #fff;
}

.feature-box .feature-btn:hover,
.feature-box .feature-btn:focus {
    text-decoration: none;
}