/**
 * CSS Pour le Header
 * Author: GBI
*/

/*******************
 * VERSION DESKTOP *
 *******************/

/* Top Bar */
.tc-topbar {
    min-height:36px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    background:#A97A2B;
    color:#FFFFFF;
    font-size:15px;
    font-weight:400;
    letter-spacing:0.15px;
    line-height:1;
    white-space:nowrap;
}
.tc-topbar__item {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}
.tc-topbar__icon {
    font-size:15px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.tc-topbar__icon-img img{
    height:16px;
    width:auto;
    display:block;
}
.tc-topbar__item{
    display:flex;
    align-items:center;
    gap:7px;
}
.tc-topbar__flag {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}
.tc-topbar__flag svg {
    width:18px;
    height:12px;
    display:block;
}
.tc-topbar__text {
    color:#FFFFFF;
}
.tc-topbar__sep {
    width:1px;
    height:16px;
    background:rgba(255,255,255,.58);
    display:block;
}
/* Recherche */
.tc-header-search{
  	display:flex;
  	align-items:center;
  	gap:10px;
  	margin:0;
	position:relative;
}
.tc-header-search button {
	width:28px;
	height:28px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	position:relative;
}
.tc-search-icon {
	width:20px;
	height:20px;
	border:2px solid #2F261F;
	border-radius:50%;
	display:block;
	position:relative;
}
.tc-search-icon:after {
	content:"";
	width:9px;
	height:2px;
	background:#2F261F;
	position:absolute;
	right:-7px;
	bottom:-3px;
	transform:rotate(45deg);
	border-radius:2px;
}
.tc-header-search input[type="search"] {
	width:150px;
	border:0;
	background:transparent;
	color:#2F261F;
	font-size:14px;
	font-weight:400;
	letter-spacing:.2px;
	text-transform:uppercase;
	outline:none;
}
.tc-header-search input::placeholder {
	color:#2F261F;
	opacity:1;
}
.tc-header-search:after {
	content:"";
	width:32px;
	height:2px;
	background:#B8954F;
	position:absolute;
	left:0;
	bottom:-9px;
}
/* Téléphone et horraire */
.tc-header-phone {
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#2F261F;
    transition:all .2s ease;
	position:relative;
    top:2px;
}
.tc-header-phone:hover {
    opacity:.82;
}
.tc-header-phone__icon {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2F261F;
	position:relative;
	top:-1px;
}
.tc-header-phone__icon svg {
    width:30px;
    height:30px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.tc-header-phone__content {
    display:flex;
    flex-direction:column;
    line-height:1.1;
}
.tc-header-phone__number {
    font-size:15px;
    font-weight:400;
    color:#2F261F;
}
.tc-header-phone__hours {
    font-size:12px;
    font-weight:400;
    color:#8A7458;
    margin-top:4px;
}
/* Mon Compte / Panier */
.tc-header-actions .et-menu {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:22px;
}
.tc-header-actions .et-menu > li {
    margin:0!important;
    padding:0!important;
}
.tc-header-actions .et-menu > li > a {
    color:#2F261F!important;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:.1px;
}
.tc-header-actions .et-menu > li + li {
    border-left:1px solid #E2D9CC;
    padding-left:22px!important;
}
.tc-header-actions .et-menu > li > a:hover {
    color:#A97A2B!important;
}
/* Mon Compte / Pannier */
.tc-header-actions-custom {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    height:44px;
}
.tc-header-account,
.tc-header-cart {
    height:44px;
    display:flex;
    align-items:center;
    gap:7px;
    color:#2F261F;
    text-decoration:none;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    line-height:44px;
    position:relative;
}
.tc-header-account:hover,
.tc-header-cart:hover {
    color:#A97A2B;
}
.tc-header-account__icon,
.tc-header-cart__icon {
    width:24px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.tc-header-account__icon svg,
.tc-header-cart__icon svg {
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.tc-header-cart__icon svg {
    width:26px;
    height:26px;
}
.tc-header-actions__sep {
    width:1px;
    height:28px;
    background:#E2D9CC;
    display:block;
    margin:0 4px;
}
.tc-header-cart {
	padding-right:26px;
}
.tc-cart-count {
    min-width:18px;
    height:18px;
    padding:0 6px;
    border-radius:999px;
    background:#A97A2B;
    color:#FFFFFF;
    font-size:10px;
    font-weight:500;
    line-height:18px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:9px;
    right:-10px;
    box-sizing:border-box;
}
/* Menu */
.tc-header-nav .et-menu-nav li ul,
.tc-header-nav .et-menu-nav li ul.sub-menu {
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:inline-block!important;
    border-top:3px solid #A97A2B!important;
    padding:14px 0!important;
    box-shadow:0 12px 28px rgba(0,0,0,.10)!important;
}
.tc-header-nav .et-menu-nav li ul li,
.tc-header-nav .et-menu-nav li ul li a {
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
}
.tc-header-nav .et-menu-nav li ul li a {
    display:block!important;
    padding:11px 22px!important;
    color:#2F261F!important;
    font-size:14px!important;
    line-height:1.35!important;
    text-transform:uppercase;
    white-space:nowrap!important;
}
.tc-header-nav .et-menu-nav li ul li a:hover {
    color:#A97A2B!important;
    background:#FAF7F1!important;
    opacity:1!important;
}
/* Réduction en cas de scroll */
.tc-header-topbar,
.tc-header-main,
.tc-header-nav {
    z-index:9999;
    transition:all .25s ease;
}
.tc-header-topbar.tc-header--sticky {
    display:none;
}
.tc-header-main.tc-header--sticky {
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    background:#FFFFFF;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    min-height:74px;
    padding-top:6px!important;
    padding-bottom:6px!important;
    animation:tcStickyFade .25s ease;
}
.tc-header-nav.tc-header--sticky {
    position:fixed;
    top:74px;
    left:0;
    right:0;
    width:100%;
    background:#FFFFFF;
    animation:tcStickyFade .25s ease;
}
.tc-logo-full,
.tc-logo-icon {
    transition:all .25s ease;
}
.tc-logo-icon {
    display:none;
}
.tc-header-main.tc-header--sticky .tc-logo-full {
    display:none!important;
}
.tc-header-main.tc-header--sticky .tc-logo-icon {
    display:block!important;
    max-width:58px!important;
    height:auto!important;
    margin:auto;
}
.tc-header-main.tc-header--sticky,
.tc-header-nav.tc-header--sticky {
    box-shadow:0 4px 14px rgba(0,0,0,.04);
}
@keyframes tcStickyFade {
    from {
        opacity:.92;
        transform:translateY(-6px);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}

/********************
 * VERSION TABLETTE *
 ********************/
.tc-topbar--tablet {
    min-height:36px;
    padding:0 14px;
    gap:18px;
    font-size:14px;
    font-weight:400;
}
.tc-topbar--tablet .tc-topbar__icon-img img {
    height:17px;
    width:auto;
    display:block;
}
.tc-topbar--tablet .tc-topbar__sep {
    height:16px;
	opacity:.55;
}
/* Réduction au scroll */
.tc-header-tablet-main {
    transition:all .25s ease;
}
.tc-header-tablet-main.tc-header-tablet-main--hidden {
    opacity:0;
    transform:translateY(-10px);
    pointer-events:none;
    height:0!important;
    overflow:hidden;
    padding-top:0!important;
    padding-bottom:0!important;
}
.tc-header-tablet-main-sticky {
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:9999;
    background:#FFFFFF;
    opacity:0;
    transform:translateY(-12px);
    pointer-events:none;
    transition:all .25s ease;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.tc-header-tablet-main-sticky.tc-header-tablet-main-sticky--active {
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}
.tc-header-tablet-main-sticky .et_pb_row {
    padding-top:8px!important;
    padding-bottom:8px!important;
}
.tc-header-tablet-main-sticky img {
    max-height:54px;
    width:auto;
}
/* Menu */
.tc-header-tablet-nav .et_pb_menu__menu {
    display:flex!important;
}
.tc-header-tablet-nav .et_mobile_nav_menu {
    display:none!important;
}
.tc-header-tablet-nav .et-menu {
    display:flex!important;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap!important;
}
.tc-header-tablet-nav .et-menu > li {
    padding-left:10px!important;
    padding-right:10px!important;
}
.tc-header-tablet-nav .et-menu > li > a {
    font-size:13px!important;
    font-weight:400!important;
    color:#2F261F!important;
    text-transform:uppercase;
    padding-top:16px!important;
    padding-bottom:16px!important;
    white-space:nowrap!important;
}
.tc-header-tablet-nav .et-menu > li > a:hover {
    color:#A97A2B!important;
    opacity:1!important;
}
.tc-header-tablet-nav .menu-item-has-children > a:first-child:after {
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin-left:8px;
    border-right:1.6px solid #A97A2B;
    border-bottom:1.6px solid #A97A2B;
    transform:rotate(45deg) translateY(-2px);
    vertical-align:middle;
	top:18px;
}
.tc-header-tablet-nav .nav li ul {
    width:240px!important;
    padding:14px 0!important;
    border-top:2px solid #A97A2B!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
	top:40px!important;
}
.tc-header-tablet-nav .nav li li {
    padding:0!important;
}
.tc-header-tablet-nav .nav li li a {
    width:100%!important;
    padding:13px 22px!important;
    color:#2F261F!important;
    font-size:13px!important;
    font-weight:400!important;
    text-transform:uppercase;
    letter-spacing:.1px;
    line-height:1.2;
}
.tc-header-tablet-nav .nav li li a:hover {
    background:#F8F5F0!important;
    color:#A97A2B!important;
    opacity:1!important;
}
.tc-header-tablet-nav .menu-item-has-children:hover > a:first-child:after {
    transform:rotate(225deg) translateY(-1px);
}
.tc-header-tablet-nav {
    transition:all .25s ease;
}
.tc-header-tablet-nav.tc-header-tablet-nav--sticky {
    position:fixed;
    top:89px;
    left:0;
    right:0;
    width:100%;
    z-index:9998;
    background:#FFFFFF;
    box-shadow:0 4px 10px rgba(0,0,0,.03);
}
.tc-header-tablet-nav.tc-header-tablet-nav--sticky,
.tc-header-tablet-nav.tc-header-tablet-nav--sticky .et_pb_section,
.tc-header-tablet-nav.tc-header-tablet-nav--sticky .et_pb_row,
.tc-header-tablet-nav.tc-header-tablet-nav--sticky .et_pb_menu,
.tc-header-tablet-nav.tc-header-tablet-nav--sticky .et_pb_menu__wrap {
    background:#FFFFFF!important;
}
.tc-header-tablet-nav,
.tc-header-tablet-nav *,
.tc-header-tablet-nav .et_pb_menu,
.tc-header-tablet-nav .et_pb_menu_inner_container,
.tc-header-tablet-nav .et_pb_menu__wrap,
.tc-header-tablet-nav .et_pb_menu__menu,
.tc-header-tablet-nav .et-menu-nav,
.tc-header-tablet-nav .et-menu {
    background-color:#FFFFFF!important;
}
.tc-header-tablet-nav:before,
.tc-header-tablet-nav:after,
.tc-header-tablet-nav .et_pb_menu:before,
.tc-header-tablet-nav .et_pb_menu:after {
    background:none!important;
}
.tc-header-tablet-main-sticky {
    box-shadow:none!important;
}
/**********
 * MOBILE *
 **********/
.tc-header-mobile-row {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
}
.tc-header-mobile-row .et_pb_column {
    margin-bottom:0!important;
}
.tc-header-mobile-row .et_pb_column:nth-child(1) {
    width:20%!important;
}
.tc-header-mobile-row .et_pb_column:nth-child(2) {
    width:60%!important;
}
.tc-header-mobile-row .et_pb_column:nth-child(3) {
    width:20%!important;
}
.tc-header-mobile-row .et_pb_module {
    margin-bottom:0!important;
}
.tc-header-mobile-cart {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
}
.tc-header-mobile-cart .tc-cart-count {
    position:absolute;
    top:-2px;
    right:-4px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:999px;
    font-size:9px;
    line-height:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.tc-header-mobile-cart,
.tc-header-mobile-cart a,
.tc-header-mobile-cart i,
.tc-header-mobile-cart svg,
.tc-header-mobile-cart .et-pb-icon {
    color:#2F261F!important;
    stroke:#2F261F!important;
}
.tc-mobile-menu .et_mobile_menu {
    position:fixed!important;
    top:120px!important;
    left:0!important;
    right:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    max-height:calc(100vh - 96px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    margin:0!important;
    padding:12px 22px 28px!important;
    background:#FFFFFF!important;
    border-top:1px solid #E8E1D6!important;
    box-shadow:0 12px 28px rgba(0,0,0,.10)!important;
    z-index:99999!important;
}
.tc-mobile-menu .et_mobile_menu ul.sub-menu,
.tc-mobile-menu .et_mobile_menu li ul {
    max-height:none!important;
    overflow:visible!important;
}

.tc-mobile-menu .et_mobile_menu li li a {
    padding-left:14px!important;
    font-size:12px!important;
    opacity:.85;
}
.tc-mobile-menu .et_mobile_menu li {
    width:100%;
    border-bottom:1px solid #EFE7DA;
}
.tc-mobile-menu .et_mobile_menu li:last-child {
    border-bottom:0;
}
.tc-mobile-menu .et_mobile_menu li a {
    padding:13px 0!important;
    color:#2F261F!important;
    font-size:13px!important;
    font-weight:400!important;
    text-transform:uppercase;
    letter-spacing:.1px;
    background:transparent!important;
}
.tc-mobile-menu .et_mobile_menu li a:hover {
    color:#A97A2B!important;
    opacity:1!important;
}
.tc-header-mobile-main {
    position:relative;
    z-index:99999;
    background:#FFFFFF;
}


.tc-mobile-menu .mobile_nav.opened .mobile_menu_bar:before {
    content:"\4d"!important;
}

@media (min-width:981px) {
    body.tc-header-desktop-is-sticky {
        padding-top:300px !important;
    }
}