/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1776757904
Updated: 2026-04-21 07:51:44

*/
@font-face {
    font-family: 'cambria-math';
	 src: url('/wp-content/uploads/2026/04/CambriaMath.eot');
    src: url('/wp-content/uploads/2026/04/CambriaMath.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2026/04/CambriaMath.woff2') format('woff2'),
        url('/wp-content/uploads/2026/04/CambriaMath.woff') format('woff'),
        url('/wp-content/uploads/2026/04/CambriaMath.ttf') format('truetype'),
        url('/wp-content/uploads/2026/04/CambriaMath.svg#CambriaMath') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cambria';
    src: url('/wp-content/uploads/2026/04/Cambria-Italic.eot');
    src: url('/wp-content/uploads/2026/04/Cambria-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2026/04/Cambria-Italic.woff2') format('woff2'),
        url('/wp-content/uploads/2026/04/Cambria-Italic.woff') format('woff'),
        url('/wp-content/uploads/2026/04/Cambria-Italic.ttf') format('truetype'),
        url('/wp-content/uploads/2026/04/Cambria-Italic.svg#Cambria-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Cambria';
    src: url('/wp-content/uploads/2026/04/Cambria-Bold.eot');
    src: url('/wp-content/uploads/2026/04/Cambria-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2026/04/Cambria-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/2026/04/Cambria-Bold.woff') format('woff'),
        url('/wp-content/uploads/2026/04/Cambria-Bold.ttf') format('truetype'),
        url('/wp-content/uploads/2026/04/Cambria-Bold.svg#Cambria-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cambria';
    src: url('/wp-content/uploads/2026/04/Cambria.eot');
    src: url('/wp-content/uploads/2026/04/Cambria.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2026/04/Cambria.woff2') format('woff2'),
        url('/wp-content/uploads/2026/04/Cambria.woff') format('woff'),
        url('/wp-content/uploads/2026/04/Cambria.ttf') format('truetype'),
        url('/wp-content/uploads/2026/04/Cambria.svg#Cambria') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* =========================
   DESIGN SYSTEM - VARIABLES
========================= */
:root {

  /* Colors */
  --primary: #e95349;
  --secondary: #f3931f;
  --tertiary: #49baac;
  --text: #a6a297;
  --white: #ffffff;
  --hover-nav: #960C02;
  /* Typography */
  --font-base: 20px;
  --font-lg: 25px;
  --font-xl: 32px;
  /* Spacing (utile pour la suite) */
  --space-xs: 8px;
  --space-sm: 15px;
  --space-md: 30px;
  --space-lg: 60px;
  /* Header */
  --header-height: 420px;
  --header-top-height: 310px;

}
.elementor-element-58c17b7, .elementor-element-973a02f {
    --n-tabs-title-background-color-active: var(--e-global-color-secondary) !important;
}

/* Onglet hover */
.elementor-element-58c17b7 .e-n-tab-title:hover, .elementor-element-973a02f .e-n-tab-title:hover {
    background-color: var(--e-global-color-secondary) !important;
}
.elementor-button-text {
	color:#fff !important ;
}
.elementor-widget-text-editor a {
  color: var(--primary);
}
.elementor-widget-text-editor a:hover {
  color: var(--secondary);
}
#info-botton {
	background-image: url(/wp-content/uploads/2026/05/info-icone_03.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
	
}
#info-botton .elementor-button-text {
	 color: var(--secondary) !important;
	font-size:0px;
}
#info-botton .elementor-button-text:hover {
  color: var(--secondary) !important;
}
#form-field-field_f58f943, #form-field-field_fdfb203 {
	color: #AAA79F !important;
}
.elementor-638 .elementor-element.elementor-element-e871b4f:hover .contact-ici , .elementor-568 .elementor-element.elementor-element-560936c:hover .contact-ici {
	text-decoration: underline;
}
/* =========================
   TYPOGRAPHY SYSTEM 
========================= */
.text-base {
  font-size: var(--font-base);
}
.text-lg {
  font-size: var(--font-lg);
}
.text-xl {
  font-size: var(--font-xl);
}
.text-primary {
  color: var(--primary);
}
.text-secondary {
  color: var(--secondary);
}
.text-tertiary {
  color: var(--tertiary);
}
.page-header {
    display: none !important;
}

.artist-flex {
  display: flex;
  align-items: center;
  gap: 40px;
}
.section-news__social {
  display: flex;
  width: 100%;
  gap: 10px;
}

/* Boutons */
.section-news__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 15px 60px;
  text-decoration: none;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 25px !important;
	width: 400px !important;
	letter-spacing:0.6px;

  /* état normal = bleu */
  background: linear-gradient(90deg, #5f74a8, #7d8fc2);
 text-decoration: none !important;
  transition: all 0.4s ease;
}

/* Hover = gradient Instagram avec bleu plus large */
.section-news__btn--instagram:hover {
  background: linear-gradient(
    90deg,
    #ff5a3c 0%,
    #ff7e00 40%,
    #6c7db3 85%,  /* bleu commence plus tôt */
    #6c7db3 100%
	
  );
	 color: #fff !important;
	
}
.section-news__btn img {transition: transform 0.4s ease;}
.section-news__btn:hover img {  transform: rotate(20deg) scale(1.1);}

.highlight-news {
  font-weight: 400;
  font-size:100px;
  color : #f3931f;
}
.highlight-celebration {
  font-weight: 400;
  font-size:98px;
  color : #F39200;
}
.highlight-mois {
  font-weight: 400;
  font-size:100px;
  color : #f5aea9;
}

.custom-list-icons ul {
  list-style: none;
  padding-left: 0;
}

.custom-list-icons li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 12px;
	line-height: 32px;
}
.page-id-465 .custom-list-icons li {
	position: relative;
	padding-left: 65px;
	margin-bottom: 20px;
	line-height: 30px;
}

/* Icône par défaut */
.custom-list-icons li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-id-465 .custom-list-icons li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 52px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
}
.custom-list-icons li:nth-child(1)::before {
  background-image: url('/wp-content/uploads/2026/05/orange-icon.png');
}

.custom-list-icons li:nth-child(2)::before {
  background-image: url('/wp-content/uploads/2026/05/pink-icon.png');
}

.custom-list-icons li:nth-child(3)::before {
  background-image: url('/wp-content/uploads/2026/05/green-icon.png');
}

.custom-list-icons li:nth-child(4)::before {
  background-image: url('/wp-content/uploads/2026/05/blue-icon.png');
}

.custom-list-icons li:nth-child(5)::before {
  background-image: url('/wp-content/uploads/2026/05/red-icon.png');
}

/* texte */
.artist-text {
  flex: 1;
  color: #8f8a80;
  line-height: 1.8;
}

/* image */
.artist-img img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
}
/* === Titre section avis === */
.titre-sections-avis h2 {
  display: flex !important;
  align-items: center;
  gap: 15px;
}

.titre-sections-avis .score {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 124px;
  min-height: 124px;
  font-size: 50px;
  font-weight: normal;
  flex-shrink: 0;
	transition:all 0.4s ease;
}
.titre-sections-avis a:hover .score {
  transform:scale(1.05);
}

.titre-sections-avis .score::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/uploads/2026/06/icone-avis_03.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
/*tabs - page celebrations*/
.custom-tabs-content .e-n-tabs-heading{
    display:none !important;
}
.tab-trigger{
    cursor:pointer;
    transform-origin:center;
	transition: transform 0.4s ease !important;
}


@keyframes circleSpin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.tab-trigger:hover{
transform:  scale(1.05);
}

/*.tab-trigger:hover .elementor-widget-text-editor{
    animation:circleSpin 12s linear infinite reverse;
}*/
/* mobile */
@media (max-width: 768px) {
  .artist-flex {
    flex-direction: column;
    text-align: center;
  }
}
/* Icône map */
.elementor-element-aaaf867 .elementor-icon i, .elementor-element-63e0f72 .elementor-icon i{
    animation: mapPin 2s ease-in-out infinite;
    transform-origin: center bottom;
    display:inline-block;
}

/* Animation premium */
@keyframes mapPin{
    0%{
        transform: translateY(0) scale(1);
    }

    10%{
        transform: translateY(-4px) scale(1.08);
    }

    20%{
        transform: translateY(0) scale(1);
    }

    30%{
        transform: scale(1.15);
        text-shadow: 0 0 12px rgba(255,255,255,0.45);
    }

    40%{
        transform: scale(1);
    }

    100%{
        transform: scale(1);
    }
}
/* =========================
   LINKS
========================= */
a {
	font-family: "Cambria", Sans-serif;
  color: var(--primary) ;
  text-decoration: none;
  transition: none !important;
}
a:hover {
  color: var(--secondary) ;
}
.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {
  color: var(--white) !important;
}
.elementor-button {
		border-radius:0 !important;
}
.section-orange a {
	color: var(--white) !important;
	text-decoration: underline !important;
}
.section-orange a:hover {
	color: var(--white) !important;
	text-decoration: none !important;
}
/* =========================
   BUTTONS (NO BORDER RADIUS)
========================= */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 0; /* IMPORTANT */
  border: none;
}
/* PRIMARY */
.btn-primary {
  background: var(--primary);
  color: var(--white);
}
/* SECONDARY */
.btn-secondary {
  background: var(--secondary);
  color: var(--white);
}
/* HOVER */
.btn:hover {
 background: var(--tertiary);
}
.btn {
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
/* =========================
   HEADER GLOBAL
========================= */
.site-header {
  height: var(--header-height);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--white);
}
/* =========================
   TOP BAR
========================= */
.header-top {
  height: var(--header-top-height);
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 var(--space-lg);
}
/* =========================
   CONTACT + CTA
========================= */
.header-contact,
.header-cta {
  display: flex;
  align-items: center !important;
  gap: var(--space-sm);

  font-size: 23px !important;
  color: var(--text);
}
/* reset Elementor <p> */
.header-contact p,
.header-cta p {
  margin: 0;
}
/* links */
.header-contact a,
.header-cta a {
  color: var(--secondary) !important;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-contact a:hover,
.header-cta a:hover {
  color: var(--primary) !important;
}
.header-contact,
.header-cta {
  display: flex;
  align-items: center;
  gap: 15px;
}
/* =========================
   CONTACT + CTA - by-night
========================= */
.header-contact-by-night,
.header-cta-by-night {
  display: flex;
  align-items: center !important;
  gap: var(--space-sm);

  font-size: 23px !important;
  color: var(--white);
}
/* reset Elementor <p> */
.header-contact-by-night p,
.header-cta-by-night p {
  margin: 0;
}
/* links */
.header-contact-by-night a,
.header-cta-by-night a {
  color: var(--secondary) !important;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-contact-by-night a:hover,
.header-cta-by-night a:hover {
  color: var(--primary) !important;
}
.header-contact-by-night,
.header-cta-by-night {
  display: flex;
  align-items: center;
  gap: 15px;
}
/* =========================
   CONTACT + CTA journal
========================= */
.header-contact-journal,
.header-cta-journal {
  display: flex;
  align-items: center !important;
  gap: var(--space-sm);

  font-size: 23px !important;
  color: var(--text);
}
/* reset Elementor <p> */
.header-contact-journal p,
.header-cta-journal p {
  margin: 0;
}
/* links */
.header-contact-journal a,
.header-cta-journal a {
  color: #49baac !important;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-contact-journal a:hover,
.header-cta-journal a:hover {
  color:var(--primary)  !important;
}
.header-contact-journal,
.header-cta-journal {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-contact-journal .icon-circle {
  width: 54px;
  height: 54px;
  border: 2px solid #49baac;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.header-cta-journal .icon-circle {
  width: 54px;
  height: 54px;
  border: 2px solid #49baac;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.header-contact-journal .icon-circle i {
  font-size: 22px;
  color: #49baac;
  line-height: 1;
}
.header-cta-journal .icon-circle i {
  font-size: 22px;
  color: #49baac;
  line-height: 1;
}
.leaflet-control-attribution{
    font-size:0px;
    opacity:.0;
}
/***********menu footer******************/
.footer-menu a {
	  font-size: 13px !important;
  color: #9E9A91 !important;
  line-height: 1 !important;
 text-decoration : none !important;
}
.footer-menu a:hover {
 text-decoration : underline !important;
}
/*******info-bulle page ma creation*********/
/******* INFO BULLE *******/
.parent-info,
.parent-info *{
    overflow: visible !important;
}
.info-wrapper{
    position:relative !important; width:auto !important; flex-grow:0 !important; flex-shrink:0 !important;
    overflow:visible !important;
    z-index:10 !important;
}

.info-tooltip{
    position:absolute !important;
    left:calc(100% + 12px) !important;
    top:50% !important;
    transform:translateY(-50%) !important;

	width:max-content !important;
    max-width:320px !important;
    white-space:normal;

    background:#fff !important;
    padding:15px 20px !important;
    border-radius:12px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.15) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;

    transition:all .25s ease !important;

    z-index:9999 !important;
}
/* Flèche */
.info-tooltip:before{
    content:"";
    position:absolute;
    left:-8px;
    top:50%;
    width:16px;
    height:16px;
    background:#fff;
    transform:translateY(-50%) rotate(45deg);
}

/* Hover sur le i */
.info-wrapper:hover .info-tooltip{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}
@media (max-width: 768px){
    .info-tooltip{
        left:50% !important;
        right:auto !important;

        top:auto !important;
        bottom:calc(100% + 10px) !important;

        transform:translateX(-50%) !important;

        width:280px !important;
        max-width:90vw !important;

        z-index:99999 !important;
    }

    .info-tooltip:before{
        left:50% !important;
        bottom:-8px !important;
        top:auto !important;

        transform:translateX(-50%) rotate(45deg) !important;
    }
}
/* =========================
   ICON CIRCLE SYSTEM
========================= */
.icon-circle {
  width: 54px;
  height: 54px;
  border: 2px solid var(--secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-circle i {
  font-size: 22px;
  color: var(--secondary);
  line-height: 1;
}
.skip-to-content {
	display:none !important;
}
/* =========================
   NAVIGATION
========================= */

.site-nav {
  background: var(--primary);
  height: 110px !important;
  align-items: center !important;
}

/* =========================
   MENU LAYOUT
========================= */
.site-nav .elementor-nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

/* =========================
   RESET ELEMENTOR
========================= */
.site-nav .elementor-nav-menu li {
  position: relative  !important;
  display: flex  !important;
  align-items: center  !important;
}


.site-nav .elementor-nav-menu a.elementor-item {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: var(--font-base)  !important;
  color: var(--white)  ;
  text-decoration: none  !important;
  font-weight: 500  !important;
  transition: color 0.3s ease  !important;
}

/* =========================
   SEPARATORS
========================= */
.site-nav .elementor-nav-menu > li:not(:last-child)::before {
  content: "|";
  position: absolute;
  right: -20px;
  color: rgba(255,255,255,0.6);
}
.page-id-475 .site-nav .elementor-nav-menu > li:not(:last-child)::before {
  color: #737275;
}

/* =========================
   UNDERLINE (ULTRA STABLE)
========================= */
.site-nav .elementor-nav-menu li a.elementor-item::after {
  content: ""  !important;
  position: absolute  !important;
  left: 0  !important;
  bottom: -3px  !important; /* 🔥 ajuste 6–12px selon rendu */

  width: 0% !important;
  height: 2px !important;

  background: var(--hover-nav) !important;
  transition: width 0.3s ease !important;
	border: none !important;
}
.page-id-475 .site-nav .elementor-nav-menu li a.elementor-item::after {
  content: ""  !important;
  position: absolute  !important;
  left: 0  !important;
  bottom: -3px  !important; /* 🔥 ajuste 6–12px selon rendu */

  width: 0% !important;
  height: 2px !important;

  background: #737275 !important;
  transition: width 0.3s ease !important;
	border: none !important;
}
.page-id-653 .site-nav .elementor-nav-menu li a.elementor-item::after {
  content: ""  !important;
  position: absolute  !important;
  left: 0  !important;
  bottom: -3px  !important; /* 🔥 ajuste 6–12px selon rendu */

  width: 0% !important;
  height: 2px !important;

  background: var(--white) !important;
  transition: width 0.3s ease !important;
	border: none !important;
}
/* HOVER */
.site-nav .elementor-nav-menu li a.elementor-item:hover::after {
  width: 100% !important;
}

/* ACTIVE */
.site-nav .elementor-nav-menu .current-menu-item::after {
  width: 100% ;
}

/* =========================
   HOVER COLOR
========================= */
.site-nav .elementor-nav-menu a.elementor-item:hover {
/*  color: var(--hover-nav) !important;*/
}

/* ACTIVE LINK */
.site-nav .elementor-nav-menu .current-menu-item a.elementor-item {
/*  color: var(--hover-nav) !important;*/
}

/* =========================
   DROPDOWN ARROW FIX
========================= */
.site-nav .sub-arrow {
  margin-left: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* =========================
   DROPDOWN MENU (BONUS CLEAN)
========================= */
.site-nav .elementor-nav-menu--dropdown {
 /* background: var(--hover-nav) !important;*/
}

.site-nav .elementor-nav-menu--dropdown a {
  color: var(--white) !important;
  padding: 20px 20px;
	text-decoration:none;
	 background-color: var(--primary);
}

.site-nav .elementor-nav-menu--dropdown a:hover {
 /* background: var(--secondary) !important ;*/
}
.site-nav .elementor-nav-menu li {
  position: relative;
  display: inline-block; /* 🔥 IMPORTANT */
}
	.site-nav .elementor-nav-menu a.elementor-item {
  display: inline-block !important;
  position: relative;
}
.page-id-653 .site-nav .elementor-nav-menu--dropdown a {
	 background-color: var(--secondary);
}
.page-id-475 .site-nav .elementor-nav-menu--dropdown a {
	 background-color: #49baac;
}
.elementor-nav-menu > ul > li.menu-item-has-children {
    position: relative;
}
ul[id^="sm-"].sub-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    margin-left: 50% !important;
}

ul[id^="sm-"].sub-menu li a {
    text-align: center !important;
    justify-content: center !important;
}
/* H1 - page d'accueil*/
h1.titre-biscuit {
  position: relative !important;
  font-size: 105px !important;
  color: #c9c3b7 !important;
  line-height: 73px !important;
  padding-left:50px !important;
	font-weight :normal !important;
}

h1.titre-biscuit .bg-text {
  display: block !important;
  color: rgba(201, 195, 183, 0.23) !important;
  position: absolute !important;
  left: 0 !important;
  z-index: 0 !important;
  font-weight :normal !important;
  pointer-events: none !important;
}

h1.titre-biscuit .bg-text.top {
  font-size: 130px !important;
  top: 32px !important;
	font-weight :normal !important;
}

h1.titre-biscuit .bg-text.bottom {
  font-size: 130px !important;  /* plus grand que le premier */
  bottom: 50px !important;
   padding-left:50px !important;
	font-weight :normal !important;
	
}

h1.titre-biscuit .red {
  font-size: 105px;
  color: #ea544a;
  line-height: 73px;
  position: relative;
  padding-left: 70px;  /* décalé à droite */
  display: block;
  bottom:20px;
	font-weight :normal !important;
}
/* H1 - page d'historique*/
h1.titre-biscuit-h {
  position: relative !important;
  font-size: 105px !important;
  color: #c9c3b7 !important;
  line-height: 73px !important;
  padding-left:50px !important;
	font-weight :normal !important;
}

h1.titre-biscuit-h .bg-text {
  display: block !important;
  color: rgba(201, 195, 183, 0.23) !important;
  position: absolute !important;
  left: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  font-weight :normal !important;
}

h1.titre-biscuit-h .bg-text.top {
	font-size: 132px !important;
	top: 0 !important;
	font-weight :normal !important;
}

h1.titre-biscuit-h .bg-text.bottom {
  font-size: 130px !important;  /* plus grand que le premier */
  bottom: 50px !important;
   padding-left:50px !important;
	font-weight :normal !important;
}

h1.titre-biscuit-h .red-h {
	font-size: 105px !important;
	color: #ea544a !important;
	line-height: 114px !important;
	position: relative !important;
	padding-left: 60px !important;
	display: block !important;
	bottom: 30px !important;
	text-transform: none !important;
	font-style: italic !important;
	font-weight :normal !important;
}
.transition-smooth i,
.transition-smooth svg {
    transition: transform 0.3s ease-in-out;
}

/* Ou encore plus simple, directement sur les éléments ciblés */
.elementor-633 .elementor-element-7c56d96 .elementor-repeater-item-47fe62b > a i,
.elementor-633 .elementor-element-7c56d96 .elementor-repeater-item-09960b1 > a i,
.elementor-470 .elementor-element-20fbcfc .elementor-repeater-item-47fe62b > a i,
.elementor-470 .elementor-element-20fbcfc .elementor-repeater-item-09960b1 > a i,

.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-47fe62b > a i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-47fe62b > a svg,

.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09960b1 > a i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09960b1 > a svg,

.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09cd642 > a i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09cd642 > a svg,

.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09cd642 > a i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09cd642 > a svg,

.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-47fe62b > a i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-47fe62b > a svg,

.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09960b1 > a i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09960b1 > a svg,

.ekit-svg-icon.icon-facebook,
.ekit-svg-icon.icon-instagram-1 {
    transition: transform 0.3s ease-in-out;
}
.elementor-470 .elementor-element-20fbcfc .elementor-repeater-item-47fe62b > a:hover i,
.elementor-633 .elementor-element-7c56d96 .elementor-repeater-item-47fe62b > a:hover i,
.elementor-633 .elementor-element-7c56d96 .elementor-repeater-item-09960b1 > a:hover i,
.elementor-470 .elementor-element-20fbcfc .elementor-repeater-item-09960b1 > a:hover i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-47fe62b > a:hover i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-47fe62b > a:hover svg{
  transform: rotate(20deg) scale(1.1);
}
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09960b1 > a:hover i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09960b1 > a:hover svg{
  transform: rotate(20deg) scale(1.1);
}
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09cd642 > a:hover i,
.elementor-638 .elementor-element.elementor-element-7231c02 
.elementor-repeater-item-09cd642 > a:hover svg{
 transform: rotate(20deg) scale(1.1);
}
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09cd642 > a:hover i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09cd642 > a:hover svg{
  transform: rotate(20deg) scale(1.1);
}
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09cd642 > a:hover i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09cd642 > a:hover svg{
 transform: rotate(20deg) scale(1.1);
}
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-47fe62b > a:hover i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-47fe62b > a:hover svg{
  transform: rotate(20deg) scale(1.1);
}
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09960b1 > a:hover i,
.elementor-568 .elementor-element.elementor-element-512f2bd 
.elementor-repeater-item-09960b1 > a:hover svg{
  transform: rotate(20deg) scale(1.1);
}
.ekit-svg-icon.icon-facebook:hover {
	transform: rotate(20deg) scale(1.1);
}
.ekit-svg-icon.icon-instagram-1:hover {
	transform: rotate(20deg) scale(1.1);
}
/*newsletter*/
.newsletter-inline .elementor-form-fields-wrapper {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
}

/* Champ email */
.newsletter-inline .elementor-field-group-email {
  width: 65% !important;
  flex: 1 !important;
  margin-bottom: 0;
}

/* Bouton */
.newsletter-inline .elementor-field-type-submit {
  width: 35% !important;
  flex: 0 0 auto;
  margin-bottom: 0;
}

/* Input */
.newsletter-inline input[type="email"] {
   border-radius: 0;
}

/* Bouton */
.newsletter-inline button {
  border-radius: 0;
  white-space: nowrap;
}
#tab-cafe {
  background-color: #ea5349 !important;
  color: #ffffff !important;
}

#tab-pepites {
  background-color: #5f77ba !important;
  color: #ffffff !important;
}

#tab-events {
  background-color: #f3931f !important;
  color: #ffffff !important;
}
#tab-cafe:hover {
  background-color: #c73d34 !important;
  color: #ffffff !important;
}

#tab-pepites:hover {
  background-color: #4a5e96 !important;
  color: #ffffff !important;
}

#tab-events:hover {
  background-color: #d4780f !important;
  color: #ffffff !important;
}
@media (max-width: 1199px) {
  .newsletter-inline .elementor-form-fields-wrapper {
    flex-direction: column;
  }

  .newsletter-inline .elementor-field-group-email,
  .newsletter-inline .elementor-field-type-submit {
    width: 90% !important;
  }

  .newsletter-inline input,
  .newsletter-inline button {
    width: 100%;
  }
}
/* Grid Biscuit - section hero */
.elementor-568 .elementor-element.elementor-element-a935be2 {
  grid-template-columns: 315px 2fr;
}
.elementor-element-9c4a34c > .e-con-inner {
    margin-top:-50px !important;
  }
.icon-chevron-right, .icon-chevron-left  {
  fill: #ffffff !important;
}
.page-id-582 .icon-chevron-right, .page-id-582 .icon-chevron-left, .page-id-460 .icon-chevron-right, .page-id-460 .icon-chevron-left   {
  fill: #A6A297 !important;
}
.elementskit-testimonial-slider .swiper-pagination {
	display : none !important;
}
/* H1 - page Atelier*/
h1.titre-biscuit-A {
   position: relative;
  font-size: 105px;
  color: #c9c3b7;
  line-height: 73px;
  padding-left:50px;
 text-transform: uppercase;
}

h1.titre-biscuit-A .bg-text {
  display: block;
  color: rgba(201, 195, 183, 0.23);
  position: absolute;
  left: 0;
  z-index: 0;
  pointer-events: none;
}

h1.titre-biscuit-A .bg-text.top {
	font-size: 110px;
	top: 0;
	font-weight : normal;
}

h1.titre-biscuit-A .bg-text.bottom {
  font-size: 130px;  /* plus grand que le premier */
  bottom: 50px;
   padding-left:50px;
}

h1.titre-biscuit-A .red-A {
	font-size: 105px;
	color: #ea544a;
	line-height: 114px;
	position: relative;
	padding-left: 80px;
	display: block;
	bottom: 45px;
	text-transform: none;
	font-style: normal;
	font-weight : normal;
}
/* =====================
   Section Mon Biscuit Gourmand
   #elementor-element-81759eb
   ===================== */

/* Overflow visible sur toute la chaîne */
.elementor-element-81759eb,
.elementor-element-81759eb > .e-con-inner,
.elementor-element-81759eb .elementor-element {
  overflow: visible !important;
}

/* Watermark "Mon" */
.titre-gourmand-wrap {
	position: relative;
	height: 285px;
	top: 185px;
}

.titre-watermark {
	font-size: 240px;
	color: rgba(180, 170, 160, 0.1);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	padding-left: 80px;
	line-height: 0;
}

/* Wrapper Biscuit + gourmand */
.titre-gourmand {
  position: relative;
  z-index: 10;
  white-space: nowrap;
  line-height: 1.1;
  margin-bottom: 30px;
	padding-left:45%;
}

/* "Biscuit" */
.mot-biscuit {
  font-style: italic;
  color: var(--secondary);
  font-size: 80px;
}
.mot-biscuit-A {
  font-style: italic;
  color: var(--secondary);
  font-size: 80px;
}
/* "gourmand" */
.mot-gourmand {
  font-style: normal;
  color: var(--white);
  font-size: 110px;
	padding-left:120px;
	visibility: hidden;
}
.mot-gourmand-P {
  font-style: normal;
  color: var(--white);
  font-size: 110px;
  padding-left: 0px;
  visibility: hidden;
}
@media (max-width: 1600px) {
	  .titre-gourmand {
    white-space: normal;
    padding-left: 0; /* garde l'alignement existant */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
.mot-gourmand {
	color: #a8a09a;
	display: block;
	font-size: 85px;
	padding-left: 20px;
	visibility: visible;
}
	.gourmad-LG{
		visibility: hidden;
	}
.titre-gourmand-wrap {
	position: relative;
	top: 90px;
}
	
.titre-watermark {
	font-size: 160px;
	padding-left: 60px;
}
	.mot-gourmand-P {
	font-size: 80px;
	padding-left: 20px;
		color: #a8a09a;
	display: block;
	visibility: visible;
}
	.mot-biscuit {
font-size: 80px;
	padding-left: 35%;
}
	.mot-biscuit-A {
font-size: 70px;
	padding-left: 15%;
}
	  /* Le bloc "Biscuit gourmand" */
  .titre-gourmand {
    margin-top: -10px !important; /* colle le titre au watermark */
  }

  /* Le widget du texte 
  .elementor-element-be8d68a {
    margin-top: 120 !important;
    padding-top: 0 !important;
  }*/
	.content-biscuit-gourmand {
		  top: 20px !important;
	}
	
	}
@media (max-width: 1500px) {
.titre-gourmand-wrap {
	position: relative;
	top: 10px;
	height: 215px;
}

.titre-watermark {
	font-size: 160px;
	padding-left: 60px;
}
	.mot-gourmand-P {
	font-size: 80px;
	padding-left: 55px;
}
	}
@media (max-width: 1366px) {
.mot-biscuit-A {
font-size: 65px;
	padding-left: 15%;
}
	.titre-gourmand-wrap {
	position: relative;
	top: 10px;
	height: 150px;
}
}
h2 span.text-top {
	font-size: 240px;
	color: rgba(180, 170, 160, 0.1);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	padding-left: 0px;
	text-align: left;
	left: 0;
	font-style: normal;
	line-height: 75px;
}
h2 span.text-top-N {
	font-size: 240px;
	color: rgba(180, 170, 160, 0.1);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 50%;
	font-style: normal;
	line-height: 75px;
	transform:translatex(-50%);
	bottom: 85px;
}
h2 span.text-top-NC {
	font-size: 240px;
	color: rgba(255, 255, 255, 0.1);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 50%;
	font-style: normal;
	line-height: 75px;
	transform:translatex(-50%);
	bottom: 85px;
}
h2 span.text-top-MC {
	font-size: 75px;
	color: rgba(180, 170, 160, 0.2);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 50%;
	font-style: normal;
	line-height: 75px;
	transform:translatex(-50%);
	bottom: 35px;
}
h2 span.text-top-Ad {
	font-size: 110px;
	color: rgba(180, 170, 160, 0.2);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 0;
	font-style: normal;
	line-height: 75px;
	/* transform: translatex(-50%); */
	bottom: 79px;
	text-transform: uppercase;
}
h2 span.text-top-CC {
	font-size: 75px;
	color: rgba(180, 170, 160, 0.2);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 0;
	font-style: normal;
	line-height: 75px;
	/* transform: translatex(-50%); */
	bottom: 45px;
	text-transform: uppercase;
}
h2 span.text-top-NN {
	font-size: 240px;
	color: rgba(255, 255, 255, 0.43);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 50%;
	font-style: normal;
	line-height: 240px;
	transform:translatex(-50%);
	text-transform: uppercase;
}
h2 span.text-top-CO {
	font-size: 180px;
	color: rgba(180, 170, 160, 0.2);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 50%;
	font-style: normal;
    transform: translatex(-50%); 
    bottom:50px;
}
h2 span.text-top-CN {
	font-size: 130px;
	color: rgba(250, 250, 250, 0.32);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: left;
	left: 50%;
	font-style: normal;
	line-height: 75px;
    transform: translatex(-50%); 
    bottom:115px;
}
h2 span.text-top-CB {
	font-size: 75px;
	color: rgba(201, 195, 183, 0.23);
	position: absolute;
	z-index: 0;
	pointer-events: none;
	text-align: center;
    bottom:35px;
	text-transform: uppercase;
}
.text-value {
  text-align: center;
}
 .biscuit-titre-wrap {
  position: relative;
  padding: 20px 0 10px;
  overflow: visible;
  line-height: 1;
}

.biscuit-quand-bg {
position: absolute;
  top: 0;
  left: -8px;
  font-family: "Cambria", serif;
  font-size: 240px;
  font-weight: 400;
  font-style: normal;
  color: rgba(201, 195, 183, 0.18);
  line-height: 1;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.biscuit-tagline {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: 80px;
  line-height: 1.15;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 18px;
  float: right;
}

.biscuit-gris {
  font-family: Cambria, serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 400;
  color: #b8af9d;
}

.biscuit-orange {
  font-family: Cambria, serif;
  font-size: 110px;
  font-style: italic;
  font-weight: 700;
  color: #f3931f;
}
/* --- Nécessaire pour positionner le ::before --- */

.container-team-member {
  position: relative;
  overflow: visible !important;
  border-radius: 20px;
  transition: 
    background 0.4s ease,
    transform 0.4s ease,
    box-shadow 0.4s ease;

  background: #f5f3ee;

  /* shadow normale */
  box-shadow:0 45px 50px -38px rgba(0,0,0,0.16);
}


/* --- Fix parent grid overflow --- */


.elementor-element-4e9d971 {
  overflow: visible !important;
}

/* --- Image en grayscale par défaut --- */
.container-team-member .elementor-widget-image img {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}


/* --- Blob ombre sous la carte --- 
.container-team-member::before {
  content: '' !important;
  position: absolute !important;
  bottom: -25px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60% !important;
  height: 60px !important;
  background: #d6d4cf !important;
  border-radius: 50% !important;
  filter: blur(18px) !important;
  z-index: -1 !important;
  display: block !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
  align-self: auto !important;
  order: 999 !important;
	flex-wrap: wrap !important;
}

/* --- Hover : fond bleu --- */


/* --- Hover : blob blanc --- */
.container-team-member:hover::before {
  background: rgba(255,255,255,0.2);
}

/* --- Hover : titre blanc --- */
.container-team-member:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* --- Hover : bio blanc --- */
.container-team-member:hover .elementor-widget-text-editor p {
  color: rgba(255,255,255,0.8) !important;
}

/* --- Hover : photo en couleur --- */
.container-team-member:hover .elementor-widget-image img {
  filter: grayscale(0%) !important;
  transition: filter 0.4s ease;
}
/* === WRAPPER GLOBAL === */
.Form-Biscuiteam .elementor-form .elementor-form-fields-wrapper{
    display:grid !important;
    grid-template-columns: 55% 45%;
    grid-template-areas:
        "name upload"
        "email upload"
        "phone upload"
        "message upload"
        "submit submit";
    gap:24px 40px;
    align-items:stretch;
}

/* === ASSIGNATION DES ZONES === */
.Form-Biscuiteam .elementor-form .elementor-field-group-name{
    grid-area:name;
}

.Form-Biscuiteam .elementor-form .elementor-field-group-email{
    grid-area:email;
}

.Form-Biscuiteam .elementor-form .elementor-field-group-field_e67c42d{
    grid-area:phone;
}

.Form-Biscuiteam .elementor-form .elementor-field-group-message{
    grid-area:message;
}

.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone{
    grid-area:upload;
}

.Form-Biscuiteam .elementor-form .elementor-field-type-submit{
    grid-area:submit;
}

/* === STYLE DES INPUTS === */
.Form-Biscuiteam .elementor-form .elementor-form .elementor-field{
    min-height:72px;
    border:2px solid #b9b1a7 !important;
    background:#f7f7f7;
    padding:20px !important;
    font-size:20px;
}

/* === TEXTAREA === */
.Form-Biscuiteam .elementor-form .elementor-form textarea.elementor-field{
    min-height:300px;
    resize:none;
}

/* === UPLOAD BOX === */
.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone{
    border:2px solid #b9b1a7;
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    position:relative;
    overflow:hidden;
}

/* Cache input natif */
.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone input[type="file"]{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
}

/* Faux contenu */
.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone::before{
    content:"";
    width:201px;
    height:100px;
    background:url('/wp-content/uploads/2026/05/icon-biscuit-upload.png') center center no-repeat;
    background-size:contain;
    display:block;
    margin-bottom:20px;
}

.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone::after{
    content: "Glisse tes docs dans la boîte à biscuits...\A *securité avant tout, pdf et jpg uniquement.";
	 white-space: pre;
    position:absolute;
    bottom:30%;
    left:50%;
    transform:translateX(-50%);
    font-size:20px;
    color:#b9b1a7;
    font-style:italic;
    text-align:center;
    width:90%;
}

/* === BOUTON === */
.Form-Biscuiteam .elementor-form .elementor-field-type-submit{
    display:flex;
    justify-content:center;
    margin-top:20px;
}

.Form-Biscuiteam .elementor-form .elementor-form .elementor-button{
    min-width:380px;
    min-height:90px;
    font-size:28px;
    background:#f39a1e;
    border:none;
}

/* === MOBILE === */
@media(max-width:767px){

.Form-Biscuiteam .elementor-form .elementor-form-fields-wrapper{
        grid-template-columns:1fr;
        grid-template-areas:
            "name"
            "email"
            "phone"
            "message"
            "upload"
            "submit";
    }

.Form-Biscuiteam .elementor-form .elementor-button{
        width:100%;
        min-width:100%;
    }
.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone::before{
    content:"";
    width:120px;
    height:80px;
    background:url('/wp-content/uploads/2026/05/icon-biscuit-upload.png') center center no-repeat;
    background-size:contain;
    display:block;
    margin-bottom:45px;
}
	.Form-Biscuiteam .elementor-form .elementor-field-group-uploadzone::after{
    bottom:15%;
}
	#scrollTopBtn {
	right: 10px !important;
	width: 60px !important;
	height: 42px !important;
	}
}
@media (max-width: 1500px) {
	h1.titre-biscuit-A .red-A {
	padding-left: 0px;

}	h2 span.text-top-MC {
		font-size: 55px;
	}
	h2 span.text-top-CC {
		font-size: 55px; }
	h2 span.text-top-Ad {
		font-size: 55px;}
	h2 span.text-top-CN {
		font-size: 85px;}
	.creation-title-newsC h2 {
		font-size: 85px !important;
	}
	h2 span.text-top-CB {
		font-size: 68px;}
	/* H1 - page d'historique*/
h1.titre-biscuit-h {
  position: relative;
  font-size: 85px;
  color: #c9c3b7;
  line-height: 63px;
  padding-left:20px;
 text-transform: uppercase;
}

h1.titre-biscuit-h .bg-text {
  display: block;
  color: rgba(201, 195, 183, 0.23);
  position: absolute;
  left: 0;
  z-index: 0;
  pointer-events: none;
}

h1.titre-biscuit-h .bg-text.top {
	font-size: 90px;
	top: 0;
}

h1.titre-biscuit-h .bg-text.bottom {
  font-size: 130px;  /* plus grand que le premier */
  bottom: 50px;
   padding-left:50px;
}

h1.titre-biscuit-h .red-h {
	font-size: 85px;
	color: #ea544a;
	line-height: 94px;
	position: relative;
	padding-left: 30px;
	display: block;
	bottom: 40px;
	text-transform: none;
	font-style: italic;
}
}
@media (max-width: 1024px) {
  .biscuit-quand-bg { font-size: 120px; padding-left:10px; }
  .biscuit-gris { font-size: 42px; }
  .biscuit-orange { font-size: 58px; }
  .biscuit-tagline { padding-top: 40px;display: table; }
	h2 span.text-top-CC {
	font-size: 55px;
	line-height: 50px;
	bottom: 35px;
	left: 50%;
	transform: translate(-50%);
}
	h2 span.text-top-CN {
	bottom: 20px;
}
}
/* Valeur principale : "+10K" */
.text-value .stat-value {
	font-size: 50px;
	color: #a6a297;
	display: block;
	line-height: 1.2;
}
 
/* Libellé : "visiteurs" */
.text-value .stat-label {
	font-size: 21px;
	color: #a6a297;
	text-transform: uppercase;
	display: block;
	margin-top: 4px;
	font-family: "Cambria", Sans-serif;
	font-weight: 700;
}


/* Responsive */
@media (min-width: 1024px) and (max-width: 1600px) {

  /* Le conteneur central en grid */
  .elementor-element-81759eb {
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: 0 !important; /* ou ajustez à 10px / 16px selon le rendu */
  }

  /* Le widget du titre */
  .elementor-element-d855506 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Le bloc watermark "Mon" — réduire sa taille pour qu'il prenne moins de place verticale */
  .titre-watermark {
    font-size: clamp(60px, 8vw, 110px) !important;
    line-height: 0.8 !important;
  }


	
	/* Grille centrale : rows automatiques collées au contenu */
  .grid-content-home {
    grid-template-rows: auto auto auto !important;
    align-content: start !important;
    gap: 16px !important;
  }

  /* Carte Belgique : limiter la hauteur qu'elle prend */
  .carte-belgique-h1 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .carte-belgique-h1 img {
    max-height: 220px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* Titre h1 : réduire taille et espacement interne */
  .titre-biscuit {
    font-size: clamp(40px, 5.5vw, 80px) !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Texte contenu : pas de marge top excessive */
  .text-content-home {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}


@media (max-width: 1366px) {
	h2 span.text-top-N {
	font-size: 190px;
}
.mot-gourmand-P {
	font-size: 70px;
	padding-left: 0px;
}
		h2 span.text-top-NC {
	font-size: 150px;
	bottom: 25px;
}
	.title-box-cadeau h2 {
		font-size: 50px !important;
	}
	.biscuiteam-title h2 {
		font-size: 50px !important;
	}
  .titre-watermark  { font-size: 100px;	padding-left: 20px; }

  .mot-gourmand     { font-size: 75px; }
	h1.titre-biscuit-A .bg-text.top {
	font-size: 80px;
	top: 0;
}
	h1.titre-biscuit-A .red-A {
	font-size: 75px;
	color: #ea544a;
	line-height: 114px;
	position: relative;
	padding-left: 12px;
	display: block;
	bottom: 58px;
	text-transform: none;
	font-style: normal;
}


	.carte-belgique-h1 {
		height: 200px !important;
	}
	h1.titre-biscuit {
	font-size: 82px !important;
	padding-left: 0px !important;
}
}
@media (max-width: 1200px) {
		.mot-gourmand-P {
	font-size: 55px;
	padding-left: 10px;
}
	h1.titre-biscuit-A .red-A {
	font-size: 50px;
	padding-left: 5px;
}
	h1.titre-biscuit-A .bg-text.top {
	font-size: 65px;
}
	h1.titre-biscuit-A {
	font-size: 85px;
	line-height: 53px;
	padding-left: 10px;
}
	.creation-title-biscuit h2 {
		font-size: 50px !important;
	}
	.creation-title-artiste h2 {
		font-size: 50px !important;
	}
	.creation-title-coulisses h2 {
		font-size: 50px !important;
	}
	h2 span.text-top-MC {
	font-size: 51px;
	line-height: 50px;
}
	h2 span.text-top-CC {
	font-size: 55px;
	line-height: 50px;
	bottom: 35px;
}
	
}

@media (max-width: 1660px) {
		h1.titre-biscuit {
  position: relative;
  font-size: 87px;
  color: #c9c3b7;
  line-height: 73px;
  padding-left: 50px;
}
	h1.titre-biscuit .bg-text.top {
  font-size: 82px;
  top: 32px;
}
	h1.titre-biscuit .bg-text.bottom {
  font-size: 95px;
  bottom: 50px;
  padding-left: 50px;
}
	h1.titre-biscuit .red {
  font-size: 73px;
  color: #ea544a;
  line-height: 73px;
  position: relative;
  padding-left: 140px;
  display: block;
  bottom: 30px;
}
}
@media (max-width: 1366px) {
  .elementor-568 .elementor-element.elementor-element-a935be2 {
    grid-template-columns: 1fr 1fr;
  }
 .elementor-element-9c4a34c > .e-con-inner {
    flex-direction: column !important;
  }

  /* Carte + texte remonte en 1er */
  .elementor-element-9c4a34c .elementor-element-a935be2 {
    order: 1;
	  width:100% !important;
  }

  /* Photo portrait passe en 2ème */
  .elementor-element-9c4a34c .elementor-element-7e3c259 {
    order: 2;
	    width:100% !important;
  }
	h2 span.text-top-CB {
		font-size: 39px;
	}
}
@media (max-width: 1024px) {
		h2 span.text-top-NC {
	font-size: 150px;
}
		h2 span.text-top-N {
	font-size: 150px;
			bottom:35px;
}
		h2 span.text-top-NN {
	font-size: 150px;
}
.titre-gourmand {
	white-space: normal;
	padding-left:0;
	margin-bottom: 0px;
	line-height: 30px;
}
.titre-watermark {
	font-size: 80px;
	margin-left: -118px;
	bottom: 58px;
}
  .mot-biscuit      { font-size: 45px; }
	.mot-biscuit-A      { font-size: 35px; }
.mot-gourmand {
    font-size: 45px;
    color: var(--text);
    padding-left: 0 !important;
}
.titre-gourmand-wrap {
	position: relative;
	height: auto;
	top: 15px;
}
  h2 span.text-top {font-size: 150px;}
	.mot-gourmand-P {
	font-size: 45px;
	color: var(--text);
	padding-left: 0 !important;
}
}


/* =========================
  responsive header
 =========================== */
/* =========================
   LAPTOP (≤1366px)
========================= */
@media (max-width: 1366px) {
  /* CONTACT + CTA */
  .header-contact,
  .header-cta {
    font-size: 18px !important;
    gap: 12px;
  }
  /* ICONES */
  .icon-circle {
    width: 35px;
    height: 35px;
  }
  .icon-circle i {
    font-size: 16px;
  }
  .header-cta-by-night,
  .header-contact-by-night {
    font-size: 18px !important;
    gap: 12px;
  }
.header-contact-journal,
	.header-cta-journal  {
    font-size: 18px !important;
    gap: 12px;
  }
  /* LOGO (optionnel mais conseillé) */
  .header-logo img {
    max-height: 100px;
  }
  /* MENU */
	.site-nav .elementor-nav-menu {
  gap: 10px;
}
  .site-nav .elementor-nav-menu li:not(:last-child)::before {
    right: -5px;
}
  .site-nav .elementor-nav-menu a.elementor-item {
    font-size: 17px !important;
    padding: 5px 4px !important;
  }
  .site-nav .elementor-nav-menu li {
    padding: 0 !important;
  }

  /* UNDERLINE */
  .site-nav .elementor-nav-menu li a.elementor-item::after {
    bottom: 0px !important;
  }
  /* SUBMENU */
  .site-nav .elementor-nav-menu--dropdown a.elementor-sub-item {
    font-size: 15px !important;
  }
	.site-nav .sub-arrow {
  margin-left: 2px !important;
  display: inline-flex !important;
  align-items: center !important;
}
}
@media (max-width: 1024px) {
  .site-header {
    height: auto;
  }
  .header-top {
    height: auto;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px;
    text-align: center;
  }
  .header-contact,
  .header-cta {
    justify-content: center;
    font-size: 20px;
  }
  .header-nav {
    height: auto;
    padding: 15px 0;
  }
/* =====================================================
     1. NAV FIXÉE EN HAUT — position: fixed (pas sticky)
        Car Elementor gère son propre sticky via JS
        qui entre en conflit avec position:sticky CSS
  ===================================================== */
  .site-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 70px !important;
    z-index: 100000 !important;
   /* background: var(--primary) !important;*/
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  /* Compenser la hauteur de la nav fixée
     pour que le contenu de la page ne passe pas dessous */
  body {
    padding-top: 70px !important;
  }

  /* =====================================================
     2. BURGER / CLOSE — dans la bande fixe
        position: relative = reste dans le flux de la nav
        z-index > dropdown pour rester cliquable
  ===================================================== */
  .site-nav .elementor-menu-toggle {
    position: relative !important;
    z-index: 100002 !important;   /* au-dessus du dropdown (99999) */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: 2px solid var(--white) !important;
    border-radius: 6px !important;
    color: var(--white) !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
  }
	
	.page-id-475 .site-nav .elementor-menu-toggle {
    position: relative !important;
    z-index: 100002 !important;   /* au-dessus du dropdown (99999) */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: 2px solid #666 !important;
    border-radius: 6px !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
  }

  .site-nav .elementor-menu-toggle:hover {
   /* background: var(--hover-nav) !important;
    border-color: var(--hover-nav) !important;*/
  }

  .site-nav .elementor-menu-toggle svg {
    fill: var(--white) !important;
    width: 22px !important;
    height: 22px !important;
  }
 .page-id-475 .site-nav .elementor-menu-toggle svg {
    fill: #666 !important;
    width: 22px !important;
    height: 22px !important;
  }

  /* =====================================================
     3. CACHER LE MENU DESKTOP
  ===================================================== */
  .site-nav .elementor-nav-menu--main {
    display: none !important;
  }

  /* Fix flex global Elementor sur les UL */
  .site-nav .elementor-nav-menu--dropdown .elementor-nav-menu {
    display: block !important;
    flex-direction: unset !important;
    align-items: unset !important;
    justify-content: unset !important;
    gap: 0 !important;
  }

  /* =====================================================
     4. DROPDOWN — s'ouvre SOUS la bande fixe
  ===================================================== */
  .site-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: fixed !important;
    top: 70px !important;          /* juste sous la nav */
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
   /* background: var(--primary) !important;*/
    z-index: 99999 !important;     /* sous le burger (100002) */
    padding: 10px 0 20px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 70px) !important;
	  margin-top:0px
  }

  /* =====================================================
     5. ITEMS PRINCIPAUX
  ===================================================== */
  .site-nav .elementor-nav-menu--dropdown li {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 0 !important;
  }

  .site-nav .elementor-nav-menu--dropdown li:last-child {
    border-bottom: none !important;
  }

  .site-nav .elementor-nav-menu--dropdown a.elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--white) !important;
    text-decoration: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background 0.2s ease !important;
  }

  .site-nav .elementor-nav-menu--dropdown a.elementor-item:hover {
   /* background: rgba(255, 255, 255, 0.07) !important;*/
  }

  .site-nav .elementor-nav-menu--dropdown .current-menu-item > a.elementor-item {
    border-left: 3px solid var(--hover-nav) !important;
    padding-left: 21px !important;
	      color: var(--white) !important;
  }

  .site-nav .elementor-nav-menu--dropdown a.elementor-item::after {
    display: none !important;
  }

  /* =====================================================
     6. SOUS-MENU
  ===================================================== */
  .site-nav .elementor-nav-menu--dropdown .sub-menu {
    background: rgba(0, 0, 0, 0.15) !important;
    padding-left: 0 !important;
    width: 100% !important;
    position: static !important;
  }

  .site-nav .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 11px 24px 11px 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--white) !important;
    opacity: 0.9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
  }

  .site-nav .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item:hover {
   /* background: rgba(255, 255, 255, 0.07) !important;*/
    opacity: 1 !important;
  }

  /* Puce blanche */
  .site-nav .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item::before {
    content: "•" !important;
    color: var(--white) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
  }

  .site-nav .elementor-nav-menu--dropdown a.elementor-sub-item::after {
    display: none !important;
  }

  /* =====================================================
     7. CARET BLANC
  ===================================================== */
  .site-nav .elementor-nav-menu--dropdown .sub-arrow {
    margin-left: auto !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .site-nav .elementor-nav-menu--dropdown .sub-arrow svg {
    fill: var(--white) !important;
    width: 14px !important;
    height: 14px !important;
  }

  /* =====================================================
     8. RESET séparateurs desktop
  ===================================================== */
  .site-nav .elementor-nav-menu li:not(:last-child)::before {
    display: none !important;
  }

  .site-nav .elementor-nav-menu li a.elementor-item::after {
    display: none !important;
  }

}
@media (max-width: 991px) {
	  /* LOGO (optionnel mais conseillé) */
  .header-logo img {
    max-height: 80px;
  }
	  .header-contact,
  .header-cta {
    justify-content: center;
    font-size: 16px !important;
  }
	  /* HEADER STACK */
  .header-top {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 20px 15px !important;
	 align-items: center !important;
  }
}
footer a, header  a {

	text-decoration:none !important;
}

footer .footer-col p {
	font-size: 22px;
}
footer .footer-col p a {
  display: inline !important;
  line-height: inherit !important;
  font-family: "Cambria", Sans-serif;
	color: var(--white) !important;
	text-decoration:none !important;
}
footer .footer-col p a:hover {
	color: var(--secondary) !important;
}
/****maps footer*****/
footer .titre-footer {
	font-family: "Cambria", Sans-serif;
	color: var(--white) !important;
}
footer h3.titre-footer {
	font-size: 25px;
}
footer h3.titre-footer-journal {
	font-size: 25px;
}
footer .titre-footer-journal{
	color: #666 !important;
}
footer .titre-footer-journal img{
filter: contrast(0%);
}
.footer-col-journal p a {
	color: #46b8aa !important;
}
.footer-col-journal p a:hover {
	color: var(--primary) !important;
}
.footer-col2-journal p a {
	color: #666 !important;
}
.footer-col2-journal p a:hover {
	color: var(--primary) !important;
}
/*footer .elementor-widget-text-editor p a{
	color: var(--primary) !important;
}
footer .elementor-widget-text-editor p a:hover{
	color: var(--secondary) !important;
}*/
.clickable-container {
  position: relative;
}

.clickable-container .elementor-widget-html {
  position: absolute;
  inset: 0;
  z-index: 999;
}

.clickable-container .full-link {
  display: block;
  width: 100%;
  height: 100%;
}

/* Empêche les autres éléments de bloquer le clic */
.clickable-container .elementor-widget:not(.elementor-widget-html) {
  pointer-events: none;
}
#scrollTopBtn {
  position: fixed !important;
  bottom: 130px;
  right: 30px;
  width: 133px;
  height: 122px;
 /* background: white;
  border-radius: 60% 40% 55% 45% / 55% 60% 40% 45%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(2px 3px 6px rgba(0, 0, 0, 0.3));
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 0.4s ease;
  z-index: 999;
}

/* apparition */
#scrollTopBtn.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* icône */
#scrollTopBtn svg {
  width: 28px;
  height: 28px;
  stroke: #e74c3c;
  stroke-width: 2.5;
  fill: none;
  transition: 0.3s;
}

/* hover */
#scrollTopBtn:hover {
  transform: translateY(-5px) scale(1.05);
  
}

#scrollTopBtn:hover svg {
  stroke: white;
  transform: translateY(-3px);
}
/* 
.menu-accord-wrap .e-n-accordion-item-title {
  justify-content: space-between;
  border-radius: 0 !important;
  padding: 14px 20px;
}

.menu-accord-wrap .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title { background: #ea4547 !important; }
.menu-accord-wrap .e-n-accordion-item:nth-child(2) .e-n-accordion-item-title { background: #f3931f !important; }
.menu-accord-wrap .e-n-accordion-item:nth-child(3) .e-n-accordion-item-title { background: #49baac !important; }


.menu-accord-wrap .e-n-accordion-item-title-header {
  flex: 1;
  display: flex;
  justify-content: center;
}

.menu-accord-wrap .e-n-accordion-item-title-text {
  color: #fff !important;
  font-family: 'Cambria', Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  text-align: center;
}


.menu-accord-wrap .e-n-accordion-item-title-icon {
width: 40px !important;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.menu-accord-wrap .e-n-accordion-item-title-icon svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}

.menu-accord-wrap .elementor-tab-content {
  background: transparent !important;
  border: none !important;
  padding: 18px 0 !important;
}

.menu-accord {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Cambria', Georgia, serif;
  background: transparent;
  border: none;
}
table.menu-accord {
	font-size:22px;
}

.menu-accord tr,
.menu-accord td {
  border: none !important;
  background: transparent !important;
}

.menu-accord td {
  padding: 8px 10px 5px 0;
  color: #9e9a91;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  white-space: nowrap;
 line-height: 1em;
}

.menu-accord .menu-dots {
  width: 100%;
  white-space: normal;
  background-image: radial-gradient(circle, #858484 1px, transparent 1px) !important;
  background-size: 6px 1px !important;
  background-repeat: repeat-x !important;
  background-position: center !important;
  padding: 0 6px;
  background-color: transparent !important;
}

.menu-accord .menu-prix {
  text-align: right;
  white-space: nowrap;
  padding: 8px 0px 5px 10px;
}

.menu-accord .menu-note {
  text-align: center;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0;
  padding-top: 14px;
  white-space: normal;
  color: #9e9a91;
}
.elementor-widget-n-accordion {
	--n-accordion-border-width: 1px !important;
	--n-accordion-border-color: #fff !important;
	--n-accordion-border-style: solid !important;
}



/* Accordion Elementor - entêtes */
.menu-accord-wrap .elementor-tab-title, .menu-accord-wrap2 .elementor-tab-title {
  font-family: 'Cambria', Georgia, serif;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  border-radius: 0 !important;
  border: none !important;
}

.menu-accord-wrap .elementor-tab-title[data-tab="1"] { background: #f3931f; }
.menu-accord-wrap .elementor-tab-title[data-tab="2"] { background: #6077bb; }
.menu-accord-wrap .elementor-tab-title[data-tab="3"] { background: #49baac; }

.menu-accord-wrap2 .elementor-tab-title[data-tab="1"] { background: #f3931f; }
.menu-accord-wrap2 .elementor-tab-title[data-tab="2"] { background: #ea4647; }
.menu-accord-wrap2 .elementor-tab-title[data-tab="3"] { background: #49baac; }
.menu-accord-wrap2 .elementor-tab-title[data-tab="4"] { background: #f5aeaa; }
.menu-accord-wrap .elementor-tab-title .elementor-accordion-title, .menu-accord-wrap2 .elementor-tab-title .elementor-accordion-title {
  color: #fff !important;
  font-family: 'Cambria', Georgia, serif;
  font-weight: 400;
}

/*.menu-accord-wrap .elementor-tab-title .elementor-accordion-icon {
  color: #fff !important;
}*/

.menu-accord-wrap .elementor-tab-title .elementor-accordion-icon, .menu-accord-wrap2 .elementor-tab-title .elementor-accordion-icon {
width: 50px !important;
  height: 50px;
/*	top: 50% !important;
  transform: translateY(-50%) !important;*/
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
 color: #fff !important;
}

.menu-accord-wrap .elementor-tab-title .elementor-accordion-icon svg, .menu-accord-wrap2 .elementor-tab-title .elementor-accordion-icon svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}

/* Contenu - reset complet */
.menu-accord-wrap .elementor-tab-content, .menu-accord-wrap2 .elementor-tab-content{
  background: transparent !important;
  border: none !important;
  padding: 18px 0 !important;
}

/****************/

/*****************/

/* Reset tableau */
.menu-accord {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Cambria', Georgia, serif;
  background: transparent;
  border: none;
}

.menu-accord tr,
.menu-accord td {
  border: none !important;
  background: transparent !important;
}

.menu-accord td {
  padding: 8px 10px 5px 0;
  color: #9e9a91;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  white-space: nowrap;
 line-height: 1em;
}

.menu-accord .menu-dots {
  width: 100%;
  white-space: normal;
  background-image: radial-gradient(circle, #858484 1px, transparent 1px) !important;
  background-size: 6px 1px !important;
  background-repeat: repeat-x !important;
  background-position: center !important;
  padding: 0 6px;
  background-color: transparent !important;
}

.menu-accord .menu-prix {
  text-align: right;
  white-space: nowrap;
  padding: 8px 0px 5px 10px;
}

.menu-accord .menu-note {
  text-align: center;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0;
  padding-top: 14px;
  white-space: normal;
  color: #9e9a91;
}
table.menu-accord  tr:hover {
	background: none !important;
}
/* ── Entêtes accordion Faq ── */

.faq-accord-wrap .elementor-tab-title {
  justify-content: space-between;
  border-radius: 0 !important;
  padding: 14px 20px;
  text-align: center;
}

/* Titre centré */
.faq-accord-wrap .e-n-accordion-item-title-header {
  flex: 1;
  display: flex;
  justify-content: center;
}

.faq-accord-wrap .elementor-tab-content {
  font-weight: 400;
  text-align: center;
}

/* Icône — cercle blanc */
/* Titre centré + icône à droite */
.faq-accord-wrap .elementor-tab-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 14px 60px !important;
}

.faq-accord-wrap .elementor-tab-title .elementor-accordion-title {
  flex: unset !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 400 !important;
  order: 1 !important;
}

.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  order: 2 !important;
}

.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon-closed,
.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon-opened {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon i {
  font-size: 12px !important;
  color: #fff !important;
  line-height: 1 !important;
}
/* État fermé : afficher + */
.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon-opened {
  display: none !important;
}
.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon-closed {
  display: flex !important;
}

/* État ouvert : afficher - */
.faq-accord-wrap .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
  display: flex !important;
}
.faq-accord-wrap .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
  display: none !important;
}
/* ── Entêtes news accordion ── */
.news-accord-wrap .elementor-tab-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 20px 60px !important;
  background: #49baac;
  border-radius: 0 !important;
  border: none !important;
}

.news-accord-wrap .elementor-tab-title .elementor-accordion-title {
  text-align: center !important;
  color: #fff !important;
  font-weight: 400 !important;
}

.news-accord-wrap .elementor-tab-title .elementor-accordion-icon {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.news-accord-wrap .elementor-tab-title .elementor-accordion-icon-closed,
.news-accord-wrap .elementor-tab-title .elementor-accordion-icon-opened {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.news-accord-wrap .elementor-tab-title .elementor-accordion-icon i {
  font-size: 12px !important;
  color: #fff !important;
  line-height: 1 !important;
}

/* ── Contenu ── */
.news-accord-wrap .elementor-tab-content {
  background: transparent !important;
  border: none !important;
  padding: 24px !important;
}
/* État fermé : afficher + */
.news-accord-wrap .elementor-tab-title .elementor-accordion-icon-opened {
  display: none !important;
}
.news-accord-wrap .elementor-tab-title .elementor-accordion-icon-closed {
  display: flex !important;
}

/* État ouvert : afficher - */
.news-accord-wrap .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
  display: flex !important;
}
.news-accord-wrap .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
  display: none !important;
}

/* Article 1 - Notre mur couleur fait peau neuve */
.e-loop-item-3339 .elementor-button {
  background-color: #49baac !important; /* vert */
}

/* Article 2 - Il y a de l'amour dans l'air */
.e-loop-item-3343 .elementor-button {
  background-color: #f3931f !important; /* orange */
}

/* Article 3 - Joséphine, entre en scène */
.e-loop-item-3345 .elementor-button {
  background-color: #5f77ba !important; /* bleu */
}

/* Article 4 - Les pépites du jour */
.e-loop-item-3347 .elementor-button {
  background-color: #e95349 !important; /* rouge */
}

/* Article 5 - C'est quoi un biscuit en céramique */
.e-loop-item-3349 .elementor-button {
  background-color: #f5aea9 !important; /* pink */
}

/* Article 6 - Biscuit, en tournée à Liège */
.e-loop-item-3351 .elementor-button {
  background-color: #ee931f !important; /* orange */
}

/* petit journal Article 1 - Notre mur couleur fait peau neuve */
.page-id-475 .e-loop-item-3339 .elementor-button {
  background-color: #F5AEA9 !important; /* vert */
}

/* Article 2 - Il y a de l'amour dans l'air */
.page-id-475 .e-loop-item-3343 .elementor-button {
  background-color: #F5AEA9 !important; /* orange */
}

/* Article 3 - Joséphine, entre en scène */
.page-id-475 .e-loop-item-3345 .elementor-button {
  background-color: #F5AEA9 !important; /* bleu */
}

/* Article 4 - Les pépites du jour */
.page-id-475 .e-loop-item-3347 .elementor-button {
  background-color: #F5AEA9 !important; /* rouge */
}

/* Article 5 - C'est quoi un biscuit en céramique */
.page-id-475 .e-loop-item-3349 .elementor-button {
  background-color: #F5AEA9 !important; /* pink */
}

/* Article 6 - Biscuit, en tournée à Liège */
.page-id-475 .e-loop-item-3351 .elementor-button {
  background-color: #F5AEA9 !important; /* orange */
}
/* Conteneur des icônes sociales - centré */
.elementor-element-ef3ec82 p:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 10px;
}
.elementor-element-f96aa5e p:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 10px;
}
/* Supprimer l'espace inline entre les liens */
.elementor-element-ef3ec82 p:last-child a {
  display: inline-flex;
}
.elementor-element-f96aa5e p:last-child a {
  display: inline-flex;
}

/* Taille des icônes */
.elementor-element-ef3ec82 p:last-child a img {
  width: 80px;
  height: 80px;
  transition: transform 0.4s ease;
}
.elementor-element-f96aa5e p:last-child a img {
  width: 80px;
  height: 80px;
  transition: transform 0.4s ease;
}

/* Effet rotation au hover */
.elementor-element-ef3ec82 p:last-child a:hover img {
  transform: rotate(20deg) scale(1.1);
}

.elementor-element-f96aa5e p:last-child a:hover img {
  transform: rotate(20deg) scale(1.1);
}
.section-soir-biscuit a {
	color: var(--secondary) !important;
	text-decoration:underline !important;
}
.section-soir-biscuit a:hover {
	text-decoration:none !important;
}
.section-biscuit-led a {
	color: #7194f3 !important;
	text-decoration:none !important;
}
.section-biscuit-led a:hover {
	text-decoration:underline !important;
}
.Section-journal-green a {
	color: #fff !important;
	text-decoration:underline !important;
}
.Section-journal-green a:hover {
	text-decoration:none !important;
}
.footer-by-night a {
	color:var(--white) !important;
}
.Footer-link a {
	color:var(--white) !important;
}
.page-id-653 {
	background-color:#000 !important;
}
.page-id-475 {
	background-image : url('/wp-content/uploads/2026/05/petit-journal-bg-1-scaled.jpg')
}
.section-articles-journal .elementor-3562 .elementor-element.elementor-element-bcfaedf:not(.elementor-motion-effects-element-type-background), .elementor-3562 .elementor-element.elementor-element-bcfaedf > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #f0eee8;
}
/* Flexbox pour espacer les icônes */
.social-petit-journal p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

/* Grayscale + transition sur les images */
.social-petit-journal p img {
  filter: grayscale(100%) !important;
  transition: filter 0.3s ease, transform 0.4s ease !important;
}

/* Hover : couleur + rotation */
.social-petit-journal p a:hover img {
  filter: grayscale(0%) !important;
  transform: rotate(15deg) scale(1.1) !important;
}

/* Cacher l'image originale */
.page-id-475 #scrollTopBtn img {
  display: none;
}
.page-id-653 #scrollTopBtn img {
  display: none;
}
/* Afficher ta nouvelle image en background */
.page-id-475 #scrollTopBtn {
  display: block;
  width: 133px;   /* ajuste selon la taille de ta nouvelle image */
  height: 122px;
  background-image: url('/wp-content/uploads/2026/05/scroll-top-green_03.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page-id-653 #scrollTopBtn {
	display: block;
	width: 133px;
	height: 122px;
	background-image: url('/wp-content/uploads/2026/05/scroll-top-night.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Style général boutons filtres */
.e-filter .e-filter-item{
    transition:0.3s ease !important;

}
/* __all */
.e-filter .e-filter-item[data-filter="__all"]{
    background:#B2AEA4 !important;
}


/* Biscuit & Co */
.e-filter .e-filter-item[data-filter="biscuit-co"]{
    background:#e95349 !important;
}

/* Biscuit de A à Z */
.e-filter .e-filter-item[data-filter="biscuit-de-a-a-z"]{
    background:#f3931f !important;
}

/* Évènements */
.e-filter .e-filter-item[data-filter="evenements"]{
    background:#49baac !important;
}

/* Infos et tutoriels */
.e-filter .e-filter-item[data-filter="infos-et-tutoriels"]{
    background:#f5aea9 !important;
}

/* Les biscuiteurs */
.e-filter .e-filter-item[data-filter="les-biscuiteurs"]{
    background:#5f77ba !important;
}

/* Hover */
.e-filter .e-filter-item:hover{
    transform:translateY(-4px) !important;
    opacity:.9 !important;
}

/* Bouton actif */
.e-filter .e-filter-item[aria-pressed="true"]{
    box-shadow:0 0 0 3px #fff inset !important;
}
/* Taille vidéo verticale 9:16 */
.ekit_self_video_wrap {
  width: 350px !important;
  margin: 0 auto !important;
}

.ekit_self_video_wrap .mejs-container,
.ekit_self_video_wrap .mejs-video {
  width: 350px !important;
  height: 622px !important;
}

.ekit_self_video_wrap video {
  width: 350px !important;
  height: 622px !important;
  object-fit: cover !important;
}
/* Couleur */
.ekit-popup-close svg path {
  fill: white !important;
}

@media (max-width: 1600px) {
  .menu-accord-wrap {
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
	.menu-accord-wrap2 {
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
	.faq-accord-wrap {
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
	.news-accord-wrap {
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* Responsive */
@media (max-width: 1024px) {
	.highlight-news {
  font-size:75px;
}
.highlight-mois {
  font-size:75px;
}
	.highlight-celebration {
  font-size:75px;
}
	h2 span.text-top-Ad {
	font-size: 55px;
	text-align: center;
	left: 50%;
	transform: translatex(-50%);
	bottom: 15px;
}
	
}
/* Responsive */
@media (max-width: 768px) {
  .section-news__social {
    flex-direction: column;
  }
		.highlight-news {
  font-size:45px;
}
.highlight-mois {
  font-size:45px;
}
	.section-news__btn {
		 width: 320px !important;
		padding: 15px 15px;
	}
}
@media (max-width: 767px) {
.faq-accord-wrap .elementor-tab-title {
	padding: 14px 80px 14px 10px !important;
}
.faq-accord-wrap .elementor-tab-title .elementor-accordion-title {
	text-align: left !important;
}

  /* LOGO */
  #button-cta{
     font-size: 15px !important;
}

  /* CONTACT + CTA */
  .header-contact,
  .header-cta {
    font-size: 16px !important;
    gap: 10px !important;
  }

  /* ICONS */
  .icon-circle {
    width: 25px;
    height: 25px;
  }

  .icon-circle i {
    font-size: 14px;
  }


/* BURGER BUTTON */
.elementor-menu-toggle {
 /* color: var(--primary);*/
  font-size: 28px;
}

/* MOBILE MENU BACKGROUND */
.elementor-nav-menu--dropdown {
 /* background: var(--primary);*/
}

/* MOBILE LINKS */
.elementor-nav-menu--dropdown a {
  color: white !important;
  font-size: 18px;
  padding: 12px 20px;
}
	.menu-accord-wrap .elementor-tab-title .elementor-accordion-icon, .menu-accord-wrap2 .elementor-tab-title .elementor-accordion-icon {
width: 40px !important;
  height: 40px;
}
		.img-av .alignleft {
	float: none;
	margin-right: 0;
	display: table;
	text-align: center;
	margin: 0 auto;
}
	.elementor-465 .elementor-element.elementor-element-86c6304 img {

	display: none !important;
}
	h2 span.text-top-Ad {
	font-size: 30px;
	bottom: 10px;
}
}
@media (max-width: 767px) {
  .titre-watermark  { font-size: 60px; }
  .mot-biscuit      { font-size: 40px; }
	 .mot-biscuit-A      { font-size: 30px; }
  .mot-gourmand     { font-size: 40px; }
	.elementskit-testimonial-slider .swiper-pagination {
	display : block !important;
}
	h2 span.text-top {font-size:100px;}
	.titre-gourmand-wrap {
    position: relative;
}
		h1.titre-biscuit {
  position: relative;
  font-size: 55px !important;
  color: #c9c3b7;
  line-height: 58px;
  padding-left: 20px;
}
	h1.titre-biscuit .bg-text.top {
  font-size: 60px;
  top: 28px;
}
	h1.titre-biscuit .bg-text.bottom {
  font-size: 65px;
  bottom: 45px;
  padding-left: 20px;
}
	h1.titre-biscuit .red {
  font-size: 55px;
  color: #ea544a;
  line-height: 58px;
  position: relative;
  padding-left: 80px;
  display: block;
  bottom: 10px;
}
	h1.titre-biscuit-h .red-h {
    font-size: 45px;
    line-height: 45px;
    bottom: 30px;
}
h1.titre-biscuit-h .bg-text.top {
    font-size: 60px;
}
  .elementor-568 .elementor-element.elementor-element-a935be2 {
    grid-template-columns: 1fr;
  }
h2 span.text-top-NC {
	font-size: 140px;
	bottom: 48px;
}
		h2 span.text-top-N {
	font-size: 135px;
			bottom:0px;
}

  #biscuit-lightbox2 .lb-inner {
    width: 90% !important;
    max-width: 90% !important;
  }

  #biscuit-lightbox2 video {
    max-height: 65vh !important;
    width:90% !important;
  }
#biscuit-lightbox2 .lb-close {
  position: absolute; 
  top: -20px !important; 
  right: -20px !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
}
	h2 span.text-top-MC {
	font-size: 38px;
	line-height: 35px;
}
	h2 span.text-top-CC {
	font-size: 36px;
	line-height: 35px;
}
	h2 span.text-top-CO {
	font-size: 90px;
	bottom: 30px;
}
	.highlight-celebration {
	font-size: 40px;
}
	.creation-title-newsC h2 {
	font-size: 42px !important;
}
	h2 span.text-top-CN {
	font-size: 55px !important;
}
}
/* Sur mobile */
@media (max-width: 480px) {
  .ekit_self_video_wrap,
  .ekit_self_video_wrap .mejs-container,
  .ekit_self_video_wrap .mejs-video,
  .ekit_self_video_wrap video {
    width: 90vw !important;
    height: calc(90vw * 1.777) !important;
  }
		.menu-accord-wrap .elementor-tab-title .elementor-accordion-icon, .menu-accord-wrap2 .elementor-tab-title .elementor-accordion-icon {
width: 30px !important;
  height: 30px;
}
	.faq-accord-wrap .elementor-tab-title .elementor-accordion-icon {
width: 30px !important;
  height: 30px !important;
}
	h2 span.text-top-CC {
	font-size: 33px;
}

}