/*!
Theme Name:  Page Builder Framework - Child
Author:      VigiCrécy®
Author URI:  https://vigicrecy.fr
Description: Page Builder Framework Child Theme
Version:     1.0.0
License:     GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template:    page-builder-framework
Text Domain: page-builder-framework-child
*/

#af-wrapper .title-element-dark {
  background-color: #999;
  border-bottom: 1px solid #767676;
}

/* Import CSS Forum VigiCrécy */
@import url('css/asgaros-forum-vigicrecy.css');

/* Baisser le header */
.vigicrecy-referent-header {
  display: flex;
  gap: 30px;
  margin-bottom: 40px;
  padding: 30px;
  background: var(--vigicrecy-gris);
  border-radius: 12px;
  border-left: 5px solid var(--vigicrecy-bleu);
  margin-top: 20px;
}

/* Changer le rayon du bouton */
.vigicrecy-btn {
  background: var(--vigicrecy-bouton);
  color: white;
  border: none;
  padding: 15px 30px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s;
}

/* === HEADER MOBILE VigiCrécy® === */
@media (max-width: 767px) {

    .wpr-mobile-nav-menu-container {
        position: relative !important;
        z-index: 150 !important;
    }

    /* Hamburger → gauche, 20% */
    .vc-header-menu {
        order: 1 !important;
        width: 20% !important;
        min-width: 20% !important;
        max-width: 20% !important;
        flex: 0 0 20% !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Logo → centre, 60% */
    .vc-header-logo {
        order: 2 !important;
        width: 60% !important;
        min-width: 60% !important;
        max-width: 60% !important;
        flex: 0 0 60% !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Bouton Adhérer → droite, 20% */
    .vc-header-adherer {
        order: 3 !important;
        width: 20% !important;
        min-width: 20% !important;
        max-width: 20% !important;
        flex: 0 0 20% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .vc-header-adherer .elementor-widget-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Logo : centré */
    .vc-header-logo img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Masquer menu desktop, garder uniquement le toggle hamburger */
    .vc-header-menu .wpr-nav-menu-container {
        display: none !important;
    }
    .vc-header-menu .wpr-mobile-nav-menu-container {
        display: flex !important;
        justify-content: center !important;
    }

    /* Bouton Adhérer : carré turquoise */
    .vc-header-adherer .elementor-button {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 52px !important;
        height: 52px !important;
        padding: 4px !important;
        background-color: #21CDC0 !important;
        border-color: #21CDC0 !important;
        border-radius: 8px !important;
        margin-top: -36px !important;
    }
    .vc-header-adherer .elementor-button:hover {
        background-color: #3582C4 !important;
        border-color: #3582C4 !important;
    }
    .vc-header-adherer .elementor-button-content-wrapper {
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
    }
    .vc-header-adherer .elementor-button-text {
        font-size: 11px !important;
        color: #fff !important;
        line-height: 0.9 !important;
    }

    /* Cacher le SVG natif */
    .vc-header-adherer .elementor-button-icon svg {
        display: none !important;
    }

    /* Logo HelloAsso en background-image */
    .vc-header-adherer .elementor-button-icon {
        display: block !important;
        width: 36px !important;
        height: 34px !important;
        background-image: url('https://vigicrecy.fr/wp-content/uploads/2025/03/vigicrecy_helloasso-adherer.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border-radius: 50px 50px 0 0 !important;
        overflow: hidden !important;
    }

    /* Z-index TopBar > Header */
    .vigicrecy-topbar {
        position: relative !important;
        z-index: 200 !important;
        overflow: visible !important;
    }
    .topbar-tooltip,
    .topbar-zone-modal,
    .zone-communes-tooltip {
        z-index: 210 !important;
        position: absolute !important;
    }
    .ekit-template-content-header {
        z-index: 100 !important;
    }
}

/* Taille de police – sélecteur accessibilité VigiCrécy® */
.vch-aide-contextuelle .vch-content { font-size: 15px; }

.vch-aide-contextuelle #vch-fs-small:checked ~ .vch-content { font-size: 13px; }
.vch-aide-contextuelle #vch-fs-normal:checked ~ .vch-content { font-size: 15px; }
.vch-aide-contextuelle #vch-fs-large:checked ~ .vch-content { font-size: 18px; }

/* Bouton actif = plus foncé pour signaler le choix en cours */
.vch-aide-contextuelle #vch-fs-small:checked ~ div label[for="vch-fs-small"],
.vch-aide-contextuelle #vch-fs-normal:checked ~ div label[for="vch-fs-normal"],
.vch-aide-contextuelle #vch-fs-large:checked ~ div label[for="vch-fs-large"] {
  background: #3B6CB7 !important;
  color: #fff !important;
  border-color: #3B6CB7 !important;
}