/*
Theme Name: BKB Chemicals Child
Description: Child theme for Hello Elementor used by the BKB Chemicals website.
Author: BKB Chemicals
Version: 1.0.0
Template: hello-elementor
Text Domain: bkb-chemicals-child
*/

/* ==========================================================================
   POLICE CLASH GROTESK (Fontshare CDN)
   ========================================================================== */
@import url('https://api.fontshare.com/v2/css?f[]=clash-grotesk@200,300,400,500,600,700&display=swap');

/* ==========================================================================
   GLOBAL RESET - PRÉVENTION DU SCROLL HORIZONTAL (sans bloquer le sticky/fixed)
   ========================================================================== */
html,
body {
    overflow-x: clip !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ==========================================================================
   TITRES DE SECTIONS : CLASSE COMMUNE (.bkb-section-title & .bkb-title)
   ========================================================================== */

/* 1. Police Clash Grotesk sur la classe commune et les sections identifiées */
.bkb-section-title,
.bkb-title,
.bkb-section-title .elementor-heading-title,
.bkb-title .elementor-heading-title,
.bkb-section-title h1, .bkb-section-title h2, .bkb-section-title h3, .bkb-section-title h4, .bkb-section-title h5, .bkb-section-title h6,
.bkb-title h1, .bkb-title h2, .bkb-title h3, .bkb-title h4, .bkb-title h5, .bkb-title h6,
.bkb-tag,
[data-id="29e36a4"] .elementor-heading-title,
[data-id="cda9158"] .elementor-heading-title,
[data-id="206037a"] .elementor-heading-title,
[data-id="9b64a4b"] .elementor-heading-title,
[data-id="98e8b3b"] .elementor-heading-title,
[data-id="698deac"] .elementor-heading-title {
    font-family: "Clash Grotesk", "Space Grotesk", Sans-serif !important;
}

/* 2. Typographie spécifique pour les badges / tags (.bkb-tag, .bkb-badge, .bkb-section-tag) */
.bkb-tag,
.bkb-tag .elementor-heading-title,
.bkb-tag .bkb-tag-text,
.bkb-badge,
.bkb-badge .elementor-heading-title,
.bkb-badge .bkb-tag-text,
.bkb-section-tag,
.bkb-section-tag .elementor-heading-title,
.bkb-section-tag .bkb-tag-text,
.elementor-element.bkb-tag .elementor-heading-title,
.elementor-element.bkb-badge .elementor-heading-title,
.elementor-element.bkb-section-tag .elementor-heading-title {
    font-family: "Clash Grotesk", "Space Grotesk", Sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   ESPACEMENT RESSERRÉ : TITRES DE SECTIONS & BADGES
   ========================================================================== */

/* 1. Rapprochement du badge (.bkb-tag) et du titre */
.bkb-tag,
.bkb-badge,
.bkb-section-tag,
.elementor-element.bkb-tag,
.elementor-element.bkb-badge,
[data-id="0414212"],
[data-id="57e5c6c"],
[data-id="767dfd5"] {
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
}

/* 2. Conteneurs de titre 2 lignes (vertical, gap 0) */
.bkb-section-title-wrapper,
.bkb-title-wrapper,
[data-id="29e36a4"],
[data-id="cda9158"],
[data-id="206037a"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    --gap: 0px !important;
    row-gap: 0 !important;
    --row-gap: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
}

/* Suppression des marges internes sur les widgets de titre de section */
.bkb-section-title-wrapper .elementor-widget-heading,
.bkb-title-wrapper .elementor-widget-heading,
[data-id="29e36a4"] .elementor-widget-heading,
[data-id="cda9158"] .elementor-widget-heading,
[data-id="9b64a4b"],
[data-id="98e8b3b"],
[data-id="9b64a4b"] .elementor-widget-container,
[data-id="98e8b3b"] .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Hauteur de ligne compacte sur les titres de sections */
.bkb-section-title .elementor-heading-title,
.bkb-section-title-wrapper .elementor-heading-title,
.bkb-title .elementor-heading-title,
[data-id="29e36a4"] .elementor-heading-title,
[data-id="9b64a4b"] .elementor-heading-title,
[data-id="98e8b3b"] .elementor-heading-title {
    line-height: 0.95 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   FOOTER : LIENS AU SURVOL (.footer-hover en #7A7A7A)
   ========================================================================== */
.footer-hover,
.footer-hover a,
.footer-hover .elementor-heading-title,
.footer-hover .elementor-heading-title a,
.footer-hover .elementor-icon-list-item a,
.footer-hover .elementor-icon-list-text,
.footer-hover p,
.footer-hover span {
    transition: color 0.2s ease, opacity 0.2s ease !important;
}

.footer-hover:hover,
.footer-hover:hover a,
.footer-hover a:hover,
.footer-hover:hover .elementor-heading-title,
.footer-hover:hover .elementor-heading-title a,
.footer-hover .elementor-heading-title a:hover,
.footer-hover:hover .elementor-icon-list-item a,
.footer-hover:hover .elementor-icon-list-text,
.footer-hover:hover p,
.footer-hover:hover span {
    color: #7A7A7A !important;
}

.footer-hover:hover svg,
.footer-hover a:hover svg,
.footer-hover:hover i,
.footer-hover a:hover i {
    fill: #7A7A7A !important;
    color: #7A7A7A !important;
    stroke: #7A7A7A !important;
}

/* ==========================================================================
   FOOTER : LOGO EN FILIGRANE EN ARRIÈRE-PLAN (Subtil et discret comme sur la maquette)
   ========================================================================== */
.elementor-element.elementor-element-697c3cb,
.elementor-element-697c3cb,
[data-id="697c3cb"],
footer [data-id="697c3cb"] {
    position: relative !important;
    overflow: hidden !important;
    background-image: none !important; /* Retire l'image trop éclatante en direct */
}

.elementor-element.elementor-element-697c3cb:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-697c3cb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: none !important;
}

/* Logo filigrane à peine visible (opacity 0.05) */
.elementor-element.elementor-element-697c3cb::after,
.elementor-element-697c3cb::after,
[data-id="697c3cb"]::after,
footer [data-id="697c3cb"]::after {
    content: '' !important;
    position: absolute !important;
    bottom: -5% !important;
    right: -2% !important;
    width: 48% !important;
    height: 95% !important;
    max-width: 650px !important;
    background-image: url("https://bkb.goavana.com/wp-content/uploads/2026/08/Vector1.png") !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    opacity: 0.05 !important; /* Très léger et élégant, exactement comme la maquette */
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Texte et colonnes toujours au-dessus du filigrane */
.elementor-element-697c3cb > .e-con-inner,
[data-id="697c3cb"] > .e-con-inner {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 768px) {
    .elementor-element.elementor-element-697c3cb::after,
    [data-id="697c3cb"]::after {
        width: 70% !important;
        height: 50% !important;
        opacity: 0.04 !important;
    }
}

/* ==========================================================================
   Section Nos Applications - Suppression du fond sur le CTA "Découvrir"
   ========================================================================== */
.bkb-apps-accordion [data-id="689fe3e"],
.bkb-apps-accordion [data-id="1627ec7"],
.bkb-apps-accordion [data-id="bc1c8a6"],
.bkb-apps-accordion [data-id="035f9d2"],
.bkb-apps-accordion .elementor-element-689fe3e,
.bkb-apps-accordion .elementor-element-1627ec7,
.bkb-apps-accordion .elementor-element-bc1c8a6,
.bkb-apps-accordion .elementor-element-035f9d2,
.bkb-apps-accordion [data-id="ba6d541"],
.bkb-apps-accordion [data-id="ddcf4d2"],
.bkb-apps-accordion [data-id="02b6881"],
.bkb-apps-accordion [data-id="d765a1f"],
.bkb-apps-accordion .elementor-element-ba6d541,
.bkb-apps-accordion .elementor-element-ddcf4d2,
.bkb-apps-accordion .elementor-element-02b6881,
.bkb-apps-accordion .elementor-element-d765a1f,
.bkb-apps-accordion .elementor-widget-button,
.bkb-apps-accordion .elementor-widget-button .elementor-widget-container,
.bkb-apps-accordion .elementor-button-wrapper,
.bkb-apps-accordion .elementor-button,
.bkb-apps-accordion .elementor-button-content-wrapper,
.bkb-apps-accordion .elementor-button-text,
.bkb-apps-accordion [data-id="5bf0def"],
.bkb-apps-accordion [data-id="86321b5"],
.bkb-apps-accordion [data-id="0f19f60"],
.bkb-apps-accordion [data-id="a013913"],
.bkb-apps-accordion .elementor-element-5bf0def,
.bkb-apps-accordion .elementor-element-86321b5,
.bkb-apps-accordion .elementor-element-0f19f60,
.bkb-apps-accordion .elementor-element-a013913 {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================================
   ALIGNEMENT GLOBAL DES HERO SUR LE CONTENU (Grille 1140px "Notre Mission")
   Aligne le contenu du hero sur "Notre Mission" et le corps de page dès 1240px
   ========================================================================== */
@media (min-width: 1241px) {
    .page:not(.home) .site-main > .page-content > .elementor > .e-con:first-child > .e-con:first-child,
    .page:not(.home) .site-main > .page-content > .elementor > .e-con-parent:first-child > .e-con-child:first-child,
    [data-id="8ed1a83"],
    [data-id="526b280"],
    [data-id="01e0f0d"],
    [data-id="d273dd7"],
    [data-id="c5135fb"] {
        padding-left: calc((100% - 1140px) / 2) !important;
        padding-right: calc((100% - 1140px) / 2) !important;
        --padding-left: calc((100% - 1140px) / 2) !important;
        --padding-right: calc((100% - 1140px) / 2) !important;
    }

    /* 2. Bannière graphique sous le Hero (formes géométriques / cercles verts) */
    /* Aligne le bord droit des éléments graphiques sur la grille 1140px */
    .page:not(.home) .site-main > .page-content > .elementor > .e-con:first-child > .e-con-child:nth-child(2),
    .page:not(.home) .site-main > .page-content > .elementor > .e-con-parent:first-child > .e-con-child:nth-child(2),
    [data-id="acc3dc5"],
    [data-id="e3be118"],
    [data-id="e4dc116"],
    [data-id="bc0d41f"] {
        padding-right: calc((100% - 1140px) / 2) !important;
        --padding-right: calc((100% - 1140px) / 2) !important;
    }
}