.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1270px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #777777; } a:hover:not(.nav-link):not(.btn) { color: #333333; } .pagination .page-list li:hover { border-color: #333333; } .pagination .page-list li.current { border-color: #333333; } .pagination .page-list li.current a { color: #333333; } #mobile-header { border-bottom: solid 1px #e3e3e3; } #mobile-header .mobile-main-bar { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #mobile-header .m-nav-btn { color: #777777; } #mobile-header .m-nav-btn:hover { color: #333333; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: 'Karla', sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** 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: #333333; 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: #dedede; color: #2e2e2e; } .btn-secondary:not(:disabled):not(.disabled):active { background: #dedede; color: #2e2e2e; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f8f8f8; color: #333333; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #dedede; color: #2e2e2e; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #000000; color: #ffffff; border: none 1px; } .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: #333333; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #333333; color: #ffffff; } #wrapper .breadcrumb { padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; margin-top: -1.0714285714rem; margin-bottom: 1.0714285714rem; font-size: 0.8571428571rem; 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: #777777; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #777777; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #777777; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control::-moz-placeholder { color: #777777; } .form-control:-ms-input-placeholder { color: #777777; } .form-control:-moz-placeholder { color: #777777; } .form-control:focus { color: #777777; border-color: #8a8a8a; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!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(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** 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: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #ad1f00; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.7857142857rem; 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: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #eba53d; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; 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: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; box-shadow: 0px 0px 0px 0px; } #page-preloader { background: #ffffff; } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px; } #header .header-nav { color: #777777; background: #f8f8f8; border-bottom: none 1px; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; font-size: 0.8571428571rem; } #header .header-nav a { color: #777777; } #header .header-nav a:hover { color: #333333; } #header .header-nav .social-links._topbar { font-size: 1rem; } .header-top { padding-top: 1.7857142857rem; padding-bottom: 1.7857142857rem; color: #777777; } .header-top a:not(.btn):not(.nav-link) { color: #777777; } .header-top a:not(.btn):not(.nav-link):hover { color: #333333; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.4285714286rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #ffffff; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #ffffff; } .header-top a.header-cart-btn:not(:hover) { color: #ffffff; } .stuck-header .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #000000; } .cart-products-count-btn { background: #1bd33f; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #000000; 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: 3.5714285714rem; max-width: 14.2857142857rem; color: #ffffff; padding-left: 1.0714285714rem; padding-right: 1.0714285714rem; border-left: groove 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #ffffff; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.2142857143rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.5714285714rem !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: #f8f8f8; color: #333333; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.4285714286rem; max-height: 1.4285714286rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.7142857143rem; padding-right: 0.7142857143rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #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.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.5714285714rem; } #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.5714285714rem; padding-bottom: 0.5714285714rem; 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.7142857143rem; max-height: 1.7142857143rem; } #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: 1rem; 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: #333333 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #333333 !important; border-bottom: none 3px #c2bc29; font-size: 1rem; 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.8571428571rem; } #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.1428571429rem; padding-bottom: 1.1428571429rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; font-size: 1.2857142857rem; 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.4285714286rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; font-size: 1.5714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; color: #595050; font-size: 1.5714285714rem; } .mobile-menu__tab-icon { font-size: 1.5714285714rem; } .mobile-menu__tab-icon--img { max-height: 1.5714285714rem; } .mobile-menu__legend { font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #595050; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.5714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #595050 !important; } .mobile-menu__column { font-size: 1.1428571429rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.8571428571rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.8571428571rem; } .mobile-menu__column-title { margin-bottom: 0.5714285714rem; } .mobile-menu__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: 0rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0rem; } .swiper-container-wrapper { margin: 0rem; } .swiper-container-wrapper .products.swiper-container { padding: 0rem; } .swiper-container-wrapper .product-carousel { padding: 0rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0rem; } .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 picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); } } .product-miniature-grid .product-functional-buttons { background: #ffffff; } .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: !important; } .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.5357142857rem 1.0714285714rem; background: black; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #000000; } .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.7142857143rem; } .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.7142857143rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.2857142857rem; 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: #333333; } .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 .product-cover .expander { color: #ffffff; background: #333333; } #product .product-cover .expander:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; color: #777777; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #content-wrapper .page-title { color: #333333; font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #333333; } #content-wrapper .section-title { color: #333333; font-size: 1.1428571429rem; 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: #333333; } .nav-tabs .nav-link { color: #000000; font-size: 1.1428571429rem; 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: #000000; border-bottom: solid 3px #ca5058; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #ca5058; } #wrapper .block-title { color: #333333; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333333; } #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: #bd4e0f; } #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.3571428571rem; } #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: 1rem; 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: 2.1428571429rem; padding-bottom: 2.1428571429rem; background: #212121; 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.8571428571rem; padding-bottom: 1.8571428571rem; 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: 1.0714285714rem; padding-bottom: 1.0714285714rem; } @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; } /* ============================================================ PLAISIRS DE FEMMES — Custom CSS pour PrestaShop / Warehouse Charte graphique : Raffiné & Sensuel · Dark Mode À coller dans : Back-office → Apparence → Theme Configurator → Custom CSS OU (FTP) : /themes/warehouse/assets/css/custom.css ============================================================ */ /* -------- 1. Polices Google Fonts -------- */ @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Raleway:wght@300;400;500;600;700&display=swap'); /* -------- 2. Variables -------- */ :root { --pdf-noir: #0D0D0D; --pdf-noir-2: #0A080C; --pdf-bordeaux: #6B2D3E; --pdf-bordeaux-hover: #7D3549; --pdf-rose: #C9A5A5; --pdf-or-rose: #B08968; --pdf-creme: #FAF5F0; --pdf-gris-chaud: #B8AEAE; --pdf-gris-moyen: #8A7E7E; --pdf-gris-sombre: #6B4A5A; --pdf-surface: #1A1A2E; --pdf-surface-hover: #252540; --pdf-surface-cart: #1A0F1A; --pdf-bordure: #2A2A3A; --pdf-bordure-cart: #2A1525; } /* Override des variables Warehouse les plus connues */ :root, html, body { --main-color: #6B2D3E !important; --main-color-hover: #7D3549 !important; --secondary-color: #C9A5A5 !important; --link-color: #B8AEAE !important; --link-hover: #C9A5A5 !important; --body-bg: #0D0D0D !important; --body-color: #FAF5F0 !important; --heading-color: #FAF5F0 !important; --border-color: #2A2A3A !important; } /* -------- 3. BASE -------- */ html, body { background-color: #0D0D0D !important; color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; } #wrapper, #content-wrapper, #main, main, .l-wrapper, #page, body#index, body#index #wrapper { background: #0D0D0D !important; } /* -------- 4. TITRES -------- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title, .page-heading, .products-section-title { font-family: 'Playfair Display', serif !important; color: #FAF5F0 !important; text-transform: none !important; font-weight: 400 !important; } h1, .h1 { letter-spacing: 0.03em !important; font-style: italic !important; font-weight: 300 !important; } h2, .h2 { letter-spacing: 0.02em !important; } /* Décoratifs — Great Vibes */ .pdf-script, .pdf-accent-title, .iqit-script { font-family: 'Great Vibes', cursive !important; color: #C9A5A5 !important; font-weight: 400 !important; text-transform: none !important; } /* -------- 5. LIENS -------- */ a, a:visited { color: #B8AEAE !important; transition: color 0.3s ease !important; text-decoration: none !important; } a:hover, a:focus { color: #C9A5A5 !important; text-decoration: none !important; } /* Sélection texte */ ::selection { background: #6B2D3E !important; color: #FAF5F0 !important; } ::-moz-selection { background: #6B2D3E !important; color: #FAF5F0 !important; } /* -------- 6. BOUTONS -------- */ .btn-primary, .btn-primary:visited, button.btn-primary, input[type="submit"].btn-primary, .add-to-cart, .add-to-cart.btn-primary { background-color: #6B2D3E !important; background: #6B2D3E !important; border-color: #6B2D3E !important; color: #FAF5F0 !important; text-shadow: none !important; box-shadow: none !important; border-radius: 2px !important; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; transition: all 0.3s ease !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .add-to-cart:hover { background-color: #7D3549 !important; background: #7D3549 !important; border-color: #7D3549 !important; color: #FAF5F0 !important; box-shadow: 0 4px 15px rgba(107,45,62,0.4) !important; } .btn-secondary, .btn.btn-default, .btn-default { background: transparent !important; background-color: transparent !important; border: 1px solid #B08968 !important; color: #B08968 !important; border-radius: 2px !important; font-family: 'Raleway', sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; } .btn-secondary:hover, .btn.btn-default:hover { background: #B08968 !important; color: #0D0D0D !important; } /* -------- 7. HEADER -------- */ #header, .header-top, #_desktop_top_menu, .header-nav { background: #0D0D0D !important; color: #FAF5F0 !important; border-bottom: 1px solid #2A2A3A !important; } /* Bandeau d'annonce */ .header-banner, #top-bar, .top-bar { background: #6B2D3E !important; color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; font-size: 11px !important; } .header-banner a, #top-bar a, .top-bar a { color: #FAF5F0 !important; } /* Logo */ #_desktop_logo img, .logo, .logo img, .header-logo img { max-width: 200px !important; height: auto !important; display: block !important; margin: 0 auto !important; } /* Icônes header (panier, compte, recherche, wishlist) */ #header i, #header svg, #header .material-icons, .header-nav i, ._desktop_user_info i, ._desktop_cart i, .iqit-wishlist i, .iqit-search i { color: #FAF5F0 !important; fill: #FAF5F0 !important; opacity: 1 !important; } #header a:hover i, #header a:hover svg { color: #C9A5A5 !important; fill: #C9A5A5 !important; } /* Compteur panier / wishlist */ .cart-products-count, .blockcart .cart-products-count, .iqit-wishlist-count, [class*="-count"] { background: #6B2D3E !important; color: #FAF5F0 !important; border: none !important; } /* Barre de recherche */ #search_widget input, .search-widget input, input[name="s"] { background: #6B2D3E !important; background-color: #6B2D3E !important; border: 1px solid #6B2D3E !important; color: #FAF5F0 !important; -webkit-box-shadow: 0 0 0 1000px #6B2D3E inset !important; -webkit-text-fill-color: #FAF5F0 !important; border-radius: 2px !important; } #search_widget input::placeholder, .search-widget input::placeholder { color: rgba(250,245,240,0.65) !important; } #search_widget button, .search-widget button { background: #6B2D3E !important; border: 1px solid #6B2D3E !important; color: #FAF5F0 !important; } /* -------- 8. MEGAMENU (iqitmegamenu) -------- */ #iqitmegamenu-horizontal, .iqitmegamenu, .iqitmegamenu-shown, nav.iqitmegamenu, .iqit-menu { background: #6B2D3E !important; } .iqitmegamenu .cbp-hrmenu > ul > li > a, .iqitmegamenu > ul > li > a, nav.iqitmegamenu a[data-depth="0"], .iqit-menu a { color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; padding: 14px 18px !important; background: transparent !important; } .iqitmegamenu a:hover, .iqit-menu a:hover, .iqitmegamenu > ul > li:hover > a { color: #C9A5A5 !important; background: transparent !important; } /* Sous-menus */ .iqitmegamenu .cbp-hrsub, .iqitmegamenu .sub-menu, .iqit-menu .dropdown-menu, .dropdown-menu { background: #1A1A2E !important; border: 1px solid #2A2A3A !important; box-shadow: 0 8px 30px rgba(0,0,0,0.6) !important; } .iqitmegamenu .cbp-hrsub a, .iqit-menu .dropdown-menu a, .dropdown-item { color: #B8AEAE !important; } .iqitmegamenu .cbp-hrsub a:hover, .iqit-menu .dropdown-menu a:hover, .dropdown-item:hover, .dropdown-item:focus { color: #C9A5A5 !important; background: #252540 !important; } /* Label "Nouveau" / "Sale" dans le menu */ .cbp-menu-label, .iqit-menu-label, .label-menu-new { background: #B08968 !important; color: #0D0D0D !important; } /* -------- 9. BLOCS FEATURES (livraison, paiement…) -------- */ .iqitfeatures, .features-block, #iqitfeatures { background: #1A1A2E !important; border-color: #2A2A3A !important; } .iqitfeatures .feature-title, .iqitfeatures h3 { color: #FAF5F0 !important; font-family: 'Playfair Display', serif !important; } .iqitfeatures .feature-text, .iqitfeatures p { color: #8A7E7E !important; } .iqitfeatures i, .iqitfeatures svg { color: #B08968 !important; fill: #B08968 !important; } /* -------- 10. PRODUITS — Cartes -------- */ .product-miniature, .product-miniature .thumbnail-container, .js-product, article.product-miniature { background: #0D0D0D !important; border: 1px solid transparent !important; border-radius: 0 !important; overflow: hidden !important; transition: all 0.4s ease !important; } .product-miniature:hover, .product-miniature:hover .thumbnail-container { background: #1A1A2E !important; border-color: #2A2A3A !important; box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important; } /* Zone image — fond sombre uniforme */ .product-miniature .thumbnail-container .product-thumbnail, .product-miniature .product-image { background: #0A080C !important; height: 320px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; } .product-miniature .product-thumbnail img, .product-miniature img.img-fluid { max-height: 320px !important; object-fit: contain !important; width: auto !important; } /* Sparkle hover — la signature */ .product-miniature .thumbnail-container::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 55% !important; background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.45) 55%, transparent 100%) !important; opacity: 0 !important; transition: opacity 0.4s ease !important; pointer-events: none !important; z-index: 2 !important; } .product-miniature .thumbnail-container::before { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 55% !important; background-image: radial-gradient(circle, rgba(255,255,255,0.9) 1px, transparent 2px), radial-gradient(circle, rgba(255,255,255,0.7) 1.5px, transparent 2.5px), radial-gradient(circle, rgba(255,255,255,0.85) 1px, transparent 2px), radial-gradient(circle, rgba(201,165,165,0.8) 1px, transparent 2px), radial-gradient(circle, rgba(255,255,255,0.9) 2px, transparent 3px), radial-gradient(circle, rgba(176,137,104,0.7) 1px, transparent 2px) !important; background-size: 85px 58px, 110px 82px, 68px 92px, 95px 62px, 78px 72px, 102px 78px !important; background-position: 8% 75%, 30% 45%, 55% 85%, 75% 55%, 20% 30%, 88% 80% !important; background-repeat: repeat !important; z-index: 3 !important; opacity: 0 !important; transition: opacity 0.4s ease !important; pointer-events: none !important; } .product-miniature:hover .thumbnail-container::after { opacity: 1 !important; } .product-miniature:hover .thumbnail-container::before { opacity: 1 !important; animation: pdfSparkle 2.2s ease-in-out infinite !important; } @keyframes pdfSparkle { 0%, 100% { opacity: 0.3; } 45% { opacity: 0.9; } 75% { opacity: 0.45; } } /* Titre produit + prix */ .product-miniature .product-title a, .product-title a, .products .product-title a { color: #FAF5F0 !important; font-family: 'Playfair Display', serif !important; font-style: italic !important; font-weight: 300 !important; } .product-miniature .product-title a:hover { color: #C9A5A5 !important; } .product-miniature .price, .product-price-and-shipping .price, .current-price, .current-price .price { color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; font-weight: 400 !important; } .regular-price, .product-miniature .regular-price { color: #8A7E7E !important; text-decoration: line-through !important; } /* Badges produits */ .product-flag, .product-flag.new, .product-flag.online-only { background: #6B2D3E !important; color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; font-size: 10px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; border-radius: 2px !important; padding: 5px 11px !important; } .product-flag.discount, .product-flag.on-sale, .product-flag.discount-percentage { background: #B08968 !important; color: #0D0D0D !important; } /* IQIT wishlist / compare boutons sur cartes */ .iqit-wishlist-button i, .iqit-compare-button i { color: #B8AEAE !important; } .iqit-wishlist-button:hover i, .iqit-wishlist-button.active i { color: #C9A5A5 !important; } /* -------- 11. FICHE PRODUIT -------- */ .product-container, #product, .product-prices { background: #0D0D0D !important; color: #FAF5F0 !important; } .product-prices .current-price { color: #FAF5F0 !important; } .product-prices .tax-shipping-delivery-label, .product-prices .discount, .product-discount .regular-price { color: #8A7E7E !important; } .product-discount .discount-percentage { background: #B08968 !important; color: #0D0D0D !important; } .product-description, .product-description p { color: #B8AEAE !important; } /* Onglets fiche produit */ .product-tabs .nav-tabs, .tabs .nav-tabs { border-bottom-color: #2A2A3A !important; } .product-tabs .nav-link, .tabs .nav-link { color: #8A7E7E !important; font-family: 'Raleway', sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.10em !important; font-size: 12px !important; background: transparent !important; border: 1px solid transparent !important; } .product-tabs .nav-link.active, .tabs .nav-link.active { color: #FAF5F0 !important; background: #6B2D3E !important; border-color: #6B2D3E !important; border-bottom: 2px solid #6B2D3E !important; } .product-tabs .nav-link:hover, .tabs .nav-link:hover { color: #C9A5A5 !important; border-bottom-color: #6B2D3E !important; } /* Quantité */ .product-quantity input[type="number"], .qty .form-control, .input-group .form-control { background: #1A1A2E !important; border-color: #2A2A3A !important; color: #FAF5F0 !important; } .product-quantity .btn, .qty .btn, .input-group .btn { background: #1A1A2E !important; border-color: #2A2A3A !important; color: #FAF5F0 !important; } /* -------- 12. FORMULAIRES -------- */ .form-control, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], textarea, select { background: #1A1A2E !important; border: 1px solid #2A2A3A !important; color: #FAF5F0 !important; border-radius: 4px !important; transition: all 0.3s ease !important; } .form-control:focus, input:focus, textarea:focus, select:focus { border-color: #6B2D3E !important; box-shadow: 0 0 0 0.2rem rgba(107,45,62,0.25) !important; background: #1A1A2E !important; color: #FAF5F0 !important; outline: none !important; } .form-control::placeholder, input::placeholder, textarea::placeholder { color: #8A7E7E !important; } label { color: #B8AEAE !important; } /* Checkbox + radio */ .custom-checkbox input[type="checkbox"] + span, .custom-radio input[type="radio"] + span { border-color: #2A2A3A !important; background: #0D0D0D !important; } .custom-checkbox input[type="checkbox"]:checked + span, .custom-radio input[type="radio"]:checked + span { background: #6B2D3E !important; border-color: #6B2D3E !important; } /* -------- 13. PANIER -------- */ .cart-grid, .cart-container, #cart { background: #0D0D0D !important; } .cart-grid .card, .cart-container .card { background: #1A0F1A !important; border: 1px solid #2A1525 !important; border-top: 3px solid #6B2D3E !important; box-shadow: inset 0 -1px 0 #B08968 !important; border-radius: 4px !important; } .cart-grid .product-line-info a { color: #FFFFFF !important; font-family: 'Playfair Display', serif !important; font-style: italic !important; font-weight: 300 !important; } .cart-summary-line .label, .cart-summary-line .value { color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; } .cart-summary-line .label { color: #C9A5A5 !important; font-size: 11px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; } .cart-summary-line.cart-total .value { font-family: 'Playfair Display', serif !important; font-size: 1.6rem !important; font-weight: 300 !important; color: #FAF5F0 !important; } /* -------- 14. NEWSLETTER -------- */ .block_newsletter, #block_newsletter, .iqit-newsletter { background: #0D0D0D !important; border-top: 1px solid #B08968 !important; padding: 64px 24px !important; } .block_newsletter h3, .block_newsletter h2, .block_newsletter .h3 { font-family: 'Playfair Display', serif !important; color: #FAF5F0 !important; } .block_newsletter input[type="email"] { background: #1A1A2E !important; border: 1px solid #2A2A3A !important; color: #FAF5F0 !important; border-radius: 2px !important; } .block_newsletter input[type="email"]::placeholder { color: #8A7E7E !important; } .block_newsletter .btn, .block_newsletter button { background: #6B2D3E !important; border-color: #6B2D3E !important; color: #FAF5F0 !important; border-radius: 2px !important; text-transform: uppercase !important; letter-spacing: 0.20em !important; } /* -------- 15. FOOTER -------- */ #footer, .footer, .footer-container { background: #0D0D0D !important; color: #B8AEAE !important; border-top: 1px solid #B08968 !important; } #footer h3, #footer h4, #footer .h3, #footer .h4, .footer-container h3, .footer-container h4 { color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; font-size: 11px !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } #footer a, .footer-container a { color: #B8AEAE !important; font-family: 'Raleway', sans-serif !important; font-size: 13px !important; } #footer a:hover, .footer-container a:hover { color: #C9A5A5 !important; } #footer p, .footer-container p { color: #8A7E7E !important; } /* Footer bottom — copyright */ .footer-container-bottom, .footer-bottom, #footer-bottom { background: #6B2D3E !important; color: rgba(250,245,240,0.8) !important; padding: 18px 24px !important; } .footer-container-bottom a, .footer-bottom a { color: rgba(250,245,240,0.8) !important; } /* -------- 16. MODALES -------- */ .modal-content, .blockcart-modal .modal-content { background: #1A1A2E !important; border-color: #2A2A3A !important; color: #FAF5F0 !important; } .modal-header, .modal-footer { border-color: #2A2A3A !important; } .modal-header .close, .modal-header button.close { color: #B8AEAE !important; opacity: 1 !important; } /* -------- 17. PAGINATION -------- */ .pagination .page-list li a, .pagination .page-list li span { background: #0D0D0D !important; border-color: #2A2A3A !important; color: #B8AEAE !important; border-radius: 2px !important; } .pagination .page-list li.current a, .pagination .page-list .current > a { background: #6B2D3E !important; border-color: #6B2D3E !important; color: #FAF5F0 !important; } /* -------- 18. BREADCRUMB -------- */ .breadcrumb, .breadcrumb-wrapper { background: transparent !important; border: none !important; } .breadcrumb li, .breadcrumb li a, .breadcrumb li span { color: #B8AEAE !important; font-size: 12px !important; font-family: 'Raleway', sans-serif !important; letter-spacing: 0.05em !important; } .breadcrumb li a:hover { color: #C9A5A5 !important; } /* -------- 19. TABLEAUX (compte, historique) -------- */ table, .table { color: #B8AEAE !important; } table thead th, .table thead th { background: #1A1A2E !important; border-color: #2A2A3A !important; color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.10em !important; font-size: 11px !important; } table tbody td, .table tbody td { border-color: #2A2A3A !important; } table tbody tr:hover, .table tbody tr:hover { background: #252540 !important; } /* -------- 20. SCROLLBAR -------- */ ::-webkit-scrollbar { width: 8px; background: #0D0D0D; } ::-webkit-scrollbar-track { background: #0D0D0D; } ::-webkit-scrollbar-thumb { background: #2A2A3A; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #6B2D3E; } /* -------- 21. ALERTES -------- */ .alert-success { background: rgba(107,45,62,0.15) !important; border-color: #6B2D3E !important; color: #C9A5A5 !important; } .alert-info, .alert-warning { background: rgba(176,137,104,0.15) !important; border-color: #B08968 !important; color: #B08968 !important; } .alert-danger { background: rgba(180,50,50,0.15) !important; border-color: #a03030 !important; color: #e07070 !important; } /* -------- 22. MASQUER LES BLOCS DE DÉMO WAREHOUSE -------- */ /* Tant que la boutique est en construction, on cache ce qui n'est pas encore traduit / configuré. Décommente / commente selon ce que tu veux garder pendant la mise en place. Si tu veux remettre un de ces blocs visible : supprime sa ligne ici. */ /* Bloc "I am text block. Click edit button to change this text…" Lorem ipsum génériques */ .elementor-widget-text-editor:has(p:first-child:nth-last-child(1)) p:contains("I am text block") { display: none !important; } /* Témoignages démo "John Doe / Designer" — à activer une fois remplacés */ /* .iqit-testimonials, .testimonials-block { display: none !important; } */ /* Bloc "$5 discount * valid only in June" — démo IQIT */ /* .elementor-element:has(.elementor-heading-title:contains("$5 discount")) { display: none !important; } */ /* Image localhost cassée "people1.jpg" etc — fallback discret */ img[src*="localhost"], img[src*="iqit-commerce.com/ps17/demo1"] { opacity: 0.15 !important; filter: grayscale(1) !important; } /* -------- 23. RESPONSIVE -------- */ @media (max-width: 991px) { .iqitmegamenu, #iqitmegamenu-horizontal { background: #0D0D0D !important; } #header { box-shadow: 0 2px 15px rgba(0,0,0,0.4) !important; } .header-banner, #top-bar { font-size: 10px !important; padding: 6px !important; } } /* ============================================================ FIN — Plaisirs de Femmes Warehouse custom CSS ============================================================ */ /* ============================================================ 24. HEADER PERSONNALISÉ — Wordmark Great Vibes ============================================================ ⚠ Deux variantes selon ton logo actuel sur PrestaShop : VARIANTE A — Tu gardes le logo image actuel (avec le texte "Plaisirs de Femmes" déjà dans l'image) → Laisse cette section TELLE QUELLE, elle se contente de centrer / dimensionner le logo proprement. VARIANTE B — Tu uploades dans PrestaShop le logo "licorne seule" (le fichier assets/logo-mark.png de ce design system), puis le CSS ajoute le wordmark en Great Vibes dessous → Décommente le bloc "VARIANTE B" plus bas. Recommandation maison de couture : la VARIANTE B est plus raffinée — image-symbole + nom typographique séparé. ============================================================ */ /* === Layout commun du logo (les deux variantes) === */ #_desktop_logo, .header-logo, #header .logo, .logo-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 8px 0 !important; margin: 0 auto !important; text-align: center !important; } #_desktop_logo a, .header-logo a, #header .logo a { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; text-decoration: none !important; gap: 6px !important; } /* === VARIANTE A — Logo image complet (par défaut) === */ #_desktop_logo img, .header-logo img, #header .logo img, .logo img { max-width: 240px !important; width: auto !important; height: auto !important; display: block !important; margin: 0 auto !important; transition: opacity 0.3s ease !important; } #_desktop_logo a:hover img, .header-logo a:hover img { opacity: 0.85 !important; } /* === VARIANTE B — DÉCOMMENTE le bloc ci-dessous si tu uploades le logo licorne seule en back-office (sans texte) === #_desktop_logo img, .header-logo img, #header .logo img, .logo img { max-width: 96px !important; width: 96px !important; height: auto !important; } #_desktop_logo a::after, .header-logo a::after, #header .logo a::after { content: "Plaisirs de\A Femmes" !important; white-space: pre !important; display: block !important; font-family: 'Great Vibes', cursive !important; font-size: 1.8rem !important; font-weight: 400 !important; font-style: normal !important; color: #C9A5A5 !important; line-height: 1.35 !important; text-align: center !important; margin-top: 6px !important; letter-spacing: 0.02em !important; text-transform: none !important; text-shadow: 0 0 24px rgba(107,45,62,0.25) !important; font-variant: normal !important; } #_desktop_logo a:hover::after, .header-logo a:hover::after { color: #E6CBC9 !important; transition: color 0.3s ease !important; } === FIN VARIANTE B === */ /* ============================================================ 25. HEADER — Raffinement maison de couture ============================================================ */ /* Bandeau d'annonce — plus discret, plus haute couture */ .header-banner, #top-bar, .top-bar { padding: 9px 16px !important; font-size: 10px !important; letter-spacing: 0.30em !important; font-weight: 500 !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(176,137,104,0.30) !important; } /* Header — fond ultra-stable, hairline or rosé subtile */ #header { background: #0D0D0D !important; border-bottom: 1px solid rgba(176,137,104,0.20) !important; box-shadow: none !important; } #header.is-sticky, #header.sticky, .header.is-fixed { background: rgba(13,13,13,0.96) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important; } /* Espacement header — plus respirant */ .header-top, #header .header-top { padding-top: 12px !important; padding-bottom: 12px !important; } /* Icônes header — taille couture, plus fines */ #header i, #header .material-icons, .header-nav i, ._desktop_user_info i, ._desktop_cart i, .iqit-wishlist i, .iqit-search i, .header-top svg { font-size: 20px !important; width: 20px !important; height: 20px !important; stroke-width: 1.5 !important; color: #FAF5F0 !important; opacity: 1 !important; transition: color 0.3s ease !important; } /* Texte "Panier / Empty / 0 / etc" — uppercase couture */ .header-top .blockcart .header, .blockcart-collapsed, .cart-products-count-text, ._desktop_cart .cart-text, .cart-preview .header { font-family: 'Raleway', sans-serif !important; font-size: 10px !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; color: #B8AEAE !important; } /* Compteur panier / wishlist — plus petit, plus chic */ .cart-products-count, .blockcart .cart-products-count, .iqit-wishlist-count, [class*="-count"] { background: #6B2D3E !important; color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; font-size: 9px !important; font-weight: 700 !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border-radius: 999px !important; border: none !important; display: inline-grid !important; place-items: center !important; } /* ============================================================ 26. MEGAMENU — Maison de couture (CAPS très espacé) ============================================================ */ #iqitmegamenu-horizontal, .iqitmegamenu, .iqit-menu { background: #0D0D0D !important; border-top: 1px solid rgba(176,137,104,0.18) !important; border-bottom: 1px solid rgba(176,137,104,0.18) !important; } .iqitmegamenu .cbp-hrmenu > ul > li > a, nav.iqitmegamenu a[data-depth="0"], .iqit-menu > ul > li > a { color: #FAF5F0 !important; font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; font-size: 11px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; padding: 18px 22px !important; background: transparent !important; position: relative !important; } /* Hairline rose poudrée au survol — discrète */ .iqitmegamenu .cbp-hrmenu > ul > li > a::after, nav.iqitmegamenu a[data-depth="0"]::after { content: '' !important; position: absolute !important; left: 22px !important; right: 22px !important; bottom: 12px !important; height: 1px !important; background: #C9A5A5 !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; } .iqitmegamenu .cbp-hrmenu > ul > li:hover > a::after, .iqitmegamenu .cbp-hrmenu > ul > li.cbp-hropen > a::after, nav.iqitmegamenu a[data-depth="0"]:hover::after { transform: scaleX(1) !important; } .iqitmegamenu a:hover, .iqit-menu a:hover { color: #C9A5A5 !important; background: transparent !important; } /* ============================================================ 27. POLISH GLOBAL — Détails maison de couture ============================================================ */ /* Titres de section avec script accent */ .featured-products .products-section-title, .products-section-title, h2.h2.text-uppercase { font-family: 'Playfair Display', serif !important; font-weight: 400 !important; font-style: italic !important; text-transform: none !important; font-size: 2rem !important; letter-spacing: 0.02em !important; color: #FAF5F0 !important; text-align: center !important; } /* Séparateur or-rosé décoratif sous les titres */ .featured-products .products-section-title::after, .products-section-title::after { content: '✦' !important; display: block !important; color: #B08968 !important; font-size: 14px !important; margin: 12px auto 0 !important; letter-spacing: 0.6em !important; } /* Liens d'action discrets type "Voir tout" "Découvrir" */ .products-section-link, .more-link, .all-link { font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; font-size: 11px !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; color: #C9A5A5 !important; border-bottom: 1px solid #C9A5A5 !important; padding-bottom: 4px !important; transition: all 0.3s ease !important; } .products-section-link:hover, .more-link:hover { color: #FAF5F0 !important; border-bottom-color: #FAF5F0 !important; } /* ============================================================ FIN — Sections 24 → 27 · raffinement couture ============================================================ */ /* ============================================================ 28. PATCH POST-DÉPLOIEMENT — Retouches après première vue live ============================================================ */ /* ---- Newsletter — éliminer le violet/lavande du thème par défaut ---- */ .block_newsletter input[type="email"], .iqit-newsletter input[type="email"], #footer .block_newsletter input, #footer .block_newsletter input[type="email"], .block_newsletter form input, .iqit-newsletter form input, input[name="email"] { background: #1A1A2E !important; background-color: #1A1A2E !important; border: 1px solid #2A2A3A !important; color: #FAF5F0 !important; border-radius: 2px !important; -webkit-box-shadow: 0 0 0 1000px #1A1A2E inset !important; box-shadow: 0 0 0 1000px #1A1A2E inset !important; -webkit-text-fill-color: #FAF5F0 !important; outline: none !important; } .block_newsletter input[type="email"]:focus, .iqit-newsletter input[type="email"]:focus, input[name="email"]:focus { border-color: #6B2D3E !important; box-shadow: 0 0 0 1000px #1A1A2E inset, 0 0 0 2px rgba(107,45,62,0.35) !important; -webkit-box-shadow: 0 0 0 1000px #1A1A2E inset, 0 0 0 2px rgba(107,45,62,0.35) !important; outline: none !important; } /* Bouton submit newsletter (petite enveloppe ronde) */ .block_newsletter button[type="submit"], .iqit-newsletter button[type="submit"], .block_newsletter .btn-newsletter { background: #6B2D3E !important; background-color: #6B2D3E !important; border-color: #6B2D3E !important; color: #FAF5F0 !important; } .block_newsletter button[type="submit"]:hover { background: #7D3549 !important; } /* ---- Icônes sociales footer — éliminer les pastilles lavande/rose pétard ---- */ .iqit-social-links a, .iqit-social a, #footer .social-links a, #footer [class*="social"] a, .block-social a, .footer-social a { background: transparent !important; background-color: transparent !important; border: 1px solid rgba(176,137,104,0.40) !important; color: #B8AEAE !important; border-radius: 50% !important; width: 36px !important; height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 4px !important; transition: all 0.3s ease !important; } .iqit-social-links a:hover, .iqit-social a:hover, #footer .social-links a:hover, .block-social a:hover { background: #6B2D3E !important; border-color: #6B2D3E !important; color: #FAF5F0 !important; } .iqit-social-links a i, .iqit-social a i, #footer .social-links i, .block-social i { color: inherit !important; font-size: 14px !important; } /* ---- Barre breadcrumb / "Sample tab" — affiner (moins de bloc bordeaux plein) ---- */ .breadcrumb-wrapper, #wrapper .breadcrumb, .iqit-breadcrumb-wrapper, .page-breadcrumb { background: transparent !important; background-color: transparent !important; border-top: 1px solid rgba(176,137,104,0.18) !important; border-bottom: 1px solid rgba(176,137,104,0.18) !important; padding: 14px 24px !important; } .breadcrumb-wrapper .breadcrumb, .iqit-breadcrumb { background: transparent !important; padding: 0 !important; margin: 0 !important; } .breadcrumb li, .breadcrumb a { color: #B8AEAE !important; font-family: 'Raleway', sans-serif !important; font-size: 12px !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; } .breadcrumb a:hover { color: #C9A5A5 !important; } /* Icône maison du breadcrumb (la maison bordeaux à gauche) */ .breadcrumb .home, .breadcrumb li:first-child a, .breadcrumb-wrapper .home-icon { background: transparent !important; color: #B08968 !important; } .breadcrumb .home i, .breadcrumb li:first-child i { color: #B08968 !important; font-size: 14px !important; } /* ---- Titre de page CMS (Accueil, Livraison, etc) — centrer + ornement ---- */ .cms-id-page h1, .page-header h1, .cms-page h1.page-title, #main-page-content h1, #content h1 { text-align: center !important; font-family: 'Playfair Display', serif !important; font-style: italic !important; font-weight: 300 !important; font-size: 2.5rem !important; color: #FAF5F0 !important; margin: 40px 0 24px !important; position: relative !important; } .cms-id-page h1::after, .page-header h1::after { content: '✦' !important; display: block !important; color: #B08968 !important; font-size: 14px !important; margin: 18px auto 0 !important; letter-spacing: 0.6em !important; } /* Liste des pages CMS — aérer + couleur correcte */ .cms-page .page-content ul, .page-content ul, #content > ul { list-style: none !important; padding-left: 0 !important; text-align: center !important; margin: 32px auto !important; max-width: 480px !important; } .cms-page .page-content ul li, .page-content ul li { padding: 12px 0 !important; border-bottom: 1px solid rgba(176,137,104,0.15) !important; } .cms-page .page-content ul li:last-child, .page-content ul li:last-child { border-bottom: 0 !important; } .cms-page .page-content ul li a, .page-content ul li a { color: #B8AEAE !important; font-family: 'Raleway', sans-serif !important; font-size: 13px !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; transition: color 0.3s ease !important; } .cms-page .page-content ul li a:hover, .page-content ul li a:hover { color: #C9A5A5 !important; } /* ---- Icône loupe dans la recherche — bien visible ---- */ #search_widget button[type="submit"] i, .search-widget button[type="submit"] i, #search_widget .search-submit svg, .search-widget button svg, .search-widget i { color: #FAF5F0 !important; fill: #FAF5F0 !important; opacity: 1 !important; } /* ---- Texte d'aide newsletter ("Vous pouvez vous désinscrire…") plus discret ---- */ .block_newsletter .conditions, .iqit-newsletter .conditions, .block_newsletter small, .iqit-newsletter small, .block_newsletter p.disclaimer { color: #6B4A5A !important; font-size: 10px !important; letter-spacing: 0.05em !important; font-style: italic !important; margin-top: 12px !important; } /* La tuile claire sous chaque visuel produit */ .product-miniature .thumbnail-container .thumbnail.product-thumbnail img { background: #FBF4F2; /* ivoire rosé — votre charte */ border-radius: 10px; padding: 12px; box-sizing: border-box; /* le padding ne déforme pas la taille */ } /* Le conteneur lui-même, pour que les coins arrondis ne soient pas rognés */ .product-miniature .thumbnail-container { border-radius: 10px; overflow: hidden; } css.product-miniature .thumbnail-container .thumbnail.product-thumbnail img { background: #FBF4F2 !important; } /* Selects Couleur / Taille lisibles sur fond sombre, dans tous les etats */ .product-variants .form-control, .product-variants select, .product-actions select { background-color: #FBF4F2 !important; /* fond ivoire constant */ color: #1A1A1A !important; /* texte sombre constant */ border: 1px solid #B76E79; /* liseré rose-gold */ } .product-variants select:focus, .product-variants select:hover, .product-actions select:focus { background-color: #FFFFFF !important; color: #1A1A1A !important; } /* Les options du menu deroulant elles-memes */ .product-variants select option { background-color: #FFFFFF; color: #1A1A1A; } /* Coupe les pseudo-elements decoratifs (etoiles/voile) de la vignette IQIT */ .product-miniature .thumbnail-container::before, .product-miniature .thumbnail-container::after, .product-miniature .thumbnail-container:hover::before, .product-miniature .thumbnail-container:hover::after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; } .product-miniature .thumbnail-container .thumbnail.product-thumbnail::before, .product-miniature .thumbnail-container .thumbnail.product-thumbnail::after { content: none !important; display: none !important; background: none !important; } /* La quantite reste a sa place naturelle */ .product-quantity, .product-qty { flex: 0 0 auto !important; max-width: none !important; width: auto !important; } /* Seule la rangee coeur/comparateur/panier est reorganisee */ .col-add-btn { flex: 0 0 100% !important; max-width: 100% !important; } .col-add-wishlist, .col-add-compare { flex: 0 0 auto !important; max-width: none !important; width: auto !important; margin-top: 12px; } /* ============================================================ FIN — Section 28 patch ============================================================ */