/* Theme Name: Maison Sources Theme URI: https://www.maisonsources.fr/ Author: Maison Sources — Groupe BZ Author URI: https://www.groupebz.fr/ Description: Thème officiel Maison Sources. Thème autonome dérivé du socle Twenty Twenty-Five, avec accueil dynamique, contenus Gutenberg, archives éditoriales, recherche, tutoriels et intégrations Maison Sources. Requires at least: 6.7 Tested up to: 7.0 Requires PHP: 7.2 Version: 1.0.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: maisonsources Tags: full-site-editing, block-patterns, featured-images, accessibility-ready, blog, news, custom-colors, wide-blocks */ /* * 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("https://www.maisonsources.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.maisonsources.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; } } /* ========================================================== MAISON SOURCES — FALLBACK CLASSIQUE WORDPRESS Utilisé uniquement par les templates appelant get_header/get_footer. ========================================================== */ .ms-fallback-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} .ms-fallback-skip:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#fff;color:#102114;border:1px solid rgba(16,33,20,.16);border-radius:8px} .ms-fallback-header{position:sticky;top:0;z-index:9999;background:#fbfaf8;border-bottom:1px solid rgba(16,33,20,.08)} .ms-fallback-header__inner{max-width:1340px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px} .ms-fallback-header__brand{display:inline-flex;align-items:center} .ms-fallback-header__brand img{display:block;width:auto;height:32px} .ms-fallback-header__login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid #e8e4df;border-radius:6px;background:#fff;color:#272623;text-decoration:none;font-weight:600} .ms-fallback-footer{margin-top:64px;background:#f6fbf4;border-top:1px solid rgba(16,33,20,.08)} .ms-fallback-footer__inner{max-width:1340px;margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#555350} .ms-fallback-footer nav{display:flex;gap:16px;flex-wrap:wrap} .ms-fallback-footer a{color:inherit} @media(max-width:600px){.ms-fallback-header__inner{padding:12px 16px}.ms-fallback-header__brand img{height:28px}.ms-fallback-footer__inner{padding:20px 16px;align-items:flex-start;flex-direction:column}}