/* * Custom code goes here. * A template should always ship with an empty custom.css */ @font-face { font-family: "futura lt BT",sans-serif; src: url("futura_light_bt.ttf") format("truetype"); font-style: normal; font-display: swap; } #wrapper {background: #ffffff;padding-top: 0.5rem;} body {font-family: futura lt BT, Manrope, sans-serif;} .video-accueil {autoplay loop muted} /*polices*/ h1, .h1 {font-size:1.75rem; font-weight: 500;} h2, .h2 {font-size: 1.5rem;font-weight: 500;} h3, h4, h5, h6, .h3, .h4, .h5, .h6 {font-weight: 500;} /*liens*/ body#checkout a:hover {color: #b18888;} a {color: #a94442;} .tabs .nav-tabs .nav-link.active {color: #a94442;border-bottom: #a94442 1px solid;font-size: 1.2rem;font-weight: 400;} /*a:hover {color: #ccb2b2;}*/ a:focus,a:hover{color:#a94442;} .tabs .nav-tabs .nav-link:hover {border-bottom: #b18888 2px solid;} .tabs .nav-tabs .nav-link {color: #b18888;font-size: 1.2rem;font-weight: 400;} .page-link:hover{color:#b18888;} .dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover{background-color:#ccb2b2;} .nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover,.nav-pills .nav-item.open .nav-link,.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-item.open .nav-link:hover{color:#fff;cursor:default;background-color:#ccb2b2} /*messages d'alerte*/ .alert-warning {background-color: #f2dede;border-color: #ebcccc;color: #a94442;} /*bouton ajout panier*/ @media (min-width: 1200px){.product-actions .add-to-cart {height: 2.2rem;padding-top: 0.425rem;width: 450px;}} .product-quantity .qty {display: none;} .product-actions .control-label {display: none;} @media (max-width: 575px){.product-add-to-cart .btn-primary {width: 350px;}} /*boutons page cms fiches articles ou autres*/ .btnfa{font-size: 16px;border: solid 1px #b18888;width: 150px;text-align: center;display: inline-block;padding: 5px 10px 5px 10px; text-decoration:none;color: #a94442;transition: 0.5s;} .btnfa:hover{background: #ccb2b2;text-decoration: none;cursor: pointer;} .sur-mesure{padding: 10px 20px; font-size: 1.25rem; background-color: #fff; border: solid 1px #b18888;max-width: 350px; text-align: center;margin-top: 1rem;} .sur-mesure:hover{background-color: #ddcbcb;transition: 0.5s;} /*boutons*/ #payment-confirmation .btn-primary{width: 450px;} .delivery-options-list .btn-primary{width: /*450px*/100%;} .form-footer .btn-primary {width: 450px;} .btn-primary.disabled:hover, .btn-primary:disabled:hover {background-color: #b18888;border: solid 1px #ccb2b2;} .btn.disabled, .btn:disabled {opacity: 1;} .group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin {background: #ccb2b2;} .btn-unstyle:focus .expand-more{color:#ccb2b2} .custom-radio input[type="radio"]:checked+span {background-color: #ccb2b2;} .btn-link:hover{color:#b18888;} .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus, .btn:focus-visible {outline: none;} .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover {background-color: #ccb2b2;outline: none;} .btn-primary {font-weight: 400;background-color: #b18888;} .add .btn-primary {background-color: #b18888;} .add .btn-primary:hover {background-color: #ccb2b2;} .btn-secondary {font-weight: 400;} .input-group .input-group-btn>.btn[data-action="show-password"] {background: #ccb2b2} .btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary:disabled:focus,.btn-primary:disabled.focus{background-color:#b18888;} .btn-outline-primary{color:#fff;border-color:#b18888} .btn-outline-primary:hover{background-color:#b18888;border-color:#b18888} .btn-outline-primary:focus,.btn-outline-primary.focus{background-color:#b18888;border-color:#ccb2b2} .btn-outline-primary:active,.btn-outline-primary.active,.open>.btn-outline-primary.dropdown-toggle{background-color:#b18888;border-color:#ccb2b2} .btn-link{font-weight:normal;color:#b18888;border-radius:0} .form-control:focus {border-color: #b18888;} .btn-secondary:hover, .btn-tertiary:hover {background-color: #f1e1e1;} .block-promo .promo-code-button.cancel-promo {color: #b18888;} .block-promo .promo-input+button {border: 2px solid #ccb2b2;} body#checkout #gift_message textarea, body#checkout #delivery textarea {width: 100%;} button:focus {outline: 1px} /*bouton retour haut page mobile*/ #products .up .btn-secondary, #products .up .btn-tertiary {display: none;} /*banniere*/ .img-fluid{width: 100%; height: 100%;} /*fil d'ariane*/ #wrapper .breadcrumb li:last-child {color: #a94442;} #wrapper .breadcrumb {padding: 2rem 2rem 0;} /*liens header*/ /*.contact-head > a:before {content:"\f003";font-family: "FontAwesome";font-size:24px;color : #333;}*/ /*.contact-head {width: 24px;}*/ .icons-header{width: 20px;cursor: pointer;} .material-icons{font-size: 1.25rem;color: #9f9f9f;} #header .header-nav .user-info {margin-left: 1.5rem;} .icons-header:hover{transform: scale(1.2);} .cart-products-count:hover{color: #b18888;} #header .user-info .logout:hover, #header #_desktop_cart > .blockcart.cart-preview a:hover {text-decoration: none;} /*recherche header*/ #search_widget form input {padding: 15px 20px 5px 20px;background-color: #fff;border-bottom: 1px solid #d9d9d9;border-radius: unset;max-width: 174px;} /*#search_widget form i {margin-left: 210px;}*/ .search-widgets .icons-header {position: absolute;margin: 1rem 0 0 9.5rem;} @media (max-width: 445px){#_mobile_search_widget{display: none;}} /*header-icon panier*/ #header .header-nav .cart-preview.active {background: #fff;} #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {color: #333;} #header .header-nav .blockcart {background: #fff;padding: 0.9375rem;} #header .header-nav .cart-preview .shopping-cart {color: #333;} /*header*/ #header{ background: #fff;color: #333;box-shadow: none; } /*@media (min-width: 768px){#header .header-top {height: 100px;}}*/ #header .header-top {padding: 0.1rem;} #header .header-top > .container > .row:first-of-type {display: flex;-webkit-box-align: center;align-items: center;flex-direction: column;justify-content: center; max-height: 170px;} #header .logo {max-width: 100%;/*min-width: 54px;*/} @media (min-width: 768px){#header .logo {min-width: 74px;}} #header .header-top a[data-depth="0"] {color: #333;} #header .header-nav {border: none;} /*logo*/ @media (min-width: 768px){.col-md-1 {margin-top: -50px;padding-bottom: 10px}} @media (max-width: 767px){#header .top-logo img {max-height: 3rem;}} /*Panier*/ .cart-grid-body a.label:hover {color: #ccb2b2;} label, .label {color: #333;} .product-line-grid-body>.product-line-info>.label {font-size: 0.85rem;font-weight: 400;} .checkout .btn-primary{font-size: 1.25rem;} .form-footer .btn-primary{font-size: 1.25rem;} .dropdown .cart-products-count{background: #ddcbcb;border-radius: 50%;padding: 0 5px;cursor: pointer;} @media (max-width: 575px){.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {width: 2.1rem;}} /*panier vue au survol*/ #header .blockcart.cart-preview .dropdown .dropdown-menu {padding: 10px 15px;top: 30px !important;width: 260px !important;min-width: 260px !important; right: -0.85rem;left: inherit !important;box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2);border: 1px solid #ccb2b2;} .blockcart button:focus{outline-style: none;} #header .blockcart.cart-preview .dropdown-toggle-custom {background: none;border: none;} #header .blockcart.cart-preview .dropdown-product-item {display: table;position: relative;width: 100%;padding: 9px 0;border-top: 1px dashed #d8e0e6} #header .blockcart.cart-preview .dropdown-product-item:first-child {border-top: 0} #header .blockcart.cart-preview .dropdown-product-item>.dropdown-product-thumb, .dropdown-product-item>.dropdown-product-info {display: table-cell;vertical-align: top} #header .blockcart.cart-preview .dropdown-product-item>.dropdown-product-thumb {width: 55px;border-radius: 50%;overflow: hidden} #header .blockcart.cart-preview .dropdown-product-item>.dropdown-product-thumb>img {display: block;width: 100%} #header .blockcart.cart-preview .dropdown-product-item > .dropdown-product-remove {display: block;position: absolute;top: 9px;right: -10px;font-size: 13px; line-height: 1;cursor: pointer;} #header .blockcart.cart-preview .dropdown-product-item > .dropdown-product-remove i {color: #9f9f9f;font-size: 1.25rem;} #header .blockcart.cart-preview .dropdown-product-item>.dropdown-product-info {padding-right: 15px;padding-left: 12px} #header .blockcart.cart-preview .dropdown-product-item .dropdown-product-title {display: block;padding-top: 2px;transition: color .3s;color: #373a3c !important; font-size: 14px;font-weight: 500;text-decoration: none} #header .blockcart.cart-preview .dropdown-product-item .dropdown-product-title:hover {color: #0da9ef} #header .blockcart.cart-preview .dropdown-product-item .dropdown-product-details {color: #9da9b9;font-size: 14px} #header .blockcart.cart-preview .blockcart {background: #f1f1f1;height: 3rem;padding: .75rem;margin-left: .9375rem;text-align: center;white-space: nowrap;} #header .blockcart.cart-preview .toolbar-dropdown-group {display: table;width: 100%;padding: 9px 0;border-top: 1px solid #e1e7ec;border-bottom: 1px solid #e1e7ec;font-size: 14px;} #header .blockcart.cart-preview .toolbar-dropdown-group div {padding-bottom: 2px} #header .blockcart.cart-preview .text-right {text-align: right;} #header .blockcart.cart-preview .btn-checkout, #header .blockcart.cart-preview .btn-view {display: block;width: 100%;margin-top: 12px;margin-bottom: 12px;height: 1.8rem; padding: 0 1rem;font-size: 1rem;line-height: 1.8rem;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all .4s;text-align: center;} #header .blockcart.cart-preview .btn-view {background-color: #f1e1e1;border-color: #e1e7ec;color: #606975;} #header .blockcart.cart-preview .btn-view:hover {background-color: #ddcbcb;} #_desktop_cart > .blockcart.cart-preview:hover .dropdown-menu {display: block;} /*menu*/ #header .top-menu a[data-depth="0"]:hover {color: #b18888;text-decoration: underline;} #header #header a.header-top a[data-depth="0"] {color: #333;} .top-menu a[data-depth="0"] {font-size: 1rem;font-weight: 400;padding: 0 2rem;} #header a:hover {color: #b18888;text-decoration: underline;} #header a{font-weight: 300;} #header .header-top-right {display: flex;justify-content: center;margin-top: 10px;} .top-menu .sub-menu {box-shadow: none;} /*sous-menu*/ .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {padding: 0.25rem 1.625rem;} .top-menu a.dropdown-submenu {margin: 1rem 0 1rem 0;text-transform: none;} .top-menu .sub-menu {min-height: 8rem;box-shadow: 0px 7px 20px 0px #ddcbcb;} /*entete sous-menu notre univers*/ .catcms{display: flex;justify-content: space-around;align-items: center;} @media(max-width:940px){.catcmsimg{display: none;}} /*menu smartphone*/ #menu-icon .material-icons{font-size: 2rem;color: #4a4a4a;} /* menu scrolle*/ @media (min-width: 768px) {#header > .header-top.header_scrolled {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999;box-shadow: 0 2px 5px 0 #ccb2b299;animation: slideDown 0.7s;} #header > .header-top.header_scrolled .logo {max-width: 50%;min-width: 55px;} #header > .header-top.header_scrolled > .container > .row {flex-direction: row;max-height: 70px;} #header > .header-top.header_scrolled > .container > .row > .col-md-1 {margin-top: 0;}} @media (max-width: 767px) {#header.header_scrolled_mobile {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999;box-shadow: 0 2px 5px 0 #ccb2b299;animation: slideDown 0.7s;} #header.header_scrolled_mobile nav {margin:0px!important;padding:0px!important;border:none!important;} #header.header_scrolled_mobile .header-banner {display: none;}} @media (min-width: 576px) {.body_fixed .modal-dialog {margin-top:130px!important;}} @media (max-width: 1199px) {#header > .header-top .menu .category > .dropdown-item, #header > .header-top .menu .cms-category > .dropdown-item {padding: 0 .8rem;} #header > .header-top .header-top-right {padding: 0;} #header > .header-nav #_desktop_user_info > .user-info .logged-name {display: none;}} #header > .header-nav .header-nav-flex {display: flex;justify-content: space-between;} #header > .header-nav .header-nav-flex .other-header {display: flex;} @media (max-width: 980px) {#header > .header-nav .header-nav-flex {justify-content: flex-start;flex-direction: row-reverse;} #header > .header-nav .header-nav-flex .contact-header {padding: 0 1rem 0 0;} #header > .header-top > .container > .row:first-of-type {flex-direction: row;}} .header-top .header-top-right .top-menu .sub-menu {transition: opacity 0.2s ease, visibility 0.1s ease;} @keyframes slideDown {0% {-webkit-transform: translateY(-100%); }100% {-webkit-transform: translateY(0);}} /*slider*/ .carousel .carousel-inner {height: auto;} @media (max-width: 991px){.carousel {padding-bottom: 0rem;}} .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {color: #ccb2b2;} @media (max-width: 991px){.carousel .direction .carousel-control i {background: none}} /*Bloc custom text*/ #custom-text {padding: 0;} /*Bloc produits featured*/ /*.featured-products {margin: 3.125rem}*/ .featured-products .products-section-title {color: #b18888; text-decoration: underline;} .product-miniature .thumbnail-container .product-thumbnail {height: auto;} /*pages*/ .container {width: 100%;} #main .page-header {display: none;} /*page contact*/ .form-control-comment {color: #a94442;} .form-control:focus{outline:0.1875rem solid #ccb2b2} .input-group.focus{outline:0.1875rem solid #ccb2b2} @media (min-width: 768px){.form-group .offset-md-3{margin-left: 17%;}} /*page connexion / inscription / paiement*/ .page-my-account #content .links a:hover i {color: #ccb2b2;} .page-my-account #content .links a i {color: #a94442;} body#checkout section.checkout-step .address-item.selected {border: #ddcbcb 3px solid;} .form-control:focus{outline:0.1875rem solid #ccb2b2} .js-address-form .btn-primary{width: 450px;} body#checkout section.checkout-step.-reachable.-complete h1 .done {color: #00c062;} @media (min-width: 1330px){#payment-confirmation .btn-primary{width: 750px;height: 55px;font-size: 1.5rem;}} .ps_checkout-payment-option label {margin-left: -10px;} /*page panier*/ .cart-grid {padding-top: 2rem;} .cart-grid-right {padding-top: 2rem;} /*page cms : notre savoir-faire, page cms entretien, page cms guide des tailles, fiches articles*/ .containercms1 {display: flex;flex-wrap: wrap;justify-content:center;align-items:center;padding: 2rem 0;} .imgcms1{width: 50%;} .textcms1{text-align: center;padding: 1rem 1rem;} .imgchild {/*display: flex;*/flex-direction: column;justify-content: space-between;padding: 2rem 0;} .imgchild1 {padding: 0.5rem 1rem 0.5rem 1rem;} #text3child {/*display: flex;*/align-self: center;} .text1 {text-align: center;font-size: 1rem;padding:2rem 0;} .img1 {text-align: center;padding:2rem 0 1rem 0;width: auto;-webkit-filter: grayscale(0);} .img1 > img:hover{-webkit-filter: grayscale(0);transform: scale(1.2,1.2);} .img1 > img {transition: all .5s ease;} .imgcms2{padding: 2rem} .imgcms2:hover{opacity:0.8;} /*page cms boutique et atelier*/ .page-cms-17 .container{display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-evenly;align-items: center;} /*page cms choisir son bijou*/ .cms-19-img{display: flex;align-items: center;justify-content: space-evenly;flex-direction: column;} /*page cms guide des pierres*/ .cms-21-img{display: flex;align-items: center;justify-content: space-evenly;flex-direction: column;} .page-cms-21 .tri{font-size: 1.5rem;font-weight: 500;background: #ddcbcb;margin: 0 0 20px 0;padding: 0 .5rem;} .page-cms-21 .image1{max-width: 250px;} .page-cms-21 .image2{max-width: 150px;} .page-cms-21 .title{color: #a94442;padding-top: 20px;font-size: 1.5rem;font-weight: 500} /*page cms histoire*/ .page-cms-8 .container{max-width: 1320px;height: 300px;} .text-light{color: #fff} .parallax-header{background: #333;background: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.8)),url(https://atelier-melisse.com/img/cms/famille.jpg); background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-position: center;} .page-cms-8.header-content{padding: 100px 0 100px;} .page-cms-8 .content{margin-top: -80px;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .content .left{padding-top: 20px;} .content .right{padding: 0;} .content .bottom{background: #ccb2b2;padding: 20px;} .primary-color{color: #ccb2b2;} .text-center {font-size: 3rem;text-align: center;color: #fff;} /*page cms peche du corail*/ @media (max-width: 686px){.accordian li{display: contents !important;}.image_title{display: none;}} @media (max-width: 1198px){.accordian{max-width: 600px !important;}.accordian ul{width: 1000px !important;}.accordian li{width: 145px !important;} .accordian ul:hover li{width: 70px !important;}.accordian ul li:hover{width: 400px !important;}} .accordian {max-width: 1200px;height: auto;overflow: hidden;margin: 30px auto;-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);} .accordian ul {width: 2000px;} .accordian li {position: relative;display: block;width: 290px;float: left;border-left: 1px solid #888;-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);-webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;} .accordian ul:hover li {width: 140px;} .accordian ul li:hover {width: 800px;} .accordian li img {display: block;} .image_title {background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;bottom: 0;width: 800px;} .image_title span {display: block;color: #fff;text-decoration: none;padding: 20px;font-size: 1rem;} .titrepeche{background: #ddcbcb; color: #fff;line-height: 2.5rem;margin: 0 0 20px 0;padding: 0 0.5rem;} .textepeche{max-width: 1200px; margin-left: auto;margin-right: auto;} /*page cms qualite corail*/ /* * {margin: 0;padding: 0;box-sizing: border-box;} :root {--secondary-color: #fff;--contrast-color: #ccb2b2;} .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 60%;width: 100%;z-index: -10;background-color: var(--contrast-color);} @media (min-width: 981px){.page-cms-11 .container {display: flex;width: auto;height: auto;justify-content: space-around;align-items: center;color: #fff;animation: expand .5s ease forwards; background-color: var(--secondary-color);position: relative;transition: all .5s ease;}} @media (max-width: 980px){.page-cms-11 .container{flex-direction: column;height: auto;}.page-cms-11 .container_content{width: 100%!important;} .page-cms-11 .container_outer_img{width: 80%!important;margin: 10px !important;}.page-cms-11 .container_content_inner{margin-left: 5px !important;}} .page-cms-11 .container_content {width: 50%;} .page-cms-11 .container_content_inner {width: 100%;margin-left: 20px;} .page-cms-11 .container_outer_img {margin: 50px;width: 50%;overflow: hidden;} .page-cms-11 .container_img {width: 100%;animation: slideIn 1s ease-in-out forwards;} .page-cms-11 .par {height: auto;overflow: hidden;text-align: justify;} .page-cms-11 p{line-height: 28px;transform: translateY(300px);animation: slideUp .5s ease-in-out forwards .8s;padding: 1.5em 1.5rem;} .page-cms-11 .btns {height: 100%;position: relative;width: 150px;overflow: hidden;margin-bottom: 2rem;margin-left: 2rem;padding: 0.5rem 0.5rem; border: 1px solid #b18888;text-align: center;} .page-cms-11 .title {overflow: hidden;height: auto;padding-left: 2rem;} .page-cms-11 h1 {color: var(--contrast-color);padding-bottom: 20px;transform: translateY(100px);animation: slideUp .5s ease forwards .5s;border-bottom: 1px solid #b18888;} .page-cms-11 h2{color: var(--contrast-color);padding-bottom: 20px;transform: translateY(100px);animation: slideUp .5s ease forwards .5s;border-bottom: 1px solid #b18888;} @keyframes slideIn {0% {transform: translateX(500px) scale(.2);}100% {transform: translateX(0px) scale(1);}} @keyframes slideUp {0% {transform: translateY(300px);}100% {transform: translateY(0px);}} @keyframes expand {0% {transform: translateX(1400px);}100% {transform: translateX(0px);}} .page-cms-11 .imgbas{width: 50%;transition: all .5s ease;margin: 1rem;max-width: 500px;} .page-cms-11 .imgbas:hover{transform: scale(1.8,1.8);} .page-cms-11 .containerbas{display: flex;flex-wrap: wrap;justify-content: space-evenly;} .page-cms-11 .btns:hover{background: #ccb2b2;transition: 0.5s;} .page-cms-11 .btns a:hover{color: #fff;}*/ /*page cms qualite corail, médias*/ * {margin: 0;padding: 0;box-sizing: border-box;} :root {--secondary-color: #fff;--contrast-color: #ccb2b2;} .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 60%;width: 100%;z-index: -10;background-color: var(--contrast-color);} @media (min-width: 981px){.page-cms-11 .container, .page-cms-16 .container {display: flex;width: auto;height: auto;justify-content: space-around;align-items: center;color: #fff;animation: expand .5s ease forwards; background-color: var(--secondary-color);position: relative;transition: all .5s ease;}} @media (max-width: 980px){.page-cms-11 .container, .page-cms-16 .container{flex-direction: column;height: auto;}.page-cms-11 .container_content, .page-cms-16 .container_content{width: 100%!important;} .page-cms-11 .container_outer_img, .page-cms-16 .container_outer_img{width: 80%!important;margin: 10px !important;}.page-cms-11 .container_content_inner, .page-cms-16 .container_content_inner{margin-left: 5px !important;}} @media (min-width: 981px){.page-cms-19 .container_content, .page-cms-20 .container_content {width: 50%;} .page-cms-19 .container_content_inner, .page-cms-20 .container_content_inner {width: 100%;margin-left: 20px;}} .page-cms-11 .container_content, .page-cms-16 .container_content {width: 50%;} .page-cms-11 .container_content_inner, .page-cms-16 .container_content_inner {width: 100%;margin-left: 20px;} .page-cms-11 .container_outer_img, .page-cms-16 .container_outer_img {margin: 50px;width: 50%;overflow: hidden;} .page-cms-11 .container_img, .page-cms-16 .container_img {width: 100%;animation: slideIn 1s ease-in-out forwards;} .page-cms-11 .par, .page-cms-16 .par {height: auto;overflow: hidden;text-align: justify;} .page-cms-11 p, .page-cms-16 p{line-height: 28px;transform: translateY(300px);animation: slideUp .5s ease-in-out forwards .8s;padding: 1.5em 1.5rem;} .page-cms-11 .btns, .page-cms-16 .btns {height: 100%;position: relative;width: 150px;overflow: hidden;margin-bottom: 2rem;margin-left: 2rem;padding: 0.5rem 0.5rem; border: 1px solid #b18888;text-align: center;} .page-cms-11 .title, .page-cms-16 .title {overflow: hidden;height: auto;padding-left: 2rem;} .page-cms-11 h1, .page-cms-16 h1 {color: var(--contrast-color);padding-bottom: 20px;transform: translateY(100px);animation: slideUp .5s ease forwards .5s;border-bottom: 1px solid #b18888;} .page-cms-11 h2, .page-cms-16 h2, .page-cms-18 h2, .page-cms-20 h3, .page-cms-19 h3{color: var(--contrast-color);padding-bottom: 20px;transform: translateY(100px);animation: slideUp .5s ease forwards .5s;border-bottom: 1px solid #b18888;} @keyframes slideIn {0% {transform: translateX(500px) scale(.2);}100% {transform: translateX(0px) scale(1);}} @keyframes slideUp {0% {transform: translateY(300px);}100% {transform: translateY(0px);}} @keyframes expand {0% {transform: translateX(1400px);}100% {transform: translateX(0px);}} .page-cms-11 .imgbas, .page-cms-16 .imgbas{width: 50%;transition: all .5s ease;margin: 1rem;max-width: 500px;} .page-cms-11 .imgbas:hover, .page-cms-16 .imgbas:hover{transform: scale(1.8,1.8);} .page-cms-11 .containerbas, .page-cms-16 .containerbas{display: flex;flex-wrap: wrap;justify-content: space-evenly;} .page-cms-11 .btns:hover, .page-cms-16 .btns:hover{background: #ccb2b2;transition: 0.5s;} .page-cms-11 .btns a:hover, .page-cms-16 .btns a:hover{color: #fff;} /*page cms sur-mesure*/ .surmesure{align-items: center;display: flex;flex-wrap: wrap;} .titresurmesure{text-align: center;padding: 1rem 1rem 1rem 3rem;} .textesurmesure{background: #ffffff94;margin-left: -150px;margin-right: 150px;padding: 1rem;border: solid 1px #b18888;text-align: justify;} @media (max-width: 1199px) {.textesurmesure{margin:0;}} .bassurmesure{text-align: center;margin: 1rem;background: #ccb2b2;padding: 1rem;color: #fff;} .page-cms-12 .form-check{margin-left: 20px;} /*pages categories*/ #subcategories ul li .subcategory-name:hover {color: #ccb2b2;} /* #subcategories ul li:hover .subcategory-image a {padding: 1px;border: 1px solid #ccb2b2;}*/ #subcategories ul li .subcategory-image a {display: none;} #products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover { color: #b18888;} .products-sort-order .select-title, .brands-sort .select-title, .suppliers-sort .select-title {border: 1px solid #ccb2b2;} .pagination .current a {font-size: 1rem;color: #b18888;} .pagination a:not(.previous):not(.next) {letter-spacing: .25rem;} .pagination a {font-size: 1rem;margin-right: 5px;} .products-selection {margin-bottom: 3.125rem;} .block-category .block-category-inner {align-items: center;justify-content: space-evenly;flex-direction: column-reverse;} #subcategories ul li .subcategory-image a img {display: none;} .product-miniature .product-title {text-transform: none;} .product-miniature .thumbnail-container {padding-bottom: 1.563rem;} /*mise en page textes des categories*/ .block-category h1 {font-size: 1.25rem; font-weight: 500; } .block-category h2 {font-size: 0.9375rem;font-weight: 500; } .block-category .block-category-inner #category-description p, .block-category .block-category-inner #category-description .page-content.page-cms ul, .page-content.page-cms .block-category .block-category-inner #category-description ul { font-size: 0.75rem;margin-bottom: 0.5rem;text-align: center;} .block-category {/*margin-bottom: 0.1rem;*/margin-bottom: 2rem;padding-top: 0.1rem;/*border-bottom: 1px solid #ccb2b2;*/} @media (max-width: 768px){.block-category{margin-bottom: 0.1rem;}} .block-category .block-category-inner .category-cover img {width: 100%;height: auto;margin-bottom: 0.3rem} /*@media (max-width: 980px){.block-category .block-category-inner .category-cover img{display: none;}}*/ .block-category-inner .text-muted {text-align: center;max-width: 1300px;} @media screen and (max-width: 767px){.category-cover {display: block;}} /*texte bas pages categories*/ .evercontentseo p{font-size: 0.75rem;} .evercontentseo h2{font-size: 0.9375rem;font-weight: 500;} /*sous-categories*/ #subcategories .subcategory-heading {display: none;} /*#subcategories .subcategory-heading {margin-bottom: 1px;font-weight: 500;font-size: 1.25rem;}*/ #subcategories {margin-bottom: 1px;padding-top: 1px;} #subcategories ul li {width: calc(100% / 6 - 20px);margin: 0;} #subcategories ul {justify-content: center;} #subcategories ul li .subcategory-name {font-size: 0.9rem;} /*categories - filtres actifs*/ .active_filters .active-filter-title {font-weight: 500;color: #333;} .active_filters .filter-block {margin-right: 0.625rem;margin-bottom: 0.25rem;} .active_filters {background: #ddcbcb;padding: 0.25rem 1.875rem 0} .facet-dropdown .select-title {padding: 0.25rem 0.25rem 0.25rem 0.25rem;} /*categories nombre articles*/ .products-selection .total-products {padding-top: 1.625rem;} /*categories - tri par*/ .products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {background: #ddcbcb;} .products-selection .sort-by-row {justify-content: flex-end!important;} .products-sort-order, .brands-sort, .suppliers-sort {margin-right: 0.25rem;} .products-sort-order .select-title, .brands-sort .select-title, .suppliers-sort .select-title {padding: 0.25rem;} .products-sort-order .dropdown-menu, .brands-sort .dropdown-menu, .suppliers-sort .dropdown-menu {font-size: 0.85rem;width: 1.88rem;} /*navigation a facette horizontale*/ /* tablet and desktop */ @media(min-width:768px){ #category #left-column{display:none;} #category #content-wrapper{width:100%!important;} #category #search_filters{display: flex;} #category #search_filters #_desktop_search_filters_clear_all{display:none;} #category #search_filters, #search_filters_brands, #search_filters_suppliers{flex-wrap:wrap;margin-bottom: 0.3125rem;padding: 0 0.25rem;} #category #search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet {width: 10%;float: left;padding: 5px; margin: 5px;flex: 150px;} #search_filters>.h6, #search_filters_brands>.h6, #search_filters_suppliers>.h6 {display: none;} .facet-dropdown .select-title {border: dashed 1px #b18888;}} .facet-dropdown.open>.select-title{border:1px solid #ccb2b2;background: #f9f1f1;} #search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {color: #b18887; font-weight: 500;margin-bottom: 0.1rem;} .facet-dropdown .select-list:hover {background: #ddcbcb;} .facet-dropdown .select-list {background: #f9f1f1;font-size: 0.75rem;} .facet-dropdown .select-title {background: #f9f1f1;font-size: 0.75rem;} /* mobile */ @media(max-width:767px){#left-column{display:block;} #js-content-wrapper left-column col-xs-12 col-sm-8 col-md-9{display:flex;flex-wrap:wrap;}} /*produits pages catégories*/ #products .product-miniature .product-flags li.product-flag, .featured-products .product-miniature .product-flags li.product-flag, .product-accessories .product-miniature .product-flags li.product-flag, .product-miniature .product-miniature .product-flags li.product-flag { font-weight: 500;} li.product-flag.pack{background: #e9d6d6b0;} #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {color: #333;} li.product-flag.out_of_stock{background: #a94442;color: #fff;} /*Produits pages categorie et accueil en largeur 300 pour affichage sur 4 colonnes*/ /* #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations { width: 300px;top: 300px} */ #products .thumbnail-container:hover .highlighted-informations.no-variants, #products .thumbnail-container:focus .highlighted-informations.no-variants, .featured-products .thumbnail-container:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container:focus .highlighted-informations.no-variants, .product-accessories .thumbnail-container:hover .highlighted-informations.no-variants, .product-accessories .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants { top: calc(300px - 2.5rem);} #products .thumbnail-container:hover .highlighted-informations, #products .thumbnail-container:focus .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:focus .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:focus .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:focus .highlighted-informations { top: calc(300px - 4.4rem);} /*fenetre apercu rapide*/ .quickview .modal-body .info {display: none;} .quickview .modal-footer {text-align: center;} .quickview .social-sharing {display: none;} /*vignettes articles*/ .product-flags li.product-flag.on-sale {background: #a94442a6;color: #fff;} .product-flags li.product-flag {background: #ffffff73;font-weight: 200;border: 1px solid;color: #b18888;} .product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount { background-color: transparent;color: #ff0000;border: 1px solid;} /*fiche articles*/ .has-discount .discount {background: #c12323;font-weight: 400;} .has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {color: #c12323;font-size: 1.5rem;} p, .page-content.page-cms ul {font-size: 1rem;color: #333;} /*.product-prices .tax-shipping-delivery-label {font-size: 0.8125rem;color: #333;}*/ .product-price {color: #333;font-size: 1.25rem;font-weight: 400;} .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover { border: #b18888 2px solid;} #product-modal .custom-product-modal-dialog {max-width: 1060px;} .custom-product-modal-dialog .close {opacity: 1;} .custom-product-modal-body {justify-content: center;} .custom-thumbnail-modal .thumb-container {margin-left: .5rem;} #product #content {max-width: 800px;padding-bottom: 3rem;} .product-information {font-size: 1rem;padding-top: 2rem;} #product-availability .product-unavailable {color: #c12323;} #product-modal .modal-content .modal-body .product-images img:hover {border: #b18888 2px solid;} .product-prices .tax-shipping-delivery-label .delivery-information {font-weight: 400;} .product-add-to-cart .btn-primary .material-icons{display: none;} .product-add-to-cart .btn-primary {font-size: 1.25rem;font-weight: 400;} .col-md-5 > .h1{font-size: 1.25rem;} .product-description p{margin-bottom: 0.5rem;} .product-cover .layer:hover {opacity: 0.5;} /*#main .images-container .js-qv-mask {overflow: auto;}*/ .scroll-box-arrows .material-icons{font-size: 2rem;} .scroll-box-arrows i {bottom: 1rem;height: 200px;line-height: 1px;} .product-accessories .products{justify-content: center;} .product-accessories .h5{font-size: 1.5rem;padding-left: 2rem;text-decoration: underline;} @media (max-width: 575px){.nav-tabs .nav-link {padding: 0.5em 0.5em;}} /*fiche articles bloc réassurance*/ .blockreassurance {z-index: 2; padding: 0 150px 0 150px;} /*fiche articles liens reseau sociaux*/ .social-sharing {margin-top: 0.1rem;} /*fiche article avertissement*/ .info {font-style:italic;text-align: justify;font-size: 0.85rem;} @media (max-width: 767px){.info{display: none;}} /*fenetre zoom article*/ @media (min-width: 576px){.modal-dialog {max-width: 100%;}} #product-modal .modal-content .modal-body {margin-left: 0.25rem;flex-wrap: wrap;} @media (min-width: 992px){#product-modal .modal-content .modal-body .image-caption {width: 1000px;}} #product-modal .modal-content .modal-body .mask {max-width: 1000px;margin-top: 0.1rem;} #product-modal .modal-content .modal-body .product-images {margin-left: 0;} /*fenêtre ajout panier*/ #blockcart-modal .cart-content p.cart-products-count, #blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count, .page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count { color: #333;} #blockcart-modal .product-name {color: #a94442;margin-bottom: 1rem;font-size: 1rem;} .modal-body .material-icons{display: none;} .modal-body .btn-primary, .btn-secondary {font-weight: 400;} .btn-secondary:active:focus{border: none;} #blockcart-modal .modal-header {background: #ddcbcb;} /*footer*/ #footer {padding-top: 1rem;background: #b18888;} .footer-container .h3, .footer-container .h4 {color: #fff;} .footer-container li a:hover {color: #333;} .footer-container li a {color: #fff;} #block_myaccount_infos .myaccount-title a {color: #fff;font-weight: 500;} .block-contact {color: #fff;} .block_newsletter {background: #b18888;padding: 3.125rem;} .block_newsletter form .row .col-xs-12:last-of-type p, .block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul, .page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul { color: #fff;} .block_newsletter #block-newsletter-label {color: #fff;} .couleur {color: #fff;} #contact-infos a{color: #fff;} #contact-infos a:hover {color: #ccb2b2;} @media (min-width: 768px){.footer-container .container .col-md-12 {border-top: 1px solid #fff;margin-top: 1rem;padding-top: 1rem;}} .block-contact .navbar-toggler .material-icons {color: #9f9f9f;} /*bloc html reassurance footer*/ .conteneur-flexboxrea {display: flex;width: 100%;flex-direction: row;align-content: center;flex-wrap: wrap;justify-content: center;padding-bottom: 3.125rem;} .prime {flex: 0 1 auto;width: 30%;min-width: 20rem;text-align: center;color: #fff ;} .der {flex: 0 1 auto;width: 30%;text-align: center;min-width: 20rem;color: #fff;} .flexboxrea .h4{font-weight:400;color:#fff;text-decoration: underline;} @media (min-width: 1199px){.prime{border-right: 1px solid #fff;border-style: none solid none none;}} @media (max-width: 1198px){.prime, .der{padding:0.5rem 0;}} /*pour alignement footer avec reseaux sociaux*/ @media (min-width: 768px){.col-md-3 {width: 15%;}} /*icon lien sociaux*/ .block-social ul {justify-content: flex-end;} .block-social ul li {background-color: #b18888;} .block-social ul li:hover {background-color: #b18888;} .block-social-titre{padding: 15px;text-align: right;color: #fff;font-size: 1.5rem;} .facebook{background-image: url(../css/04be689c12d686c595032705f6b3cf6c.svg);} .pinterest{background-image: url(../css/33e7446832ac7aa84b959a6ea8efb915.svg) ;} .instagram{background-image: url(../css/3a94078d659136527abfe39bc3432628.svg);} .facebook.icon-gray:hover {background-image: url(../css/fa3993a997a0b84e9900ee168b18b919.svg);} .pinterest.icon-gray:hover {background-image: url(../css/882e1291e47c7d9d5dd7633845caa204.svg);} /*newsletter*/ .block_newsletter #block-newsletter-label {font-size: 1.2rem;} .block_newsletter form input[type="email"]:focus{border:3px #ccb2b2 solid;outline:0} .custom-checkbox input[type="checkbox"] {width: 45px;height: 45px;} /*RGDP*/ .custom-checkbox label {font-size: 0.75rem;} #footer .custom-checkbox input[type="checkbox"]+span {border: #fff solid 1px;} /*prestashop checkout*/ #zoid-paypal-buttons-uid_80cfa39499_mty6mje6nty{background: #b18888;} /*boutons mobile*/ @media (max-width: 575px){#payment-confirmation button.btn {width: 100%;}} @media (max-width: 575px){.cart-grid-body .btn-primary {width: 100%;}} /* ========================================================= HERO OVERLAY MODE (Desktop) – Classic Activé quand body.tms-hero-inview est présent (via ton JS) ========================================================= */ @media (min-width: 768px) { /* Overlay header on the home hero */ body#index #header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; } body#index #wrapper { padding-top: 0; } /* Hide classic top bar on desktop (we use header-top layout) */ #header .header-nav { display: none; } /* 1) Transparence réelle (couvre aussi les wrappers .container/.row) */ body.tms-hero-inview #header .header-nav, body.tms-hero-inview #header .header-top, body.tms-hero-inview #header .header-nav .container, body.tms-hero-inview #header .header-top .container, body.tms-hero-inview #header .header-nav .row, body.tms-hero-inview #header .header-top .row { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* 2) Supprime les bordures éventuelles */ body.tms-hero-inview #header .header-nav, body.tms-hero-inview #header .header-top { border: 0 !important; } /* 3) Couleurs texte/icônes (menu + header) */ body.tms-hero-inview #header, body.tms-hero-inview #header a, body.tms-hero-inview #header .material-icons, body.tms-hero-inview #header .dropdown-toggle, body.tms-hero-inview #header .header-nav .user-info a, body.tms-hero-inview #header .header-nav .blockcart a { color: #fff !important; } /* 4) Important sur Classic : le bouton burger / toggles peuvent être en SVG */ body.tms-hero-inview #header svg, body.tms-hero-inview #header svg * { fill: #fff !important; stroke: #fff !important; } /* 5) MAIS: on garde les menus déroulants lisibles (fond blanc, texte noir) */ body.tms-hero-inview #header .dropdown-menu, body.tms-hero-inview #header .popover { background: #fff !important; color: #000 !important; } body.tms-hero-inview #header .dropdown-menu a { color: #000 !important; } /* 6) Bandeau promo intact (si présent) */ body.tms-hero-inview #header .header-banner { background: inherit; } /* 7) Transition douce (effet luxe) */ #header .header-nav, #header .header-top { transition: background-color .25s ease, box-shadow .25s ease; } } @media (min-width: 768px){ #header .header-nav .container, #header .header-top .container{ max-width: 100%; padding-left: 40px; padding-right: 40px; } /* Zone nav / logo / icons sur une ligne */ #header .header-nav .container > .row, #header .header-top .container > .row{ display: grid; grid-template-columns: 1fr auto 1fr; /* gauche / logo / droite */ align-items: center; } /* Centrer le logo */ #header #_desktop_logo{ justify-self: center; } /* Pousser les blocs à gauche / droite */ #header .header-top .container > .row > :first-child{ justify-self: start; } #header .header-top .container > .row > :last-child{ justify-self: end; } } @media (min-width: 768px) { /* Pleine largeur + padding luxe */ #header .header-nav .container, #header .header-top .container { max-width: 100%; padding-left: 48px; padding-right: 48px; } /* HEADER-TOP : grille 3 colonnes = gauche / logo / droite */ #header .header-top .container > .row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; column-gap: 24px; } /* Neutraliser les colonnes Bootstrap qui gênent */ #header .header-top #_desktop_logo, #header .header-top .header-top-right { width: auto !important; max-width: none !important; flex: none !important; } /* Logo centré */ #header .header-top #_desktop_logo { grid-column: 2; justify-self: center; text-align: center; } /* Zone droite: menu + search alignés à droite */ #header .header-top .header-top-right { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 18px; } /* Menu : rendu plus “luxe” */ #header .top-menu a.dropdown-item { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 0 10px; } /* Search : compact */ #header #search_widget input { width: 180px; } } @media (min-width: 768px) { /* Menu centré */ #header #_desktop_top_menu { grid-column: 2; justify-self: center; } /* Le conteneur header-top-right devient “zone droite” pour search uniquement */ #header .header-top .header-top-right { grid-column: 3; justify-self: end; } /* Assure que le menu ne prend pas toute la largeur */ #header #_desktop_top_menu .top-menu { display: flex; gap: 18px; justify-content: center; } } @media (min-width: 768px) { body#index #header .header-nav { display: none; } } /* ========================================================= HOMEPAGE LUXE HEADER LAYOUT (Desktop + Mobile) Only applies to the home page (body#index) ========================================================= */ @media (min-width: 768px) { body#index #header, body#index #header .header-top { background-color: transparent; } /* 3-column top row: contact / logo / icons */ #header .header-top .container > .row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 24px; } #header .header-top-left { justify-self: start; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; text-align: left; align-self: self-start; } /* Hide language/currency in the left contact area on home */ body#index #header #_desktop_language_selector, body#index #header #_desktop_currency_selector { display: none !important; } #header #_desktop_logo { grid-column: 2; justify-self: center; text-align: center; } /* Reduce logo size ~20% */ #header #_desktop_logo .logo img, #header #_desktop_logo img { width: 80%; height: auto; } #header .header-top-right { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 18px; justify-content: flex-end; text-align: right; align-self: self-start; position: relative; min-height: 24px; } #header .header-top-left, #header #_desktop_logo, #header .header-top-right { float: none; width: auto; max-width: none; } #header .header-top-left .nav, #header .header-top-left ul { display: flex; align-items: center; gap: 18px; margin: 0; padding: 0; } /* Icon group on the right (search/account/cart) */ #header .header-top-icons { display: inline-flex; align-items: center; gap: 30px; margin-left: auto; position: absolute; right: 15px; top: 0; } #header .header-top-icons a, #header .header-top-icons .material-icons { color: #fff; } /* Show search input on home and place it left of the search icon */ body#index #header #search_widget { display: inline-flex; margin-right: 12px; } body#index #header .header-top-right { display: flex; align-items: center; justify-content: flex-end; gap: 12px; width: auto !important; max-width: none !important; } /* Force right alignment (override older center rules) */ body#index #header .header-top-right { justify-content: flex-end !important; margin-top: 0 !important; } /* Search input left of the search icon */ body#index #header #search_widget { order: 1; margin-right: 12px; } body#index #header .header-top-icons { order: 2; } /* Neutralize legacy absolute positioning of search icon */ body#index .search-widgets .icons-header { position: static !important; margin: 0 !important; } body#index #header #search_widget { order: 1; } body#index #header .header-top-icons { order: 2; margin-left: 0; } /* Icons only: hide text labels in account/cart on home */ body#index #_desktop_user_info .user-info span.hidden-sm-down, body#index #_desktop_cart .blockcart .header span.hidden-sm-down, body#index #_desktop_cart .cart-products-count { display: none !important; } /* Centered menu line below the top row */ #header .header-top { position: relative; padding-bottom: 32px; } #header #_desktop_top_menu { position: absolute; left: 0; right: 0; top: calc(100% - 18px); margin-top: 0; width: 100%; } #header #_desktop_top_menu .top-menu { display: flex; gap: 22px; justify-content: center; position: relative; } #header #_desktop_top_menu a.dropdown-item { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; padding: 0; } /* Full-width header container on home */ #header .header-top > .container { max-width: none; width: 100%; padding-left: 32px; padding-right: 32px; } /* Fix submenu container alignment (full width under menu line) */ #header #_desktop_top_menu .top-menu > li { position: static; } #header #_desktop_top_menu .top-menu .popover.sub-menu { left: 0; right: 0; transform: none; top: 100%; margin-top: 12px; z-index: 1001; } /* Force logo visibility */ #_desktop_logo { display: block !important; z-index: 2; } /* White text for the overlay header on home */ body#index #header .header-top, body#index #header .header-top a, body#index #header .header-top .material-icons { color: #fff; } /* Submenu text color (avoid white on white) */ #header #_desktop_top_menu .top-menu .popover.sub-menu, #header #_desktop_top_menu .top-menu .popover.sub-menu a { color: #111; } /* Force visible submenu text */ #header #_desktop_top_menu .top-menu .popover.sub-menu a.dropdown-item { color: #111 !important; opacity: 1 !important; } /* Keep layout stable when header becomes fixed on scroll */ #header > .header-top.header_scrolled > .container { max-width: none; width: 100%; padding-left: 32px; padding-right: 32px; } #header > .header-top.header_scrolled > .container > .row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; column-gap: 24px; } #header > .header-top.header_scrolled .header-top-left { justify-self: start; } #header > .header-top.header_scrolled .header-top-right { justify-self: end; } /* Keep menu a bit lower when header is sticky */ #header > .header-top.header_scrolled #_desktop_top_menu { top: 100%; margin-top: 6px; } } @media (max-width: 767px) { body#index #header, body#index #header .header-top { background-color: transparent; } /* Mobile top bar: menu icon left, logo center, icons right */ body#index #header .header-nav .mobile { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } body#index #header .header-nav #menu-icon { justify-self: start; } body#index #header .header-nav #_mobile_logo { justify-self: center; } body#index #header .header-nav #_mobile_cart, body#index #header .header-nav #_mobile_user_info { justify-self: end; } /* Mobile menu typography */ body#index #mobile_top_menu_wrapper .top-menu a.dropdown-item { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; } /* Avoid duplicate icon row on mobile */ #header .header-top-icons { display: none; } }