/**
 * Theme Name: Adkibo Child Theme
 * Theme URI: https://adkibo.com/
 * Description: 
 * Author: Klicky
 * Author URI: https://www.klicky.ma/
 * Template: diteck
 * Version: 1.0.0
 * Text Domain: adkibo-child
 */

/* ==========================================================================
   GLOBAL / DESKTOP STYLES
   ========================================================================== */
.adkibo-logo-main .adkibo-logo-kibo {
    color: #000 !important;
    margin-left: -13px !important;
    display: inline !important;
}

/* Overlay noir (0.9) pour la section chiffres (Impact) */
.elementor-element-e37fecb::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
    background-image: none !important;
    opacity: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* S'assurer que le contenu reste au-dessus de l'overlay */
.elementor-element-e37fecb>.elementor-element,
.elementor-element-e37fecb>.e-con-inner,
.elementor-element-e37fecb>.elementor-widget {
    position: relative !important;
    z-index: 1 !important;
}

/* Correction visibilité bouton et masquage formes décoratives blanches sur section Impact */
.elementor-element-e37fecb .elementor-button-text span {
    color: #fff !important;
}

.elementor-element-e37fecb .elementor-button-icon svg path {
    fill: #fff !important;
}

.elementor-element-e37fecb .diteck-border-shape {
    display: none !important;
}

/* ==========================================================================
   TABLET & MOBILE STYLES (Max Width 1024px)
   ========================================================================== */
@media only screen and (max-width: 1024px) {

    /* 1. Logo alignment & sizing in mobile drawer */
    .diteck-mobile-nav .menu-scroll-mobile {
        display: block !important;
        text-align: left !important;
    }

    .diteck-mobile-nav .menu-scroll-mobile .site-branding,
    .diteck-mobile-nav .menu-scroll-mobile .custom-logo-link {
        margin: 15px !important;
        text-align: left !important;
        display: block !important;
    }

    .diteck-mobile-nav .menu-scroll-mobile .site-branding img,
    .diteck-mobile-nav .custom-logo-link img {
        width: 140px !important;
        height: auto !important;
        max-width: 100%;
        display: block;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* 2. Adjust drawer padding to 15px */
    .diteck-mobile-nav .mobile-nav-tabs,
    .diteck-mobile-nav .mobile-menu-tab,
    .diteck-mobile-nav .diteck-language-switcher-mobile,
    .diteck-mobile-nav .menu-scroll-mobile .search-form {
        padding: 15px !important;
    }

    /* Force mobile menu items alignment */
    .diteck-mobile-nav .mobile-menu-tab ul li a {
        padding-left: 0 !important;
    }

    /* Align close button */
    .mobile-nav-close {
        right: 15px !important;
        top: 15px !important;
    }

    /* 3. Masquer l'icône et centrer le titre "Agence experte..." sur mobile (PRÉCIS) */
    .elementor-element-fcf817e .elementor-icon-list-icon {
        display: none !important;
    }

    .elementor-element-fcf817e .elementor-icon-list-item {
        justify-content: center !important;
        text-align: center !important;
    }

    .elementor-element-fcf817e .elementor-icon-list-text {
        max-width: 250px !important;
        line-height: 1.4 !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* 4. Réduction de taille Hero Section (Titre & Sous-titre) sur mobile */
    .elementor-element-f168095 .elementor-heading-title {
        font-size: 47px !important;
        /* Ajustement final à 47px */
        line-height: 1 !important;
    }

    .elementor-element-39ff99a .elementor-heading-title {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    /* 5. Ajustement de l'espacement Logo (Ad/kibo) sur mobile */
    /* Augmented specificity with "body" to beat internal CSS */
    body .adkibo-logo-main .adkibo-logo-kibo {
        color: #000 !important;
        margin-left: -5px !important;
        display: inline !important;
    }

    /* 6. Masquer les sections spécifiées sur mobile */
    .elementor-element-709a5c8,
    .elementor-element-dc8d7b9,
    .elementor-element-874c70a,
    .elementor-element-749e7b3 {
        display: none !important;
    }
}

/* ==========================================================================
   MOBILE STRICT STYLES (Max Width 767px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
    /* Padding standardisé Elementor */
    .elementor-element {
        --padding-top: 15px !important;
        --padding-bottom: 15px !important;
        --padding-left: 15px !important;
        --padding-right: 15px !important;
    }

    /* Supprimer padding horizontal pour éviter l'écrasement du contenu sur mobile */
    /* Accueil */
    .elementor-element-1e6fa42,
    .elementor-element-9dc1f4d,
    .elementor-element-72dd63f, 
    .elementor-element-0f2c940,
    /* À propos */
    .elementor-element-5232cd5,
    .elementor-element-c6d5e71,
    .elementor-element-39589d8,
    /* Expertises */
    .elementor-element-545365f,
    .elementor-element-e90e782,
    .elementor-element-91931f6,
    .elementor-element-648981f,
    .elementor-element-059957d,
    /* Partenaires */
    .elementor-element-fec0128,
    .elementor-element-7a06708,
    /* Contact */
    .elementor-element-2877bc9,
    .elementor-element-1aae3b4,
    /* Footers (Accueil & Internes) */
    .elementor-element-874c70a,
    .elementor-element-af5ca33 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        --padding-left: 0 !important;
        --padding-right: 0 !important;
    }

    /* Supprimer TOUT padding pour ces sections */
    .elementor-element-c87f8a7,
    .elementor-element-17c6d52,
    .elementor-element-e3385bc,
    .elementor-element-4b0bf32 {
        padding: 0 !important;
        --padding-top: 0 !important;
        --padding-bottom: 0 !important;
        --padding-left: 0 !important;
        --padding-right: 0 !important;
    }

    /* Ajustement marge haute spéciale */
    .elementor-element-568d6b8 {
        margin-top: 30px !important;
    }

    /* Supprimer margin bottom spécifiée pour ces conteneurs */
    .elementor-element-1a69bfb,
    .elementor-element-03f8131,
    .elementor-element-ea9541b,
    .elementor-element-fff88b5,
    .elementor-element-4b00b26,
    .elementor-element-2c47fa7 {
        --margin-bottom: 0px !important;
    }

    /* Mise à zéro pour cet élément */
    .elementor-element-8f0ff90 {
        --margin-top: 0px !important;
        --margin-bottom: 0px !important;
        --padding-top: 0px !important;
        --padding-bottom: 0px !important;
        --padding-left: 0px !important;
        --padding-right: 0px !important;
    }

    /* Réduction taille numéro de téléphone sur mobile */
    .elementor-element-553a385 .elementor-heading-title {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }
}