/*
Theme Name: La Fournée Dorée
Theme URI: https://lafabrique.orange-business.com/
Template: neve
Author: La Fabrique
Author URI: https://lafabrique.orange-business.com/
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 1.1.0.1755693165
Updated: 2025-08-20 14:32:45
*/
main#content {
position: relative;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none;
color: var(--nv-text-color);
}
/* ------ FONT ------- */
@font-face {
font-family: 'Arial Rounded';
src: url('./fonts/ArialRoundedMT/ArialRoundedMTPro-Light.woff2') format('woff2'),
url('./fonts/ArialRoundedMT/ArialRoundedMTPro-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Arial Rounded';
src: url('./fonts/ArialRoundedMT/ArialRoundedMTPro.woff2') format('woff2'),
url('./fonts/ArialRoundedMT/ArialRoundedMTPro.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Arial Rounded';
src: url('./fonts/ArialRoundedMT/ArialRoundedMTPro-ExtraBold.woff2') format('woff2'),
url('./fonts/ArialRoundedMT/ArialRoundedMTPro-ExtraBold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Arial Rounded';
src: url('./fonts/ArialRoundedMT/ArialRoundedMTPro.woff2') format('woff2'),
url('./fonts/ArialRoundedMT/ArialRoundedMTPro.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bobby Jones';
src: url('./fonts/BobbyJonesSoft/BobbyJonesSoft-Regular.woff2') format('woff2'),
url('./fonts/BobbyJonesSoft/BobbyJonesSoft-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bobby Jones Outline';
src: url('./fonts/BobbyJonesSoft/BobbyJonesSoft-Outline.woff2') format('woff2'),
url('./fonts/BobbyJonesSoft/BobbyJonesSoft-Outline.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bobby Jones Condensed';
src: url('./fonts/BobbyJonesSoft/BobbyJones-Condensed.woff2') format('woff2'),
url('./fonts/BobbyJonesSoft/BobbyJones-Condensed.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* LAFOURNEEDOREE - SPECIFIC */
h1>b {
color: #B11116; //rouge dans le titre
font-weight: 400 !important;
}
.subtitle {
font-size: 2.4rem;
font-weight: 700;
color: #BB8740;
}
/*.button.contact-header.button-primary {
font-family: "Arial Rounded" !important;
color: #ffffff !important;
background-color: #b11116 !important;
font-weight: 600 !important;
padding: 10px 15px !important;
}*/
.hfg-slot.left .site-logo .brand, .hfg-slot.left .site-logo .brand:hover {
z-index: 10;
position: relative;
background: white;
border-radius: 99px;
border: solid 5px #fff;
}
.nv-single-post-wrap > div:last-child {
padding-bottom: 0 !important;
}
/*.nv-single-post-wrap > div:first-child {
margin-top: 0 !important;
}*/
.nv-single-post-wrap {
margin-bottom: 0 !important;
}
/* ------ HEADER ------ */
.header-main {
height: 100px !important;
}
.sticky-header-placeholder {
height: 100px !important;
}
/*#header-grid a.button-primary {
background-color: #FAEFC3;
color: #162E4D;
font-family: Cocoon;
font-weight: 500;
border-radius: 50px;
padding: 5px 15px;
word-break: keep-all;
}*/
p:has(#btn-contact) {
margin: 0;
}
.hfg-slot.left {
position: relative;
bottom: -35px;
}
.header-main-inner {
height: 100px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
border: none;
}
.builder-item--primary-menu_2 ul.sub-menu {
padding: 5px;
background-color: #fff;
border-radius: 17px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.36);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.36);
width: 100px;
}
.wpml-ls-menu-item .wpml-ls-flag+span {
font-size: 22px;
color: #5d0000;
font-family: 'Bobby Jones';
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item {
margin-bottom: 8px;
}
.wpml-ls-legacy-dropdown a {
border: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
background-color: #ffffff;
}
.nv--lang-switcher li:not(:first-child) {
margin-left: 0;
}
.nv--lang-switcher li {
padding: 5px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border: none;
}
.builder-item--primary-menu_2 .nav-ul li .caret img {
width: 17px;
height: 10px;
max-width: 17px;
margin-right: 10px;
}
.hfg_header.site-header {
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.5);
}
.btn-header {
display: inline-block;
padding: 8px 16px;
border-radius: 99px;
background: var(--nv-c-2);
color: var(--nv-text-color) !important;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
font-family: 'Cocoon';
font-size: 16px;
}
/* Sécurise le positionnement */
.builder-item--button_base_2 a.button.button-primary{
position: relative;
}
/* Mobile */
@media (max-width: 1550px){
.hide-on-mobile .builder-item--button_base_2 a.button.button-primary{
font-size: 0; /* masque le texte */
width: 44px;
min-width: 44px;
height: 44px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.hide-on-mobile .builder-item--button_base_2 a.button.button-primary::before{
content: "\e945"; /* icône enveloppe */
font-family: "icomoon";
font-weight: normal;
font-size: 18px;
line-height: 1;
color: currentColor; /* hérite de la couleur du bouton */
}
}
@media (max-width: 1375px){
.hide-on-mobile .custom-wpml-ls-native{
display: none;
}
}
.hfg_header.is-stuck {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2) !important;
}
/* Vert header & Footer sur les �l�ment Vegan */
body.is-vegan .header .nav-ul li a {
color: var(--custom-1);
}
body.is-vegan .footer-main {
--bgcolor: var(--custom-1);
}
body.is-vegan .btn-header {
background: var(--custom-2);
color: var(--custom-1);
}
/*-----MENU MOBILE-----*/
.header-menu-sidebar .nav-ul li:not([class*="block"]):not(.menu-item-has-children) > .wrap > a {
padding-right: 0 !important;
}
/* === Lang switcher centr� dans le menu mobile === */
@media (max-width: 992px) {
/* Conteneur de l'item WPML (ligne du pays courant) */
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item > .wrap {
display: flex;
justify-content: center;
align-items: center;
gap: .5rem; /* espace caret ? libell� */
width: 100%;
text-align: center;
}
/* Supprime les d�calages par d�faut */
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item { padding-left: 0; }
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item > .wrap > a,
/* Neutralise les styles du th�me qui la collent � gauche */
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item > .wrap > .navbar-toggle {
position: static !important; /* au lieu de absolute */
float: none !important;
margin: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
width: auto; height: auto;
}
/* Drapeau + libell� bien align�s */
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item .menu-item-title-wrap {
display: inline-flex;
align-items: center;
gap: .5rem;
}
/* Sous-menu (liste des langues) centr� aussi */
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item > .sub-menu {
text-align: center;
}
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item > .sub-menu .wrap a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
}
#nv-primary-navigation-sidebar.menu-mobile
.wpml-ls-menu-item { padding-left: 0 !important; }
.builder-item--primary-menu_2 ul.sub-menu {
width: 100%;}
}
.header-menu-sidebar span.custom-wpml-ls-native {
color: #FFE6CB;
}
/* ===== Logo shrink on scroll (Neve) — desktop only ===== */
@media (min-width: 992px) {
/* Hauteurs de référence (ajuste si besoin) */
:root{
--lfd-logo-big: 120px; /* logo au repos */
--lfd-logo-small: 80px; /* logo sticky */
--lfd-logo-drop: 28px; /* “descente” visuelle du logo au repos */
}
/* IMPORTANT : on évite de sortir le logo avec bottom/margin */
.hfg-slot.left{
position: relative;
bottom: auto !important;
margin-top: 0 !important;
transform: translateY(var(--lfd-logo-drop));
transition: transform 220ms ease;
}
/* Le lien/logo */
.hfg-slot.left .site-logo .brand{
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 99px;
background: #fff;
border: 5px solid #fff;
transition: padding 220ms ease, box-shadow 220ms ease;
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
}
/* Taille du logo (img) */
.hfg_header .site-logo img.neve-site-logo{
width: auto !important;
height: auto !important;
max-height: var(--lfd-logo-big);
transition: max-height 220ms ease, transform 220ms ease;
transform-origin: left center;
display: block;
}
/* Un peu d’air vertical au repos (optionnel) */
.hfg_header .header-main-inner{
padding-top: 14px;
padding-bottom: 14px;
transition: padding 220ms ease;
}
/* ===== ÉTAT STICKY (au scroll) ===== */
.hfg_header.is-stuck .hfg-slot.left{
transform: translateY(0); /* le logo “rentre” dans la barre */
}
.hfg_header.is-stuck .site-logo img.neve-site-logo{
max-height: var(--lfd-logo-small);
}
.hfg_header.is-stuck .header-main-inner{
padding-top: 6px;
padding-bottom: 6px;
}
.hfg_header.is-stuck .hfg-slot.left .site-logo .brand{
box-shadow: none;
}
}
/* Accessibilité */
@media (prefers-reduced-motion: reduce){
.hfg-slot.left,
.hfg_header .site-logo img.neve-site-logo,
.hfg_header .header-main-inner,
.hfg-slot.left .site-logo .brand{
transition: none !important;
}
}
/*-----MENU MOBILE-----*/
.header-menu-sidebar-bg {
background-color: #5D0000 !important;
}
.header-menu-sidebar-bg .builder-item .primary-menu-ul a{
color: #FFE6CB;
}
.header-menu-sidebar-bg .builder-item:last-child::after {
content: '';
position: absolute;
top: calc(100% + 50px);
left: 0;
width: 100%;
height: 700px;
background: url("/wp-content/themes/lafourneedoree/img/menu-craft.png");
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
}
/*-------BUTTON------*/
.wp-block-button__link {
font-family: 'Cocoon';
}
/* ------ FOOTER ------ */
.wp-block-button {
font-family: 'Cocoon', sans-serif;
}
.picto-title h2::after {
content: '';
width: 60px;
height: 4px;
background-color: var(--nv-secondary-accent);
display: block;
margin: 11px auto 0;
}
.site-footer .builder-item {
padding: 0;
}
#cb-row--footer-desktop-top {
position: absolute;
top: -174px;
}
.topFooter {
display: flex;
align-items: flex-end;
position: relative;
z-index: 1;
pointer-events: none;
bottom: 22px;
}
.topFooter__bg-1 {
flex: 1;
height: 174px;
width: 45vw;
}
.topFooter__bg-2 {
flex: 1;
height: 174px;
width: 45vw;
}
.sib-default-btn {
background: var(--wp--preset--color--nv-c-1) !important ;
color: #fff !important;
}
.sib-default-btn:hover {
background: var(--nv-primary-accent) !important ;
color: #fff !important;
}
.footer-title {
font-family: 'bobby Jones';
}
@media (min-width: 768px) {
.topFooter {
bottom: 22px;
}
}
@media (min-width: 992px) {
.topFooter {
bottom: 22px;
}
.topFooter__bg-2 {
flex: 0 0 calc((100% - 960px + 25%)/2);
}
}
@media (min-width: 1200px) {
.topFooter {
bottom: 22px;
}
.topFooter__bg-2 {
flex: 0 0 calc((100% - 1052px + 25%)/2);
}
}
@media (min-width: 1367px) {
.topFooter {
bottom: 22px;
}
}
@media (max-width: 768px) {
ul#footer-menu {
height: 150px;
flex-direction: column;
margin-left: 20px;
}
}
/* ------ RECIPE ------ */
.recipes > div:first-child {
margin-top: 0 !important;
}
@media (max-width:768px){
article.recipe .wp-block-group__inner-container>.wp-block-themeisle-blocks-advanced-columns {
margin-left: calc(50% - 50vw + 20px);
margin-right: calc(50% - 50vw + 20px);
}
}
h1.title-recipe {
font-size: 40px;
font-weight: 400;
padding-left: 75px !important;
}
h1.title-recipe.vegan::before {
background-image: url("/wp-content/themes/la-fournee-doree/icons/vegan.svg");
mask-image: none;
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
width: 70px;
height: 70px;
top: -10px;
}
.recipe-info p{ font-family: Cocoon; }
@media (max-width:768px){
h1.title-recipe::before {
top: 10px !important;
}
article.recipe .wp-block-group__inner-container>.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column .wp-block-themeisle-blocks-advanced-columns:nth-child(2)>.innerblocks-wrap {
flex-direction: column-reverse;
}
article.recipe .wp-block-group__inner-container>.wp-block-themeisle-blocks-advanced-columns {
background-image: none;
}
.wp-block-themeisle-blocks-advanced-column:has(>.cook-indications) {
align-self: start !important;
}
.card-picture {
margin-right: 58px;
margin-bottom: 60px;
}
.top-recipe {
background: url(http://preprod.briochegourmet.com/wp-content/uploads/sites/3/2025/08/illustration-paris-4cf8a5.svg) no-repeat scroll 100% 100%/ 400px !important;
}
}
.cook-indications {
width: fit-content;
gap: 15px !important;
}
.cook-indications .wp-block-column {
flex-basis: content !important;
}
.cook-indications .servings,.cook-indications .cook-time, .cook-indications .prep-time {
font-family: "Cocoon";
padding-left: 30px !important;
white-space: nowrap;
margin-bottom: 0 !important;
}
.cook-indications .servings::before {
position: absolute;
content: "";
background-color: var(--nv-secondary-accent);
mask-image: url("/wp-content/themes/la-fournee-doree/icons/people.svg");
mask-repeat: no-repeat;
width: 30px;
height: 24px;
left: 0;
top: 5px;
}
.cook-indications .cook-time::before {
position: absolute;
content: "";
background-color: var(--nv-secondary-accent);
mask-image: url("/wp-content/themes/la-fournee-doree/icons/time2.svg");
mask-repeat: no-repeat;
width: 30px;
height: 24px;
left: 4px;
top: 5px;
}
.cook-indications .prep-time::before {
position: absolute;
content: "";
background-color: var(--nv-secondary-accent);
mask-image: url("/wp-content/themes/la-fournee-doree/icons/chef.svg");
mask-repeat: no-repeat;
width: 30px;
height: 24px;
left: 5px;
top: 5px;
}
.card-picture {
box-shadow: 12px 32px 40px rgba(0, 0, 0, .22);
}
.card-picture h3 {
padding-top: 30px;
align-self: center; !important;
text-align: center !important;
}
.card-picture figure {
margin-bottom: 0 !important;
}
.card-picture p {
font-family: "Cocoon";
font-size: 16px;
font-weight: 400;
line-height: 24px;
word-break: break-word;
}
.button-print-recipe {
margin: 16px 0 42px 0;
}
.button-print-recipe a.wp-block-button__link {
padding: 7px 10px 7px 23px;
font-size: 14px;
}
.button-print-recipe a.wp-block-button__link::after {
position: relative;
display: inline-block;
content: "";
background-color: #ffffff;
mask-image: url("/wp-content/themes/la-fournee-doree/icons/print.svg");
mask-repeat: no-repeat;
width: 30px;
height: 20px;
transform: translate(10px, 7px);
}
/*.ingredient-list {
background-color: #ffffff;
padding: 23px 25px 28px 25px;
box-shadow: 4px 4px 12px rgba(0, 0, 0, .27);
border-radius: 6px;
}*/
.ingredient-list ul li {
list-style: none;
padding: 0 0 0 16px;
position: relative;
color: #061742;
font-size: 16px;
font-family: "Cocoon";
font-weight:300;
margin-bottom: 5px;
line-height: 120%;
}
.ingredient-list ul li::before {
content: '';
width: 8px;
height: 8px;
background-color: #0b1742;
border-radius: 50%;
position: absolute;
top: 7px;
left: -1px;
}
/*.preparation {
padding: 74px 90px 84px 90px !important;
margin-top: 42px;
background-color: rgba(196, 158, 54, 0.6) !important;
padding: 70px 35px 35px 35px;
box-shadow: 4px 4px 12px rgba(0, 0, 0, .27);
}*/
@media (max-width:768px){
.preparation {
padding: 34px 40px 44px 40px !important;
}
}
h2.preparation-title::after {
content: '';
width: 60px;
height: 3px;
background: #fff;
display: block;
margin: 15px auto 0 auto;
}
.separator-recipe {
border: none;
margin: 22px auto 30px auto;
width: 16px;
height: 4px;
background-color: #fff;
}
h2.try-recipe-title {
font-weight: 300;
}
h2.try-recipe-title::after {
content: '';
width: 60px;
height: 4px;
background-color: #C39D35;
display: block;
margin: 11px auto 0 auto;
}
.arial-rounded {
font-family: "Arial Rounded";
font-weight: 700;
}
/* ------ OUR STORY ------ */
.our-story-list p {
line-height: 1.1;
font-family: "Cocoon";
}
.our-story-ble {
--background: url(/wp-content/uploads/sites/3/2025/08/illustation-ble.png) no-repeat scroll 110% 0%/auto;
}
li.bg-rel-card.no-hover {background-color: #fff !important;}
/*
@media (max-width: 690px) {
.our-story-ble {
top: -700px;
--background: url(/wp-content/uploads/sites/3/2025/08/illustation-ble.png) no-repeat scroll -50% 60%/ 500px auto;
}
}
@media (min-width: 691px) and (max-width: 1024px) {
.our-story-ble {
top: -500px;
--background: url(/wp-content/uploads/sites/3/2025/08/illustation-ble.png) no-repeat scroll 1500% 60%/ 800px auto;
}
}*/
@media (max-width: 768px) {
#recipe-meta {
justify-content: center;
text-align: center;
}
.recipe-video {background:none !important;}
}
.titre-cc{
position: relative; /* indispensable pour tes ::before/::after */
}
/* Valeurs par défaut (desktop / tablet): tu gardes ton comportement actuel si tu veux */
.titre-cc::before{
left: -10px;
transform: translateX(-100%);
}
.titre-cc::after{
right: -10px;
transform: translateX(100%); /* si tu fais pareil côté droit */
}
/* Mobile: on rentre les traits dans le titre + on crée de la marge */
@media (max-width: 460px){
.titre-cc{
padding-inline: 34px !important; /* espace réservé pour les traits */
}
.titre-cc::before,
.titre-cc::after{
top: 50% !important;
background-size: contain !important; /* évite le crop du SVG */
}
.titre-cc::before{
transform: translateY(-50%) !important; /* on centre verticalement */
}
.titre-cc::after{
transform: translateY(-50%) scaleX(-1) !important; /* on centre verticalement */
}
.titre-cc::before{ left: 0px !important; }
.titre-cc::after{ right: 0px !important; }
}
/*-----------RECIPE LIST---------------*/
.lfd-recipes-grid{display:grid;gap:28px}
.lfd-recipes-cols-1{grid-template-columns:1fr}
.lfd-recipes-cols-2{grid-template-columns:repeat(2,1fr)}
.lfd-recipes-cols-3{grid-template-columns:repeat(3,1fr)}
.lfd-recipes-cols-4{grid-template-columns:repeat(4,1fr)}
.lfd-recipe-card{display:block;text-decoration:none;color:inherit}
.lfd-recipe-thumb{
position:relative;
overflow:hidden;
//border-radius:10px;
//margin-bottom: 30px;
aspect-ratio: 1 / 1;
}
.lfd-recipe-thumb::after {
content: "";
position: absolute;
bottom: -14px;
left: 0;
width: 100%;
height: 28px;
background-image: url(/wp-content/uploads/2025/10/Dechirure.png);
background-size: auto;
background-repeat: repeat-x;
background-position: top center;
}
.lfd-recipe-thumb img{display:block;width:100%;height:100%;transform:scale(1);transition:transform .45s ease, opacity .45s ease; object-fit: cover;}
.lfd-recipe-card:hover .lfd-recipe-thumb img{transform:scale(1.05)}
.lfd-recipe-title{font-family:'Cocoon',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; padding: 0 15px;
font-weight:500;font-size:1.5rem;line-height:1.2;margin:.75rem 0 .25rem;text-align:center;color: var(--nv-secondary-accent);}
.lfd-recipe-meta{text-align:center;}
@media (max-width: 980px){.lfd-recipes-cols-3,.lfd-recipes-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.lfd-recipes-cols-2,.lfd-recipes-cols-3,.lfd-recipes-cols-4{grid-template-columns:1fr}}
.lfd-recipe-title {
color: var(--nv-primary-accent) !important;
font-family: 'Chubby', sans-serif !important;
/*height: 80px;*/
}
.lfd-recipe-title:hover{
color: var(--nv-secondary-accent) !important;
transition: color .5s;
}
.lfd-recipe-card{
text-align: center;
}
.lfd-recipe-card-flex {
display: flex;
flex-direction: column;
}
hr.separateur
{
background-color: var(--nv-secondary-accent) !important;
width: 25px;
border-radius: 30%;
margin: 4px auto 12px auto;
border-top: 7px solid !important;
color: var(--nv-secondary-accent) !important;
}
a.lfd-recipe-card {
border-radius: 32px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 0, 0, .16);
}
.lfd-recipes-grid.lfd-recipes-cols-3 {
margin-bottom: 90px;
}
.lfd-recipe-meta {
display: flex;
margin-bottom: 20px;
color: var(--nv-secondary-accent);
}
/* ------ SIMPLE PRODUCT ------ */
.product-description {
font-family: "Cocoon";
}
.product-img-2 {
transform: translateX(-50%);
}
.heart-frise {
margin-bottom: 0 !important;
}
.product-type-original,
[class^="product-type-original-"],
[class*=" product-type-original-"],
.product-type-plant-based,
[class^="product-type-plant-based-"],
[class*="product-type-plant-based-"] {
margin-bottom: 0 !important;
}
.product-type-original > div:first-child,
[class^="product-type-original-"] > div:first-child,
[class*="product-type-original-"] > div:first-child,
.product-type-plant-based > div:first-child,
[class^="product-type-plant-based-"] > div:first-child,
[class*="product-type-plant-based-"] > div:first-child {
padding-bottom: 0;
}
/* ------ RELATED PRODUCT ------ */
/* Wrapper */
.bg-rel-simple{margin:2rem 0; /* tu peux r�gler le ratio ici : */ --bg-rel-aspect: 3/4;}
.bg-rel-title{margin:0 0 1rem 0;font-size:clamp(1.1rem,2vw,1.5rem)}
.bg-rel-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}
.bg-rel-card{width:min(320px,100%)!important;text-align:center}
.bg-rel-link{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit}
/* Figure : m�me hauteur pour toutes les cartes + centrage parfait */
.bg-rel-figure{
position:relative;
display:grid; /* superpose les 2 images */
place-items:center; /* centre parfaitement */
aspect-ratio: 1/1;
overflow:hidden;
margin-bottom: 30px;
}
/* Les deux couches image occupent exactement la m�me zone */
.bg-rel-img{grid-area:1/1;display:flex;align-items:center;justify-content:center}
/* Les ![]()
s�adaptent sans d�former */
.bg-rel-img img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
display:block;
transform-origin:50% 50%;
}
/* Etat par d�faut (avec hover image dispo) */
.bg-rel-main{opacity:1;transform:scale(1);transition:transform .35s ease, opacity .35s ease}
.bg-rel-hover{opacity:0;transform:scale(1.05);transition:transform .35s ease, opacity .35s ease}
/* Comportement quand il y a une image de hover */
.bg-rel-card.has-hover .bg-rel-link:hover .bg-rel-main{opacity:0;transform:scale(.96)}
.bg-rel-card.has-hover .bg-rel-link:hover .bg-rel-hover{opacity:1;transform:scale(1)}
/* Exception : quand il N'Y A PAS d'image 2, on ne fait pas dispara�tre l'image principale */
.bg-rel-card.no-hover .bg-rel-hover{display:none}
.bg-rel-card.no-hover .bg-rel-link:hover .bg-rel-main{
opacity:1;
transform:scale(1);
}
.bg-rel-name{font-size:18px;line-height:1.3;font-weight:400;color: var(--nv-secondary-accent);font-family:'cocoon';}
@media (min-width:768px){ .bg-rel-card{width:min(30%, 350px)} }
/* Accessibilit� : moins d�animations si l�utilisateur le demande */
@media (prefers-reduced-motion: reduce){
.bg-rel-main, .bg-rel-hover{transition:none}
}
/* ------ PRODUCTS LIST ------ */
.bg-products-list .search-filter-base #search-filter-input-checkbox-0 {
display: flex;
gap: 25px;
padding: 10px 0 14px 0;
}
.bg-products-list .search-filter-base .search-filter-input-checkbox svg#sf-svg-checkbox {
fill: #ffffff;
}
.lfd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(346px,1fr));gap:24px}
.lfd-card{
overflow:hidden;
display:flex;
flex-direction:column;
}
.lfd-card__image{display:block;}
.lfd-card__image {
display: block;
aspect-ratio: 4 / 3; /* adapte si besoin */
overflow: hidden;
height: 330px;
}
.lfd-card__body{padding:14px 16px 16px;display:grid;gap:8px}
.lfd-card__title{font-size:2rem;line-height:1.25;margin:0;text-align: center;padding-top: 1rem;}
.lfd-card__title a{color:var(--nv-primary-accent);}
.lfd-card__title a, .lfd-card__title a:hover{color:var(--nv-primary-accent);}
.lfd-card__meta{color:#666;font-size:.9rem}
.lfd-pagination{margin-top:24px;text-align:center;display:flex;gap:8px;justify-content:center;align-items:center}
.lfd-pagination a,.lfd-pagination span{padding:8px 12px;border:1px solid #ddd;border-radius:8px;text-decoration:none}
.lfd-pagination .is-current{background:#111;color:#fff;border-color:#111}
/* Le wrapper prend 100% de la hauteur du lien */
.lfd-card__imgwrap {
position: relative;
width: 100%;
height: 100%;
}
/* Les deux images se superposent, centr�es */
.lfd-card__imgwrap img {
position: absolute;
inset: 0; /* top/right/bottom/left: 0 */
width: 100%;
height: 100%;
object-fit: contain; /* centre verticalement + horizontalement */
transition: opacity .3s ease, transform .3s ease;
}
/* Par d�faut l'hover est cach�e */
.lfd-card__imgwrap .img-hover { opacity: 0; }
/* Effet au survol */
.lfd-card__imgwrap:hover .img-default { opacity: 0; transform: scale(1.05); }
.lfd-card__imgwrap:hover .img-hover { opacity: 1; transform: scale(1); }
/*--- PAGE OUR DELICIOUS RECIPES ---*/
.our-delicious-recipes-header {
background-image: url("/wp-content/themes/la-fournee-doree/img/briochegourmet_picto-bleu-1.jpg");
background-repeat: repeat;
}
.our-delicious-recipes-header::after {
position: absolute;
content: "";
background-image: url("/wp-content/themes/la-fournee-doree/img/bg-illustration-paris-blue.png");
background-size: 100%;
background-repeat: no-repeat;
top: 0;
right: 0;
height: 600px;
width: 250px;
}
@media (max-width: 768px) {
.our-delicious-recipes-header::after {
display: none;
}
}
.our-delicious-recipes-header h1 {
font-size: 50px;
font-weight: 400;
padding-left: 90px !important;
margin: 30px 0 80px;
}
.our-delicious-recipes-header h1::before {
position: absolute;
content: "";
background-color: #0b1742;
mask-image: url("/wp-content/themes/la-fournee-doree/icons/BGlogo.svg");
mask-repeat: no-repeat;
width: 100px;
height: 100px;
left: 0;
top: 0;
}
.search-filter-input-group .search-filter-input-checkbox label .search-filter-input-checkbox__label {
position: relative;
top: 2px;
font-family: "Cocoon";
font-size: 15px;
text-transform: uppercase;
color: #ffffff !important;
}
.search-filter-input-group .search-filter-input-checkbox label.search-filter-input-checkbox__container span.search-filter-input-checkbox__control {
top: 2px;
left: 4px;
}
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="non-vegan"]::before,
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="vegan"]::before,
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="plant-based"]::before,
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="original"]::before {
position: absolute;
content: "";
background-color: #0b1742;
mask-repeat: no-repeat;
left: 0;
}
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="non-vegan"],
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="vegan"],
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="plant-based"],
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="original"] {
padding-left: 20px !important;
}
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="non-vegan"]::before,
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="original"]::before {
mask-image: url("/wp-content/themes/la-fournee-doree/icons/ear.svg");
width: 40px;
height: 40px;
top: 6px;
}
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="vegan"]::before,
.search-filter-input-group .search-filter-input-checkbox[data-option-value|="plant-based"]::before {
mask-image: url("/wp-content/themes/la-fournee-doree/icons/veggie.svg");
width: 34px;
height: 34px;
top: 8px;
left: 5px;
}
.wp-block-search-filter-choice {
display: flex;
flex-direction: row;
}
.wp-block-search-filter-choice .search-filter-description {
position: relative;
flex: fit-content;
font-family: "Cocoon";
font-size: 15px;
text-wrap: nowrap;
padding: 15px 10px 19px 30px;
top: 4px;
}
.wp-block-search-filter-choice .search-filter-description::before {
position: absolute;
content: "";
background-color: #0b1742;
mask-repeat: no-repeat;
left: 0;
mask-image: url("/wp-content/themes/la-fournee-doree/icons/sort.svg");
width: 34px;
height: 34px;
top: 15px;
}
.lfd-filters-bar { background:#b8912b; padding:10px 18px; display:flex; gap:22px; align-items:center; }
.lfd-filters-bar .sf-field-wrap { position:relative; }
.lfd-filters-bar .sf-field-label { display:flex; gap:8px; padding:10px 12px; color:#fff; font-weight:700; text-transform:uppercase; cursor:pointer; }
.lfd-filters-bar .sf-field-label::after { content:"?"; opacity:.9; }
.lfd-filters-bar .sf-input, .lfd-filters-bar .sf-input-checkbox {
position:absolute; top:100%; left:0; min-width:240px; background:#0e1b37; color:#fff;
padding:14px 18px; border-radius:6px; box-shadow:0 10px 24px rgba(0,0,0,.25);
transform:translateY(6px); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
}
.lfd-filters-bar .sf-field-wrap:hover .sf-input,
.lfd-filters-bar .sf-field-wrap:focus-within .sf-input,
.lfd-filters-bar .sf-field-wrap:hover .sf-input-checkbox,
.lfd-filters-bar .sf-field-wrap:focus-within .sf-input-checkbox { opacity:1; pointer-events:auto; transform:translateY(0); }
.lfd-filters-bar .sf-input-checkbox li { display:flex; gap:10px; padding:8px 0; }
/** BANDEROLE **/
.headerPage-product-flag {
display: flex;
align-items: flex-end;
pointer-events: none;
border: 0;
position: absolute;
z-index: 99;
left: 0;
width: 100%;
bottom: -150px;
}
.headerPage-product-flag-1, .headerPage-product-flag-2 {
flex: 1;
height: 174px;
}
/** ARTICLE **/
/*.nv-single-post-wrap > div:first-child {
margin-top: 0;
}*/
.otter-popup__modal_body figure {
margin-bottom: 0 !important;
}
/** WHAT'S NEW*/
/* Barre : tout sur une seule ligne (avec wrap sur mobile) */
.filter-topics .search-filter-description{
margin: auto;
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.filter-topics .search-filter-input-group{
display: flex;
align-items: center;
column-gap: 24px; /* espace entre options */
row-gap: 8px;
flex-wrap: wrap; /* passe � wrap sur petits �crans */
margin: auto;
}
/* Un item (checkbox + label) */
.filter-topics .search-filter-input-checkbox{
display: inline-flex;
}
/* Le label qui contient la case + le texte */
.filter-topics .search-filter-input-checkbox__container{
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: auto; /* �vite le 100% qui envoie la case � droite */
padding: 0;
}
/* Met la case AVANT le texte (ordre visuel) */
.filter-topics .search-filter-input-checkbox__control{ order: -1; }
.filter-topics .search-filter-input-checkbox__label{ order: 0; }
/* Desktop : forcer sur une ligne si tu veux absolument �viter le wrap */
@media (min-width: 992px){
.filter-topics .search-filter-input-group{ flex-wrap: nowrap; }
}
/* --- LA FOURNEE DOREE | FOOTER --- */
.kraft-section {
position: relative;
height: 45px;
background: url("./img/kraft-pattern.png") repeat-x center/auto 150px;
overflow: hidden;
}
.kraft-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 12px;
pointer-events: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: repeat-x;
background-size: 24px 12px;
}
.white-margin {
height: 33px;
background-color: #fff;
}
.footer-main-inner {
padding-top: 20px;
}
#footer-menu {
flex-direction: column;
}
#menu-menufooter2, #menu-footer2-ca-fr, #menu-footer2-ca-en, #menu-menu-footer2-au, #menu-footer2-nz, #menu-footer2-en {
display: flex;
justify-content: center;
font-family: 'arial Rounded';
font-size: 18px;
margin-bottom: 20px;
gap: 15px;
}
#menu-menufooter2 li:not(:first-child)::before {
display: inline-block;
content: "-";
font-weight: 700;
padding-right: 15px;
}
.hfg-slot.left .builder-item--footer-four-widgets p {
margin: 10px 0;
text-align: center;
color: #ffe6cb;
}
@media (max-width: 768px) {
.nv-footer-content {
padding-top: 40px;
}
#menu-menufooter2-1 {
font-family: 'Bobby Jones';
font-size: 18px;
margin-left: 20px;
gap: 0px;
flex-direction: column;
}
#menu-menufooter2-1 li a {
color: #fff !important;
}
#menu-menufooter2 li:not(first-child())::before {
display: none;
}
.nv-footer-content .hfg-slot.left .widget_block span {
font-family: 'Bobby Jones';
font-size: 18px;
}
#footer-menu {
gap: 10px;
}
#footer-menu li {
font-size: 18px;
margin-left: 0;
}
#footer-menu li .wrap {
padding-left: 0;
}
.hfg-slot.left .builder-item--widget-area-4 {
padding: 0
}
}
.hfg-slot.left {
bottom: -10px;
}
/* FR uniquement */
html:not([lang="fr-FR"]) .wp-social-link-facebook, html:not([lang="fr-FR"]):not([lang="fr-CA"]):not([lang="en-CA"]):not([lang="au-EN"])
.wp-social-link-instagram, html:not([lang="fr-FR"]) .wp-social-link-linkedin, html:not([lang="fr-FR"]) .wp-social-link-youtube, html:not([lang="fr-FR"]) .footer-brevo-fr { display: none !important; }
/* --- FILTRES --- */
.products-filter-lfd {
font-family: 'Bobby Jones' !important;
z-index: 1 !important;
}
.products-filter-lfd .search-filter-component-combobox {
color: #ffffff;
background-color: #bb8740;
border-radius: 30px;
border: none;
}
.products-filter-lfd .search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection {
padding: 5px 0 5px 10px !important;
}
.products-filter-lfd .search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection .search-filter-component-combobox__selection-placeholder {
color: #fff;
}
.products-filter-lfd .search-filter-component-combobox .search-filter-component-combobox__header .search-filter-component-combobox__actions .search-filter-component-combobox__selection .search-filter-component-combobox__actions-input {
color: #ffffff!important;
height: 50px !important;
z-index: 1 !important;
}
.products-filter-lfd .search-filter-component-combobox .search-filter-component-combobox__header .search-filter-component-combobox__actions .search-filter-component-combobox__selection .search-filter-component-combobox__actions-input::placeholder {
color: #ffffff !important;
opacity: 1 !important;
font-size: 26px !important;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"].search-filter-style--choice-select {
/*transform: translateY(-25px) !important;*/
/*padding-top: 30px !important;*/
background-color: #bb8740 !important;
border-top: none !important;
border-color: #bb8740 !important;
z-index: 9999 !important;
border-radius: 20px !important;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"].search-filter-style--choice-select li {
font-family: 'Bobby Jones' !important;
color: #ffffff !important;
padding-left: 25px !important;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"].search-filter-style--choice-select li:hover,
body#neve_body ul[id^="search-filter-input-combobox-listbox-"].search-filter-style--choice-select li.search-filter-component-combobox-base__listbox-option--active:hover,
body#neve_body ul[id^="search-filter-input-combobox-listbox-"].search-filter-style--choice-select li.search-filter-component-combobox-base__listbox-option--selected,
body#neve_body ul[id^="search-filter-input-combobox-listbox-"].search-filter-style--choice-select li.search-filter-component-combobox-base__listbox-option--active {
background-color: #9e0b0f !important;
}
.products-filter-lfd .search-filter-component-combobox .search-filter-component-combobox__header .search-filter-component-combobox__listbox-toggle::before {
border-left: none !important;
}
.products-filter-lfd .search-filter-component-combobox .search-filter-component-combobox__header .search-filter-component-combobox__actions .search-filter-component-combobox__selection .search-filter-component-combobox__selection-item {
background-color: #ffe6cb !important;
border-radius: 20px !important;
}
.products-filter-lfd .search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item .search-filter-component-combobox__selection-remove>svg, .products-filter-lfd .search-filter-icon--destructive .search-filter-icon__svg {
fill: #3C434A !important;
}
.products-filter-lfd .search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item .search-filter-component-combobox__selection-remove>svg:hover, .products-filter-lfd .search-filter-icon--destructive .search-filter-icon__svg:hover {
fill: #9e0b0f !important;
cursor: pointer;
}
.products-filter-lfd .search-filter-component-combobox__listbox-toggle::after {
content: "";
width: 100%;
height: 20px;
display: block;
margin: auto 0;
position: absolute;
left: -10px;
background-image: url("/wp-content/themes/lafourneedoree/img/filter-arrow.svg");
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.products-filter-lfd .search-filter-component-combobox__listbox-toggle svg {
display: none;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"]::-webkit-scrollbar {
background: transparent !important;
width: 10px;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"]::-webkit-scrollbar-button {
background: transparent !important;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"]::-webkit-scrollbar-thumb {
background: #ffe6cb !important;
border-radius: 10px;
border-top: 20px solid transparent;
}
body#neve_body ul[id^="search-filter-input-combobox-listbox-"]::-webkit-scrollbar-track {
background: transparent !important;
}
.global-version .wp-block-themeisle-blocks-advanced-columns.dentele {
-webkit-mask-image: url('/wp-content/themes/lafourneedoree/img/dentele2.svg'), linear-gradient(#000 0 0);
-webkit-mask-repeat: repeat-x;
-webkit-mask-position: bottom;
-webkit-mask-size: 12px;
-webkit-mask-composite: destination-in;
mask-image: url('/wp-content/themes/lafourneedoree/img/dentele2.svg'), linear-gradient(#000 0 0);
mask-repeat: repeat-x;
mask-position: bottom;
mask-size: 12px;
mask-composite: intersect;
bottom: -6px;
z-index: 2;
}
/* Ethan - 05/12/2025 */
.bg-rel-link,
.bg-rel-link .bg-rel-thumb,
.bg-rel-link .bg-rel-name {
transition: all .3s;
}
.bg-rel-link:hover .bg-rel-thumb {
scale: 1.05;
}
.bg-rel-link:hover .bg-rel-name {
color: var(--nv-secondary-accent) !important;
}
span.bg-rel-figure {
margin-bottom: 15px;
}
.bg-rel-main.bg-rel-img,
.bg-rel-main.bg-rel-img .bg-rel-thumb {
height: 100%;
}
.bg-rel-main.bg-rel-img {
position: relative;
}
.bg-rel-card:not(.has-hover) .bg-rel-main.bg-rel-img::before {
content: '';
position: absolute;
background-image: url("/wp-content/themes/lafourneedoree/img/dechirureProduit.svg");
background-repeat: no-repeat;
background-size: 100%;
bottom: -20px;
width: 110%;
height: 47px;
z-index: 10;
}
.bg-rel-main.bg-rel-img .bg-rel-thumb {
position: relative;
object-fit: cover;
}
span.bg-rel-name {
font-size: 28px;
height:auto !important;
}
.recette_picto .icon {
font-size: 30px;
}
.lfd-card__subtitle {
font-size: 16px;
color: var(--nv-secondary-accent);
text-transform: uppercase;
font-weight: 700;
text-align: center;
max-width: 350px;
margin: 0 auto;
}
/*-------- MOMENT ---------*/
.lfd-moments-grid{display:grid;gap:28px}
.lfd-moments-cols-1{grid-template-columns:1fr}
.lfd-moments-cols-2{grid-template-columns:repeat(2,1fr)}
.lfd-moments-cols-3{grid-template-columns:repeat(3,1fr)}
.lfd-moments-cols-4{grid-template-columns:repeat(4,1fr)}
.lfd-moments-grid .lfd-recipe-card{display:block;text-decoration:none;color:inherit}
.lfd-moments-grid .lfd-recipe-thumb{position:relative;overflow:hidden;border-radius:10px;}
.lfd-moments-grid .lfd-recipe-thumb img{display:block;width:100%;height:100%;transform:scale(1);transition:transform .45s ease, opacity .45s ease}
.lfd-moments-grid .lfd-recipe-card:hover .lfd-recipe-thumb img{transform:scale(1.05)}
.lfd-moments-grid .lfd-recipe-title{font-family:'Cocoon',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:700;font-size:1.25rem;line-height:1.2;margin:.75rem 0 .25rem;text-align:center;color: var(--nv-secondary-accent); margin-bottom: 20px;}
.lfd-moments-grid .lfd-recipe-meta{font-size:.95rem;text-align:center;opacity:.85}
@media (max-width: 980px){.lfd-moments-cols-3,.lfd-moments-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.lfd-moments-cols-2,.lfd-moments-cols-3,.lfd-moments-cols-4{grid-template-columns:1fr}}
/*------CONTACT------*/
.contact-form{
/* petits tokens internes */
--lfd-primary: var(--nv-primary-accent, #5d0000);
--lfd-secondary: var(--nv-secondary-accent, #b11116);
--lfd-gold: var(--nv-c-1, #bb8740);
--lfd-paper: var(--custom-1, #ffe6cb);
--lfd-text: var(--nv-text-color, #272626);
--lfd-radius-pill: 999px;
--lfd-radius: 14px;
}
/* on enlève les labels visibles pour garder le look "placeholder only" */
.contact-form .gfield_label,
.contact-form .gform-field-label{
font-size: 0; /* évite les décalages mais conserve l’accessibilité */
line-height: 0;
margin: 0;
padding: 0;
}
/* titres & textes HTML (tes H2 .desc etc.) */
.contact-form .gfield_html h2.desc{
font-size: 22px;
line-height: 1.25;
font-weight: 800;
color: var(--lfd-primary);
margin: 10px 0 6px;
}
.contact-form .gfield_html p{
color: var(--lfd-primary);
opacity: .9;
margin: 0 0 18px;
}
/* spacing général */
.contact-form .gform_fields{
row-gap: 14px;
}
.contact-form .gfield{
margin: 0;
}
.gform_heading { display: none !important; }
/* ---------------------------------------------------------
Type demande (TES BOUTONS en haut) : on garde le style bouton
--------------------------------------------------------- */
/* Gravity Forms – radios en boutons (fieldset .type-demande) */
.type-demande .gfield_radio{
display: flex;
gap: 18px;
flex-wrap: wrap;
}
/* 3 boutons sur desktop (tu peux ajuster) */
.type-demande .gchoice{
flex: 1 1 calc(33.333% - 12px);
min-width: 220px;
}
/* cache l'input radio mais garde l’accessibilité */
.type-demande input.gfield-choice-input[type="radio"]{
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
pointer-events: none;
}
/* le label devient le bouton */
.type-demande .gchoice label{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
padding: 18px 22px;
border-radius: 999px;
background: var(--custom-1);
color: var(--nv-text-dark-bg);
cursor: pointer;
user-select: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .02em;
line-height: 1.2;
transition: transform .12s ease, background-color .12s ease, box-shadow .12s ease, border-color .12s ease, color .12s ease;
}
/* hover */
.type-demande .gchoice label:hover{
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(0,0,0,.08);
}
/* état sélectionné */
.type-demande .gchoice input[type="radio"]:checked + label{
background: var(--nv-c-1);
color: var(--custom-2);
box-shadow: 0 12px 26px rgba(0,0,0,.12);
}
/* focus clavier (important a11y) */
.type-demande .gchoice input[type="radio"]:focus-visible + label{
outline: 3px solid rgba(160, 90, 20, .45);
outline-offset: 3px;
}
/* mobile : 1 colonne */
@media (max-width: 768px){
.type-demande .gchoice{
flex-basis: 100%;
min-width: 0;
}
}
/* ------POPUP LANG -------*/
.h3_lang {
font-family: 'Bobby Jones', sans-serif !important;
font-size: 24px;
line-height: 50px;
}
.custom-lang-item {
text-align: left !important;
min-width: 200px;
}
a.custom-lang-item.active, a.custom-lang-item:hover {
border-radius: 4px;
}
.popup-box-lang {
max-width: 800px;
}
.custom-current-lang-flag .flag {
min-width: 28px;
}