/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */

/* ==========================================================
   MAISON SOURCES — FORMULAIRE CONTACT
   Forminator #791
   Maquette Figma / Tailwind
   ========================================================== */


/* ----------------------------------------------------------
   01. CONTENEUR PRINCIPAL
   Maquette :
   width: 495px
   padding: 24px
   radius: 28px
   ---------------------------------------------------------- */

#forminator-module-791 {
    width: 100% !important;
    max-width: 495px !important;
    margin: 0 auto !important;
    padding: 24px !important;

    box-sizing: border-box !important;

    background: rgba(255, 255, 255, 0.8) !important;

    border: 1px solid rgba(16, 33, 20, 0.08) !important;
    border-radius: 28px !important;

    box-shadow:
        0 24px 60px -24px rgba(16, 33, 20, 0.22) !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    color: #2b5328 !important;
}


/* Tous les éléments utilisent le même calcul de dimensions */

#forminator-module-791 *,
#forminator-module-791 *::before,
#forminator-module-791 *::after {
    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   02. RESET DE LA GRILLE FORMNATOR
   On reprend le contrôle complet du layout
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-row {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    column-gap: 24px !important;
}


/* Supprime les éventuelles lignes vides */

#forminator-module-791 .forminator-row:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Colonnes génériques */

#forminator-module-791 .forminator-col {
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Pleine largeur */

#forminator-module-791 .forminator-col-12 {
    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;
}


/* Email + téléphone = 50 / 50 avec gap exact 24px */

#forminator-module-791 .forminator-col-6 {
    width: auto !important;
    max-width: none !important;

    flex: 1 1 0 !important;
}


/* ----------------------------------------------------------
   03. CHAMPS
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-field {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------
   04. LABELS
   Figma :
   12.5 px
   bold
   line-height 18.75 px
   gap label/input 5 px
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-label {
    display: flex !important;
    align-items: flex-end !important;

    width: 100% !important;

    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    color: #2b5328 !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 18.75px !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* Astérisque obligatoire */

#forminator-module-791 .forminator-required {
    display: inline-block !important;

    margin-left: 4px !important;

    color: #ed3a3d !important;

    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 18.75px !important;
}


/* ----------------------------------------------------------
   05. INPUTS
   Maquette :
   bg blanc
   border #C6DFC3
   radius 10
   padding 10px 12px
   typo 12px
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-input {
    display: block !important;

    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 10px 12px !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background: #ffffff !important;

    border: 1px solid #c6dfc3 !important;
    border-radius: 10px !important;

    outline: none !important;

    box-shadow: none !important;

    color: #36413c !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;

    letter-spacing: 0 !important;

    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        background-color 160ms ease !important;
}


/* Placeholder */

#forminator-module-791 .forminator-input::placeholder {
    color: #9ca3af !important;

    opacity: 1 !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}


/* Firefox */

#forminator-module-791 .forminator-input::-moz-placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}


/* ----------------------------------------------------------
   06. FOCUS
   Pas visible sur la maquette statique,
   mais propre / accessible en interaction
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-input:hover {
    border-color: #a8cfa4 !important;
}


#forminator-module-791 .forminator-input:focus,
#forminator-module-791 .forminator-input:focus-visible {
    background: #ffffff !important;

    border-color: #2b5328 !important;

    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(43, 83, 40, 0.10) !important;
}


/* Empêche certains thèmes WP de modifier les inputs */

#forminator-module-791 input[type="text"],
#forminator-module-791 input[type="email"],
#forminator-module-791 input[type="tel"] {
    background-image: none !important;

    text-indent: 0 !important;

    border-style: solid !important;
}


/* Autofill Chrome */

#forminator-module-791 input:-webkit-autofill,
#forminator-module-791 input:-webkit-autofill:hover,
#forminator-module-791 input:-webkit-autofill:focus {
    -webkit-text-fill-color: #36413c !important;

    -webkit-box-shadow:
        0 0 0 1000px #ffffff inset !important;

    box-shadow:
        0 0 0 1000px #ffffff inset !important;

    border: 1px solid #c6dfc3 !important;

    transition:
        background-color 9999s ease-out 0s !important;
}


/* ----------------------------------------------------------
   07. RGPD
   Figma :
   9px
   12px line-height
   #36413C
   ---------------------------------------------------------- */

#forminator-module-791 .ms-rgpd {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #36413c !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 12px !important;
}


#forminator-module-791 .ms-rgpd .forminator-field,
#forminator-module-791 .ms-rgpd .forminator-field--html,
#forminator-module-791 .ms-rgpd p {
    margin: 0 !important;
    padding: 0 !important;

    color: #36413c !important;

    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 12px !important;
}


/* Lien RGPD */

#forminator-module-791 .ms-rgpd a {
    color: #36413c !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 1px !important;
}


#forminator-module-791 .ms-rgpd a:hover {
    color: #2b5328 !important;
}


/* ----------------------------------------------------------
   08. ESPACEMENT AVANT LE BOUTON
   La maquette a 16px entre le bloc de champs
   et la zone CTA
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-row-last {
    display: flex !important;

    width: 100% !important;

    margin: 16px 0 0 0 !important;
    padding: 3px 0 0 0 !important;

    justify-content: center !important;
    align-items: center !important;
}


#forminator-module-791 .forminator-row-last .forminator-col {
    display: flex !important;

    width: 100% !important;

    flex: 0 0 100% !important;

    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


#forminator-module-791 .forminator-row-last .forminator-field {
    display: flex !important;

    width: 100% !important;

    justify-content: center !important;
    align-items: center !important;
}


/* ----------------------------------------------------------
   09. BOUTON
   Figma / Tailwind :
   h 40px
   px 14px
   radius md = 6px
   bg #D97706
   font 16 / 24 / medium
   shadow-sm
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-button-submit {
    display: inline-flex !important;

    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 14px !important;

    background: #d97706 !important;

    border: 0 !important;
    border-radius: 6px !important;

    outline: none !important;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.05) !important;

    color: #ffffff !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background-color 160ms ease,
        box-shadow 160ms ease,
        transform 120ms ease !important;
}


/* Hover */

#forminator-module-791 .forminator-button-submit:hover {
    background: #c66c05 !important;

    box-shadow:
        0 4px 10px rgba(217, 119, 6, 0.18) !important;

    transform: translateY(-1px) !important;
}


/* Clic */

#forminator-module-791 .forminator-button-submit:active {
    background: #b96205 !important;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08) !important;

    transform: translateY(0) !important;
}


/* Focus clavier */

#forminator-module-791 .forminator-button-submit:focus-visible {
    outline: 3px solid rgba(217, 119, 6, 0.25) !important;
    outline-offset: 3px !important;
}


/* ----------------------------------------------------------
   10. VALIDATION / ERREURS
   On garde l'identité visuelle au lieu du gros Forminator
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-error-message {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #ed3a3d !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
}


#forminator-module-791 .forminator-has_error .forminator-input {
    background: #ffffff !important;

    border-color: #ed3a3d !important;

    box-shadow:
        0 0 0 3px rgba(237, 58, 61, 0.07) !important;
}


/* ----------------------------------------------------------
   11. MESSAGE GLOBAL FORMNATOR
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-response-message {
    margin: 0 0 12px 0 !important;
    padding: 10px 12px !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-family: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;

    font-size: 11px !important;
    line-height: 15px !important;
}


#forminator-module-791 .forminator-response-message[aria-hidden="true"],
#forminator-module-791 .forminator-response-message:empty {
    display: none !important;
}


/* Erreur globale */

#forminator-module-791 .forminator-response-message.forminator-error {
    background: rgba(237, 58, 61, 0.07) !important;
    color: #b42327 !important;
}


/* Succès */

#forminator-module-791 .forminator-response-message.forminator-success {
    background: rgba(43, 83, 40, 0.08) !important;
    color: #2b5328 !important;
}


/* ----------------------------------------------------------
   12. ÉTAT DISABLED / ENVOI
   ---------------------------------------------------------- */

#forminator-module-791 .forminator-button-submit:disabled,
#forminator-module-791 .forminator-button-submit.forminator-button-onload {
    opacity: 0.65 !important;

    cursor: wait !important;

    transform: none !important;
}


/* ----------------------------------------------------------
   13. MOBILE
   Desktop = reproduction stricte de ta maquette.
   Mobile = vraie adaptation plutôt qu'un écrasement.
   ---------------------------------------------------------- */

@media screen and (max-width: 560px) {

    #forminator-module-791 {
        max-width: 100% !important;

        padding: 20px !important;

        border-radius: 22px !important;
    }


    #forminator-module-791 .forminator-row {
        flex-wrap: wrap !important;

        column-gap: 0 !important;
        row-gap: 8px !important;
    }


    #forminator-module-791 .forminator-col-6 {
        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;
    }


    #forminator-module-791 .forminator-button-submit {
        max-width: 100% !important;
    }
}


/* Très petits téléphones */

@media screen and (max-width: 360px) {

    #forminator-module-791 {
        padding: 16px !important;

        border-radius: 18px !important;
    }

}
/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
.centre{
	display:flex !important;
	justify-content:center !important;
}

/* CSS */
.banner{
  /* change juste ce chemin */
  background-image: url("http://www.maison-sources.fr/wp-content/uploads/2025/08/Appli-Maison-Sources-sur-iOS-et-Android-trading-en-culture_-fixez-Base-et-Futures-et-vendez-ble-orge.webp");
  background-size: cover;       /* remplit sans déformer */
  background-position: center;  /* centre l’image */
  background-repeat: no-repeat; /* pas de répétition */
  min-height: 18vw;            /* hauteur de ta bannière */
  width: 100%;
}
main{
	margin-top: 0 !important;
padding-bottom: 0 !important;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
	padding-top:0 !important;
padding-bottom: 0 !important;
}

.wp-block-group.alignfull.pin-stack.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-e555385e.wp-block-group-is-layout-constrained {
    margin-top: 0 !important;
}
  /* === Sticky + shrink on scroll === */
  .navbar{
    position: sticky;          /* reste en haut pendant toute la nav */
    top: 0;
    z-index: 9999;
    background: color-mix(in srgb, #ffffff 92%, transparent);
    -webkit-backdrop-filter: saturate(160%) blur(8px);
            backdrop-filter: saturate(160%) blur(8px);
    border-bottom: 1px solid rgba(0,0,0,.06);
	  margin-bottom:0 !important;
  }
  /* décale sous la barre admin WP (connecté) */
  body.admin-bar .navbar{ top: 32px; }
  @media (max-width: 782px){
    body.admin-bar .navbar{ top: 46px; }
  }

  /* taille initiale (override des paddings inline) */
  .navbar .is-layout-flex{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    transition: padding .18s ease;
  }
  /* logo (override du style width inline) */
  .navbar .wp-block-image img{
    width: clamp(200px, 22vw, 330px) !important;
    height: auto !important;
    transition: width .18s ease;
  }

  /* état compact après scroll */
  .navbar.is-compact .is-layout-flex{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .navbar.is-compact .wp-block-image img{
    width: 210px !important;
  }
  /* bouton plus dense quand compact */
  .navbar.is-compact .ml-login-cta{
    --ml-fz: 15px;
    --ml-py: 6px;
    --ml-px: 12px;
    --ml-gap: 6px;
    --ml-minh: 34px;
  }

footer{
	margin:0 !important;
}

  .gradient-circle{
    /* couleurs */
    --g1:#4C9E45; /* clair */
    --g2:#2B5328; /* foncé */

    position: relative;
    isolation: isolate;

    /* RADIAL : centre bas-gauche → les bords (donc le haut-droite) deviennent foncés */
    background-image: radial-gradient(
      ellipse farthest-corner at 26% 74%, /* centre ≈ bas-gauche */
      var(--g1) 0% 40%,                   /* étale le clair autour du centre */
      var(--g2) 100%                      /* foncé vers les coins (haut-droite notamment) */
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--g2); /* fallback */
  }

  /* Motif au-dessus du gradient, à 50% d’opacité */
  .gradient-circle::before{
    content:"";
    position:absolute; inset:0;
    background-image: url("https://www.maison-sources.fr/wp-content/uploads/2025/08/circle.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity:.5;              /* 50% */
    pointer-events:none;
    z-index:0;
  }

  /* Assure que ton contenu passe au-dessus du motif */
  .gradient-circle > *{ position:relative; z-index:1; }

  /* Ajuste légèrement sur mobile (optionnel) */
  @media (max-width: 768px){
    .gradient-circle{
      background-image: radial-gradient(
        ellipse farthest-corner at 22% 78%,
        var(--g1) 0% 44%,
        var(--g2) 100%
      );
    }
  }
/* Même hauteur pour les 2 colonnes de CETTE rangée */
@media (min-width:782px){
  .wp-container-core-columns-is-layout-35a45fa9{
    align-items: stretch !important;                 /* le parent étire ses enfants */
  }
  .wp-container-core-columns-is-layout-35a45fa9 > .wp-block-column{
    align-self: stretch !important;                  /* override des .is-vertically-aligned-* */
  }

  /* Optionnel : garder le contenu de la 1ère colonne centré verticalement */
  .wp-container-core-columns-is-layout-35a45fa9
  > .wp-block-column.gradient-circle{
    display:flex; flex-direction:column; justify-content:center;
  }
}
@media (min-width:782px){
  /* cette rangée */
  .wp-container-core-columns-is-layout-35a45fa9{
    align-items: stretch !important;
  }

  /* chaque colonne s’étire et devient un conteneur flex */
  .wp-container-core-columns-is-layout-35a45fa9 > .wp-block-column{
    align-self: stretch !important;
    display: flex;
    flex-direction: column;
  }

  /* centre le contenu de la gauche sans casser la hauteur */
  .wp-container-core-columns-is-layout-35a45fa9 > .wp-block-column.gradient-circle{
    justify-content: center;
    /* si ton fond est une image */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}