.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #6fa79b; } a:hover:not(.nav-link):not(.btn) { color: #8fc9be; } .pagination .page-list li:hover { border-color: #8fc9be; } .pagination .page-list li.current { border-color: #8fc9be; } .pagination .page-list li.current a { color: #8fc9be; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 0.7333333333rem; padding-bottom: 0.7333333333rem; } #mobile-header .m-nav-btn { color: #436e65; } #mobile-header .m-nav-btn:hover { color: #35594f; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 15px; } @media (max-width: 767px) { html { font-size: 10px; } } body { line-height: 1.2rem; } body { font-family: 'amiri', 'serif'; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: 'Libre Baskerville', serif; } #blockcart-content { background: #ffffff; color: #6fa79b; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(68, 56, 42, 0.2); } #blockcart-content a:not(.btn) { color: #6fa79b; } #blockcart-content a:not(.btn):hover { color: #6fa79b; } #blockcart-content .cart-products > li, #blockcart-content .cart-subtotals { border-color: #ffffff; } #blockcart-content .cart-products::-webkit-scrollbar-thumb { background-color: #ffffff; } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #f8f8f8; color: #6fa79b; border: none 1px #f0f0f0; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #fdf7f4; color: #000000; } .btn-secondary:not(:disabled):not(.disabled):active { background: #fdf7f4; color: #000000; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #6fa79b; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #fdf7f4; color: #000000; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #6fa79b; color: #ffffff; border: solid 2px #ffffff; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #4d8576; color: #ffffff; border-color: #6fa79b; } .btn-primary:not(:disabled):not(.disabled):active { background: #4d8576; color: #ffffff; border-color: #6fa79b; } #wrapper .breadcrumb { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; margin-top: -1rem; margin-bottom: 1rem; font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; color: #8f8f8f; } #wrapper .breadcrumb li:after { color: #8f8f8f; } #wrapper .breadcrumb a { color: #8f8f8f; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: rgba(28, 15, 15, 0.92); border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: rgba(28, 15, 15, 0.92); } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: rgba(28, 15, 15, 0.92); border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: rgba(28, 15, 15, 0.92); } .form-control::-webkit-input-placeholder { color: rgba(28, 15, 15, 0.92); } .form-control::-moz-placeholder { color: rgba(28, 15, 15, 0.92); } .form-control:-ms-input-placeholder { color: rgba(28, 15, 15, 0.92); } .form-control:-moz-placeholder { color: rgba(28, 15, 15, 0.92); } .form-control:focus { color: rgba(28, 15, 15, 0.92); border-color: #8a8a8a; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #436e65; } .custom-radio input[type=radio]:checked + span { background-color: #436e65; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #436e65; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #436e65!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(14, 80, 166, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #436e65; color: #ffffff; } .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before, .tooltip.tooltip-top .tooltip-inner:before, .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { border-top-color: #436e65; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #436e65; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #f4e7dc; color: #636363; border: none 1px; } .product-price { color: #6fa79b; } .iqit-review-star { color: #ffd181; } .product-flags .product-flag { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #eba53d; color: #ffffff; } .product-flags .new { background: #969696; color: #6fa79b; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #a7a7b8; } .product-flags .out_of_stock { background: #436e65; color: #fff7f7; } .discount { background: #eba53d; color: #ffffff; } .product-available { background: #6fa79b; color: #ffffff; } .product-unavailable { background: #436e65; color: #fff7f7; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #fafafa; border-top: none 1px; border-left: none 1px; border-right: none 1px; box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.18); } #page-preloader { background: #ffffff; } #back-to-top { background: #436e65; color: #ffffff; } #back-to-top:hover { background: #35594f; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: solid 1px rgba(160, 160, 160, 0.3); box-shadow: 0px 7px 13px 0px rgba(61, 57, 57, 0); } #header .container, #checkout-header .container { max-width: 100%; } @media (min-width: 992px) { #header, #checkout-header { padding-bottom: 0.2rem; } } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: solid 1px rgba(160, 160, 160, 0.3); box-shadow: 0px 7px 13px 0px rgba(61, 57, 57, 0); } #header .header-nav { color: #26302b; background: #6fa79b; border-bottom: solid 4px #ffffff; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.8rem; box-shadow: 0px 0px 0px 0px; } #header .header-nav a { color: #26302b; } #header .header-nav a:hover { color: #26302b; } #header .header-nav .social-links._topbar { font-size: 0.8rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #ffffff !important; } #header .header-nav .social-links._topbar a:hover { color: #fdf7f4 !important; } .header-top { padding-top: 0.8rem; padding-bottom: 0.8rem; color: #6fa79b; } .header-top a:not(.btn):not(.nav-link) { color: #6fa79b; } .header-top a:not(.btn):not(.nav-link):hover { color: #8fc9be; } .header-top .form-search-control { border: solid 4px #6fa79b; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.4rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #6fa79b; padding: 0.6rem 0.6rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #6fa79b; } .header-top a.header-cart-btn:not(:hover) { color: #6fa79b; } .stuck-header .header-top { padding-top: 0.9333333333rem; padding-bottom: 0.9333333333rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #6fa79b; } .cart-products-count-btn { background: #ffd181; color: #6fa79b; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3rem; max-width: 13.3333333333rem; color: #436e65; padding-left: 0.8rem; padding-right: 0.8rem; border-left: none 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #436e65; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -0.9666666667rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { background: #ffffff; color: #6fa79b; } .cbp-horizontal .cbp-tab-title { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ffffff; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.4666666667rem; max-height: 1.4666666667rem; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { display: block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 0.8rem; } .cbp-horizontal .cbp-tab-title { text-align: center; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1.1333333333rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(15px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.3333333333rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5333333333rem; padding-bottom: 0.5333333333rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.6rem; max-height: 1.6rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 0.9333333333rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #37a625; box-shadow: 0px 15px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #6fa79b !important; } .cbp-hrmenu .tabs-links { background: #fff9f6; } .cbp-hrmenu .cbp-tabs-names li a { color: #436e65 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #6fa79b !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #6fa79b !important; border-bottom: none 3px #c2bc29; font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #595050 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.6rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.0666666667rem; padding-bottom: 1.0666666667rem; font-size: 1.2rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 4.1333333333rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; color: #595050; font-size: 1.4666666667rem; } .mobile-menu__tab-icon { font-size: 1.4666666667rem; } .mobile-menu__tab-icon--img { max-height: 1.4666666667rem; } .mobile-menu__legend { font-size: 0.8rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #595050; background-color: #f9f5ee; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.4666666667rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4666666667rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #595050 !important; } .mobile-menu__column { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.6666666667rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.6666666667rem; } .mobile-menu__column-title { margin-bottom: 0.5333333333rem; } .mobile-menu__links-list-li { padding-top: 0.4rem; padding-bottom: 0.4rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; background-color: #f9f5ee; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #339c91; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #649f8f; color: #ffffff; } .swiper-pagination-bullet { background: #649f8f; } /*** Product miniature ***/ .products.row { margin: -0.9333333333rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.9333333333rem; } .swiper-container-wrapper { margin: -0.9333333333rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.9333333333rem; } .swiper-container-wrapper .product-carousel { padding: 0.9333333333rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.9333333333rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover .product-thumbnail-first:last-child { opacity: 1; } .product-miniature-grid { padding: 0.6666666667rem; } .product-miniature-grid .product-title { font-size: 1.1333333333rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.0666666667rem; font-style: normal; font-weight: normal; text-transform: none; } @media (hover: hover) { .product-miniature:hover { border-color: #649f8f; outline: none 1px; } } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: #649f8f !important; } .product-miniature-grid .product-functional-buttons a { display: block; border-radius: 50%; margin: 5px 0; padding: 8px; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1); } .product-miniature-grid .product-functional-buttons i { font-size: 1rem; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { background: #ffffff; } .product-miniature-grid .product-functional-buttons-bottom { bottom: auto; top: 0.7rem; right: 0rem; left: auto; min-width: auto; padding: 0; transform: translate(0, 0); } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .product-add-cart { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5rem 1rem; background: rgba(0, 0, 0, 0); color: #649f8f; border: solid 1px #649f8f; } .btn-product-list:hover { background: #ffffff; color: #000000; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.5333333333rem; } .products-grid .product-miniature-layout-2 .product-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.5333333333rem; } .products-grid .product-miniature-layout-3 .product-description { background: #339c91; } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.3333333333rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #649f8f; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #ffffff; background: #649f8f; transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } @media (max-width: 767px) { #main-product-wrapper .product-add-to-cart { background: #ffffff; position: fixed; bottom: 0; z-index: 99; width: 100%; left: 0; padding-left: 1rem; padding-right: 1rem; } #product #iqitcompare-floating { z-index: 0; } } @media (max-width: 576px) { .product-add-to-cart .col-add-qty { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .product-add-to-cart .col-add-btn { -ms-flex: 1; flex: 1; } .product-add-to-cart .col-add-wishlist, .product-add-to-cart .col-add-compare { max-width: 40px; } .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { padding-left: 0; padding-right: 0; } } @media (max-width: 400px) { .product-add-to-cart .add-to-cart { padding-left: 0rem; padding-right: 0rem; } } #wrapper { background: #ffffff; border-top: none 1px; border-bottom: none 1px; padding-top: 1rem; padding-bottom: 1rem; color: #436e65; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #636363; font-size: 1.4rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #636363; } #content-wrapper .page-title span { margin-right: 0.5rem; } #content-wrapper .page-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 2px #6fa79b; } #content-wrapper .section-title { color: #6fa79b; font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #6fa79b; } .nav-tabs .nav-link { color: #777777; font-size: 1.0666666667rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #777777; border-bottom: solid 3px #6fa79b; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #6fa79b; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #777777; border-bottom: solid 3px #6fa79b; } #wrapper .block-title { color: #6fa79b; font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #6fa79b; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #6fa79b; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #f8f8f8; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #e3e3e3; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #35594f; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #777777; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.2666666667rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #777777 !important; } #footer .block-title, #checkout-footer .block-title { color: #333333; font-size: 0.9333333333rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #333333; } #footer-container-first { border-top: none 1px; padding-top: 2rem; padding-bottom: 2rem; background: #6fa79b; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.6666666667rem; padding-bottom: 1.6666666667rem; color: #777777; } #footer-container-main a, #checkout-footer a { color: #777777; } #footer-container-main a:hover, #checkout-footer a:hover { color: #333333; } #footer-copyrights { border-top: none 1px; background: #ffffff; padding-top: 1rem; padding-bottom: 1rem; } .footer-style-inline .block-title { display: none !important; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } .ps-shoppingcart.dropdown #blockcart-content{ z-index: 1000; } #desktop_logo img.logo { width: 250px; height: auto; } .col-mobile-logo img.logo { max-width: 200px; height: auto; } /* ===== Affinage charte - inspirations Villa d'Elba / by-bm (10/06/2026) ===== */ /* Boutons : coins adoucis, lettrage espace */ .btn-primary, .btn-secondary, .btn-outline-primary, .product-add-to-cart .add-to-cart, .block_newsletter form button[type=submit] { border-radius: 3px; letter-spacing: .08em; } .bootstrap-touchspin .btn { border-radius: 0; letter-spacing: 0; } /* Cartes produit : visuels adoucis, titres affines */ .product-miniature .thumbnail-container img, .product-miniature .product-thumbnail img { border-radius: 5px; } .product-miniature .product-title a { font-weight: 400; font-size: 15px; } /* Badges (Promo, Nouveau) en pilule discrete */ .product-flags .product-flag, .product-flags li, .product-flag { border-radius: 30px; padding: 3px 12px; letter-spacing: .05em; font-size: 11px; } /* Titres : respiration delicate */ h1.page-title, .page-title, .section-title, .block-section h2 { letter-spacing: .04em; } /* Champs de formulaire adoucis */ .form-control { border-radius: 3px; } /* Fiche produit : visuel principal adouci */ .product-cover img, .product-images-large img, .images-container img { border-radius: 6px; } /* ===== Corrections UI (11/06/2026) ===== */ /* Slider : boutons aux couleurs charte (remplace le bleu #436e65) */ #rev_slider_1_1_wrapper .rev-btn { background: #6fa79b !important; border-radius: 50px !important; letter-spacing: .08em !important; } #rev_slider_1_1_wrapper .rev-btn:hover { background: #436e65 !important; } /* Pastille du panier : brun charte (remplace le jaune #ffd181) */ .cart-products-count-btn { background: #436e65 !important; color: #ffffff !important; } /* Home : titre "Nos produits" aligne sur les titres Elementor */ #index .featured-products > .section-title { display: block; text-align: center; font-size: 26px; border: none; background: none; } #index .featured-products > .section-title:after, #index .featured-products > .section-title:before { display: none; } /* Newsletter de la home : champ clair au lieu du noir translucide */ .elementor-newsletter-input.form-control { background: #ffffff !important; color: #555555 !important; border-color: #ffffff !important; } .elementor-newsletter-input.form-control::placeholder { color: #999999; } /* ===== Epure v2 - rapprochement Villa d'Elba / by-bm (11/06/2026) ===== */ /* Titres de page : centres, sans filet horizontal */ h1.page-title, .h1.page-title { justify-content: center !important; } .page-title:after, .page-title:before { display: none !important; } /* Titres de blocs sidebar : petites capitales espacees, sans filet */ #left-column .block-title, #left-column .facet-title, #search_filters .facet-title { font-size: 13px; text-transform: uppercase; letter-spacing: .16em; font-weight: 600; color: #436e65; } #left-column .block-title:after, #left-column .facet-title:after, #search_filters .facet-title:after { display: none !important; } /* Boutons pilule */ .btn-primary, .btn-secondary, .btn-outline-primary, .product-add-to-cart .add-to-cart, .block_newsletter form button[type=submit] { border-radius: 50px; padding-left: 26px; padding-right: 26px; } .bootstrap-touchspin .btn { border-radius: 0; } /* Noms de produits neutres, accent au survol */ .product-miniature .product-title a { color: #6b6b6b; } .product-miniature .product-title a:hover { color: #6fa79b; } /* Fil d'ariane discret */ .breadcrumb { font-size: 12px; letter-spacing: .04em; } /* Respiration entre sections */ .block-section { margin-bottom: 48px; } /* ===== Details layout (11/06/2026) ===== */ /* Fleches du slider aux couleurs charte */ #rev_slider_1_1_wrapper .hephaistos.tparrows { background: #6fa79b !important; } #rev_slider_1_1_wrapper .hephaistos.tparrows:hover { background: #436e65 !important; } /* Cartes produit : titres limites a 2 lignes, prix alignes */ .product-miniature .product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 42px; } /* Fiche produit : bloc avis discret, prix et mentions ranges */ .product-comments-additional-info { margin: 0 0 8px; } .product-prices .tax-shipping-delivery-label { font-size: 13px; color: #9a9a9a; margin-top: 4px; } .product-prices .tax-shipping-delivery-label .delivery-information:before { content: " · "; } .product-prices .current-price-value { font-size: 26px; } /* ===== Home coherence (11/06/2026) ===== */ /* Badges produits lisibles (texte vert sur gris avant) */ .product-flag { background: #6fa79b !important; color: #ffffff !important; } .product-flag.out_of_stock { background: #436e65 !important; } .product-flag.discount, .product-flag.on-sale { background: #436e65 !important; } /* Doublon newsletter : la section Elementor est masquee sur la home, la bande du footer assure la collecte sur toutes les pages */ /* Titre "Nos produits" harmonise avec les headings Elementor */ #index .featured-products > .section-title { font-size: 34px; font-style: italic; font-weight: 300; color: #6b6b6b; } /* Bloc engagements : texte aere, non italique */ .elementor-element-utfoddp .elementor-icon-box-description { font-style: normal; color: #8a8a8a; } /* === Menu & polish v3 (Corentin) === */ @media (min-width: 1025px) { .cbp-hrmenu .cbp-hrsub { width: auto !important; min-width: 280px; left: auto !important; right: auto !important; } .cbp-hrmenu .cbp-hrsub-inner { width: auto !important; padding: 12px 0 !important; box-shadow: 0 18px 35px rgba(60,50,40,.10); border-top: 2px solid #6fa79b; } .cbp-hrmenu .iqitmegamenu-submenu-container { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } .cbp-hrmenu .cbp-tabs-container .tab-content { display: none !important; } .cbp-hrmenu .cbp-tabs-container .tabs-links { flex: 0 0 100% !important; max-width: 100% !important; border: 0 !important; } .cbp-hrmenu .cbp-hrsub-tabs-names, .cbp-hrmenu .cbp-hrsub-tabs-names li { border: 0 !important; } .cbp-hrmenu .cbp-hrsub-tabs-names .nav-link { padding: 9px 32px !important; font-size: 13px !important; letter-spacing: .04em; border: 0 !important; white-space: nowrap; } .cbp-hrmenu .cbp-hrsub-tabs-names .nav-link:hover { color: #6fa79b !important; background: transparent !important; } .cbp-hrmenu .cbp-submenu-it-indicator, .cbp-hrmenu .cbp-inner-border-hider { display: none !important; } } #index .featured-products { padding-top: 65px; } .ps-emailsubscription-conditions { opacity: .75; } .js-product-miniature .product-title a { color: #6b6b6b !important; } .js-product-miniature .product-title a:hover { color: #6fa79b !important; } /* === Maquette v1 (Corentin) === */ #index #content rs-module-wrap, #index #content rs-fullwidth-wrap, #index .featured-products { display: none !important; } #index .elementor-element-prodesp1 { padding-top: 95px; padding-bottom: 80px; } #index .elementor-element-reeq5x7 { padding-top: 95px; padding-bottom: 80px; background: #fdf7f4; } #index .elementor-element-utfoddp { padding-top: 90px; padding-bottom: 70px; } .js-product-miniature .product-price-and-shipping, .js-product-miniature .product-price-and-shipping .price { color: var(--esp-price, #2f7355) !important; } .ps-emailsubscription-block .newsletter-input-group { border-radius: 50px; overflow: hidden; } .ps-emailsubscription-block .input-subscription { padding-left: 24px; } .ps-emailsubscription-block .btn-subscribe { background: #436e65 !important; color: #ffffff !important; border: 0 !important; padding: 0 24px; } .ps-emailsubscription-block .btn-subscribe:hover { background: #35594f !important; } .footer-container.footer-style-3 { padding-top: 55px; padding-bottom: 55px; } /* === Maquette v2 (Corentin) === */ .elementor-element h1.elementor-heading-title, .elementor-element h2.elementor-heading-title { font-family: 'Libre Baskerville', serif; } .cbp-horizontal .cbp-tab-title { font-size: 14px !important; letter-spacing: .06em; } .js-product-miniature .product-title a { font-size: 14px !important; } .js-product-miniature .product-price-and-shipping { font-size: 16px !important; } .block-newsletter h5 { font-family: 'Libre Baskerville', serif; font-size: 21px !important; font-weight: 400 !important; } .elementor-element-utfoddp .elementor-icon-box-title { font-family: 'Libre Baskerville', serif; font-size: 16px !important; } .product-flag { text-transform: uppercase; letter-spacing: .12em; font-size: 10.5px !important; } .elementor-element-prodsub1 .elementor-heading-title, .elementor-element-nouvsub1 .elementor-heading-title { color: #4d8576 !important; } .js-product-miniature .product-flag, .product-flag { text-transform: uppercase !important; letter-spacing: .12em !important; } .elementor-element-prodbtn1 .elementor-button, .elementor-element-nouvbtn1 .elementor-button { font-size: 12px !important; letter-spacing: .22em; text-transform: uppercase; padding: 12px 36px !important; } .elementor-element-prodbtn1 .elementor-button:hover, .elementor-element-nouvbtn1 .elementor-button:hover { background: #6fa79b !important; color: #ffffff !important; } .elementor-element-prodbtn1, .elementor-element-nouvbtn1 { margin-top: 25px; } .elementor-element-prodsub1, .elementor-element-nouvsub1 { margin-top: 12px; margin-bottom: 48px; } .js-product-miniature .product-price { color: var(--esp-price, #2f7355) !important; } /* === Maquette v3 : hero slider (Corentin) === */ .esp-hero { overflow: visible !important; float: none !important; width: 100% !important; } .esp-hero .rslides { position: relative; overflow: hidden; width: 100%; list-style: none; padding: 0; margin: 0; } .esp-hero .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .esp-hero .rslides li:first-child { position: relative; display: block; float: left; } .esp-hero-in { display: flex; align-items: center; gap: 60px; min-height: 540px; padding-top: 50px; padding-bottom: 50px; } .esp-hero-txt { flex: 1.05; } .esp-hero-img { flex: 0.95; text-align: center; } .esp-hero-img img { max-width: 360px; width: 100%; height: auto; margin: 0 auto; display: inline-block; } .esp-hero-kicker { font-size: 12px; letter-spacing: .35em; text-transform: uppercase; color: #4d8576; margin-bottom: 26px; } .esp-hero-title, .esp-hero-sub h3 { font-family: 'Libre Baskerville', serif; font-size: 42px; font-weight: 400; color: #436e65; line-height: 1.3; margin: 0; } .esp-hero-sub h3 { font-style: italic; margin-bottom: 24px; } .esp-hero-sub h3 em { font-style: italic; } .esp-hero-sub p { font-family: 'Spectral', serif; font-size: 17px; color: #5f5f5f; line-height: 1.7; max-width: 46ch; margin: 0 0 40px; } .esp-hero-btn { display: inline-block; background: #6fa79b; color: #ffffff !important; padding: 14px 38px; border-radius: 50px; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; transition: background .2s; } .esp-hero-btn:hover { background: #4d8576; text-decoration: none; } @media (max-width: 991px) { .esp-hero-in { flex-direction: column-reverse; gap: 10px; min-height: 0; padding-top: 35px; padding-bottom: 45px; text-align: center; } .esp-hero-img img { max-width: 180px; } .esp-hero-title, .esp-hero-sub h3 { font-size: 28px; } .esp-hero-sub p { margin-left: auto; margin-right: auto; } } /* === Maquette v3 : hover produits sans ombre === */ .js-product-miniature:hover, .product-miniature:hover, .product-miniature:hover .thumbnail-container, .js-product-miniature:hover .thumbnail-container { box-shadow: none !important; } /* === Maquette v3.1 : hero pleine largeur + fleches === */ body { overflow-x: clip; } .esp-hero { position: relative; background: transparent; } .esp-hero::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background: #fdf7f4; } .esp-hero .rslides, .esp-hero .homeslider_nav { position: relative; z-index: 1; } .esp-hero .homeslider_nav { position: absolute; } .esp-hero .homeslider_nav { width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #ffffff; color: #4d8576; text-indent: 0; font-size: 0; box-shadow: 0 4px 14px rgba(60,50,40,.12); opacity: 0; transition: opacity .25s; top: 50%; transform: translateY(-50%); } .esp-hero:hover .homeslider_nav { opacity: .9; } .esp-hero .homeslider_nav.prev { left: 28px; } .esp-hero .homeslider_nav.next { right: 28px; } .esp-hero .homeslider_nav::before { font-size: 18px; display: block; text-align: center; } .esp-hero .homeslider_nav.prev::before { content: "\2039"; } .esp-hero .homeslider_nav.next::before { content: "\203A"; } /* === Maquette v4 : footer bas + langue (Corentin) === */ .language-selector .lang-flag, .language-selector img { display: none !important; } .language-selector .expand-more { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; } .language-selector .dropdown-menu { border: 0; box-shadow: 0 10px 26px rgba(60,50,40,.14); border-radius: 4px; min-width: 120px; } .language-selector .dropdown-item { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; padding: 8px 18px; } /* === Maquette v4.1 : finitions footer/engagements === */ .elementor-element-utfoddp .elementor-icon-box-description { font-family: 'Spectral', serif !important; font-size: 14px !important; } .elementor-element-utfoddp .elementor-icon-box-title { font-size: 17px !important; } /* === Maquette v5 : header/top bar alignes sur le contenu + fleches hero === */ #header .header-nav > .container, #header .header-top > .container { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } #desktop_logo img.logo { width: auto !important; max-height: 60px !important; } .cbp-hrmenu > ul > li > a { padding-left: 10px !important; padding-right: 10px !important; } .cbp-horizontal .cbp-tab-title { font-size: 13.5px !important; } .esp-hero .homeslider_nav.prev { left: calc(50% - 50vw + 26px); } .esp-hero .homeslider_nav.next { right: calc(50% - 50vw + 26px); } .container-iqitmegamenu { max-width: none !important; width: auto !important; } .cbp-hrmenu > ul > li > a { padding-left: 8px !important; padding-right: 8px !important; } /* === Home v2 : barre reassurance + univers + occasions (Corentin) === */ .elementor-element-uvsub1, .elementor-element-occsub1 { margin-top: 12px; } #index .elementor-element-univesp1 h3.elementor-heading-title, #index .elementor-element-univesp2 h3.elementor-heading-title, #index .elementor-element-occesp1 h3.elementor-heading-title { font-family: 'Libre Baskerville', serif; margin-bottom: 10px; } #index .elementor-element-univesp1 h3 a:hover, #index .elementor-element-univesp2 h3 a:hover, #index .elementor-element-occesp1 h3 a:hover { color: #6fa79b !important; } #index .elementor-element-univesp1 h6 a, #index .elementor-element-univesp2 h6 a, #index .elementor-element-occesp1 h6 a { border-bottom: 1px solid transparent; transition: border-color .2s; } #index .elementor-element-univesp1 h6 a:hover, #index .elementor-element-univesp2 h6 a:hover, #index .elementor-element-occesp1 h6 a:hover { border-bottom-color: #6fa79b; text-decoration: none; } #index .elementor-element-univesp1 .elementor-column, #index .elementor-element-univesp2 .elementor-column, #index .elementor-element-occesp1 .elementor-column { transition: transform .25s ease; } #index .elementor-element-reeq5x7 { padding-top: 80px; } /* === Home v3 : cards visuelles + newsletter mi-page + histoire (Corentin) === */ #index .elementor-element-univesp1 .elementor-column-wrap, #index .elementor-element-univesp2 .elementor-column-wrap, #index .elementor-element-occesp1 .elementor-column-wrap { border: 1px solid #ece5e0; border-radius: 6px; overflow: hidden; background: #ffffff; transition: border-color .25s; } #index .elementor-element-univesp1 .elementor-column:hover .elementor-column-wrap, #index .elementor-element-univesp2 .elementor-column:hover .elementor-column-wrap, #index .elementor-element-occesp1 .elementor-column:hover .elementor-column-wrap { border-color: #6fa79b; } #index .elementor-element-univesp1 .elementor-image img, #index .elementor-element-univesp2 .elementor-image img { width: 100%; height: 230px; object-fit: cover; display: block; } #index .elementor-element-occesp1 .elementor-image img { width: 100%; height: 200px; object-fit: cover; display: block; } #index .elementor-element-univesp1 h3.elementor-heading-title, #index .elementor-element-univesp2 h3.elementor-heading-title, #index .elementor-element-occesp1 h3.elementor-heading-title { margin-top: 20px; } #index .elementor-element-univesp1 .elementor-image, #index .elementor-element-univesp2 .elementor-image, #index .elementor-element-occesp1 .elementor-image { margin-bottom: 0; } #index .footer-container.footer-style-3 { display: none; } #index .elementor-element-newsesp1 .elementor-newsletter, #index .elementor-element-newsesp1 form { max-width: 540px; margin: 18px auto 0; } #index .elementor-element-newsesp1 input[type="email"], #index .elementor-element-newsesp1 input[name="email"] { border-radius: 50px 0 0 50px; border: 0; padding: 13px 24px; } #index .elementor-element-newsesp1 button, #index .elementor-element-newsesp1 input[type="submit"] { background: #6fa79b !important; color: #ffffff !important; border: 0 !important; border-radius: 0 50px 50px 0; padding: 13px 26px; } #index .elementor-element-newsesp1 button:hover { background: #5b9084 !important; color: #ffffff !important; } #index .elementor-element-histesp1 .elementor-text-editor { font-family: 'Spectral', serif; font-size: 16px; line-height: 1.8; color: #6b6258; max-width: none; } #index .elementor-element-histesp1 h2.elementor-heading-title { margin: 14px 0 22px; } #index .elementor-element-histesp1 .elementor-button { font-size: 12px !important; letter-spacing: .22em; text-transform: uppercase; margin-top: 26px; } #index .elementor-element-histesp1 .elementor-button:hover { background: #6fa79b !important; color: #ffffff !important; } /* === Home v3.1 : gouttieres entre cards + bordure au hover seulement === */ #index .elementor-element-univesp1 .elementor-column, #index .elementor-element-univesp2 .elementor-column, #index .elementor-element-occesp1 .elementor-column { padding: 0 13px; } #index .elementor-element-occesp1 .elementor-column { padding: 0 10px; } #index .elementor-element-univesp1 { padding-bottom: 28px !important; } #index .elementor-element-univesp1 .elementor-column-wrap, #index .elementor-element-univesp2 .elementor-column-wrap, #index .elementor-element-occesp1 .elementor-column-wrap { border-color: transparent; } #index .elementor-element-univesp1 .elementor-column:hover .elementor-column-wrap, #index .elementor-element-univesp2 .elementor-column:hover .elementor-column-wrap, #index .elementor-element-occesp1 .elementor-column:hover .elementor-column-wrap { border-color: #6fa79b; } /* === Cards produits : respiration + bordure au hover (Corentin) === */ .js-product-miniature { border: 1px solid transparent; border-radius: 6px; padding: 10px 10px 16px; transition: border-color .25s ease; } .js-product-miniature:hover { border-color: #6fa79b; } .js-product-miniature .thumbnail-container { margin-bottom: 4px; } /* === Footer v3 : refonte complete (design panel) === */ /* base + chapter break */ footer.js-footer { background: #faf9f8; border-top: 1px solid #ece5e0; } /* hide legacy footer pieces */ footer.js-footer #footer-container-first, footer.js-footer .footer-container.footer-style-3 { display: none !important; } footer.js-footer .footer-style-inline .row > .col.block { display: none !important; } footer.js-footer #footer-copyrights { display: none !important; } footer.js-footer .footer-container.footer-style-inline { background: transparent; padding: 0; border: 0; } footer.js-footer .footer-style-inline > .container { max-width: none; padding: 0; } footer.js-footer .footer-style-inline .elementor-displayFooter { width: 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } footer.js-footer .elementor-element-fzoneA, footer.js-footer .elementor-element-fzoneB, footer.js-footer .elementor-element-fzoneC { font-family: 'Jost', sans-serif; } /* ---------- Zone A : newsletter inset card ---------- */ .elementor-element-fzoneA { padding: 64px 24px 0; } .elementor-element-fzoneA > .elementor-container { max-width: 1170px; margin: 0 auto; } .elementor-element-fzAcol { max-width: 640px; margin: 0 auto; width: 100% !important; } .elementor-element-fzAcol > .elementor-column-wrap { background: #fdf7f4; border: 1px solid #ece5e0; border-radius: 14px; padding: 36px 40px; } .elementor-element-fzAcol .elementor-widget-wrap { text-align: center; } .elementor-element-faLabel .elementor-heading-title { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #4d8576; text-align: center; } .elementor-element-faTitle { margin-top: 12px; } .elementor-element-faTitle .elementor-heading-title { font-family: 'Libre Baskerville', serif; font-size: 22px; font-weight: 400; line-height: 1.3; color: #5f5f5f; text-align: center; } .elementor-element-faSub { margin-top: 12px; } .elementor-element-faSub .elementor-text-editor { font-family: 'Jost', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.55; color: #6b6b6b; } /* newsletter form (elementor newsletter widget) */ .elementor-element-faNews .elementor-newsletter-form { max-width: 560px !important; width: 100% !important; display: block !important; margin: 22px auto 0; } .elementor-element-faNews .elementor-newsletter-form .row { margin: 0; } .elementor-element-faNews .elementor-newsletter-form .col-12 { display: flex; align-items: stretch; padding: 0; border: 1px solid #ece5e0; border-radius: 50px; background: #fff; overflow: hidden; } .elementor-element-faNews .input-wrapper { order: 1; flex: 1 1 auto; display: flex; } .elementor-element-faNews .elementor-newsletter-input { width: 100%; border: 0; background: transparent; padding: 13px 22px; font-family: 'Jost', sans-serif; font-size: 14px; font-weight: 300; color: #5f5f5f; box-shadow: none; height: auto; } .elementor-element-faNews .elementor-newsletter-input:focus { outline: none; box-shadow: none; } .elementor-element-faNews .elementor-newsletter-input::placeholder { color: #b3b3b3; } .elementor-element-faNews .elementor-newsletter-btn { order: 2; flex: 0 0 auto; background: #6fa79b; color: #fff; border: 0; border-radius: 0; margin: 0; padding: 0 26px; font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; transition: background .2s; } .elementor-element-faNews .elementor-newsletter-btn:hover { background: #4d8576; } .elementor-element-faNews .elementor-newsletter-form .mt-2 { display: none; } /* ---------- Zone B : nav + contact grid ---------- */ .elementor-element-fzoneB { padding: 56px 24px 44px; } .elementor-element-fzoneB > .elementor-container { max-width: 1170px; margin: 0 auto; } .elementor-element-fzoneB .elementor-row { display: flex; gap: 48px; align-items: flex-start; flex-wrap: nowrap; } .elementor-element-fzoneB .elementor-column { width: auto !important; flex: 1 1 0; } .elementor-element-fzoneB .elementor-element-fbc1 { flex: 1.5 1 0; } .elementor-element-fzoneB .elementor-column-wrap { padding: 0; } /* col1 brand */ .elementor-element-fbEmb .elementor-image img { max-width: 52px !important; max-height: 52px !important; width: auto !important; height: auto !important; opacity: .9; } .elementor-element-fbBrand { margin-top: 16px; } .elementor-element-fbBrand .elementor-heading-title { font-family: 'Libre Baskerville', serif; font-size: 18px; font-weight: 400; line-height: 1.35; color: #436e65; letter-spacing: .01em; } .elementor-element-fbTag { margin-top: 12px; } .elementor-element-fbTag .elementor-text-editor { font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 300; line-height: 1.5; color: #8a8a8a; max-width: 30ch; } /* col headings */ .elementor-element-fbH2 .elementor-heading-title, .elementor-element-fbH3 .elementor-heading-title, .elementor-element-fbH4 .elementor-heading-title { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #4d8576; } /* override theme centring + bullets across the whole grid */ .elementor-element-fzoneB .elementor-widget-wrap, .elementor-element-fzoneB .elementor-text-editor, .elementor-element-fzoneB .elementor-text-editor p, .elementor-element-fzoneB .elementor-heading-title { text-align: left !important; } .elementor-element-fbL2, .elementor-element-fbL3 { margin-top: 18px; } .elementor-element-fzoneB .esp-flink-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-element-fzoneB .esp-flink-list li { list-style: none !important; margin: 0; padding: 0; display: block; } .elementor-element-fzoneB .esp-flink-list li::marker { content: ""; } .esp-flink-list a { display: inline-block; font-family: 'Jost', sans-serif; font-size: 14px; font-weight: 300; line-height: 2.0; color: #6b6b6b; transition: color .15s ease; } .esp-flink-list a:hover { color: #4d8576; text-decoration: underline; text-underline-offset: 4px; } /* col4 contact */ .elementor-element-fbAddr { margin-top: 18px; } .esp-faddr { font-family: 'Jost', sans-serif; font-size: 13.5px; font-weight: 300; line-height: 1.7; color: #6b6b6b; margin: 0; } .elementor-element-fbMail { margin-top: 12px; } .esp-fmail { font-family: 'Jost', sans-serif; font-size: 13.5px; font-weight: 400; color: #4d8576; text-decoration: underline; text-decoration-color: rgba(77,133,118,.55); text-underline-offset: 3px; word-break: break-word; } .elementor-element-fbAcct { margin-top: 20px; } .elementor-element-fbAcct .elementor-button { display: inline-block; background: transparent; border: 1px solid #6fa79b; border-radius: 50px; color: #4d8576; font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; padding: 10px 24px; transition: all .2s; } .elementor-element-fbAcct .elementor-button:hover { background: #6fa79b; color: #fff; } .elementor-element-fbResp { margin-top: 16px; } .esp-fresp { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 300; color: #8a8a8a; margin: 0; } /* ---------- Zone C : utility bar ---------- */ .elementor-element-fzoneC { padding: 0 24px; border-top: 1px solid #ece5e0; margin-top: 0; } .elementor-element-fzoneC > .elementor-container { max-width: 1170px; margin: 0 auto; } .elementor-element-fzoneC .elementor-row { display: flex; align-items: center; justify-content: space-between; padding: 24px 0; flex-wrap: wrap; gap: 16px; } .elementor-element-fzoneC .elementor-column { width: auto !important; flex: 0 0 auto; } .elementor-element-fcL .elementor-widget-wrap { display: flex; align-items: center; gap: 22px; } .elementor-element-fcR .elementor-widget-wrap { display: flex; align-items: center; gap: 22px; justify-content: flex-end; } .elementor-element-fcL .elementor-widget, .elementor-element-fcR .elementor-widget { width: auto !important; } .esp-copy { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: .04em; color: #8a8a8a; margin: 0; } .esp-lang-wrap { margin: 0; display: flex; align-items: center; gap: 8px; } .esp-lang { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 400; color: #8a8a8a; } .esp-lang.on { color: #4d8576; font-weight: 600; } .esp-langsep { color: #cfc9c3; } .esp-fsocial { margin: 0; display: flex; align-items: center; gap: 16px; } .esp-fsocial a i { font-size: 17px; color: #4d8576; transition: color .2s; } .esp-fsocial a:hover i { color: #6fa79b; } .esp-fpay { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; color: #b3aca5; margin: 0; padding-left: 22px; border-left: 1px solid #ece5e0; } /* ---------- responsive ---------- */ @media (max-width: 767px) { .elementor-element-fzoneA { padding-top: 40px; } .elementor-element-fzAcol > .elementor-column-wrap { padding: 28px 22px; } /* newsletter: stacked field + full-width button labelled S'abonner (not the module's "OK") */ .elementor-element-faNews .elementor-newsletter-form .col-12 { display: block; border: 0; border-radius: 0; background: transparent; overflow: visible; } .elementor-element-faNews .input-wrapper { display: block; } .elementor-element-faNews .elementor-newsletter-input { border: 1px solid #ece5e0; border-radius: 50px; background: #fff; text-align: center; } .elementor-element-faNews .elementor-newsletter-btn { border-radius: 50px; padding: 13px; width: 100%; margin-top: 10px; } .elementor-element-faNews .elementor-newsletter-btn.hidden-sm-up { display: none !important; } .elementor-element-faNews .elementor-newsletter-btn.hidden-xs-down { display: block !important; } /* nav grid: robust block stacking (not flex, to avoid column-direction basis bugs) */ .elementor-element-fzoneB .elementor-row { display: block; } .elementor-element-fzoneB .elementor-column { display: block; width: 100% !important; max-width: 100% !important; flex: none !important; border-top: 1px solid #ece5e0; padding: 26px 0 0; margin-top: 26px; } .elementor-element-fzoneB .elementor-element-fbc1 { border-top: 0; padding-top: 0; margin-top: 0; } /* utility bar stacks left-aligned */ .elementor-element-fzoneC .elementor-row { display: block; padding: 22px 0; } .elementor-element-fzoneC .elementor-column { display: block; width: 100% !important; } .elementor-element-fcL .elementor-widget-wrap, .elementor-element-fcR .elementor-widget-wrap { justify-content: flex-start; flex-wrap: wrap; } .elementor-element-fcR { margin-top: 16px; } } /* === Histoire : plus de largeur au texte (Corentin) === */ #index .elementor-element-histcol1 { width: 36% !important; max-width: 36% !important; flex-basis: 36% !important; } #index .elementor-element-histcol2 { width: 64% !important; max-width: 64% !important; flex-basis: 64% !important; } /* === Maquette home v5 : refonte UX/UI (panel) === */ /* 1. Newsletter footer (fzoneA) retiree sur tout le site (demande Corentin). Sur la home, newsesp1 reste le point de capture. */ .elementor-element-fzoneA { display: none !important; } /* 2. Triptyque reassurance : sans fond ni bordure, sous le hero */ #index .elementor-element-utfoddp { padding: 54px 0 54px !important; } #index .elementor-element-utfoddp .elementor-icon-box-icon { margin-bottom: 6px !important; } /* 3. Grilles 2 colonnes en mobile (univers + occasions) */ @media (max-width: 767px) { #index .elementor-element-univesp1 > .elementor-container > .elementor-row, #index .elementor-element-univesp2 > .elementor-container > .elementor-row, #index .elementor-element-occesp1 > .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } #index .elementor-element-univesp1 > .elementor-container > .elementor-row > .elementor-column, #index .elementor-element-univesp2 > .elementor-container > .elementor-row > .elementor-column, #index .elementor-element-occesp1 > .elementor-container > .elementor-row > .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; } #index .elementor-element-univesp1 .elementor-widget-wrap, #index .elementor-element-univesp2 .elementor-widget-wrap, #index .elementor-element-occesp1 .elementor-widget-wrap { padding-left: 6px !important; padding-right: 6px !important; } /* 4. Produits nouveautes : 2 par ligne en mobile, masquer le 5e (orphelin) */ #index .elementor-element-reeq5x7 .products { display: flex !important; flex-wrap: wrap !important; } #index .elementor-element-reeq5x7 .js-product-miniature-wrapper { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding-left: 6px !important; padding-right: 6px !important; } #index .elementor-element-reeq5x7 .js-product-miniature-wrapper:nth-child(n+5) { display: none !important; } } /* 5. Rythme vertical : gaps genereux entre les blocs (ordre v6 : bandeau entre univers/nouveautes, triptyque sous occasions) */ #index .elementor-element-occtit1 { padding-top: 64px !important; padding-bottom: 8px !important; } #index .elementor-element-occesp1 { padding-top: 48px !important; padding-bottom: 76px !important; } #index .elementor-element-reeq5x7 { padding-top: 72px !important; padding-bottom: 100px !important; } #index .elementor-element-histesp1 { padding-top: 100px !important; padding-bottom: 76px !important; } #index .elementor-element-univtit1 { padding-top: 60px !important; padding-bottom: 8px !important; } #index .elementor-element-univesp1 { padding-top: 48px !important; padding-bottom: 32px !important; } #index .elementor-element-univesp2 { padding-top: 0 !important; padding-bottom: 68px !important; } #index .elementor-element-newsesp1 { padding-top: 45px !important; padding-bottom: 45px !important; background-color: #436e65 !important; } /* === Hero : image plein fond, carte arrondie pleine largeur (Corentin 18/06) === */ html { overflow-x: clip; } .esp-hero::before { display: none !important; } .esp-hero { position: relative; width: auto !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; background: transparent; padding: 30px !important; overflow: visible !important; } .esp-hero .rslides { position: relative; overflow: visible; width: 100%; max-width: none; margin: 0; padding: 0; list-style: none; } .esp-hero .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; float: none !important; } .esp-hero .rslides li:first-child { position: relative; display: block; float: none !important; } .esp-hero .esp-hero-slide { position: relative; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 56px -30px rgba(90,66,48,.32); } .esp-hero .esp-hero-media { position: absolute; inset: 0; z-index: 0; margin: 0 !important; } .esp-hero .esp-hero-media img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: 50% 30%; display: block; margin: 0 !important; border-radius: 0 !important; } .esp-hero .esp-hero-slide::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(100deg, rgba(248,244,239,.97) 0%, rgba(248,244,239,.95) 30%, rgba(248,244,239,.45) 42%, rgba(248,244,239,.1) 52%, rgba(248,244,239,0) 60%); } .esp-hero .esp-hero-overlay { position: relative; z-index: 2; min-height: var(--esp-hero-h, 580px); display: flex; align-items: center; } .esp-hero .esp-hero-txt { flex: 0 1 auto; max-width: 560px; padding: 48px 30px 48px 5%; } .esp-hero .esp-hero-kicker { margin-bottom: 18px; color: #436e65; } .esp-hero .esp-hero-title { font-size: 44px; line-height: 1.15; } .esp-hero .esp-hero-sub h3 { font-size: 36px; margin-bottom: 16px; } .esp-hero .esp-hero-sub p { max-width: 42ch; margin-bottom: 28px; } .esp-hero .homeslider_nav { display: none !important; } .esp-hero .esp-hero-btn { background: #436e65 !important; } .esp-hero .esp-hero-btn:hover { background: #365a51 !important; } @media (max-width: 767px) { .esp-hero { padding: 14px 14px 4px !important; } .esp-hero .esp-hero-slide { border-radius: 0; overflow: visible; box-shadow: none; } .esp-hero .esp-hero-media { position: relative; inset: auto; height: 300px; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 36px -22px rgba(90,66,48,.30); } .esp-hero .esp-hero-media img { object-position: 72% 42%; } .esp-hero .esp-hero-slide::after { display: none; } .esp-hero .esp-hero-overlay { position: static; min-height: 0; display: block; } .esp-hero .esp-hero-txt { max-width: 100%; padding: 22px 4px 6px; } .esp-hero .esp-hero-title { font-size: 26px; line-height: 1.2; } .esp-hero .esp-hero-sub h3 { font-size: 23px; } .esp-hero .esp-hero-sub p { font-size: 15px; max-width: none; } } /* === Bandeau separateur (Corentin 18/06) === */ #index .elementor-element-bandsep1 { position: relative; width: auto !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; background: #FDF7F4; min-height: 70px; } #index .elementor-element-bandsep1 > .elementor-container { max-width: none; min-height: 70px; } #index .elementor-element-bandsep1::before, #index .elementor-element-bandsep1::after { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.85); pointer-events: none; } #index .elementor-element-bandsep1::before { top: 16px; } #index .elementor-element-bandsep1::after { bottom: 16px; } /* === Fiche produit : ameliorations UI (Corentin 18/06) === */ .product-cover { border: 1px solid #ece5e0 !important; border-radius: 14px; overflow: hidden; background: #fdfcfb; } .product-cover .product-images-large, .product-cover .swiper-slide { border-radius: 14px; overflow: hidden; } .product-cover img { border-radius: 14px; display: block; } .product-images .swiper-slide img, .product-images img { border-radius: 8px; border: 1px solid #ece5e0; transition: border-color .15s; } .product-images .swiper-slide-active img, .product-images li.selected img { border-color: #6fa79b; } /* wishlist / comparer (colonne panier uniquement) : ronds legers au lieu de gros gris */ .col-add-wishlist .btn, .col-add-compare .btn { width: 48px !important; height: 48px !important; min-width: 48px; padding: 0 !important; background: transparent !important; border: 1px solid #e2dcd6 !important; color: #9a9189 !important; box-shadow: none !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .col-add-wishlist .btn:hover, .col-add-compare .btn:hover { border-color: #6fa79b !important; color: #6fa79b !important; background: #fff !important; } /* onglets : soulignement charte */ .product-tabs .nav-tabs { border-bottom: 1px solid #ece5e0; } .product-tabs .nav-link { color: #9a9189; font-weight: 400; border: 0 !important; border-bottom: 2px solid transparent !important; padding: 14px 2px !important; margin-right: 30px; letter-spacing: .02em; background: transparent !important; } .product-tabs .nav-link.active { color: #436e65; border-bottom-color: #6fa79b !important; } .product-tabs .tab-content { padding-top: 22px; } /* description courte en lead doux */ .product-information .product-description { color: #6b6b6b; font-size: 15px; line-height: 1.6; margin-bottom: 4px; } /* rythme colonne droite */ .product-information .product-prices { margin-top: 14px; } .product-information .product-actions, .product-add-to-cart { margin-top: 16px; }
/* === Accessibilite mobile (audit 22/06) === */

/* M8 : champs de saisie a 16px sur mobile -> empeche le zoom auto iOS Safari au focus */
@media (max-width: 991px) {
  input[type="text"], input[type="email"], input[type="password"], input[type="number"],
  input[type="search"], input[type="tel"], input[type="url"], input[type="date"],
  textarea, select { font-size: 16px !important; }
}

/* B2 / M3 : "Ajouter au panier" FICHE (bouton plein) -> contraste blanc/vert fonce 5,76:1 + cible 44px */
.btn-primary.add-to-cart, .add-to-cart.btn-lg, .product-add-to-cart .add-to-cart { background-color: #436e65 !important; border-color: #436e65 !important; color: #ffffff !important; min-height: 44px !important; }
/* M9 : "Ajouter au panier" VIGNETTE (style lien) -> garde fond transparent + texte vert fonce lisible */
.product-miniature .add-to-cart, .js-product-miniature-wrapper .add-to-cart { color: #355f54 !important; background: transparent !important; border-color: transparent !important; }

/* M10 : fil d'ariane -> contraste 7:1 + lisibilite 12px + cible verticale */
.breadcrumb a, .breadcrumb li, .breadcrumb span { color: #555555 !important; font-size: 12px !important; }
@media (max-width: 991px) { .breadcrumb a { display: inline-block; padding: 6px 2px; } }

/* M11 / m2 : facettes -> contraste */
.facet-label, .facet label, .facet .custom-control-label { color: #26302b !important; }
.facet-title, .facet .h6 { color: #69492f !important; }

/* m3 : titres de colonnes du footer (etaient en vert clair 4,01:1) -> vert charte fonce */
[class*="footer"] h6.elementor-heading-title, [class*="footer"] h6 { color: #436e65 !important; }

/* M2 : icones du header mobile -> cible tactile 44x44 */
@media (max-width: 991px) {
  a.m-nav-btn { min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
}

/* M6 : icones favoris / comparer des miniatures -> 44x44 */
.btn-iqitwishlist-add, .btn-iqitcompare-add { min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }

/* M1 : fermeture du panier (x) et du menu -> cible 44x44 */
#js-cart-close.close { min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.mobile-menu__close, .mobile-menu__back-btn { min-width: 44px !important; min-height: 44px !important; }

/* M5 : fleches de galerie produit -> largeur tactile */
.swiper-button-arrow, .swiper-button-prev, .swiper-button-next { min-width: 44px !important; }

/* qty +/- -> cible plus haute */
.btn-touchspin { min-width: 40px !important; min-height: 44px !important; }

/* M4 : CTA des tuiles (titre + "Decouvrir") + bouton hero -> hauteur tactile sur mobile */
@media (max-width: 991px) {
  #index .elementor-element-univesp1 .elementor-heading-title a,
  #index .elementor-element-univesp2 .elementor-heading-title a,
  #index .elementor-element-occesp1 .elementor-heading-title a { display: inline-block; padding-top: 8px; padding-bottom: 8px; }
  .esp-hero .esp-hero-btn { min-height: 44px; display: inline-flex; align-items: center; }
}

/* M7 : textes interactifs trop petits sur mobile -> lisibilite */
@media (max-width: 991px) {
  .add-to-cart { font-size: 15px !important; }
  span.current-price, .current-price { font-size: 15px !important; }
  a#products-tab-anchor, .nav-tabs a, .product-tabs a, .tab-title { font-size: 14px !important; }
  .products-sort-order, .sort-by { font-size: 13px !important; }
}

/* === Pouce-friendly : declutter bandeau haut + textes/cibles agrandis sur mobile (Corentin 22/06) === */
@media (max-width: 991px) {
  /* Bandeau du haut : masquer les liens redondants (deja en footer) + compteurs envies/comparer (cibles 8px). Langue conservee. Retrait propre cote module encore en attente. */
  nav.header-nav .left-nav,
  nav.header-nav a[href*="iqitwishlist"],
  nav.header-nav a[href*="iqitcompare"] { display: none !important; }
  nav.header-nav a { font-size: 13px !important; }

  /* Liens footer : lisibles + cliquables au pouce */
  [class*="footer"] a { font-size: 14px !important; display: inline-block; padding: 9px 4px !important; }

  /* Titres / CTA des tuiles univers & occasions */
  #index .elementor-element-univesp1 .elementor-heading-title a,
  #index .elementor-element-univesp2 .elementor-heading-title a,
  #index .elementor-element-occesp1 .elementor-heading-title a { font-size: 14px !important; }

  /* Tri, filtres, fil d'ariane, titres produits */
  .products-sort-order, .sort-by, .facet-label, .facet-title { font-size: 14px !important; }
  .breadcrumb a { font-size: 13px !important; }
  .product-title a, .js-product-miniature-wrapper .product-title a { font-size: 15px !important; }

  /* Bouton "Filtrer" / barre de tri -> hauteur tactile */
  .hidden-md-up .btn, .js-search-filters-toggler, .products-sort-order .select-title { min-height: 44px !important; display: inline-flex; align-items: center; }
}
/* === Header passe UX/UI (24/06) - Phase 1a === */
/* Header sticky : reste accessible au scroll, fond opaque, fine ombre + hairline celadon */
header#header { position: sticky; top: 0; z-index: 1020; background: #ffffff; box-shadow: 0 2px 10px rgba(38,48,43,.06); border-bottom: 1px solid rgba(111,167,155,.3); }
/* Survol/focus des entrees du menu principal : soulignement (changement de forme, pas seulement la couleur) */
#cbp-hrmenu .nav-link:hover,
#cbp-hrmenu .nav-link:focus-visible { text-decoration: underline; text-decoration-color: #6fa79b; text-decoration-thickness: 2px; text-underline-offset: 6px; }
/* Focus visible accessible : anneau charbon 2px sur tous les controles du header (WCAG 2.4.7) */
#header a:focus-visible,
#header button:focus-visible,
#header input:focus-visible,
#header [tabindex]:focus-visible { outline: 2px solid #26302b; outline-offset: 2px; border-radius: 2px; }
/* Recherche desktop : la loupe deroule un grand champ pleine largeur ANCRE SOUS le header (au lieu d'un overlay centre plein ecran) */
@media (min-width: 992px) {
  #header-search-btn .fullscreen-search { top: 88px !important; height: calc(100vh - 88px) !important; align-items: flex-start !important; background: rgba(38,48,43,.32) !important; }
  #header-search-btn .fullscreen-search #search_widget { width: 100% !important; max-width: none !important; background: #ffffff !important; padding: 16px max(24px, calc((100% - 1180px) / 2)) !important; box-shadow: 0 10px 22px rgba(38,48,43,.12); }
  #header-search-btn .fullscreen-search .form-search-control { height: 54px !important; font-size: 16px !important; }
  #header-search-btn .fullscreen-search .search-btn { height: 54px !important; }
}
/* Selecteur de langue desktop, compact, pres des icones (apres suppression de la top bar). Markup = dropdown Bootstrap du theme (a.expand-more + .dropdown-menu) */
.esp-header-lang { padding: 0 8px 0 4px; }
/* Declencheur compact : code langue (FR/EN) seul, pour ne pas pousser le menu sur 2 lignes */
.esp-header-lang .language-selector .expand-more { display: inline-flex; align-items: center; color: #26302b !important; font-size: 0; line-height: 1; cursor: pointer; padding: 6px 2px; white-space: nowrap; }
.esp-header-lang .language-selector .expand-more .lang-flag { display: none; }
.esp-header-lang .language-selector .expand-more::before { content: attr(data-iso-code); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: #26302b; }
.esp-header-lang .language-selector .expand-more .fa-angle-down { font-size: 13px; margin-left: 4px; color: #6fa79b; }
.esp-header-lang .language-selector .dropdown-menu { right: 0; left: auto; min-width: 150px; padding: 6px 0; border: 1px solid rgba(111,167,155,.35); box-shadow: 0 8px 18px rgba(38,48,43,.12); border-radius: 6px; }
.esp-header-lang .language-selector .dropdown-menu ul { list-style: none; margin: 0; padding: 0; }
.esp-header-lang .language-selector .dropdown-menu li a { display: flex; align-items: center; gap: 8px; padding: 8px 14px; color: #26302b; font-size: 13px; }
.esp-header-lang .language-selector .dropdown-menu li a:hover { background: #fdf7f4; }
.esp-header-lang .language-selector .dropdown-menu li.current a { font-weight: 700; }
/* Menu : espacement resserre pour tenir sur 1 ligne avec le selecteur de langue (interim ; cible reelle = 9->7 entrees cote catalogue) */
@media (min-width: 992px) {
  #cbp-hrmenu > ul > li > a.nav-link { padding-left: 4px !important; padding-right: 4px !important; }
}
/* Mega-menu deroulant : boite blanche premium (etait une liste nue celadon sans ombre) */
#cbp-hrmenu .cbp-hrsub { background: transparent !important; }
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner { background: #ffffff !important; border: 1px solid rgba(111,167,155,.28) !important; border-radius: 12px !important; box-shadow: 0 18px 44px -22px rgba(38,48,43,.32) !important; padding: 10px !important; margin-top: 8px !important; }
#cbp-hrmenu .cbp-hrsub li { border: none !important; background: transparent !important; }
#cbp-hrmenu .cbp-hrsub a { color: #26302b !important; padding: 8px 16px !important; border-radius: 8px !important; font-size: 14px !important; line-height: 1.3 !important; border: none !important; transition: background .15s ease, color .15s ease !important; }
#cbp-hrmenu .cbp-hrsub a:hover { background: rgba(111,167,155,.14) !important; color: #26302b !important; }

/* === Notre histoire : empilage mobile (30/06) === */
/* Colonnes image(36%)+texte(64%) restaient cote a cote sur mobile -> texte coince. Empilage pleine largeur + retrait lateral 18px + embleme centre/plafonne. */
@media (max-width: 767px) {
  #index .elementor-element-histcol1,
  #index .elementor-element-histcol2 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
  #index .elementor-element-histcol1 > .elementor-column-wrap,
  #index .elementor-element-histcol2 > .elementor-column-wrap { padding-left: 18px !important; padding-right: 18px !important; }
  #index .elementor-element-histcol1 .elementor-widget-image { text-align: center !important; }
  #index .elementor-element-histcol1 img { max-width: 260px !important; }
}

/* === Page de connexion : carte centree (01/07) === */
#content.page-content:has(#login-form){ max-width:460px; margin:44px auto; border:1px solid rgba(111,167,155,.3)!important; border-radius:16px; padding:34px 34px 30px!important; box-shadow:0 22px 54px -30px rgba(38,48,43,.30); background:#fff; }
#login-form .form-group.row{ display:block!important; margin-bottom:16px; }
#login-form .form-group.row > label, #login-form .form-group.row .form-control-label{ display:block!important; text-align:left!important; max-width:100%!important; flex:none!important; margin-bottom:6px; padding:0!important; font-size:13px; color:#5a5450; }
#login-form .form-group.row > .col-md-6, #login-form .form-group.row > div:not(.form-control-label){ max-width:100%!important; flex:0 0 100%!important; width:100%!important; }
#login-form .input-group{ display:flex!important; flex-wrap:nowrap!important; width:100%!important; }
#login-form .input-group .form-control{ flex:1 1 auto!important; width:auto!important; }
#login-form .input-group-append{ flex:0 0 auto!important; display:flex!important; }
#login-form .form-control-submit, #login-form .text-xs-center{ text-align:center; }
#login-form button[type=submit]{ width:100%; }

/* === Footer : allege (demande Marie 01/07) === */
/* Retrait colonne 'La boutique' (liens categories) + bouton 'Mon compte', 3 colonnes reparties, hauteur reduite. NB: retrait CSS (la donnee Elementor fzoneB conserve fbc2/fbAcct) -> a repercuter en source si voulu. */
.elementor-element-fbc2 { display: none !important; }
.elementor-element-fbAcct { display: none !important; }
.elementor-element-fzoneB { padding-top: 36px !important; padding-bottom: 26px !important; }
.elementor-element-fzoneB .elementor-row { justify-content: space-between !important; }

/* === Audit UI/UX : de-brun + prix (02/07) === */
/* Prix coherents et lisibles en vert AA (demande Marie « prix en vert ») via variable ; remplace le brun #436e65 (listing/panier/recherche) et le celadon pale #6FA79B (fiche, illisible 2,7:1). Vert final ajustable en 1 ligne si Marie valide une autre teinte. */
:root { --esp-price: #2F7355; }
.product-price, .current-price, .current-price-value, .product-price.current-price-value, .current-price .price, .product-miniature .price { color: var(--esp-price) !important; }
/* Sidebar categorie : retirer le brun (titres facettes #69492F, sous-cat #436e65, labels #4D3A2A) -> charbon */
#left-column .block-title, #left-column .facet-title, .facet-title, .block-categories .block-title, .facet-label, .facet-label a { color: #26302b !important; }
/* Icones du triptyque de reassurance : brun -> celadon (decoratif, accompagne de texte) */
#index .elementor-element-utfoddp .elementor-icon i, #index .elementor-element-utfoddp .elementor-icon { color: #6fa79b !important; }
/* Pagination mobile : cible tactile 44px */
@media (max-width: 767px) { .pagination .page-list a, .pagination .page-list span, nav.pagination a { min-height: 44px !important; min-width: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } }

/* === Audit reste (03/07) === */
/* PayPal 'Payez en 4X' retire de la fiche (demande Marie) */
[id^="zoid-paypal-message"] { display: none !important; }
/* Footer : fond gris #F8F8F8 -> creme rose (demande Marie 'rose ou blanc') */
#footer, #footer.js-footer { background-color: #FDF7F4 !important; }

/* === Corrections demandes Marie (23/06) === */
/* Navigation produit precedent/suivant <> retiree (demande Marie) */
#iqitproductsnav { display: none !important; }
/* "Donnez votre avis" retire du haut de la fiche (reste dans l'onglet Avis en bas) */
.post-product-comment { display: none !important; }
/* Fond des images produit en blanc (etait #fdfcfb -> bandes grisatres sur les cotes) */
.product-cover, .images-container { background-color: #ffffff !important; }
/* Fleches de galerie plus discretes sur desktop (la zone tactile 44px est conservee en mobile) */
@media (min-width: 992px) {
  .swiper-button-arrow, .swiper-button-prev, .swiper-button-next { transform: scale(.7); }
}
/* Etiquettes (Nouveau, etc.) : texte centre verticalement (etait display:table) */
.product-flag { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }
/* Bouton "Apercu rapide" : cercle (etait un ovale 88x31) coherent avec favoris/comparer */
.js-quick-view-iqit { width: 44px !important; height: 44px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
/* Boutons d'action de la carte produit (favoris/comparer/apercu) : en haut a DROITE (etaient centres en haut) */
.thumbnail-container .product-functional-buttons { left: auto !important; right: 8px !important; top: 8px !important; width: auto !important; text-align: right !important; padding: 0 !important; }
.product-functional-buttons .product-functional-buttons-links { display: inline-flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 6px !important; }
/* Selecteur de quantite : stepper compact arrondi (etait un gros bloc 80x88 touchspin) */
/* .qty est fige a 80px par le theme : on reserve la largeur reelle du stepper, sinon les fleches passent sous le bouton */
.product-quantity .qty { width: 104px !important; }
.product-quantity .bootstrap-touchspin { width: 104px !important; height: 57px !important; border: 1px solid rgba(111,167,155,.55) !important; border-radius: 10px !important; overflow: hidden !important; background: #fff !important; box-shadow: none !important; flex-wrap: nowrap !important; align-items: stretch !important; }
.product-quantity .bootstrap-touchspin .form-control { height: 55px !important; border: none !important; text-align: center !important; font-size: 17px !important; color: #26302b !important; box-shadow: none !important; background: transparent !important; padding: 0 6px !important; }
.product-quantity .input-group-btn-vertical { width: 34px !important; border-left: 1px solid rgba(111,167,155,.35) !important; display: flex !important; flex-direction: column !important; flex: 0 0 34px !important; }
.product-quantity .input-group-btn-vertical .btn-touchspin { flex: 1 1 50% !important; height: auto !important; min-height: 0 !important; border: none !important; border-radius: 0 !important; background: #fff !important; color: #5a5450 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; }
.product-quantity .input-group-btn-vertical .btn-touchspin:hover { background: #fdf7f4 !important; color: #2f7355 !important; }
.product-quantity .input-group-btn-vertical .bootstrap-touchspin-up { border-bottom: 1px solid rgba(111,167,155,.35) !important; }

/* === Fiche produit : reparations UI (03/07) === */
/* Onglets : la classe .show residuelle de Bootstrap laissait 2 onglets en couleur active */
.product-tabs .nav-tabs .nav-link.show:not(.active) { color: #9a9189 !important; }
/* "Avis (0)" : le float du titre avalait l'espace avant le compteur */
.product-tabs .nav-tabs .iqitreviews-nb { margin-left: 4px; }
/* Descriptions saisies en <h3> dans le catalogue : charbon, pas brun (scope fiche produit : .product-description existe aussi dans les cartes de listing) */
#main-product-wrapper .product-description h2, #main-product-wrapper .product-description h3, #main-product-wrapper .product-description h4 { color: #26302b; }
/* Barre d'achat fixe mobile (option du theme) : remise en etat apres le restylage bouton/stepper
   (bouton sur 2 lignes, comparer hors ecran, aucune separation, bas de page recouvert) */
@media (max-width: 767px) {
  #main-product-wrapper .product-add-to-cart { border-top: 1px solid rgba(111,167,155,.35) !important; box-shadow: 0 -8px 20px rgba(38,48,43,.10) !important; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
  #main-product-wrapper .product-add-to-cart .product-quantity { flex-wrap: nowrap !important; align-items: center !important; }
  #main-product-wrapper .product-add-to-cart .col-add-qty { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  #main-product-wrapper .product-quantity .qty, #main-product-wrapper .product-quantity .bootstrap-touchspin { width: 96px !important; }
  #main-product-wrapper .product-quantity .bootstrap-touchspin { height: 46px !important; }
  #main-product-wrapper .product-quantity .bootstrap-touchspin .form-control { height: 44px !important; font-size: 15px !important; }
  #main-product-wrapper .product-add-to-cart .col-add-btn { flex: 1 1 auto !important; min-width: 0 !important; }
  #main-product-wrapper .product-add-to-cart .add-to-cart { width: 100% !important; white-space: nowrap !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 14px !important; }
  #main-product-wrapper .product-add-to-cart .col-add-wishlist { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  #main-product-wrapper .product-add-to-cart .col-add-compare { display: none !important; }
  #product #wrapper { padding-bottom: 96px !important; }
}
/* Tres petits ecrans : le coeur saute aussi de la barre pour garder le bouton sur 1 ligne */
@media (max-width: 359px) {
  #main-product-wrapper .product-add-to-cart .col-add-wishlist { display: none !important; }
}

/* === Titres de tuiles Elementor (univers + occasions) : brun -> anthracite (17/07 ; fix CSS interim, source reelle = couleur widget Elementor a corriger dans l'editeur) === */
#index h3.elementor-heading-title, #index h3.elementor-heading-title a, #index .elementor-element-histh1 .elementor-heading-title, #index .elementor-element-histh1 .elementor-heading-title a { color: #436e65 !important; }

/* === Corrections 24/07 : bouton newsletter celadon + colonne onglets dropdown en blanc === */
#cbp-hrmenu .tabs-links, .cbp-hrmenu .tabs-links { background: #ffffff !important; }

/* === Notre histoire (bas de page) : embleme plus petit (demande Marie) === */
#index .elementor-element-histimg1 img { max-width: 155px !important; height: auto !important; }

/* === Reassurance : titres plus compacts, pas de retour a la ligne moche (24/07) === */
#index .elementor-element-utfoddp .elementor-icon-box-title { font-size: 16px !important; line-height: 1.35 !important; text-wrap: balance; max-width: 15em; margin-left: auto; margin-right: auto; }
#index .elementor-element-utfoddp .elementor-icon-box-content { padding: 0 8px; }

/* === Carrousel "Offrir pour une occasion" : ligne scrollable + fleches (24/07) === */
#index .elementor-element-occesp1 { position: relative; }
#index .elementor-element-occesp1 > .elementor-container > .elementor-row { flex-wrap: nowrap !important; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; }
#index .elementor-element-occesp1 > .elementor-container > .elementor-row::-webkit-scrollbar { display: none; }
#index .elementor-element-occesp1 > .elementor-container > .elementor-row > .elementor-column { flex: 0 0 25% !important; max-width: 25% !important; scroll-snap-align: start; }
.esp-occ-arrow { position: absolute; top: 44%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid rgba(111,167,155,.5); color: #436e65; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 6; box-shadow: 0 4px 14px rgba(38,48,43,.14); font-size: 22px; line-height: 1; padding: 0; transition: background .15s ease, color .15s ease; }
.esp-occ-arrow:hover { background: #436e65; color: #fff; }
.esp-occ-prev { left: -6px; } .esp-occ-next { right: -6px; }
.esp-occ-arrow:disabled { opacity: .3; cursor: default; }
@media (max-width: 991px){ #index .elementor-element-occesp1 > .elementor-container > .elementor-row > .elementor-column { flex-basis: 45% !important; max-width: 45% !important; } }
@media (max-width: 575px){ #index .elementor-element-occesp1 > .elementor-container > .elementor-row > .elementor-column { flex-basis: 78% !important; max-width: 78% !important; } }