/* --------------------------------------------------------------------------
   ✦ COULEURS GOURMANDISES — produit par ATHORUS DIGITAL ✦
   --------------------------------------------------------------------------
   Custom CSS File
   Author : Athorus Digital
   Website : https://athorus.fr
   Version : 1.0
   Description :
   Ajustements visuels personnalisés du thème Fidalgo Child.
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   VARIABLES GLOBALES
   -------------------------------------------------------------------------- */

:root{--cg-vert-fonce:#083a36;--cg-vert-profond:#032623;--cg-vert:#005A53;--cg-turquoise:#00d4c7;--cg-turquoise-alt:#00d8c8;--cg-turquoise-footer:#00c8b7;--cg-turquoise-light:#76fff5;--cg-text:#032623;--cg-white:#fff;--cg-grid-lines:#dfdfdf50;--cg-grid-lines-decoration:rgb(218,218,218);--qode-grid-lines-color:var(--cg-grid-lines);--qode-grid-lines-decoration-color:var(--cg-grid-lines-decoration);}


/* --------------------------------------------------------------------------
   COMPOSANTS GLOBAUX
   -------------------------------------------------------------------------- */

body .header-bann {--margin-top: 30px !important;}
body #qodef-page-header {padding-top: 30px !important;}
body #qodef-page-header .qodef-header-logo-link img {margin: -5px auto 0 auto !important; max-height: 71px;	height: 71px !important;}
body .qodef-top-area{display: none;}

body #qodef-back-to-top .qodef-back-to-top-icon:before{content:"";position:absolute;top:56%;left:50%;transform:translate(-50%,-50%) rotate(135deg);width:10px;height:10px;border:1px solid var(--cg-turquoise);border-width:0 0 2px 2px;}
body #qodef-back-to-top .qodef-back-to-top-icon .qodef-back-to-top-additional-border {z-index: -1; background: transparent; transition: all .3s ease;}
body #qodef-back-to-top .qodef-back-to-top-icon .qodef-back-to-top-inner{display: none;}

body #qodef-back-to-top:hover .qodef-back-to-top-icon .qodef-back-to-top-additional-border {background: #005a53;}
body #qodef-back-to-top:hover .qodef-back-to-top-icon:before{border:1px solid white;border-width:0 0 2px 2px;}

body .grecaptcha-badge{opacity: 0 !important;}

body .cta .qodef-button{position:relative;padding:22px 48px;background:var(--cg-vert);border:1px solid var(--cg-turquoise);transition:all .3s ease;}
body .cta .qodef-button::after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(255,255,255,.55);pointer-events:none;transition:all .3s ease;}
body .cta .qodef-button:hover::after{top:6px;left:6px;right:6px;bottom:6px;transition:.3s ease;}

body .qodef-m-background-grid-lines .qodef-m-background-grid-line, .qodef-background-grid-lines--enabled .qodef-m-background-grid-lines .qodef-m-background-grid-line{background-color:rgba(200,200,200,0.25);}
body .qodef-m-background-grid-lines .qodef-m-background-grid-line::after, .qodef-background-grid-lines--enabled .qodef-m-background-grid-lines .qodef-m-background-grid-line::after{background:#ced8d7;}

/* body .decor-line::before{content:"";position:absolute;top:20px;left:0;width:45%;height:2px;background:#17d6d1;box-shadow:0 8px 0 #17d6d1;}
body .decor-line::after{content:"";position:absolute;top:20px;right:0;width:45%;height:2px;background:#17d6d1;box-shadow:0 8px 0 #17d6d1;} */

body .menu p{color:var(--cg-text)!important;font-weight:300;letter-spacing:1px;}
body .menu ul{ list-style:none;padding:0;margin:0 0 0 20px; position: relative;}
body .menu ul>li{color:var(--cg-text)!important;font-weight:300;letter-spacing:1px; position: relative;}
body .menu ul>li::before{content:"";position:absolute;left:-20px;top:50%;width:6px;height:6px;background:var(--cg-turquoise);border-radius:50%;top: 10px;}


body .bloc-texte .qodef-m-text p{color:var(--cg-text)!important;font-weight:300;letter-spacing:1px;}
body .bloc-texte h2 {color: #00C8B7; font-weight: 300; letter-spacing: 1px;}
body .bloc-texte p {color: var(--cg-text) !important; font-weight: 300; letter-spacing: 1px;}

body .temoignages{background-image:linear-gradient(rgba(8,58,54,0.1),white,rgba(8,58,54,0.1))!important;}
body .temoignages .temoignages-title{text-decoration:underline;}
body .temoignages .temoignages-slider{color:var(--cg-text)!important;}
body .temoignages .temoignages-slider p{color:var(--cg-text)!important;font-weight:300;letter-spacing:1px;}
body .temoignages .temoignages-slider h6{color:var(--cg-text)!important;font-size:14px;font-weight:300;letter-spacing:1px;}
body .temoignages img{height:42px;width:94px;max-width:100%!important;}

body .creations h2.qodef-m-title{font-weight:400;}
body .creations h6{font-size:14px;color:var(--cg-text);font-weight:300;letter-spacing:1px;}

body .wpcf7 form .wpcf7-response-output {color:var(--cg-text);}






/* --------------------------------------------------------------------------
   HEADER
   -------------------------------------------------------------------------- */

body .qodef-header-sticky{background:linear-gradient(#083a36bf,#0326237a);}
body header #qodef-page-header-inner{margin-top: 20px;}



/* --------------------------------------------------------------------------
   HOMEPAGE
   -------------------------------------------------------------------------- */
   
body.home #qodef-page-outer .qodef-content-grid {width:100%; padding: 0 !important;}

body.home .qodef-m-icon-wrapper img{height:42px;width:94px;max-width:100%!important;}
body.home .qodef-m-text-holder .qodef-m-text{color:var(--cg-text)!important;}
body.home .slider-menus .qodef-e-subtitle{color:var(--cg-turquoise);margin-top:30px;}
body.home .slider-menus .qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-images-overlay {z-index: 5;}
body.home .qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-images-overlay {background-color: transparent;}

body.home .carte h5{color:var(--cg-text)!important;font-weight:400;}
body.home .carte h5::after{content:"";position:absolute;left:50%;bottom:0;width:8px;height:8px;border:1px solid var(--cg-turquoise);transform:translateX(-50%) rotate(45deg);}

body.home .form-reservation h2.qodef-m-title{font-weight:200;font-size:32px;font-family:Jost,sans-serif;}
body.home .form-reservation .qodef-button {position: relative;	padding: 22px 48px;	background: linear-gradient(var(--cg-turquoise), var(--cg-vert));	transition: all .3s ease;}
body.home .form-reservation .qodef-button-holder {margin-top:75px; justify-content: left;}


body.home .cadre1-left:before{content: "";  position: absolute; top: -335px; left: -45px;  width:10px;  height:2160px;  background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/Cadre1-LEFT.svg');  background-size: cover;  background-repeat: no-repeat;  z-index: 0;}
body.home .cadre1-right:after{content: "";  position: absolute; top: -335px; RIGHT: -45px;  width:10px;  height:2131px;  background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/Cadre1-RIGHT.svg');  background-size: cover;  background-repeat: no-repeat;  z-index: 0;}

body.home .cadre1-top{position:relative; width:100% !important; display: flex; align-items: center; justify-content: center;}
body.home .cadre1-top:before{content:"";position:absolute;top:25px;left:50%;width:100%;height:100%;background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/Cadre1-TOP.svg'); background-size: contain; background-repeat: no-repeat; z-index: -1; max-width: 1400px; transform: translateX(-50%);}
body.home .cadre1-top:after{content:""; position:absolute; top:-10px; left:50%; width:0; height:0;  border-left:100px solid transparent;  border-right:100px solid transparent;  border-bottom:90px solid white;    transform:translateX(-50%);    z-index:0;}
body.home .cadre1-top .qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper {z-index: 1;}
body.home .cadre1-top .elementor-widget-container{width:570px; max-width: 570px;}

body.home .genereux-left{position:relative;}
body.home .genereux-left:before{content: "";  position: absolute; top: -35px; left: -45px;  width:100px;  height:100px;  background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/angle.svg');  background-size: cover;  background-repeat: no-repeat;  z-index: 0;}
body.home .genereux-left:after{content: "";  position: absolute; bottom: -80px; left: -45px;  width:100px;  height:100px;  background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/angle.svg');  background-size: cover;  background-repeat: no-repeat;  z-index: 0; transform: rotate(-90deg);}

body.home .genereux-right{position:relative;}
body.home .genereux-right:before{content: "";  position: absolute; top: -35px; left:340px;  width:100px;  height:100px;  background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/angle.svg');  background-size: cover;  background-repeat: no-repeat;  z-index: 0; transform: rotate(90deg);}
body.home .genereux-right:after{content: "";  position: absolute; bottom: -80px; right: -45px;  width:100px;  height:100px;  background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/angle.svg');  background-size: cover;  background-repeat: no-repeat;  z-index: 0; transform: rotate(180deg);}

body.home .genereux-top{position:relative;}
body.home .genereux-top:before{content:"";position:absolute;top:-33px;left:50%;width:1200px;height:100%;background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/Cadre1-TOP.svg'); background-size: contain; background-repeat: no-repeat; z-index: -1; max-width: 1400px; transform: translateX(-50%);}
body.home .genereux-top:after{content:"";position:absolute;top: 1300px;left:50%;width:1200px;height:100%;background-image: url('https://couleursgourmandises.com/wp-content/uploads/2026/05/Cadre1-TOP.svg'); background-size: contain; background-repeat: no-repeat; z-index: -1; max-width: 1400px; transform: translateX(-50%);}






/* --------------------------------------------------------------------------
   FORMULAIRES
   -------------------------------------------------------------------------- */

.cg-devis-form .qodef-grid-inner{row-gap:48px;}
.cg-devis-form input,.cg-devis-form textarea{background:transparent!important;border:0!important;border-bottom:1px solid var(--cg-turquoise-alt)!important;border-radius:0!important;color:var(--cg-white)!important;padding:0 0 10px!important;font-size:15px;}
.cg-devis-form input::placeholder,.cg-devis-form textarea::placeholder{color:var(--cg-white)!important;opacity:1;}
.cg-message-field{margin-top:48px;}
.cg-message-field textarea{height:42px!important;min-height:42px!important;resize:none;}
.cg-button-holder{margin-top:68px;}
.cg-button-holder input[type="submit"]{background:#10c8bd!important;border:2px solid var(--cg-turquoise-light)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);padding:18px 56px!important;letter-spacing:2px;font-size:13px;font-weight:700;color:var(--cg-white)!important;}


/* --------------------------------------------------------------------------
   MENU RESTAURANT
   -------------------------------------------------------------------------- */

body.restaurant .menu .fidalgo_core_restaurant_menu_list .qodef-e-media-image{display:none;}
body.page .qodef-section-title.qodef-decoration--enabled .qodef-m-title{font-size: 35px; font-weight: 400;}
body.page .qodef-section-title .qodef-m-text{color:var(--cg-text)!important; font-size: 23px; font-weight: 300; letter-spacing: 1px;}


body.traiteur #qodef-page-outer .qodef-content-grid {width:100%;}

body.evenements #qodef-page-outer .qodef-content-grid {width:100%; padding: 0 20px !important;}
body.evenements .qodef-event-list .qodef-e-title {color:var(--cg-text)!important; font-size: 20px; font-weight: 400;}
body.evenements .qodef-event-list .qodef-e-date{display: none;}
body.evenements .qodef-event-list .qodef-e-event-item-reservation-info{color:var(--cg-text)!important;}

body.evenements .qodef-section-title .qodef-m-title{color: #00C8B7 !important;}


body.evenements h6{color: #00C8B7 !important; letter-spacing: 1em;}
body.evenements .qodef-event-list .qodef-e-event-item-reservation-info > *{color:#9d9d9d !important;}


body.contact #qodef-page-outer .qodef-content-grid {width:100%; padding: 0 20px !important;}
body.contact .form-contact h2{color: #00C8B7 !important; margin: 25px 0 0 0;}
body.contact .form-contact.qodef-m-text {color:#9d9d9d !important;}
body.contact .qodef-m-text-info .qodef-m-text {color: var(--cg-text) !important;}
body.contact input[type="date"], body.contact input[type="email"], body.contact input[type="number"], body.contact input[type="password"], body.contact input[type="search"], body.contact input[type="tel"], body.contact input[type="text"], body.contact input[type="url"], body.contact select, body.contact textarea {background-color: transparent;border-color: #00C8B7;	color:var(--cg-text) !important;}
body.contact .form-contact .qodef-button.qodef-layout--outlined{background:#005A53!important;border-color:transparent!important; color: var(--cg-white) !important; padding: 22px 48px;} 
body.contact .form-contact-right h5{color:#1D756E !important; font-weight: 400; margin: 25px 0 0 0;}
body.contact .form-contact-right p{color:var(--cg-text) !important; font-weight: 300; letter-spacing: 1px;}


body.contact .wpcf7 form .wpcf7-response-output {margin: 2em 0 1em; padding: 2em 2em !important;font-weight: 400;}





/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
body .qodef-skin--indigo, body.qodef-skin--indigo {--qode-additional-background-color: linear-gradient(var(--cg-vert-fonce),var(--cg-vert-profond)) !important;}
body #qodef-page-footer{background-image:linear-gradient(var(--cg-vert-fonce),var(--cg-vert-profond))!important;background-color:transparent;}
body #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item{text-align:center!important;}
body #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(1){border-right:1px solid var(--cg-turquoise-footer);}
body #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:nth-child(3){border-left:1px solid var(--cg-turquoise-footer);}
body #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item h4{color:var(--cg-turquoise-footer);font-size:17px;font-weight:300;letter-spacing:1px;}
body #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item p{letter-spacing:1px;}
body #qodef-page-footer .widget:not(.widget_fidalgo_core_title_widget){margin:0 0 15px;}
body #qodef-page-footer #qodef-footer-logo-holder{align-items:center;}
body #qodef-page-footer #qodef-footer-logo-holder img{max-height:150px;width:auto;}
#qodef-page-footer #qodef-footer-logo-holder a{top:0;}
body #qodef-page-footer-bottom-area-inner{margin-top:-68px;padding-top:0;padding-bottom:70px;}
body #qodef-page-footer-bottom-area .qodef-grid-item p{font-size:11px;font-weight:300;letter-spacing:1px;}
body #qodef-page-footer-bottom-area .wp-block-paragraph strong{color:var(--cg-turquoise-footer);font-weight:300;letter-spacing:1px;}







/*************************************/
/* --------- MEDIA QUERIES --------- */
/*************************************/

body:before {width: 100%; height: 5px; background: transparent; content: ''; display:block; position: fixed; z-index: 99999; bottom: 0;}




/* Desktops */
/* Version  Desktop */
@media (max-width:1600px) 
{
   body:before {background: var(--cg-turquoise); height:3px;}

   body.home .cadre1-left::before {top: -363px;	left: -134px;width: 10px;height: 1936px;}
   body.home .cadre1-right::after {top: -363px;	right: -133px;	width: 10px;height: 1936px;}
   body.home .slider-prestations{height:650px;}
   body.home .qodef-interactive-link-showcase.qodef-layout--slider{height:650px;}
   body.home .qodef-interactive-link-showcase.qodef-layout--slider .swiper-container .swiper-wrapper {min-height:59vh;}

}

/* Version  Desktop 2 - Vert canard */
@media(max-width:1400px)
{
   body:before {background: var(--cg-vert); height:3px;}

   body .header-bann {--margin-top: 0px !important;}
   body #qodef-page-mobile-header {top: 60px;}

}


/* Tablettes */
@media(max-width:992px)
{
   body:before {background: green; height:3px;}

}


/* Mobiles */
@media(max-width:600px)
{
   body:before {background: red; height:3px;}

}