/*
 Theme Name:   Solution Digitale Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Solution Digitale Child
 Author:       Xavier Gerber
 Author URI:   http://example.com
 Template:     SolutionDigitale
 Version:      3.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light,
dark,
two-columns,
right-sidebar,
responsive-layout,
accessibility-ready
 Text Domain:  twentyfifteenchild
*/

/**********************************************************************************************************/
/*	EXEMPLE DE VARIABLES GLOBALES	*/
:root {
    --text-color-1: #545454 !important;
    --text-color-2: #353535 !important;
    --text-color-white: white !important;
    --text-color-black: black !important;
    --anchor-offset: 80px; 
}

nav #menu-item-55.nav_button_effect > a:after{
    height: 0px!important;
}

.wpcf7 .wpcf7-response-output{
    color: #fff;
}

#eapps-instagram-feed-1 > div > div.eapps-instagram-feed-content > div.eapps-instagram-feed-header-container > div > div > div.eapps-instagram-feed-header-user > div.eapps-instagram-feed-header-user-info *{
    color:black!important;
}

/*SMOOTH SCROLL*/

 
/* tous les éléments qui peuvent être ciblés par un #id */
[id] {
 scroll-margin-top: var(--anchor-offset);
}
 
/* facultatif : ajoute un défilement fluide natif */
html { 
    scroll-behavior: smooth; 
}

.navbar-top-container .builder_menu{
	width:auto!important;
}

.php-error #adminmenuback,
.php-error #adminmenuwrap {
    margin-top: 0 !important;
}

/**********************************************************************************************************/
/*	CONFIGURATION DES TABLES	*/
.table table {
    width: 100%;
}

.table thead {
    border: solid 1px gray;
}

.table thead th {
    background: darkgray;
    color: white !important;
}

.table thead th,
.table td {
    border-left: solid 1px gray;
    border-right: solid 1px gray;
}

tr td,
tr th {
    padding: 10px; /* Ajustez la valeur du padding selon vos besoins */
}

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

.menu-fixed-scroll {
    position: fixed !important;;
    width: 100% !important;
}

.dropdown-item {
    color: black !important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*MENU CHAGEMENT DE LANGUE MASQUE*/
#container_switch_langue {
    display: none !important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
.sd-button-header p,
.sd-button-header a,
input[type=submit],
input[type=submit]:focus {
    color: white!important;
    text-decoration: none;
}

.sd-button-header,
input[type=submit],
input[type=submit]:focus {
    cursor: default;
    transition: 0.3s;
    padding: 8px 16px;
    border: solid 1.5px transparent;
    background-color: var(--sd1);
	width:fit-content!important;
	border-radius: 1px!important;
	letter-spacing: 1px!important;
	text-transform: uppercase;
}

.sd-button-header:hover p,
.sd-button-header:hover a,
input[type=submit]:hover {
    color: white!important;
}

.sd-button-header:hover,
input[type=submit]:hover {
    padding: 8px 16px;
    border: solid 1.5px white;
    background-color: transparent;
}

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

/* ÉTAT NORMAL */
#menu-main > #menu-item-55 > a {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--sd1);
  color: white;
  border: 1.5px solid transparent;
  border-radius: 1px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* HOVER / FOCUS / ACTIVE / PAGE ACTIVE */
#menu-main > #menu-item-55 > a:is(:hover, :focus, :focus-visible, :active),
#menu-main > #menu-item-55:is(.current-menu-item, .current_page_item) > a {
  background-color: transparent;
  border: 1.5px solid white;
  color: white;
  outline: none;
}




/*/////////////////////////////////////////////////////////////////////////////////*/
/*STYLE DES FORMULAIRE*/

/* Reposition du Message erreur*/
.wpcf7-not-valid-tip{
    margin-top:-20px;
    margin-bottom:10px;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form label,
form input,
form textarea {
    width: 100% !important;
	color: white!important;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form textarea {
    width: 100% !important;
    border: solid 1px var(--sd2);
}

form input[type=submit] {
    display: inline-block !important
}

form label input,
form label textarea {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

form * {
    font-size: 14px !important
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea,
select,
input[list] {
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 20px !important;
    display: inline-block;
    border: 1px solid var(--sd2);
    border-radius: 3px;
    box-sizing: border-box;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*SOCIAL*/

.sd_social{
	padding-bottom:1rem;
}

.sd_social i {
    color: white !important;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(104, 104, 104);
    border-radius: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 5px;
    font-size: 25px;
}

.sd_social i:hover {
    transform: scale(1.3);
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER*/
footer .sd_social_footer i {
    color: white !important;
    transition: 0.3s;
    padding-top: 6px;
    background-color: rgb(104, 104, 104);
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
}

footer .sd_social_footer i:hover {
    transform: scale(1.3);
}


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

#home_nav > div:first-of-type > div:first-of-type{
    padding: 10px 30px 10px 30px !important;
    background: white !important;
    filter: drop-shadow(-8px 8px 20px rgba(0,0,0,0.2));
}

#home_nav .builder-relative > a {
    margin-right: 0;
    padding: 0 !important;
}

nav .menu-item{
	letter-spacing: 2px!important;
}

#main .element_gal_multi_1_niveau h5,
.element_header_responsive h1,
.element_header_responsive h2 {
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.element_column_icone_souligne_49_3 p {
  text-transform: uppercase!important;
  letter-spacing: 2px;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-header-follow-button-wrapper a {
    color: white !important;
}

.element_shortcode_53_3 h5,
.element_column_avec_trait_44_5 h5,
.element_image_text_full_responsive h3,
.element_column_icone_souligne h3{
	padding-bottom: 15px!important;
}

h4 .text-small{
	font-size: 18px!important;
}

.element_shortcode_53_3 h5{
	color: var(--sd5)!important;
    font-size: 19px !important;
}

.element_shortcode_53_3 h4 a:not(.nav-link):not(.dropdown-item) {
  color: var(--sd2) !important;
  font-size: 23px !important;
}

.element_column_icone_souligne_32_7{
	z-index: 1!important;
}

.element_tarifs_list_46_5{
	background-color: white;
}

#sortableelement_column_sans_fond_44_4 > div > div > div{
	margin-bottom: 0px!important;
}

[class*="element_column_avec_trait_"] [class*="_item"]:first-of-type .sd_content{
  border-left: none !important;
}

[class*="element_column_avec_trait_"] [class*="_item"]:not(:first-of-type) .sd_content{
  padding-left: 20px;
}

[class*="element_column_avec_trait_59_3"] [class*="_item"]:nth-child(4 of [class*="_item"]) .sd_content,
[class*="element_column_avec_trait_59_3"] [class*="_item"]:nth-child(7 of [class*="_item"]) .sd_content,
[class*="element_column_avec_trait_59_3"] [class*="_item"]:nth-child(10 of [class*="_item"]) .sd_content {
  border-left: revert !important;
  padding-left: revert !important;
}

#sortableelement_column_icone_souligne_49_6 > div {
  border: 1.5px solid var(--sd5);
  padding: 30px;
  box-sizing: border-box;
}

.element_column_icone_souligne_49_3 ,
#main > div.element_tarifs_list{
  padding: 40px!important;
  filter: drop-shadow(-4px 4px 15px rgba(0, 0, 0, 0.15));
}

.sd_tarif_title {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 500;
  color: var(--sd1);
  font-size: 17px!important;
}

.element_tarifs_list .col-3 > p:nth-child(1){
  font-family: 'Playfair Display', serif!important;
  font-weight: 500!important; 
  text-transform: uppercase!important;
  color: var(--sd5) !important;
}

#sortableelement_column_icone_souligne_46_13 {
  border-top: 1.5px solid var(--sd5);
}

.element_shortcode_53_3 #wpcf7-f12-o1 {
  background: var(--sd3);
  padding: 50px 30px !important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1024px) {
	#home_nav:first-of-type.shadow .navbar-brand:first-of-type {
	  transform: scale(0.9);
	}

	#home_nav:first-of-type .navbar-brand:first-of-type {
	  transition: 0.3s;
	}	
	
	#home_nav .navbar-brand { transition:0.3s }
	nav { height:120px; }
	
	body::after {
	  content: "";
	  position: fixed;
	  inset: 0;
	  z-index: -1;
	  pointer-events: none;
	  background: url('https://cdn.solution-digitale.ch/wp-content/uploads/2026/01/Restaurant-Le-Soleil-Logo-background.png') no-repeat left center / 60% auto;
	  background-size: 40% auto; 
	}
	
	h1 .text-tiny {
	  background: url('https://cdn.solution-digitale.ch/wp-content/uploads/2026/01/Restaurant-Le-Soleil-El-Segundo-logo-header.png') no-repeat center;
	  background-size: contain;
	  width: 100%; 
	  height: 500px;
	  margin-bottom: 20px!important;
	  text-indent: -9999px; 
	  display: block; 
	}
	
	#sortableelement_column_sans_fond_44_4 > div:last-of-type {
	  width: calc((100% / 3 * 2) - 8px) !important;
	}

	#sortableelement_column_sans_fond_44_4 > div:last-of-type img {
	  aspect-ratio: 2000/982 !important;
	  width: 100%;
	  height: auto;
	}	
	
	h4 .text-big {
	  font-size: 35px !important;
	}
	

	.element_column_icone_souligne_49_3 h3:not(:first-of-type) {
	  position: relative;
	  margin-top: 70px;
	  padding-top: 90px;
	}

	.element_column_icone_souligne_49_3 h3:not(:first-of-type)::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 50%;
	  height: 1.5px;
	  background-color: var(--sd6);
	}

	.element_column_icone_souligne_49_3 h5,
	.element_column_icone_souligne_49_3 h3,
	.element_column_icone_souligne_49_3 p {
	  max-width: 70%;
	  margin-left: auto;
	  margin-right: auto;
	}
	
}	

/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 991px) {
    #menu-main {
        gap: 15px
    }
}

/*/////////////////////////////////////////////////////////////////////////////////*/
    #breadcrumbs {
        list-style: none;
        margin: 10px 0;
        overflow: hidden;
    }

    #breadcrumbs li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
    }

    #breadcrumbs .separator {
        font-size: 18px;
        font-weight: 100;
        color: #ccc;
    }

    html.wp-toolbar {
        padding-top: 25px !important;
    }

    .adminmenuwrap {
        margin-top: 0 !important;
    }

/*/////////////////////////////////////////////////////////////////////////////////*/
    /* Header & Footer */
    @media screen and (max-width: 992px) {
        .nav-item {
            display: grid !important
        }

        footer > div > div > div > div > .navbar-nav > .nav-item {
            display: unset !important
        }

        .nav-item {
            display: flex !important
        }

        footer > div > div > div > div > .navbar-nav > .nav-item {
            display: unset !important
        }

        ul.dropdown-menu {
            top: 40px !important
        }

        /* Ajout d'une marge en dessus des options admin si menu sticky top */
        #main > div > div.builder_menu.d-flex {
            z-index: 99999 !important;
        }

        .sdg_popup_template {
            z-index: 999999 !important;
        }	
	}