/*
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
*/

body {
    background-color: #FFFBEF !important;
}

input.wpcf7-form-control.wpcf7-submit {
    background-color: #387357;  
    color: #fff;                
    border-radius: 0;
}


.wp-block-navigation__container a:hover {
    color: #387357 !important;
}

.wp-block-navigation__container .wp-block-navigation-item__content[aria-current="page"] {
    color: #387357 !important;
}

@media  ( max-width: 800px ) {
    .rond-section.is-not-stacked-on-mobile {
        flex-wrap: wrap !important;
    }
    .rond-section > .wp-block-column {
        flex-basis: 46% !important;
    }
}
@media  ( max-width: 499px ) {
    .rond-section > .wp-block-column {
        flex-basis: 100% !important;
    }
}

.rond {
    max-width: 250px;
    min-height: 0;
    aspect-ratio: 1 / 1;
    margin: auto;
    background: #FFFBEF;
    border-radius: 100%;
    border: 4px solid transparent;
    cursor: pointer;
    transition: border 0.2s ease;
}


/* Survol */
.rond:hover {
    border-color: #387357;
}

/* Apres clic */
.rond.active {
    border-color: #387357 !important; 
}

.rond {
    position: relative;
    overflow: hidden;
}

.rond img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Filtre noir qui s'applique sur l'image uniquement */
.rond::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25); 
    z-index: 1; 
    pointer-events: none;
}

/* Le texte reste au-dessus et donc NON assombri */
.rond * {
    position: relative;
    z-index: 2;
}


/* Le logo strié sous le titre */

.hero {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
}

/* Logo placé derrière */
.hero__logo {
  position: absolute;
  top: 45%;
  left: -10px;
  transform: translate(-20%, -50%);
  width: 70px;   /* Ajuste selon ton image */
  z-index: 0;
}

/* Texte devant le logo */
.hero__text {
  position: relative;
  z-index: 1;
  /*padding-left: 60px; */
}

/** Sticky */
body.frontend .wp-block-eo-sticky:not(.sticky-mobile) .wp-block-buttons {
    transform: rotate(-90deg);
    transform-origin: bottom right;
    margin-top: -100px;
}
body.frontend .sticky-mobile {
    width: 100%;
}
/* Cache l'élément avec la classe sticky-mobile uniquement sur les grands écrans */
@media (min-width: 599px) {
    body.frontend .sticky-mobile {
        display: none !important;
    }
}

/** Fix banner */
.wp-block-cover .wp-block-cover__inner-container {
    max-width: var(--wp--style--global--content-size) !important;
}

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

/** Recherche */
.header-sticky .wp-block-search .wp-block-search__input {
    padding: 0.5em 1em;
    font-size: 12px;
}
.header-sticky .wp-block-search .wp-block-search__button {
    padding: 0.5em;
}