@font-face { font-family: 'Ufficio'; src: url('../fonts/Ufficio-300.woff2') format('woff2'), url('../fonts/Ufficio-300.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Ufficio'; src: url('../fonts/Ufficio-400.woff2') format('woff2'), url('../fonts/Ufficio-400.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Ufficio'; src: url('../fonts/Ufficio-500.woff2') format('woff2'), url('../fonts/Ufficio-500.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Ufficio'; src: url('../fonts/Ufficio-600.woff2') format('woff2'), url('../fonts/Ufficio-600.woff') format('woff'); font-weight: 600; font-style: normal; } .iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #fffdf6; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1380px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #0b0049; } a:hover:not(.nav-link):not(.btn) { color: #e9bd7a; } .pagination .page-list li:hover { border-color: #e9bd7a; } .pagination .page-list li.current { border-color: #e9bd7a; } .pagination .page-list li.current a { color: #e9bd7a; } #mobile-header { background: #fffdf6; border-bottom: solid 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #fffdf6; } #mobile-header .mobile-main-bar { padding-top: 1rem; padding-bottom: 1rem; } #mobile-header .m-nav-btn { color: #0b0049; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 14px; } } body { line-height: 1.5rem; } body { font-family: 'Ufficio', sans-serif; } #blockcart-content { background: #fffdf6; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(11, 0, 73, 0.1); } /*** 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: #0b0049; color: #fffdf6; 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: #cce8f2; color: #0b0049; } .btn-secondary:not(:disabled):not(.disabled):active { background: #cce8f2; color: #0b0049; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #0b0049; color: #fffdf6; border: solid 1px #0b0049; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #cce8f2; color: #0b0049; border: solid 1px #0b0049; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #0b0049; color: #fffdf6; 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: #cce8f2; color: #0b0049; } .btn-primary:not(:disabled):not(.disabled):active { background: #cce8f2; color: #0b0049; } #wrapper .breadcrumb { padding-top: 0.625rem; padding-bottom: 0.625rem; margin-top: -1.25rem; margin-bottom: 1.25rem; font-size: 0.8125rem; font-style: normal; font-weight: normal; text-transform: none; color: #0b0049; } #wrapper .breadcrumb li:after { color: #0b0049; } #wrapper .breadcrumb a { color: #0b0049; } /*** Text fields ***/ .form-control { background-color: #fffdf6; color: #0b0049; border: solid 1px #0b0049; } .custom-select2, .custom-select2 option { background-color: #fffdf6; } .custom-select2:after { color: #0b0049; } .bootstrap-touchspin .btn-touchspin { background-color: #fffdf6; color: #0b0049; border: solid 1px #0b0049; } .bootstrap-touchspin .btn-touchspin:hover { color: #0b0049; } .form-control::-webkit-input-placeholder { color: #0b0049; } .form-control::-moz-placeholder { color: #0b0049; } .form-control:-ms-input-placeholder { color: #0b0049; } .form-control:-moz-placeholder { color: #0b0049; } .form-control:focus { color: #0b0049; border-color: #0b0049; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #0b0049; } .custom-radio input[type=radio]:checked + span { background-color: #0b0049; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #fffdf6; color: #0b0049; border-color: #0b0049; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #fffdf6; border: solid 1px #504e99; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #0b0049!important; border-bottom: solid 1px #504e99; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(11, 0, 73, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #0b0049; color: #fffdf6; } .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: #0b0049; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #0b0049; } /*** Modals ***/ .modal-backdrop { background: rgba(11, 0, 73, 0.61); } .modal-content { background: #fffdf6; border: none 1px; } .js-quickview-np-btn { background: #fffdf6; } /*** Notifications ***/ .ns-box { background: #bc254d; color: #fffdf6; border: none 1px; } .product-price { color: #0b0049; } .iqit-review-star { color: #e9bd7a; } .product-flags .product-flag { font-size: 0.8125rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #e9bd7a; color: #fffdf6; } .product-flags .new { background: #0b0049; color: #fffdf6; } .product-flags .online-only, .product-flags .pack { background: #cce8f2; color: #0b0049; } .product-flags .out_of_stock { background: #f42c46; color: #0b0049; } .discount { background: #e9bd7a; color: #fffdf6; } .product-available { background: #006069; color: #fffdf6; } .product-unavailable { background: #f42c46; color: #0b0049; } .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: #fffdf6; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #cce8f2; } #back-to-top { background: #cce8f2; color: #0b0049; } #back-to-top:hover { background: #cce8f2; color: #504e99; } #header, #checkout-header { background: #fffdf6; border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #fffdf6; border-bottom: none 1px; } #header .header-nav { color: #e4f1fe; background: #0b0049; border-bottom: none 1px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; display: none !important; } #header .header-nav a { color: #e4f1fe; } #header .header-nav a:hover { color: #fffdf6; } #header .header-nav .social-links._topbar { font-size: 0.875rem; } .header-top { padding-top: 1rem; padding-bottom: 1rem; color: #e4f1fe; } .header-top a:not(.btn):not(.nav-link) { color: #e4f1fe; } .header-top a:not(.btn):not(.nav-link):hover { color: #fffdf6; } .header-top .form-search-control { background: #fffdf6; color: #0b0049; border: solid 1px #0b0049; } .header-top input.form-search-control::-webkit-input-placeholder { color: #0b0049; } .header-top input.form-search-control:-moz-placeholder { color: #0b0049; } .header-top input.form-search-control:-ms-input-placeholder { color: #0b0049; } .header-top input.form-search-control:-moz-placeholder { color: #0b0049; } .header-top .search-btn { color: #0b0049; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.5rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #125491; color: #0b0049; padding: 0.5625rem 0.5625rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #0b0049; } .header-top a.header-cart-btn:not(:hover) { color: #0b0049; } .stuck-header .header-top { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #0b0049; } .cart-products-count-btn { background: #e9e0c7; color: #fffdf6; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #fffdf6; border-top: none 1px; border-right: none 1px; border-bottom: none 1px; border-left: none 1px; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.125rem; max-width: 15.625rem; padding-left: 0.0625rem; padding-right: 0.0625rem; border-left: none 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.0625rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.125rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal .cbp-tab-title { font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.25rem; max-height: 1.25rem; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.875rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.625rem; padding-right: 0.625rem; } } #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: #0b0049; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #0b0049; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; color: #fffdf6; background: #0b0049; line-height: 3.125rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #cce8f2; background: #0b0049; } #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.5rem; padding-bottom: 0.5rem; 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.5rem; max-height: 1.5rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #fffdf6; color: #cce8f2; } #cbp-hrmenu1 .cbp-legend { background: #bc254d; color: #fffdf6; } #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: #cce8f2; background: #0b0049; } .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.875rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #0b0049; 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: #fffdf6 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #cce8f2 !important; } .cbp-hrmenu .tabs-links { background: #0b0049; } .cbp-hrmenu .cbp-tabs-names li a { color: #fffdf6 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #0b0049; color: #cce8f2 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #fffdf6 !important; border-bottom: none 3px #c2bc29; font-size: 0.875rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #cce8f2 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #0b0049; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #fffdf6 !important; } #iqitmegamenu-mobile { background: #0b0049; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.375rem; } #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: 1rem; padding-bottom: 1rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.125rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #0b0049; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 3.875rem; } .mobile-menu__link { color: #fffdf6 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fffdf6; font-size: 1.375rem; } .mobile-menu__tab-icon { font-size: 1.375rem; } .mobile-menu__tab-icon--img { max-height: 1.375rem; } .mobile-menu__legend { font-size: 0.75rem; font-style: normal; font-weight: normal; text-transform: none; color: #fffdf6; background-color: #0b0049; } .mobile-menu__header-wrapper { color: #fffdf6; background-color: #0b0049; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.375rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.375rem; font-style: normal; font-weight: bold; text-transform: uppercase; color: #0b0049 !important; } .mobile-menu__column { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; color: #0b0049; margin-bottom: 2.5rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.5rem; } .mobile-menu__column-title { margin-bottom: 0.5rem; } .mobile-menu__links-list-li { padding-top: 0.375rem; padding-bottom: 0.375rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #fffdf6; } .mobile-menu__footer { border-top: none 1px; color: #fffdf6; background-color: #0b0049; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #0b0049; color: #fffdf6; } .swiper-pagination-bullet { background: #0b0049; } /*** Product miniature ***/ .products.row { margin: -0.3125rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.3125rem; } .swiper-container-wrapper { margin: -0.3125rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.3125rem; } .swiper-container-wrapper .product-carousel { padding: 0.3125rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.3125rem; } .product-miniature { border: solid 1px #0b0049; outline: 1px none transparent; background: #fffdf6; color: #0b0049; } .product-miniature a:link:not(.nav-link):not(.btn), .product-miniature a:visited:not(.nav-link):not(.btn) { color: #0b0049; } .product-miniature .product-price { color: #0b0049; } .product-miniature .iqit-review-star { color: #e9bd7a; } .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 .product-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-title { overflow: hidden; height: 2.2rem; } @media (hover: hover) { .product-miniature:hover { border-color: #504e99; outline: none 1px; } } .product-miniature-grid .product-functional-buttons { display: none; } .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-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .products-variants { 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.4375rem 0.875rem; background: #0b0049; color: #fffdf6; border: none 1px; } .btn-product-list:hover { background: #cce8f2; color: #0b0049; } .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 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.625rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(11, 0, 73, 0.88); } .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(1, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-container-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 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(2, 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.5rem; 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: #fffdf6; background: #0b0049; } .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: #fffdf6; background: #0b0049; } #product .product-cover .expander:hover { opacity: 0.6 !important; } #product .product-cover .expander { display: none; } @media screen and (max-width: 768px) { .col-left-product-cover, .col-left-product-thumbs { flex: 0 0 100%; max-width: 100%; } .col-left-product-thumbs { order: 2; margin-top: 2rem; } } #wrapper { background: #fffdf6; border-top: none 1px; border-bottom: none 1px; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #0b0049; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 1.25rem; padding-bottom: 1.25rem; } #content-wrapper .page-title { color: #0b0049; font-size: 1.375rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: none 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #0b0049; } #content-wrapper .section-title { color: #0b0049; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #0b0049; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #0b0049; } .nav-tabs .nav-link { color: #0b0049; font-size: 1.125rem; 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: #0b0049; border-bottom: none 3px #ca5058; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: none 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #0b0049; border-bottom: none 3px #ca5058; } #wrapper .block-title { color: #0b0049; font-size: 1.125rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #0b0049; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #0b0049; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #0b0049; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #0b0049; background: #fffdf6; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #0b0049; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #0b0049; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #cce8f2; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #0b0049; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #0b0049; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #0b0049; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #0b0049; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.1875rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #0b0049 !important; } #footer .block-title, #checkout-footer .block-title { color: #fffdf6; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #fffdf6; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; position: absolute; bottom: -0.5px; display: block; width: 30px; height: 1px; border-bottom: none 1px #e3e3e3; left: 0; right: 0; } #footer-container-first { border-top: none 1px; padding-top: 1.875rem; padding-bottom: 1.875rem; 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.8125rem; padding-bottom: 1.8125rem; color: #fffdf6; } #footer-container-main a, #checkout-footer a { color: #fffdf6; } #footer-container-main a:hover, #checkout-footer a:hover { color: #fffdf6; } #footer-copyrights { border-top: none 1px; background: #0b0049; padding-top: 1rem; padding-bottom: 1rem; } @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: #fffdf6; color: #0b0049; } #maintenance-page a, #maintenance-page a:link { color: #0b0049; } a:hover:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcontactpage-map{ width: 100%; height: 350px; margin-bottom: 20px; } .box-category { padding-top: 5px; padding-bottom: 8px; } input.form-control.form-search-control { width: 400px; } a#cart-toogle { font-weight: 700; } .cart-buttons.text-center a { color: #FFFDF6 !important; } .cart-buttons.text-center a:hover { color: #0B0049 !important; } .row.carrier-hasLogo img { max-width: 60px; } /* ======================================== PROSTY SYSTEM GRID DLA HEADERA - PG ======================================== */ /* Główny kontener headera */ .pg-header { width: 100%; } .pg-header-container { max-width: 1380px; margin: 0 auto; padding: 0 15px; } /* ======================================== TOPBAR - Wysokość 32px, Tło #0B0049 ======================================== */ .pg-topbar { width: 100%; background-color: #0B0049; padding: 5px 0; } .pg-topbar-row { display: flex; align-items: center; justify-content: space-between; } /* Lewa strona topbara */ .pg-topbar-left { display: flex; align-items: center; gap: 40px; } .pg-topbar-social { display: flex; align-items: center; gap: 16px; } .pg-social-link { color: #fffdf6 !important; font-size: 14px; text-decoration: none !important; transition: all 0.3s ease; display: flex; align-items: center; } .pg-social-link img { max-height: 20px; width: auto; transition: opacity 0.3s ease; } .pg-social-link:hover img { opacity: 0.8; } .pg-topbar-links { display: flex; align-items: center; gap: 20px; } .pg-topbar-link { color: #fffdf6 !important; font-weight: 700; font-size: 0.875rem; text-decoration: none !important; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 6px; } span.pg-link-text { font-size: 0.875rem; } .pg-topbar-link:hover { color: #E9BD7A !important; text-decoration: underline !important; } /* Link ze strzałką */ .pg-topbar-link-with-arrow .pg-link-arrow { display: inline-block; transition: transform 0.3s ease, color 0.3s ease; color: #fffdf6; } .pg-topbar-link-with-arrow:hover .pg-link-arrow { transform: translateX(5px); color: #E9BD7A !important; } .pg-topbar-separator { color: #fffdf6; font-size: 12px; } /* Prawa strona topbara */ .pg-topbar-right { display: flex; align-items: center; gap: 20px; } /* Przełącznik języka w topbarze */ .pg-topbar-language { display: flex; align-items: center; } .pg-language-switcher { display: inline-flex; align-items: center; } /* Ikona flagi w przełączniku języka */ .pg-flag-icon { max-height: 16px; width: auto; margin-right: 6px; border-radius: 2px; } .pg-accessibility-icons { display: flex; align-items: center; gap: 10px; } /* ======================================== HEADER GŁÓWNY - Tło #fffdf6 ======================================== */ .pg-header-main { width: 100%; background-color: #fffdf6; padding: 15px 0; } .pg-header-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } /* Lewa strona headera */ .pg-header-left { display: flex; align-items: center; gap: 40px; } /* Logo */ .pg-header-logo { display: flex; align-items: center; } .pg-header-logo img { max-height: 42px; height: 42px; } .col.col-mobile-logo img { height: 32px; } /* Menu główne */ .pg-header-menu { display: flex; align-items: center; } .pg-header-menu a { color: #0B0049 !important; text-decoration: none !important; transition: all 0.3s ease; } .pg-header-menu a:hover { color: #0B0049 !important; text-decoration: underline !important; } /* Style dla modułu iqitmegamenu */ .pg-header-menu #iqitmegamenu-horizontal { display: flex; align-items: center; } .pg-header-menu .cbp-hrmenu { display: flex; } .pg-header-menu .cbp-hrmenu > ul { display: flex; align-items: center; gap: 1.25rem; margin: 0; padding: 0; list-style: none; } .pg-header-menu .cbp-hrmenu-tab { margin: 0; } .pg-header-menu .cbp-hrmenu-tab .nav-link { color: #0B0049 !important; text-decoration: none !important; transition: text-decoration 0.3s ease; } a.nav-link:hover span { text-decoration: underline; } .pg-header-menu .cbp-hrmenu-tab .nav-link:hover { color: #0B0049 !important; } .pg-header-menu .cbp-tab-title { color: #0B0049 !important; } /* Prawa strona headera */ .pg-header-right { display: flex; align-items: center; margin-left: auto; } .pg-header-actions { display: flex; align-items: center; gap: 20px; } .pg-header-search { display: flex; align-items: center; } /* Style dla koszyka i innych akcji */ .pg-header-actions a, .pg-header-actions button { color: #0B0049 !important; text-decoration: none !important; transition: all 0.3s ease; } .pg-header-actions a:hover, .pg-header-actions button:hover { color: #0B0049 !important; text-decoration: underline !important; } .cart-products-count-btn { background: #016069; } /* ======================================== DODATKOWE SEKCJE ======================================== */ .pg-header-display-top { width: 100%; background-color: #fffdf6; border-top: 1px solid #eee; } /* ======================================== RESPONSIVE ======================================== */ @media (max-width: 991px) { .pg-topbar { padding: 8px 0; } .pg-topbar-row { flex-direction: column; gap: 10px; } .pg-topbar-left { flex-direction: column; gap: 20px; } .pg-header-left { flex-direction: column; gap: 20px; width: 100%; } .pg-header-right { margin-left: 0; width: 100%; justify-content: center; } .pg-header-row { flex-direction: column; gap: 20px; } } @media (max-width: 767px) { .pg-header-container { padding: 0 10px; } .pg-topbar-social { gap: 8px; } .pg-social-link { font-size: 12px; } .pg-topbar-links { font-size: 11px; } .pg-header-logo img { max-height: 40px; } .pg-header-actions { gap: 15px; } .pg-header-main { padding: 10px 0; } } /* ======================================== STYLE SPECYFICZNE DLA KATEGORII ======================================== */ /* Kategoria 12 - Wydawnictwo PG */ .category-id-12 .pg-topbar, .category-id-parent-12 .pg-topbar { background-color: #006069; } /* Kategoria 12 - kolory hover dla strzałek */ .category-id-12 .pg-topbar-link:hover .pg-link-arrow, .category-id-parent-12 .pg-topbar-link:hover .pg-link-arrow { color: #E9BD7A !important; } /* Kategoria 39 - Artykuły promocyjne */ .category-id-39 .pg-topbar, .category-id-parent-39 .pg-topbar { background-color: #E9E0C7; } /* Kategoria 39 - zmiana kolorów tekstów i ikon na ciemne */ .category-id-39 .pg-topbar-link, .category-id-parent-39 .pg-topbar-link { color: #0B0049 !important; } .category-id-39 .pg-topbar-link:hover, .category-id-parent-39 .pg-topbar-link:hover { color: #772944 !important; } .category-id-39 .pg-link-arrow, .category-id-parent-39 .pg-link-arrow { color: #0B0049 !important; } .category-id-39 .pg-topbar-link:hover .pg-link-arrow, .category-id-parent-39 .pg-topbar-link:hover .pg-link-arrow { color: #772944 !important; } .category-id-39 .pg-topbar-separator, .category-id-parent-39 .pg-topbar-separator { color: #0B0049 !important; } /* Ikony social media dla kategorii 39 - filtr do ciemnego koloru */ .category-id-39 .pg-social-link:hover img, .category-id-parent-39 .pg-social-link:hover img { filter: brightness(0) saturate(100%) invert(80%) sepia(15%) saturate(1287%) hue-rotate(158deg) brightness(99%) contrast(93%); opacity: 1; } /* Flaga w kategorii 39 - nie zmieniamy koloru (zachowujemy oryginalne kolory flag) */ .category-id-39 .pg-flag-icon, .category-id-parent-39 .pg-flag-icon { /* Flaga pozostaje w oryginalnych kolorach */ filter: none; } /* ======================================== STYLE DLA PRODUKTÓW - Klasy na topbarze (wykrywane z breadcrumb) ======================================== */ /* Kategoria 12 - Wydawnictwo PG (produkty) */ .pg-topbar.pg-topbar-cat-12 { background-color: #006069 !important; } /* Kategoria 12 - teksty pozostają jasne (domyślne) */ .pg-topbar.pg-topbar-cat-12 .pg-topbar-link { color: #fffdf6 !important; } .pg-topbar.pg-topbar-cat-12 .pg-topbar-link:hover { color: #E9BD7A !important; } .pg-topbar.pg-topbar-cat-12 .pg-link-arrow { color: #fffdf6 !important; } .pg-topbar.pg-topbar-cat-12 .pg-link-text { color: #fffdf6 !important; } .pg-topbar.pg-topbar-cat-12 .pg-topbar-link:hover .pg-link-arrow { color: #E9BD7A !important; } .pg-topbar.pg-topbar-cat-12 .pg-topbar-link:hover .pg-link-text { color: #E9BD7A !important; } /* Kategoria 39 - Artykuły promocyjne (produkty) */ .pg-topbar.pg-topbar-cat-39 { background-color: #E9E0C7 !important; } /* Kategoria 39 - zmiana kolorów tekstów i ikon na ciemne (produkty) */ .pg-topbar.pg-topbar-cat-39 .pg-topbar-link { color: #0B0049 !important; } .pg-topbar.pg-topbar-cat-39 .pg-topbar-link:hover { color: #772944 !important; } .pg-topbar.pg-topbar-cat-39 .pg-link-arrow { color: #0B0049 !important; } .pg-topbar.pg-topbar-cat-39 .pg-link-text { color: #0B0049 !important; } .pg-topbar.pg-topbar-cat-39 .pg-topbar-link:hover .pg-link-arrow { color: #772944 !important; } .pg-topbar.pg-topbar-cat-39 .pg-topbar-link:hover .pg-link-text { color: #772944 !important; } .pg-topbar.pg-topbar-cat-39 .pg-topbar-separator { color: #0B0049 !important; } /* Ikony social media dla kategorii 39 - filtr do ciemnego koloru (produkty) */ .pg-topbar.pg-topbar-cat-39 .pg-social-link img { filter: brightness(0) saturate(100%) invert(6%) sepia(87%) saturate(4847%) hue-rotate(230deg) brightness(93%) contrast(106%); } .pg-topbar.pg-topbar-cat-39 .pg-social-link:hover img { filter: brightness(0) saturate(100%) invert(80%) sepia(15%) saturate(1287%) hue-rotate(158deg) brightness(99%) contrast(93%); opacity: 1; } /* Flaga w kategorii 39 - nie zmieniamy koloru (produkty) */ .pg-topbar.pg-topbar-cat-39 .pg-flag-icon { filter: none; } /* ======================================== UTILITY CLASSES (opcjonalnie) ======================================== */ .pg-flex { display: flex; } .pg-flex-center { align-items: center; justify-content: center; } .pg-flex-between { justify-content: space-between; } .pg-gap-10 { gap: 10px; } .pg-gap-20 { gap: 20px; } /* ======================================== TOPBAR MOBILNY - PG ======================================== */ .pg-mobile-topbar { width: 100%; background-color: #0B0049; padding: 8px 0; } .pg-mobile-topbar .container { padding: 0 15px; } .pg-mobile-topbar-row { display: flex; align-items: center; justify-content: space-between; } /* Lewa kolumna - Moje konto */ .pg-mobile-topbar-left { display: flex; align-items: center; } /* Prawa kolumna - Przełącznik języka */ .pg-mobile-topbar-right { display: flex; align-items: center; } /* Link w topbarze mobilnym */ .pg-mobile-topbar-link { color: #fffdf6 !important; font-weight: 700; font-size: 13px; text-decoration: none !important; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 6px; } .pg-mobile-topbar-link:hover { color: #CCE8F2 !important; text-decoration: underline !important; } /* Link ze strzałką */ .pg-mobile-topbar-link-with-arrow .pg-mobile-link-arrow { display: inline-block; transition: transform 0.3s ease; color: #fffdf6; } .pg-mobile-topbar-link-with-arrow:hover .pg-mobile-link-arrow { transform: translateX(5px); color: #CCE8F2; } .pg-mobile-link-text { color: #fffdf6; } .pg-mobile-topbar-link:hover .pg-mobile-link-text { color: #CCE8F2; } /* Ikona flagi w przełączniku języka */ .pg-mobile-flag-icon { max-height: 16px; width: auto; margin-right: 6px; border-radius: 2px; } /* Przełącznik języka */ .pg-mobile-language-switcher { display: inline-flex; align-items: center; } /* Responsive */ @media (max-width: 480px) { .pg-mobile-topbar { padding: 6px 0; } .pg-mobile-topbar .container { padding: 0 10px; } .pg-mobile-topbar-link { font-size: 11px; gap: 4px; } .pg-mobile-flag-icon { max-height: 14px; margin-right: 4px; } } /* ======================================== STYLE KOLORYSTYCZNE DLA KATEGORII - TOPBAR MOBILNY ======================================== */ /* Kategoria 12 - Wydawnictwo PG (Mobile Topbar) */ .category-id-12 .pg-mobile-topbar, .category-id-parent-12 .pg-mobile-topbar { background-color: #006069 !important; } /* Kategoria 39 - Artykuły promocyjne (Mobile Topbar) */ .category-id-39 .pg-mobile-topbar, .category-id-parent-39 .pg-mobile-topbar { background-color: #E9E0C7 !important; } /* Kategoria 39 - zmiana kolorów tekstów i strzałki na ciemne */ .category-id-39 .pg-mobile-topbar-link, .category-id-parent-39 .pg-mobile-topbar-link { color: #0B0049 !important; } .category-id-39 .pg-mobile-topbar-link:hover, .category-id-parent-39 .pg-mobile-topbar-link:hover { color: #CCE8F2 !important; } .category-id-39 .pg-mobile-link-arrow, .category-id-parent-39 .pg-mobile-link-arrow { color: #0B0049 !important; } .category-id-39 .pg-mobile-topbar-link:hover .pg-mobile-link-arrow, .category-id-parent-39 .pg-mobile-topbar-link:hover .pg-mobile-link-arrow { color: #CCE8F2 !important; } .category-id-39 .pg-mobile-link-text, .category-id-parent-39 .pg-mobile-link-text { color: #0B0049 !important; } .category-id-39 .pg-mobile-topbar-link:hover .pg-mobile-link-text, .category-id-parent-39 .pg-mobile-topbar-link:hover .pg-mobile-link-text { color: #CCE8F2 !important; } /* Flaga w kategorii 39 - nie zmieniamy koloru (zachowujemy oryginalne kolory flag) */ .category-id-39 .pg-mobile-flag-icon, .category-id-parent-39 .pg-mobile-flag-icon { /* Flaga pozostaje w oryginalnych kolorach */ filter: none; } /* ======================================== STYLE DLA PRODUKTÓW - Klasy na topbarze mobilnym (wykrywane z breadcrumb) ======================================== */ /* Kategoria 12 - Wydawnictwo PG (produkty mobile) */ .pg-mobile-topbar.pg-mobile-topbar-cat-12 { background-color: #006069 !important; } /* Kategoria 39 - Artykuły promocyjne (produkty mobile) */ .pg-mobile-topbar.pg-mobile-topbar-cat-39 { background-color: #E9E0C7 !important; } /* Kategoria 39 - zmiana kolorów tekstów i strzałki na ciemne (produkty mobile) */ .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-topbar-link { color: #0B0049 !important; } .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-topbar-link:hover { color: #CCE8F2 !important; } .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-link-arrow { color: #0B0049 !important; } .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-topbar-link:hover .pg-mobile-link-arrow { color: #CCE8F2 !important; } .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-link-text { color: #0B0049 !important; } .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-topbar-link:hover .pg-mobile-link-text { color: #CCE8F2 !important; } /* Flaga w kategorii 39 - nie zmieniamy koloru (produkty mobile) */ .pg-mobile-topbar.pg-mobile-topbar-cat-39 .pg-mobile-flag-icon { filter: none; } /* KONIEC */ /* KONIEC */ .ps-shoppingcart.dropdown #blockcart-content{ z-index: 1000; } /* Linki w Stopce */ div#footer-container-main ul li:hover a { text-decoration: underline; } /* CSS dla listy mediów społecznościowych */ .social-list { list-style: none; display: flex; align-items: center; gap: 1.5rem; padding: 0; margin: 0; } .social-list li { display: flex; align-items: center; } .social-list a { display: inline-block; width: 24px; height: 24px; line-height: 0; } .social-list img { width: 24px; height: 24px; object-fit: contain; } .products-grid .product-add-cart { margin: 10px 0 5px; } div#header-user-btn a { color: #FFFDF6; } /* Quick View */ a.js-quick-view-iqit { display: none; } /* Strony regulaminów */ .cms-regulaminy h2, .cms-regulaminy h3 { font-size: 1.25rem; margin-top: 1.1rem; } .cms-regulaminy p { margin-bottom: 0.5rem; } .cms-regulaminy ol, .cms-regulaminy ul { padding: 0 0.6rem 0.8rem 2rem; } /* Style dla tabel cookies */ .cookie-table { margin: 20px 0; overflow-x: auto; border-radius: 8px; } .cookie-table table { width: 100%; border-collapse: collapse; background-color: #FFFDF6; font-size: 0.9em; } .cookie-table th { background: #2b115a; color: #FFFDF6; padding: 12px 8px; text-align: left; font-weight: bold; border: none; } .cookie-table td { padding: 10px 8px; border-bottom: 1px solid #e3e3e3; vertical-align: top; } .cookie-table tbody tr:hover { background-color: #f5f5f5; } .cookie-table td strong { color: #1e3a5f; background-color: #f8f9fa; padding: 2px 4px; border-radius: 3px; } /* Linki w liście */ .category-links a { color: #0b0049; text-decoration: none; font-size: 0.9375rem; line-height: 1.5; transition: color 0.3s ease; } .category-links a:hover { color: #f11a22; text-decoration: underline; } /* Wrapper dla "Pokaż wszystko" */ .show-all-wrapper { margin-top: 1rem; text-align: right; } /* Link "Pokaż wszystko" */ .show-all-link { color: #0b0049; text-decoration: none; font-size: 0.875rem; font-weight: 600; transition: color 0.3s ease; } .show-all-link:hover { color: #f11a22; text-decoration: underline; } /* Wysokość tytułów */ .product-miniature-grid .product-title { height: 2.45rem; } /* Box border */ .thumbnail-container { border-bottom: 1px solid #f5f5f5; } /* Style CSS dla tabeli w opisie produktu */ .product-description table { border-collapse: collapse; width: 100%; max-width: fit-content; font-size: 14px; line-height: 1.4; margin: 20px 0; background-color: #FFFDF6; } /* Style dla komórek */ .product-description table td { padding: 12px 15px; text-align: left; vertical-align: middle; border: 1px solid #0B0049; transition: background-color 0.2s ease; } /* Pierwszy wiersz (nagłówki) */ .product-description table tr:first-child td { background-color: #0B0049; font-weight: 600; color: #fffdf6; border-bottom: 2px solid #0B0049; } /* Naprzemienne kolory wierszy */ .product-description table tr:nth-child(even) { background-color: #C9CCE5; } .product-description table tr:nth-child(odd):not(:first-child) { background-color: #FFFDF6; } /* Hover effect */ .product-description table tr:not(:first-child):hover { background-color: #CCE8F2; } .product-description table tr:not(:first-child):hover td { background-color: #CCE8F2; } /* Responsywność */ @media (max-width: 768px) { .product-description table { font-size: 12px; } .product-description table td { padding: 8px 10px; } } .underline-btn span { text-decoration: underline; } /* Search - temporary */ .autocomplete-suggestion.dropdown-item .col.col-auto.col-shop.pt-3.pb-3 { display: none; } /* ================================= WCAG ACCESSIBILITY STYLES - FOCUS ================================= */ /* Usunięcie domyślnego outline we wszystkich przeglądarkach */ *:focus { outline: none; } /* Główny styl focus - widoczny kontur z odpowiednim kontrastem */ *:focus-visible, a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus, .btn:focus, .form-control:focus { outline: 2px solid #0066cc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); transition: all 0.2s ease-in-out; } /* Focus dla przycisków głównych */ .btn-primary:focus, .btn-success:focus, .btn-info:focus { outline: 2px solid #FFFDF6; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.5); } /* Focus dla przycisków niebezpiecznych */ .btn-danger:focus, .btn-warning:focus { outline: 2px solid #FFFDF6; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.5); } /* Focus dla linków */ a:focus { outline: 2px solid #0066cc; outline-offset: 1px; text-decoration: underline; background-color: rgba(0, 102, 204, 0.1); border-radius: 2px; } /* Focus dla pól formularza */ .form-control:focus, .form-select:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { border-color: #0066cc; outline: 2px solid #0066cc; outline-offset: 1px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.2); } /* Focus dla checkboxów i radio buttonów */ input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 2px solid #0066cc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); } /* Focus dla select */ select:focus { border-color: #0066cc; outline: 2px solid #0066cc; outline-offset: 1px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.2); } /* Focus dla elementów PrestaShop */ .product-miniature:focus, .product-item:focus, .category-item:focus { outline: 2px solid #0066cc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); transform: translateY(-2px); transition: all 0.2s ease-in-out; } /* Focus dla menu nawigacyjnego */ .main-menu a:focus, .top-menu a:focus, .category-menu a:focus { outline: 2px solid #0066cc; outline-offset: 1px; background-color: rgba(0, 102, 204, 0.1); border-radius: 4px; } /* Focus dla koszyka i elementów e-commerce */ .cart-overview:focus, .add-to-cart:focus, .product-add-to-cart button:focus { outline: 2px solid #28a745; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3); } /* Focus dla paginacji */ .pagination .page-link:focus { outline: 2px solid #0066cc; outline-offset: 1px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); z-index: 3; } /* Focus dla modali i popupów */ .modal:focus-within, .popup:focus-within { outline: none; } .modal-content:focus, .popup-content:focus { outline: 2px solid #0066cc; outline-offset: 2px; } /* Focus dla tabel */ table:focus, th:focus, td:focus { outline: 2px solid #0066cc; outline-offset: 1px; } /* Focus dla kart/tabs */ .nav-tabs .nav-link:focus, .nav-pills .nav-link:focus { outline: 2px solid #0066cc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); } /* Skip links - ważne dla dostępności */ .skip-link { position: absolute; top: -40px; left: 6px; background: #0b0049; color: #FFFDF6; padding: 8px; text-decoration: none; border-radius: 4px; z-index: 9999; transition: top 0.3s; } .skip-link:focus { top: 6px; outline: 2px solid #FFFDF6; outline-offset: 2px; } /* Focus dla sliderów i range inputs */ input[type="range"]:focus { outline: 2px solid #0066cc; outline-offset: 2px; } input[type="range"]:focus::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.5); } input[type="range"]:focus::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.5); } /* Wysokiy kontrast dla użytkowników z preferencjami */ @media (prefers-contrast: high) { *:focus, *:focus-visible { outline: 3px solid #0b0049; outline-offset: 2px; box-shadow: 0 0 0 5px #FFFDF6, 0 0 0 6px #0b0049; } .btn:focus { outline: 3px solid #0b0049; box-shadow: 0 0 0 5px #FFFDF6, 0 0 0 6px #0b0049; } } /* Reduced motion dla użytkowników z preferencjami */ @media (prefers-reduced-motion: reduce) { *:focus, *:focus-visible { transition: none; transform: none; } } /* Focus dla dark mode */ @media (prefers-color-scheme: dark) { *:focus, *:focus-visible { outline: 2px solid #66b3ff; box-shadow: 0 0 0 3px rgba(102, 179, 255, 0.3); } a:focus { background-color: rgba(102, 179, 255, 0.1); } .skip-link:focus { background: #FFFDF6; color: #0b0049; outline: 2px solid #0b0049; } } /* Dodatkowe style dla lepszej dostępności */ /* Ukrywanie elementów screen reader only */ .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Focus management dla elementów dynamicznych */ [aria-expanded="true"]:focus, [aria-pressed="true"]:focus { outline: 2px solid #28a745; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3); } /* Zapewnienie że focus nie będzie usuwany przez style PrestaShop */ .no-outline:focus, .no-focus:focus { outline: 2px solid #0066cc !important; outline-offset: 2px !important; } /* Focus dla elementów draggable */ [draggable="true"]:focus { outline: 2px dashed #0066cc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); } /* Search price color */ #search_filters .noUi-connect { background: #0b0049; } .wielokat-1, .wielokat-2 { width: 50px; height: 65px; clip-path: polygon( 0 0, /* górny lewy */ 50px 0, /* górny prawy */ 50px 41.5px, /* dolny prawy - prawa ściana 41.5px */ 0 45px /* dolny lewy - lewa ściana 45px */ ); } .wielokat-1 { background-color: #E9E0C7; } .wielokat-2 { background-color: #006069; } /* =================================== SYSTEM SKALOWALNYCH NAGŁÓWKÓW =================================== */ /* Mobile First - bazowe wielkości dla mobile (< 768px) */ @media (max-width: 768px) { .title-xl h2, .title-xl h3 { font-size: 2rem; /* 28px */ line-height: 1.2 !important; } .title-l h2, .title-l h3 { font-size: 1.75rem; /* 25px */ line-height: 1.2 !important; } .title-m h2, .title-m h3 { font-size: 1.565rem; /* 22px */ line-height: 1.3 !important; } .title-s h2, .title-s h3 { font-size: 1.125rem; /* 18px */ line-height: 1.4 !important; } .btn-size .elementor-button-text { font-size: 1.125rem; /* 18px */ } } /* Tablet (769px - 991px) */ @media (min-width: 769px) { .title-xl h2, .title-xl h3{ font-size: 2.125rem; /* 34px */ } .title-l h2, .title-l h3{ font-size: 1.90625rem; /* 30,5px */ } .title-m h2, .title-m h3{ font-size: 1.625rem; /* 26px */ } .title-s h2, .title-s h3{ font-size: 1.3125rem; /* 21px */ } .btn-size .elementor-button-text { font-size: 1.125rem; /* 18px */ } } /* Desktop (992px+) */ @media (min-width: 992px) { .title-xl h2, .title-xl h3 { font-size: 2.5rem; /* 40px */ } .title-l h2, .title-l h3 { font-size: 2.25rem; /* 36px */ } .title-m h2, .title-m h3 { font-size: 1.875rem; /* 30px */ } .title-s h2, .title-s h3 { font-size: 1.5rem; /* 24px */ } .btn-size .elementor-button-text { font-size: 0.9375rem; /* 14px */ } } .page-index .elementor-button { text-align: left !important; } @media (min-width: 993px) and (max-width: 1440px) { .page-index .elementor-section-stretched, .pgslider-container { padding: 0 20px; } } @media (max-width: 767px) { .swiper-container-wrapper .product-carousel { padding: 0px; margin: 0px 1px; } } /* ================================================ FOOTER PG - Politechnika Gdańska ================================================ */ /* === GŁÓWNY KONTENER FOOTER === */ .pg-footer, #footer, #checkout-footer { background-color: #0b0148; color: #fffdf6 !important; position: relative !important; font-family: 'Ufficio', sans-serif; } /* Pattern w tle */ .pg-footer::before, #footer::before, #checkout-footer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/img/cms/PG_pattern gmach_front_S.svg'); background-position: 50% 40%; background-size: cover; background-repeat: no-repeat; opacity: 0.12; pointer-events: none; z-index: 1; mix-blend-mode: hard-light; } /* Zawartość nad pattern */ .pg-footer > *, #footer > *, #checkout-footer > * { position: relative !important; z-index: 2; } /* === KONTENER === */ .pg-footer-container { max-width: 1380px; margin: 0 auto; padding: 0; } /* === FOOTER BEFORE === */ /* Sekcja displayFooterBefore */ /* === FOOTER MAIN === */ .pg-footer-main { padding-top: 5rem; padding-bottom: 7rem; } .pg-footer-row { display: grid; grid-template-columns: 1fr; gap: 40px; } /* === LEWA SEKCJA (Logo + Dane + Social) === */ .pg-footer-left { display: flex; flex-direction: column; gap: 60px; } /* Logo PG */ .pg-footer-logo img { max-width: 100%; height: auto; max-height: 60px; filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(370%) hue-rotate(330deg) brightness(103%) contrast(101%); } /* Dane Kontaktowe - Grid 2 kolumny */ .pg-footer-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .pg-contact-title { margin-bottom: 1rem; color: #fffdf6 !important; font-family: 'Ufficio', sans-serif; font-weight: 700; font-size: 1.1rem; } .pg-footer-contact p { margin-bottom: 0.5rem; color: #fffdf6 !important; line-height: 1.6; } .pg-contact-item { display: flex; align-items: center; gap: 10px; } .pg-contact-icon { width: 20px; height: 20px; flex-shrink: 0; filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(370%) hue-rotate(330deg) brightness(103%) contrast(101%); } /* Social Media */ .pg-social-content { display: flex; gap: 30px; align-items: center; } .pg-footer-social .pg-social-link { display: inline-block; transition: opacity 0.3s ease; } .pg-footer-social .pg-social-link:hover { opacity: 0.8; } .pg-footer-social .pg-social-link img { width: 20px !important; height: 20px !important; max-height: none !important; display: block; } /* === BLOKI === */ .pg-block-title { margin-bottom: 1.5rem; color: #fffdf6 !important; font-family: 'Ufficio', sans-serif; font-weight: 700; } /* === LINKI === */ .pg-footer a { color: #fffdf6 !important; text-decoration: none !important; transition: all 0.3s ease; } .pg-footer a:hover { color: #E9BD7A !important; text-decoration: underline !important; } /* === FOOTER AFTER === */ /* Sekcja displayFooterAfter */ /* === LOGOTYPY PARTNERÓW === */ .pg-footer-logos { padding-top: 3rem; padding-bottom: 3rem; } .pg-logos-row { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .pg-logos-left, .pg-logos-right { display: flex; gap: 50px; align-items: center; flex-wrap: wrap; } .pg-logos-left { justify-content: flex-start; } .pg-logos-right { justify-content: flex-end; } .pg-logo-link { display: inline-block; transition: opacity 0.3s ease; } .pg-logo-link:hover { opacity: 0.8; } .pg-logo-img { height: 32px; width: auto; display: block; filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(370%) hue-rotate(330deg) brightness(103%) contrast(101%); } /* === FOOTER COPYRIGHTS === */ .pg-footer-copyrights, #footer-copyrights { background-color: #0B0049 !important; color: #fffdf6 !important; padding: 2rem 0; font-family: 'Ufficio', sans-serif; } .pg-copyrights-row { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: center; } .pg-copyrights-left { justify-self: start; } .pg-copyrights-left p { margin: 0; color: #fffdf6 !important; font-size: 0.95rem; } .pg-copyrights-right { display: flex; gap: 20px; justify-self: start; justify-content: flex-start; flex-wrap: wrap; } .pg-copyright-link { color: #fffdf6 !important; text-decoration: none !important; font-size: 0.95rem; transition: all 0.3s ease; position: relative; } .pg-copyright-link:hover { color: #E9BD7A !important; text-decoration: underline !important; } /* Separator między linkami */ .pg-copyright-link:not(:last-child)::after { content: '|'; position: absolute; right: -15px; color: #fffdf6; opacity: 0.5; } /* === KOMPATYBILNOŚĆ Z CHECKOUT === */ #checkout-footer .pg-footer-main, #checkout-footer #footer-container-main { padding-top: 5rem; padding-bottom: 7rem; } #footer .block-title, #checkout-footer .block-title { margin-bottom: 2rem; color: #fffdf6 !important; } /* =================================================== RESPONSIVE - Media Queries w kolejności rosnącej =================================================== */ /* Szerokość poniżej 1440px - padding dla kontenera */ @media (max-width: 1440px) { .pg-footer { padding-left: 20px; padding-right: 20px; } .pg-copyrights-row { padding-left: 20px; padding-right: 20px; } } /* Mobile: do 768px - 1 kolumna */ @media (max-width: 768px) { .pg-footer-main { padding-top: 3rem; padding-bottom: 3rem; } .pg-footer-left { gap: 30px; margin-bottom: 60px; } .pg-block-title { margin-bottom: 1.5rem; } .pg-footer-row { gap: 30px; } .pg-footer-contact { grid-template-columns: 1fr; gap: 20px; } .pg-footer-logo img { max-height: 50px; } .pg-contact-icon { width: 18px; height: 18px; } .pg-social-content { gap: 20px; } .pg-footer-social .pg-social-link img { width: 18px !important; height: 18px !important; } /* Logotypy */ .pg-logos-right { justify-content: flex-start; } .pg-logos-row { grid-template-columns: 1fr; gap: 25px; } .pg-logos-left, .pg-logos-right { gap: 30px; } .pg-logo-img { height: 28px; } .pg-footer-logos { padding-top: 2rem; padding-bottom: 2rem; } /* Copyrights */ .pg-copyrights-left { justify-self: start; } .pg-copyrights-right { justify-self: start; justify-content: flex-start; gap: 20px; } .pg-copyrights-left p, .pg-copyright-link { font-size: 0.875rem; } .pg-footer-copyrights { padding: 1.5rem 0; } } /* Tablet: 769px - 991px - 1 kolumna */ @media (min-width: 769px) and (max-width: 991px) { .pg-footer-main { padding-top: 4rem; padding-bottom: 5rem; } .pg-footer-row { gap: 40px; } .pg-footer-contact { grid-template-columns: 1fr 1fr; } .pg-footer-logo img { max-height: 60px; } /* Logotypy */ .pg-logos-right { justify-content: flex-start; } .pg-logos-row { grid-template-columns: 1fr; gap: 30px; } .pg-logos-left, .pg-logos-right { gap: 40px; } .pg-logo-img { height: 30px; } /* Copyrights */ .pg-copyrights-left { justify-self: start; } .pg-copyrights-right { justify-self: start; justify-content: flex-start; } } /* Desktop: 992px i więcej - Grid 5 kolumn */ @media (min-width: 992px) { .pg-footer-row { grid-template-columns: repeat(5, 1fr); gap: 60px; } .pg-footer-left { grid-column: span 2; } /* Copyright - 2 kolumny na desktop */ .pg-copyrights-row { grid-template-columns: 1fr 1fr; gap: 40px; } .pg-copyrights-right { justify-self: end; justify-content: flex-end; gap: 30px; } } /* END FOOTER */ /* === PG FOOTER LINKS STYLING === */ .pg-footer-contacts-wrapper { display: flex; flex-direction: column; gap: 1.5rem; } .pg-footer-links-list { list-style: none; padding: 0; margin: 0; } .pg-footer-links-list li { margin-bottom: 1rem; } .pg-footer-links-list a { display: inline-block !important; position: relative; padding-left: 0; transition: padding-left 0.3s ease, transform 0.3s ease !important; font-weight: 700; } .pg-footer-links-list a::before { content: '\2192'; position: absolute; left: -15px; opacity: 0; transition: opacity 0.3s ease, left 0.3s ease; } .pg-footer-links-list a:hover { transform: translateX(5px) !important; padding-left: 20px; } .pg-footer-links-list a:hover::before { opacity: 1; left: 0; } /* BLOG */ .simpleblog__post__content.card-block { padding: 20px 0; } form.simpleblog__addComment__form .card-block { padding: 0; } div#phsimpleblog_comments { margin-bottom: 60px; } .simpleblog__post.blog-mb.cardblog img { aspect-ratio: 8 / 3; object-fit: cover; } /* PRODUKT */ .product-variants .color, .product-variants .input-color { width: 4rem; height: 4rem; line-height: 4rem; }