/*
Theme Name: BeFlex Child
Theme URI: https://www.eoxia.com
Author: the Eoxia team
Description: Child theme of BeFlex
License: AGPLv3
License URI: https://spdx.org/licenses/AGPL-3.0-or-later.html
Version: 4.0.0
Template: beflex
Text Domain: beflex-child
*/

/** Formulaire de contact */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  border: none !important;
  border-bottom: 2px solid #8aa0a6 !important;
  padding: 8px 0 !important;
  font-size: 16px;
  background: transparent !important;
  outline: none;
  box-shadow: none !important;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-bottom: 2px solid #c89b6d !important;
}

/* Labels */
.wpcf7 label {
  font-size: 14px;
  color: #8aa0a6;
font-weight: 400 !important;

}

/* Bouton */
.wpcf7 input[type="submit"] {
  background-color: #c89b6d !important;
  color: white;
  border: none !important;
  padding: 12px 30px;
  border-radius: 25px;
  font-size: 16px;
  cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #b28758;
}


/** Footer */
.site-footer {
    margin-top: 0 !important;
}

/** Couleur de fond */
body {
  background-color: #FBF8F4!important;
}

/** Effet machine a ecrire */
.machine {
  white-space: nowrap;    
  overflow: hidden;       
  width: 0;               
  

  animation: typing 3.5s steps(30, end) forwards;
}

@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}




    /* =========================
   MENU TRANSPARENT (HOME)
========================= */

/* Remonte le header sur la cover */
body.home :where(.wp-site-blocks) > :first-child:first-child {
    margin-block-start: -180px;
}

/* Structure header */
body.home .header-sticky {
    background-color: transparent !important;
    transition: all 0.4s ease;
}

/* TEXTE BLANC AVANT SCROLL */
body.home .header-sticky a,
body.home .header-sticky h1,
body.home .header-sticky p,
body.home .header-sticky span,
body.home .header-sticky .wp-block-navigation-item__content {
    color: #FBF8F4 !important;
}

/* Icônes (téléphone, burger, svg) */
body.home .header-sticky svg {
    fill: #FBF8F4 !important;
}

/* Bouton outline (Contact) */
body.home .header-sticky .is-style-outline .wp-block-button__link.wp-element-button {
    background-color: transparent !important;
    color: #FBF8F4 !important;
    border-color: #FBF8F4 !important;
}

/* Dropdown reste lisible */
body.home .header-sticky li ul li a {
    color: #003757 !important;
}


/* =========================
   MENU APRÈS SCROLL
========================= */

body.home .header-sticky.-sticky {
    background-color: #FBF8F4 !important;
}

/* TEXTE BLEU APRÈS SCROLL */
body.home .header-sticky.-sticky a,
body.home .header-sticky.-sticky h1,
body.home .header-sticky.-sticky p,
body.home .header-sticky.-sticky span,
body.home .header-sticky.-sticky .wp-block-navigation-item__content {
    color: #003757 !important;
}

/* Icônes */
body.home .header-sticky.-sticky svg {
    fill: #003757 !important;
}

/* Bouton Contact */
body.home .header-sticky.-sticky .is-style-outline .wp-block-button__link.wp-element-button {
    background-color: #003757 !important;
    color: #FBF8F4 !important;
    border-color: #003757 !important;
}

/* Burger menu */
body.home .header-sticky.-sticky .wp-block-navigation__responsive-container-open {
    color: #003757 !important;
}

/* Logo */
body.home .header-sticky.-sticky .custom-logo-link {
    filter: none;
}

/* Icône menu mobile AVANT scroll */
body.home .wp-block-navigation__responsive-container-open {
    color: #FBF8F4 !important;
}


.ma-capsule {
  border-radius: 999px;
  overflow: hidden;
}

/** Navigation mobile */
.site-header .header-container-nav-mobile {
    display: none;
}
@media ( max-width: 800px ) {
    .site-header .header-container-nav-mobile {
        display: block !important;
    }
    .header-nav-menu, .header-nav-tel, .header-nav-sep, .header-nav {
        display: none !important;
    }
    .header-container-nav-mobile, .header-container-nav {
        width: 90px;
    }
    .site-header .header-container-nav-mobile .wp-block-navigation__responsive-container-open svg {
        width: 40px;
        height: 40px;
    }
    .site-header .wp-block-navigation__responsive-container {
        background-image: url("https://le-roucas.fr/wp-content/uploads/2026/04/mobile-navigation-cover.jpg");
        background-size: cover;
        margin-top: 91px;
    }

    body.home .header-sticky.-sticky .wp-block-navigation__responsive-container a {
        color: #fff !important;
    }
    body.home .header-sticky.-sticky .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close svg {
        fill: #fff !important;
    }
    .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
        top: 1em;
        right: 1em;
    }
    .site-header .wp-block-navigation__responsive-container .wp-block-image {
        max-width: 24px;
    }
    .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close svg {
        width: 40px;
        height: 40px;
    } 
    .site-header .wp-block-navigation__responsive-container .wp-block-stackable-divider {
        width: 100%;
    }
    body.admin-bar .site-header .wp-block-navigation__responsive-container {
        margin-top: 123px !important;
    }
    .site-header .weglot-flags>a:before, .site-header .weglot-flags>span.wglanguage-name:before {
        margin-right: 0;
        margin-left: 10px;
    }
}
@media ( max-width: 400px ) {
    .site-header > .header-sticky > .wp-block-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
        flex-wrap: nowrap;
    }
    .site-header > .header-sticky {
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
    }
}