.page-title-default{background-color:#212121;background-size:cover;background-position:center center;}.topbar-wrapp{background-color:#c38ed5;}.main-header{border-style:solid;}.footer-container{background-color:#000000;}body, p, .widget_nav_mega_menu .menu > li > a, .mega-navigation .menu > li > a, .basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a, .basel-navigation .menu > li.menu-item-design-default .sub-menu li a, .font-default {font-family: "Karla", Arial, Helvetica, sans-serif;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, .title, table th, .wc-tabs li a, .masonry-filter li a, .woocommerce .cart-empty, .basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, .basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a, .mega-menu-list > li > a, fieldset legend, table th, .basel-empty-compare, .compare-field, .compare-value:before, .color-scheme-dark .info-box-inner h1, .color-scheme-dark .info-box-inner h2, .color-scheme-dark .info-box-inner h3, .color-scheme-dark .info-box-inner h4, .color-scheme-dark .info-box-inner h5, .color-scheme-dark .info-box-inner h6 {font-family: "Karla", Arial, Helvetica, sans-serif;} .product-title a, .post-slide .entry-title a, .category-grid-item .hover-mask h3, .basel-search-full-screen .basel-search-inner input[type="text"], .blog-post-loop .entry-title, .post-title-large-image .entry-title, .single-product-content .entry-title, .basel-entities-title {font-family: "Lora", Arial, Helvetica, sans-serif;}.title-alt, .subtitle, .font-alt, .basel-entry-meta{font-family: "Lato", Arial, Helvetica, sans-serif;font-weight: 400;}.color-primary,.mobile-nav ul li.current-menu-item > a,.main-nav .menu > li.current-menu-item > a,.main-nav .menu > li.onepage-link.current-menu-item > a,.main-nav .menu > li > a:hover,.basel-navigation .menu>li.menu-item-design-default ul li:hover>a,.basel-navigation .menu > li.menu-item-design-full-width .sub-menu li a:hover, .basel-navigation .menu > li.menu-item-design-sized .sub-menu li a:hover,.basel-product-categories.responsive-cateogires li.current-cat > a, .basel-product-categories.responsive-cateogires li.current-cat-parent > a,.basel-product-categories.responsive-cateogires li.current-cat-ancestor > a,.basel-my-account-links a:hover:before,.mega-menu-list > li > a:hover,.mega-menu-list .sub-sub-menu li a:hover,a[href^=tel],.topbar-menu ul > li > .sub-menu-dropdown li > a:hover,.btn.btn-color-primary.btn-style-bordered,.button.btn-color-primary.btn-style-bordered,button.btn-color-primary.btn-style-bordered,.added_to_cart.btn-color-primary.btn-style-bordered,input[type=submit].btn-color-primary.btn-style-bordered,a.login-to-prices-msg,a.login-to-prices-msg:hover,.basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .color-primary,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.blog-post-loop .entry-title a:hover,.blog-post-loop.sticky .entry-title:before,.post-slide .entry-title a:hover,.comments-area .reply a,.single-post-navigation a:hover,blockquote footer:before,blockquote cite,.format-quote .entry-content blockquote cite, .format-quote .entry-content blockquote cite a,.basel-entry-meta .meta-author a,.search-no-results.woocommerce .site-content:before,.search-no-results .not-found .entry-header:before,.login-form-footer .lost_password:hover,.error404 .page-title,.menu-label-new:after,.widget_shopping_cart .product_list_widget li .quantity .amount,.product_list_widget li ins .amount,.price ins > .amount,.price ins,.single-product .price,.single-product .price .amount,.popup-quick-view .price,.popup-quick-view .price .amount,.basel-products-nav .product-short .price,.basel-products-nav .product-short .price .amount,.star-rating span:before,.comment-respond .stars a:hover:after,.comment-respond .stars a.active:after,.single-product-content .comment-form .stars span a:hover,.single-product-content .comment-form .stars span a.active,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title:hover,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title.active,.single-product-content .woocommerce-product-details__short-description ul > li:before, .single-product-content #tab-description ul > li:before, .blog-post-loop .entry-content ul > li:before, .comments-area .comment-list li ul > li:before,.brands-list .brand-item a:hover,.footer-container .footer-widget-collapse.footer-widget-opened .widget-title:after,.sidebar-widget li a:hover, .filter-widget li a:hover,.sidebar-widget li > ul li a:hover, .filter-widget li > ul li a:hover,.basel-price-filter ul li a:hover .amount,.basel-hover-effect-4 .swap-elements > a,.basel-hover-effect-4 .swap-elements > a:hover,.product-grid-item .basel-product-cats a:hover, .product-grid-item .basel-product-brands-links a:hover,.wishlist_table tr td.product-price ins .amount,.basel-buttons .product-compare-button > a.added:before,.basel-buttons .basel-wishlist-btn > a.added:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:hover,.single-product-content .container .entry-summary .yith-wcwl-add-to-wishlist a:hover:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a:before,.basel-sticky-btn .basel-sticky-btn-wishlist a.added, .basel-sticky-btn .basel-sticky-btn-wishlist a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover:before,.single-product-content .entry-summary .wishlist-btn-wrapper a.added:before,.vendors-list ul li a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn a:hover,.product-list-item .product-list-buttons .product-compare-button a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn > a.added:before,.product-list-item .product-list-buttons .product-compare-button > a.added:before,.basel-sticky-btn .basel-sticky-btn-compare a.added, .basel-sticky-btn .basel-sticky-btn-compare a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover:before,.single-product-content .entry-summary .compare-btn-wrapper a.added:before,.single-product-content .entry-summary .basel-sizeguide-btn:hover,.single-product-content .entry-summary .basel-sizeguide-btn:hover:before,.blog-post-loop .entry-content ul li:before,.basel-menu-price .menu-price-price,.basel-menu-price.cursor-pointer:hover .menu-price-title,.comments-area #cancel-comment-reply-link:hover,.comments-area .comment-body .comment-edit-link:hover,.popup-quick-view .entry-summary .entry-title a:hover,.wpb_text_column ul:not(.social-icons) > li:before,.widget_product_categories .basel-cats-toggle:hover,.widget_product_categories .toggle-active,.widget_product_categories li.current-cat-parent > a, .widget_product_categories li.current-cat > a,.woocommerce-checkout-review-order-table tfoot .order-total td .amount,.widget_shopping_cart .product_list_widget li .remove:hover,.basel-active-filters .widget_layered_nav_filters ul li a .amount,.title-wrapper.basel-title-color-primary .title-subtitle,.widget_shopping_cart .widget_shopping_cart_content > .total .amount,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a,.basel-free-progress-bar .amount{color:#c38ed5;}.wishlist-info-widget .icon-count,.compare-info-widget .icon-count,.basel-toolbar-compare .compare-count,.basel-cart-design-2 > a .basel-cart-number,.basel-cart-design-3 > a .basel-cart-number,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.added_to_cart.btn-color-primary.btn-style-bordered:hover,input[type=submit].btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,.basel-info-box.box-style-border .info-btn-wrapper a,.basel-info-box.box-style-border .info-btn-wrapper a:hover,.basel-info-box2.box-style-border .info-btn-wrapper a,.basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,.wpb_video_wrapper .button-play,.pswp__share--download:hover,.basel-navigation .menu > li.callto-btn > a,.basel-navigation .menu > li.callto-btn > a:hover,.basel-dark .basel-load-more:hover,.basel-dark .basel-load-more.load-on-click + .basel-load-more-loader,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover, .basel-dark .register .button:hover, .basel-dark .login .button:hover, .basel-dark .lost_reset_password .button:hover, .basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.basel-progress-bar .progress-bar,.widget_price_filter .ui-slider .ui-slider-handle:after,.widget_price_filter .ui-slider .ui-slider-range,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,body .select2-container--default .select2-results__option--highlighted[aria-selected], .basel-add-img-msg:before,.product-video-button a:hover:before, .product-360-button a:hover:before,.mobile-nav ul li .up-icon,.scrollToTop:hover,.basel-sticky-filter-btn:hover,.categories-opened li a:active,.basel-price-table .basel-plan-price,.header-categories .secondary-header .mega-navigation,.widget_nav_mega_menu,.meta-post-categories,.slider-title:before,.title-wrapper.basel-title-style-simple .title:after,.menu-label-new,.product-label.onsale,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info{background-color:#c38ed5;}.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.sidebar-container .mc4wp-form input[type=submit],.sidebar-container .mc4wp-form input[type=submit]:hover,.footer-container .mc4wp-form input[type=submit],.footer-container .mc4wp-form input[type=submit]:hover,.filters-area .mc4wp-form input[type=submit],.filters-area .mc4wp-form input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.woocommerce-page button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,body .basel-info-box.box-style-border .info-btn-wrapper a,body .basel-info-box.box-style-border .info-btn-wrapper a:hover,body .basel-info-box2.box-style-border .info-btn-wrapper a,body .basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,body .wpb_video_wrapper .button-play,.woocommerce-store-notice__dismiss-link:hover,.basel-compare-table .compare-loader:after,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .basel-load-more:hover,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover,.basel-dark .register .button:hover, .basel-dark .login .button:hover,.basel-dark .lost_reset_password .button:hover,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.cookies-buttons .cookies-accept-btn:hover,.blockOverlay:after,.widget_shopping_cart li.basel-loading:after,.basel-price-table:hover,.title-shop .nav-shop ul li a:after,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.basel-hover-link .swap-elements .btn-add a.loading:after,.scrollToTop:hover, .basel-sticky-filter-btn:hover,blockquote{border-color:#c38ed5;}.with-animation .info-box-icon svg path,.single-product-content .entry-summary .basel-sizeguide-btn:hover svg{stroke:#c38ed5;}.btn.btn-color-alt.btn-style-bordered, .button.btn-color-alt.btn-style-bordered, button.btn-color-alt.btn-style-bordered, .added_to_cart.btn-color-alt.btn-style-bordered, input[type=submit].btn-color-alt.btn-style-bordered,.title-wrapper.basel-title-color-alt .title-subtitle{color:#FBBC34;}.btn.btn-color-alt, .button.btn-color-alt, button.btn-color-alt, .added_to_cart.btn-color-alt, input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover,.widget_nav_mega_menu .menu > li:hover, .mega-navigation .menu > li:hover{background-color:#FBBC34;}.btn.btn-color-alt,.button.btn-color-alt,button.btn-color-alt,.added_to_cart.btn-color-alt,input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover{border-color:#FBBC34;}.button, button, input[type=submit], html .yith-woocompare-widget a.button.compare, html .basel-dark .basel-registration-page .basel-switch-to-register, html .basel-dark .login .button, html .basel-dark .register .button, html .basel-dark .widget_shopping_cart .buttons a, html .basel-dark .yith-woocompare-widget a.button.compare, html .basel-dark .widget_price_filter .price_slider_amount .button, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit, html .basel-dark .basel-widget-layered-nav-dropdown__submit, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{background-color:#c38ed5;}.button, button, input[type=submit], html .yith-woocompare-widget a.button.compare, html .basel-dark .basel-registration-page .basel-switch-to-register, html .basel-dark .login .button, html .basel-dark .register .button, html .basel-dark .widget_shopping_cart .buttons a, html .basel-dark .yith-woocompare-widget a.button.compare, html .basel-dark .widget_price_filter .price_slider_amount .button, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit, html .basel-dark .basel-widget-layered-nav-dropdown__submit, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{border-color:#c38ed5;}.button:hover, button:hover, input[type=submit]:hover, html .yith-woocompare-widget a.button.compare:hover, html .basel-dark .basel-registration-page .basel-switch-to-register:hover, html .basel-dark .login .button:hover, html .basel-dark .register .button:hover, html .basel-dark .widget_shopping_cart .buttons a:hover, html .basel-dark .yith-woocompare-widget a.button.compare:hover, html .basel-dark .widget_price_filter .price_slider_amount .button:hover, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover, html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{background-color:#c38ed5;}.button:hover, button:hover, input[type=submit]:hover, html .yith-woocompare-widget a.button.compare:hover, html .basel-dark .basel-registration-page .basel-switch-to-register:hover, html .basel-dark .login .button:hover, html .basel-dark .register .button:hover, html .basel-dark .widget_shopping_cart .buttons a:hover, html .basel-dark .yith-woocompare-widget a.button.compare:hover, html .basel-dark .widget_price_filter .price_slider_amount .button:hover, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover, html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{border-color:#c38ed5;}html .basel-hover-alt .btn-add>a{color:#c38ed5;}html .single_add_to_cart_button, html .basel-buy-now-btn, html .basel-sticky-btn .basel-sticky-add-to-cart, html .woocommerce .cart-actions .coupon .button, html .added_to_cart.btn-color-black, html input[type=submit].btn-color-black, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button, html .basel-hover-quick .quick-shop-btn > a, html table.compare-list tr.add-to-cart td a, html .basel-compare-col .add_to_cart_button, html .basel-compare-col .added_to_cart{background-color:#c38ed5;}html .single_add_to_cart_button, html .basel-buy-now-btn, html .basel-sticky-btn .basel-sticky-add-to-cart, html .woocommerce .cart-actions .coupon .button, html .added_to_cart.btn-color-black, html input[type=submit].btn-color-black, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button, html .basel-hover-quick .quick-shop-btn > a, html table.compare-list tr.add-to-cart td a, html .basel-compare-col .add_to_cart_button, html .basel-compare-col .added_to_cart{border-color:#c38ed5;}html .basel-hover-alt .btn-add>a:hover{color:#333;}html .single_add_to_cart_button:hover, html .basel-buy-now-btn:hover, html .basel-sticky-btn .basel-sticky-add-to-cart:hover, html .woocommerce .cart-actions .coupon .button:hover, html .added_to_cart.btn-color-black:hover, html input[type=submit].btn-color-black:hover, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover, html .basel-hover-quick .quick-shop-btn > a:hover, html table.compare-list tr.add-to-cart td a:hover, html .basel-compare-col .add_to_cart_button:hover, html .basel-compare-col .added_to_cart:hover{background-color:#333;}html .single_add_to_cart_button:hover, html .basel-buy-now-btn:hover, html .basel-sticky-btn .basel-sticky-add-to-cart:hover, html .woocommerce .cart-actions .coupon .button:hover, html .added_to_cart.btn-color-black:hover, html input[type=submit].btn-color-black:hover, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover, html .basel-hover-quick .quick-shop-btn > a:hover, html table.compare-list tr.add-to-cart td a:hover, html .basel-compare-col .add_to_cart_button:hover, html .basel-compare-col .added_to_cart:hover{border-color:#333;}@font-face { font-weight: normal; font-style: normal; font-family: "simple-line-icons"; src: url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/Simple-Line-Icons.woff2?v=5.9.3") format("woff2"), url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/Simple-Line-Icons.woff?v=5.9.3") format("woff");}@font-face { font-weight: normal; font-style: normal; font-family: "basel-font"; src: url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/basel-font.woff2?v=5.9.3") format("woff2"), url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/basel-font.woff?v=5.9.3") format("woff");}.site-logo img { max-height: 120px; } .page-title-default{background-color:#212121;background-size:cover;background-position:center center;}.topbar-wrapp{background-color:#c38ed5;}.main-header{border-style:solid;}.footer-container{background-color:#000000;}body, p, .widget_nav_mega_menu .menu > li > a, .mega-navigation .menu > li > a, .basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a, .basel-navigation .menu > li.menu-item-design-default .sub-menu li a, .font-default {font-family: "Karla", Arial, Helvetica, sans-serif;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, .title, table th, .wc-tabs li a, .masonry-filter li a, .woocommerce .cart-empty, .basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, .basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a, .mega-menu-list > li > a, fieldset legend, table th, .basel-empty-compare, .compare-field, .compare-value:before, .color-scheme-dark .info-box-inner h1, .color-scheme-dark .info-box-inner h2, .color-scheme-dark .info-box-inner h3, .color-scheme-dark .info-box-inner h4, .color-scheme-dark .info-box-inner h5, .color-scheme-dark .info-box-inner h6 {font-family: "Karla", Arial, Helvetica, sans-serif;} .product-title a, .post-slide .entry-title a, .category-grid-item .hover-mask h3, .basel-search-full-screen .basel-search-inner input[type="text"], .blog-post-loop .entry-title, .post-title-large-image .entry-title, .single-product-content .entry-title, .basel-entities-title {font-family: "Lora", Arial, Helvetica, sans-serif;}.title-alt, .subtitle, .font-alt, .basel-entry-meta{font-family: "Lato", Arial, Helvetica, sans-serif;font-weight: 400;}.color-primary,.mobile-nav ul li.current-menu-item > a,.main-nav .menu > li.current-menu-item > a,.main-nav .menu > li.onepage-link.current-menu-item > a,.main-nav .menu > li > a:hover,.basel-navigation .menu>li.menu-item-design-default ul li:hover>a,.basel-navigation .menu > li.menu-item-design-full-width .sub-menu li a:hover, .basel-navigation .menu > li.menu-item-design-sized .sub-menu li a:hover,.basel-product-categories.responsive-cateogires li.current-cat > a, .basel-product-categories.responsive-cateogires li.current-cat-parent > a,.basel-product-categories.responsive-cateogires li.current-cat-ancestor > a,.basel-my-account-links a:hover:before,.mega-menu-list > li > a:hover,.mega-menu-list .sub-sub-menu li a:hover,a[href^=tel],.topbar-menu ul > li > .sub-menu-dropdown li > a:hover,.btn.btn-color-primary.btn-style-bordered,.button.btn-color-primary.btn-style-bordered,button.btn-color-primary.btn-style-bordered,.added_to_cart.btn-color-primary.btn-style-bordered,input[type=submit].btn-color-primary.btn-style-bordered,a.login-to-prices-msg,a.login-to-prices-msg:hover,.basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .color-primary,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.blog-post-loop .entry-title a:hover,.blog-post-loop.sticky .entry-title:before,.post-slide .entry-title a:hover,.comments-area .reply a,.single-post-navigation a:hover,blockquote footer:before,blockquote cite,.format-quote .entry-content blockquote cite, .format-quote .entry-content blockquote cite a,.basel-entry-meta .meta-author a,.search-no-results.woocommerce .site-content:before,.search-no-results .not-found .entry-header:before,.login-form-footer .lost_password:hover,.error404 .page-title,.menu-label-new:after,.widget_shopping_cart .product_list_widget li .quantity .amount,.product_list_widget li ins .amount,.price ins > .amount,.price ins,.single-product .price,.single-product .price .amount,.popup-quick-view .price,.popup-quick-view .price .amount,.basel-products-nav .product-short .price,.basel-products-nav .product-short .price .amount,.star-rating span:before,.comment-respond .stars a:hover:after,.comment-respond .stars a.active:after,.single-product-content .comment-form .stars span a:hover,.single-product-content .comment-form .stars span a.active,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title:hover,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title.active,.single-product-content .woocommerce-product-details__short-description ul > li:before, .single-product-content #tab-description ul > li:before, .blog-post-loop .entry-content ul > li:before, .comments-area .comment-list li ul > li:before,.brands-list .brand-item a:hover,.footer-container .footer-widget-collapse.footer-widget-opened .widget-title:after,.sidebar-widget li a:hover, .filter-widget li a:hover,.sidebar-widget li > ul li a:hover, .filter-widget li > ul li a:hover,.basel-price-filter ul li a:hover .amount,.basel-hover-effect-4 .swap-elements > a,.basel-hover-effect-4 .swap-elements > a:hover,.product-grid-item .basel-product-cats a:hover, .product-grid-item .basel-product-brands-links a:hover,.wishlist_table tr td.product-price ins .amount,.basel-buttons .product-compare-button > a.added:before,.basel-buttons .basel-wishlist-btn > a.added:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:hover,.single-product-content .container .entry-summary .yith-wcwl-add-to-wishlist a:hover:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a:before,.basel-sticky-btn .basel-sticky-btn-wishlist a.added, .basel-sticky-btn .basel-sticky-btn-wishlist a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover:before,.single-product-content .entry-summary .wishlist-btn-wrapper a.added:before,.vendors-list ul li a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn a:hover,.product-list-item .product-list-buttons .product-compare-button a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn > a.added:before,.product-list-item .product-list-buttons .product-compare-button > a.added:before,.basel-sticky-btn .basel-sticky-btn-compare a.added, .basel-sticky-btn .basel-sticky-btn-compare a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover:before,.single-product-content .entry-summary .compare-btn-wrapper a.added:before,.single-product-content .entry-summary .basel-sizeguide-btn:hover,.single-product-content .entry-summary .basel-sizeguide-btn:hover:before,.blog-post-loop .entry-content ul li:before,.basel-menu-price .menu-price-price,.basel-menu-price.cursor-pointer:hover .menu-price-title,.comments-area #cancel-comment-reply-link:hover,.comments-area .comment-body .comment-edit-link:hover,.popup-quick-view .entry-summary .entry-title a:hover,.wpb_text_column ul:not(.social-icons) > li:before,.widget_product_categories .basel-cats-toggle:hover,.widget_product_categories .toggle-active,.widget_product_categories li.current-cat-parent > a, .widget_product_categories li.current-cat > a,.woocommerce-checkout-review-order-table tfoot .order-total td .amount,.widget_shopping_cart .product_list_widget li .remove:hover,.basel-active-filters .widget_layered_nav_filters ul li a .amount,.title-wrapper.basel-title-color-primary .title-subtitle,.widget_shopping_cart .widget_shopping_cart_content > .total .amount,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a,.basel-free-progress-bar .amount{color:#c38ed5;}.wishlist-info-widget .icon-count,.compare-info-widget .icon-count,.basel-toolbar-compare .compare-count,.basel-cart-design-2 > a .basel-cart-number,.basel-cart-design-3 > a .basel-cart-number,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.added_to_cart.btn-color-primary.btn-style-bordered:hover,input[type=submit].btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,.basel-info-box.box-style-border .info-btn-wrapper a,.basel-info-box.box-style-border .info-btn-wrapper a:hover,.basel-info-box2.box-style-border .info-btn-wrapper a,.basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,.wpb_video_wrapper .button-play,.pswp__share--download:hover,.basel-navigation .menu > li.callto-btn > a,.basel-navigation .menu > li.callto-btn > a:hover,.basel-dark .basel-load-more:hover,.basel-dark .basel-load-more.load-on-click + .basel-load-more-loader,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover, .basel-dark .register .button:hover, .basel-dark .login .button:hover, .basel-dark .lost_reset_password .button:hover, .basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.basel-progress-bar .progress-bar,.widget_price_filter .ui-slider .ui-slider-handle:after,.widget_price_filter .ui-slider .ui-slider-range,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,body .select2-container--default .select2-results__option--highlighted[aria-selected], .basel-add-img-msg:before,.product-video-button a:hover:before, .product-360-button a:hover:before,.mobile-nav ul li .up-icon,.scrollToTop:hover,.basel-sticky-filter-btn:hover,.categories-opened li a:active,.basel-price-table .basel-plan-price,.header-categories .secondary-header .mega-navigation,.widget_nav_mega_menu,.meta-post-categories,.slider-title:before,.title-wrapper.basel-title-style-simple .title:after,.menu-label-new,.product-label.onsale,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info{background-color:#c38ed5;}.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.sidebar-container .mc4wp-form input[type=submit],.sidebar-container .mc4wp-form input[type=submit]:hover,.footer-container .mc4wp-form input[type=submit],.footer-container .mc4wp-form input[type=submit]:hover,.filters-area .mc4wp-form input[type=submit],.filters-area .mc4wp-form input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.woocommerce-page button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,body .basel-info-box.box-style-border .info-btn-wrapper a,body .basel-info-box.box-style-border .info-btn-wrapper a:hover,body .basel-info-box2.box-style-border .info-btn-wrapper a,body .basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,body .wpb_video_wrapper .button-play,.woocommerce-store-notice__dismiss-link:hover,.basel-compare-table .compare-loader:after,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .basel-load-more:hover,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover,.basel-dark .register .button:hover, .basel-dark .login .button:hover,.basel-dark .lost_reset_password .button:hover,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.cookies-buttons .cookies-accept-btn:hover,.blockOverlay:after,.widget_shopping_cart li.basel-loading:after,.basel-price-table:hover,.title-shop .nav-shop ul li a:after,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.basel-hover-link .swap-elements .btn-add a.loading:after,.scrollToTop:hover, .basel-sticky-filter-btn:hover,blockquote{border-color:#c38ed5;}.with-animation .info-box-icon svg path,.single-product-content .entry-summary .basel-sizeguide-btn:hover svg{stroke:#c38ed5;}.btn.btn-color-alt.btn-style-bordered, .button.btn-color-alt.btn-style-bordered, button.btn-color-alt.btn-style-bordered, .added_to_cart.btn-color-alt.btn-style-bordered, input[type=submit].btn-color-alt.btn-style-bordered,.title-wrapper.basel-title-color-alt .title-subtitle{color:#FBBC34;}.btn.btn-color-alt, .button.btn-color-alt, button.btn-color-alt, .added_to_cart.btn-color-alt, input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover,.widget_nav_mega_menu .menu > li:hover, .mega-navigation .menu > li:hover{background-color:#FBBC34;}.btn.btn-color-alt,.button.btn-color-alt,button.btn-color-alt,.added_to_cart.btn-color-alt,input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover{border-color:#FBBC34;}.button, button, input[type=submit], html .yith-woocompare-widget a.button.compare, html .basel-dark .basel-registration-page .basel-switch-to-register, html .basel-dark .login .button, html .basel-dark .register .button, html .basel-dark .widget_shopping_cart .buttons a, html .basel-dark .yith-woocompare-widget a.button.compare, html .basel-dark .widget_price_filter .price_slider_amount .button, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit, html .basel-dark .basel-widget-layered-nav-dropdown__submit, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{background-color:#c38ed5;}.button, button, input[type=submit], html .yith-woocompare-widget a.button.compare, html .basel-dark .basel-registration-page .basel-switch-to-register, html .basel-dark .login .button, html .basel-dark .register .button, html .basel-dark .widget_shopping_cart .buttons a, html .basel-dark .yith-woocompare-widget a.button.compare, html .basel-dark .widget_price_filter .price_slider_amount .button, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit, html .basel-dark .basel-widget-layered-nav-dropdown__submit, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{border-color:#c38ed5;}.button:hover, button:hover, input[type=submit]:hover, html .yith-woocompare-widget a.button.compare:hover, html .basel-dark .basel-registration-page .basel-switch-to-register:hover, html .basel-dark .login .button:hover, html .basel-dark .register .button:hover, html .basel-dark .widget_shopping_cart .buttons a:hover, html .basel-dark .yith-woocompare-widget a.button.compare:hover, html .basel-dark .widget_price_filter .price_slider_amount .button:hover, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover, html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{background-color:#c38ed5;}.button:hover, button:hover, input[type=submit]:hover, html .yith-woocompare-widget a.button.compare:hover, html .basel-dark .basel-registration-page .basel-switch-to-register:hover, html .basel-dark .login .button:hover, html .basel-dark .register .button:hover, html .basel-dark .widget_shopping_cart .buttons a:hover, html .basel-dark .yith-woocompare-widget a.button.compare:hover, html .basel-dark .widget_price_filter .price_slider_amount .button:hover, html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover, html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover, html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{border-color:#c38ed5;}html .basel-hover-alt .btn-add>a{color:#c38ed5;}html .single_add_to_cart_button, html .basel-buy-now-btn, html .basel-sticky-btn .basel-sticky-add-to-cart, html .woocommerce .cart-actions .coupon .button, html .added_to_cart.btn-color-black, html input[type=submit].btn-color-black, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button, html .basel-hover-quick .quick-shop-btn > a, html table.compare-list tr.add-to-cart td a, html .basel-compare-col .add_to_cart_button, html .basel-compare-col .added_to_cart{background-color:#c38ed5;}html .single_add_to_cart_button, html .basel-buy-now-btn, html .basel-sticky-btn .basel-sticky-add-to-cart, html .woocommerce .cart-actions .coupon .button, html .added_to_cart.btn-color-black, html input[type=submit].btn-color-black, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button, html .basel-hover-quick .quick-shop-btn > a, html table.compare-list tr.add-to-cart td a, html .basel-compare-col .add_to_cart_button, html .basel-compare-col .added_to_cart{border-color:#c38ed5;}html .basel-hover-alt .btn-add>a:hover{color:#333;}html .single_add_to_cart_button:hover, html .basel-buy-now-btn:hover, html .basel-sticky-btn .basel-sticky-add-to-cart:hover, html .woocommerce .cart-actions .coupon .button:hover, html .added_to_cart.btn-color-black:hover, html input[type=submit].btn-color-black:hover, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover, html .basel-hover-quick .quick-shop-btn > a:hover, html table.compare-list tr.add-to-cart td a:hover, html .basel-compare-col .add_to_cart_button:hover, html .basel-compare-col .added_to_cart:hover{background-color:#333;}html .single_add_to_cart_button:hover, html .basel-buy-now-btn:hover, html .basel-sticky-btn .basel-sticky-add-to-cart:hover, html .woocommerce .cart-actions .coupon .button:hover, html .added_to_cart.btn-color-black:hover, html input[type=submit].btn-color-black:hover, html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover, html .basel-hover-quick .quick-shop-btn > a:hover, html table.compare-list tr.add-to-cart td a:hover, html .basel-compare-col .add_to_cart_button:hover, html .basel-compare-col .added_to_cart:hover{border-color:#333;}@font-face { font-weight: normal; font-style: normal; font-family: "simple-line-icons"; src: url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/Simple-Line-Icons.woff2?v=5.9.3") format("woff2"), url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/Simple-Line-Icons.woff?v=5.9.3") format("woff");}@font-face { font-weight: normal; font-style: normal; font-family: "basel-font"; src: url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/basel-font.woff2?v=5.9.3") format("woff2"), url("//www.irida-cosmetics.gr/wp-content/themes/basel/fonts/basel-font.woff?v=5.9.3") format("woff");}.site-logo img { max-height: 120px; } /* ============================================================ IRIDA COSMETICS — COMPLETE CUSTOM CSS v22 LILAC Basel Theme 5.9.3 / WooCommerce Αντικαθιστά ΟΛΑ τα προηγούμενα custom CSS. Παλέτα lilac και διορθωμένο inline ποσό δωρεάν μεταφορικών. ============================================================ */ :root { /* Το #C38ED5 είναι το ανοιχτό lilac της top bar. */ --irida-topbar-lilac: #C38ED5; --irida-purple: #A85FBA; --irida-purple-2: #B979C9; --irida-purple-dark: #8B3E9C; --irida-purple-deep: #71317F; --irida-pink: #B96893; --irida-lilac: #FBF7FC; --irida-lilac-2: #F4EBF7; --irida-border: #E7D8EB; --irida-border-strong: #D7C0DE; --irida-text: #4B424E; --irida-dark: #261E29; --irida-muted: #8D8490; --irida-white: #FFFFFF; --irida-shadow: 0 10px 28px rgba(113, 49, 127, 0.10); --irida-shadow-strong: 0 16px 38px rgba(113, 49, 127, 0.16); --irida-radius: 12px; } /* ============================================================ 28. IRIDA — CONTACT PAGE: 4 LIVE INFO CARDS (v19) Scope: only page-id-32474, so no other section is affected. Supports the current Basel/WPBakery markup: two columns, with two .basel-info-box2 elements inside each column. ============================================================ */ body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; width: 100% !important; margin: 8px 0 20px !important; padding: 0 !important; } /* Flatten only the two WPBakery wrapper columns so the four existing info boxes become four true grid items. */ body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column, body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column > .vc_column-inner, body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: contents !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; min-height: 174px !important; margin: 0 !important; padding: 22px 14px 18px !important; overflow: hidden !important; text-align: center !important; background: linear-gradient(145deg, #fff 0%, #fcf8fd 56%, #f4e9f7 100%) !important; border: 1px solid #dec9e5 !important; border-radius: 16px !important; box-shadow: 0 8px 22px rgba(91, 52, 102, .11) !important; box-sizing: border-box !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg, #c38ed5, #9e59b1, #c38ed5); } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .box-icon-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 48px !important; height: 48px !important; margin: 0 0 15px !important; padding: 10px !important; background: rgba(255, 255, 255, .9) !important; border: 1px solid #dfcce5 !important; border-radius: 50% !important; box-shadow: 0 5px 14px rgba(91, 52, 102, .10) !important; box-sizing: border-box !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-icon, body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-svg-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin: 0 !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-svg-wrapper img { display: block !important; width: 27px !important; height: 27px !important; max-width: 100% !important; margin: 0 !important; object-fit: contain !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-content, body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-inner { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-inner p { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #574d5b !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.55 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-inner strong { color: #8f4ea2 !important; font-weight: 800 !important; } /* Clear semantic title for each of the four existing cards. No WPBakery/HTML change is required. */ body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-inner::before { display: block !important; width: 100% !important; margin: 0 0 8px !important; color: #3f3443 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .45px !important; text-align: center !important; text-transform: uppercase !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column:nth-child(1) .basel-info-box2:first-of-type .info-box-inner::before { content: "ΕΠΙΚΟΙΝΩΝΙΑ"; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column:nth-child(1) .basel-info-box2:last-of-type .info-box-inner::before { content: "ΔΙΕΥΘΥΝΣΗ"; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column:nth-child(2) .basel-info-box2:first-of-type .info-box-inner::before { content: "ΠΑΡΑΓΓΕΛΙΕΣ"; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 > .wpb_column:nth-child(2) .basel-info-box2:last-of-type .info-box-inner::before { content: "ΜΕΤΑΦΟΡΙΚΑ"; } @media (hover: hover) and (min-width: 1025px) { body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2:hover { border-color: #ceb0d8 !important; box-shadow: 0 14px 30px rgba(91, 52, 102, .17) !important; transform: translateY(-4px) !important; } } /* Tablet and narrow desktop: balanced 2 × 2 grid. */ @media (max-width: 1100px) { body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { min-height: 154px !important; padding: 20px 16px 17px !important; } } /* Phone: keep 2 × 2 where readable. */ @media (max-width: 767px) { body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-bottom: 18px !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { min-height: 148px !important; padding: 18px 10px 15px !important; border-radius: 13px !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .box-icon-wrapper { width: 42px !important; height: 42px !important; margin-bottom: 11px !important; padding: 8px !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-svg-wrapper, body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-svg-wrapper img { width: 24px !important; height: 24px !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-inner p { font-size: 12px !important; line-height: 1.48 !important; } } /* Very small phones: one comfortable card per row. */ @media (max-width: 390px) { body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 { grid-template-columns: minmax(0, 1fr) !important; } body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { min-height: 132px !important; } } @media (prefers-reduced-motion: reduce) { body.page-id-32474 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { transition: none !important; } } /* ============================================================ 1. ΓΕΝΙΚΑ ============================================================ */ body { color: var(--irida-text); } body a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease, transform .2s ease; } body a:hover { color: var(--irida-purple); } body .woocommerce-Price-amount, body .amount { font-variant-numeric: tabular-nums; } /* Αποτρέπει οριζόντιο scrollbar χωρίς να πειράζει το off-canvas cart */ html, body { max-width: 100%; overflow-x: clip; } /* ============================================================ 2. ΚΕΝΤΡΙΚΟ ΜΕΝΟΥ — PREMIUM LILAC Basel Theme 5.9.3 ============================================================ */ /* Η λευκή γραμμή πλοήγησης */ body .main-header .navigation-wrap { background-color: var(--irida-white) !important; border-top: 1px solid rgba(231, 216, 235, .72) !important; border-bottom: 1px solid var(--irida-border) !important; box-shadow: 0 4px 16px rgba(75, 42, 82, .045) !important; } /* Πιο καθαρή σκιά όταν το navigation γίνει sticky */ body .main-header.act-scroll .navigation-wrap, body .sticky-header { background-color: rgba(255, 255, 255, .98) !important; box-shadow: 0 8px 24px rgba(75, 42, 82, .10) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* Κεντράρισμα και σωστές αποστάσεις */ body .main-header .main-nav, body .sticky-header .main-nav { text-align: center !important; } body .main-header .main-nav .menu, body .sticky-header .main-nav .menu { margin-right: 0 !important; margin-left: 0 !important; } body .main-header .main-nav .menu > li, body .sticky-header .main-nav .menu > li { margin: 0 2px !important; vertical-align: middle; } /* Κύριες επιλογές menu */ body .main-header .main-nav .menu > li > a, body .sticky-header .main-nav .menu > li > a { position: relative !important; box-sizing: border-box; height: 52px !important; padding: 0 16px !important; color: #332C35 !important; background-color: transparent !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 700 !important; line-height: 52px !important; letter-spacing: .42px !important; text-transform: uppercase; transition: color .22s ease, background-color .22s ease, box-shadow .22s ease !important; } /* Λεπτή lilac υπογράμμιση */ body .main-header .main-nav .menu > li > a::before, body .sticky-header .main-nav .menu > li > a::before { content: ""; position: absolute; right: 15px; bottom: 5px; left: 15px; height: 2px; background-color: var(--irida-purple) !important; border-radius: 999px; opacity: 0; transform: scaleX(.25); transform-origin: center; transition: opacity .22s ease, transform .22s ease; } /* Hover και ενεργή σελίδα */ body .main-header .main-nav .menu > li:hover > a, body .main-header .main-nav .menu > li.item-menu-opened > a, body .main-header .main-nav .menu > li.current-menu-item > a, body .main-header .main-nav .menu > li.current-menu-parent > a, body .main-header .main-nav .menu > li.current-menu-ancestor > a, body .sticky-header .main-nav .menu > li:hover > a, body .sticky-header .main-nav .menu > li.item-menu-opened > a, body .sticky-header .main-nav .menu > li.current-menu-item > a, body .sticky-header .main-nav .menu > li.current-menu-parent > a, body .sticky-header .main-nav .menu > li.current-menu-ancestor > a { color: var(--irida-purple-dark) !important; background-color: var(--irida-lilac-2) !important; box-shadow: inset 0 0 0 1px rgba(185, 121, 201, .10) !important; } body .main-header .main-nav .menu > li:hover > a::before, body .main-header .main-nav .menu > li.item-menu-opened > a::before, body .main-header .main-nav .menu > li.current-menu-item > a::before, body .main-header .main-nav .menu > li.current-menu-parent > a::before, body .main-header .main-nav .menu > li.current-menu-ancestor > a::before, body .sticky-header .main-nav .menu > li:hover > a::before, body .sticky-header .main-nav .menu > li.item-menu-opened > a::before, body .sticky-header .main-nav .menu > li.current-menu-item > a::before, body .sticky-header .main-nav .menu > li.current-menu-parent > a::before, body .sticky-header .main-nav .menu > li.current-menu-ancestor > a::before { opacity: 1; transform: scaleX(1); } /* Βελάκια dropdown */ body .main-header .main-nav .menu > li.menu-item-has-children > a, body .sticky-header .main-nav .menu > li.menu-item-has-children > a { padding-right: 28px !important; } body .main-header .main-nav .menu > li.menu-item-has-children > a::after, body .sticky-header .main-nav .menu > li.menu-item-has-children > a::after { right: 10px !important; color: #AA83B4 !important; font-size: 11px !important; transition: color .22s ease, transform .22s ease !important; } body .main-header .main-nav .menu > li.menu-item-has-children:hover > a::after, body .main-header .main-nav .menu > li.item-menu-opened > a::after, body .sticky-header .main-nav .menu > li.menu-item-has-children:hover > a::after, body .sticky-header .main-nav .menu > li.item-menu-opened > a::after { color: var(--irida-purple-dark) !important; transform: rotate(180deg); } /* Όλα τα desktop dropdowns */ body .main-header .basel-navigation .menu > li > .sub-menu-dropdown, body .sticky-header .basel-navigation .menu > li > .sub-menu-dropdown { background-color: var(--irida-white) !important; border: 1px solid var(--irida-border) !important; border-top: 3px solid var(--irida-topbar-lilac) !important; border-radius: 0 0 11px 11px !important; box-shadow: 0 16px 36px rgba(75, 42, 82, .15) !important; } /* Απλό dropdown */ body .main-header .basel-navigation .menu > li.menu-item-design-default > .sub-menu-dropdown, body .sticky-header .basel-navigation .menu > li.menu-item-design-default > .sub-menu-dropdown { width: 220px !important; padding: 8px 0 !important; } body .main-header .basel-navigation .menu > li.menu-item-design-default ul li a, body .sticky-header .basel-navigation .menu > li.menu-item-design-default ul li a { display: block !important; margin: 2px 7px !important; padding: 10px 12px !important; color: var(--irida-text) !important; background-color: transparent !important; border-radius: 7px !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: .22px !important; text-transform: none !important; transition: color .2s ease, background-color .2s ease, padding-left .2s ease !important; } body .main-header .basel-navigation .menu > li.menu-item-design-default ul li > a:hover, body .sticky-header .basel-navigation .menu > li.menu-item-design-default ul li > a:hover { color: var(--irida-purple-dark) !important; background-color: var(--irida-lilac-2) !important; padding-left: 16px !important; } /* Βελάκι στα nested desktop submenus */ body .main-header .basel-navigation .menu > li.menu-item-design-default ul li.menu-item-has-children::after, body .sticky-header .basel-navigation .menu > li.menu-item-design-default ul li.menu-item-has-children::after { color: #AA83B4 !important; } /* Nested dropdown */ body .main-header .basel-navigation .menu > li.menu-item-design-default .sub-sub-menu, body .sticky-header .basel-navigation .menu > li.menu-item-design-default .sub-sub-menu { width: 220px !important; padding: 8px 0 !important; background-color: var(--irida-white) !important; border: 1px solid var(--irida-border) !important; border-radius: 10px !important; box-shadow: 0 14px 32px rgba(75, 42, 82, .14) !important; } /* Mega menu / sized menu */ body .main-header .basel-navigation .menu > li.menu-item-design-full-width > .sub-menu-dropdown, body .main-header .basel-navigation .menu > li.menu-item-design-sized > .sub-menu-dropdown, body .sticky-header .basel-navigation .menu > li.menu-item-design-full-width > .sub-menu-dropdown, body .sticky-header .basel-navigation .menu > li.menu-item-design-sized > .sub-menu-dropdown { padding-top: 26px !important; padding-bottom: 14px !important; } body .main-header .basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, body .main-header .basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a, body .sticky-header .basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, body .sticky-header .basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a { color: var(--irida-dark) !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: .35px !important; } body .main-header .basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, body .main-header .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a, body .sticky-header .basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, body .sticky-header .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a { color: var(--irida-text) !important; border-radius: 5px; transition: color .2s ease, transform .2s ease !important; } body .main-header .basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a:hover, body .main-header .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a:hover, body .sticky-header .basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a:hover, body .sticky-header .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a:hover { color: var(--irida-purple-dark) !important; margin-left: 0 !important; transform: translateX(4px); } /* Mobile burger */ body .mobile-nav-icon .basel-burger, body .mobile-nav-icon .basel-burger::before, body .mobile-nav-icon .basel-burger::after { background-color: var(--irida-purple-dark) !important; } /* Mobile menu: αλλάζει μόνο εμφάνιση, όχι πλάτος/transform */ body .mobile-nav { background-color: var(--irida-white) !important; box-shadow: 12px 0 34px rgba(75, 42, 82, .16) !important; } body .mobile-nav ul li a { padding-top: 12px !important; padding-bottom: 12px !important; color: var(--irida-dark) !important; background-color: transparent !important; border-bottom: 1px solid var(--irida-border) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .3px !important; } body .mobile-nav ul li > a:hover, body .mobile-nav ul li > a:active, body .mobile-nav ul li.current-menu-item > a, body .mobile-nav ul li.current-menu-parent > a, body .mobile-nav ul li.current-menu-ancestor > a { color: var(--irida-purple-dark) !important; background-color: var(--irida-lilac-2) !important; } body .mobile-nav .icon-sub-menu { border-left: 1px solid var(--irida-border) !important; } body .mobile-nav .icon-sub-menu::before, body .mobile-nav .icon-sub-menu::after { background-color: var(--irida-purple-dark) !important; } body .mobile-nav .sub-menu-dropdown ul { background-color: var(--irida-lilac) !important; } body .mobile-nav .sub-menu-dropdown ul::before { color: var(--irida-lilac) !important; } body .mobile-nav .sub-menu-dropdown li ul { background-color: var(--irida-lilac-2) !important; } body .mobile-nav .sub-menu-dropdown li ul::before { color: var(--irida-lilac-2) !important; } body .mobile-nav .sub-menu-dropdown li a { color: var(--irida-text) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; } body .mobile-nav .searchform { padding: 12px !important; background-color: var(--irida-lilac) !important; border-bottom: 1px solid var(--irida-border) !important; } body .mobile-nav .searchform input[type="text"] { height: 46px !important; color: var(--irida-dark) !important; background-color: var(--irida-white) !important; border: 1px solid var(--irida-border-strong) !important; border-radius: 8px !important; } body .mobile-nav .searchform input[type="text"]::placeholder { color: var(--irida-muted) !important; } body .mobile-nav .searchform button { color: var(--irida-purple-dark) !important; } /* Desktop-only refinements */ @media (min-width: 992px) { body .main-header .navigation-wrap > .container { min-height: 52px; } } /* Σε tablet/mobile το desktop navigation κρύβεται από το Basel. */ @media (max-width: 991px) { body .main-header .navigation-wrap { box-shadow: none !important; } } /* ============================================================ 3. PAGE TITLE ΣΕ ΚΑΛΑΘΙ / CHECKOUT / ACCOUNT ============================================================ */ body.woocommerce-cart .page-title, body.woocommerce-checkout .page-title, body.woocommerce-account .page-title { padding: 28px 0 !important; background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple)) !important; border: 0 !important; } body.woocommerce-cart .page-title h1, body.woocommerce-checkout .page-title h1, body.woocommerce-account .page-title h1, body.woocommerce-cart .page-title .entry-title, body.woocommerce-checkout .page-title .entry-title, body.woocommerce-account .page-title .entry-title { color: #fff !important; font-weight: 800 !important; letter-spacing: .5px; text-shadow: 0 2px 10px rgba(0, 0, 0, .15); } body.woocommerce-cart .page-title .breadcrumbs, body.woocommerce-checkout .page-title .breadcrumbs, body.woocommerce-account .page-title .breadcrumbs, body.woocommerce-cart .page-title .breadcrumbs a, body.woocommerce-checkout .page-title .breadcrumbs a, body.woocommerce-account .page-title .breadcrumbs a { color: rgba(255, 255, 255, .88) !important; } /* ============================================================ 4. ΤΙΤΛΟΙ ΕΝΟΤΗΤΩΝ ============================================================ */ body .title-wrapper .title, body .woocommerce-products-header__title, body .related-products > h3, body .upsells-products > h3, body .cross-sells > h2, body .product-tabs-wrapper h2, body .cart-totals-inner > h2, body #order_review_heading, body .woocommerce-billing-fields > h3, body .woocommerce-additional-fields > h3 { color: var(--irida-dark) !important; font-weight: 800 !important; letter-spacing: .2px; } /* ============================================================ 5. PRODUCT CARDS — SHOP / ΑΡΧΙΚΗ / RELATED ============================================================ */ body .product-grid-item { position: relative; box-sizing: border-box; padding-bottom: 16px !important; background: var(--irida-white) !important; border: 1px solid var(--irida-border) !important; border-radius: var(--irida-radius) !important; box-shadow: 0 4px 16px rgba(50, 24, 60, .07); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } body .product-grid-item .product-element-top, body .product-grid-item:hover .product-element-top, body .product-grid-item.basel-hover-base .product-element-top, body .product-grid-item.basel-hover-base:hover .product-element-top { position: relative !important; overflow: hidden !important; background: #fff !important; background-image: none !important; border-radius: 11px 11px 0 0 !important; box-shadow: none !important; } body .product-grid-item .product-element-top > a { display: block !important; width: 100% !important; line-height: 0 !important; } body .product-grid-item .product-element-top img { display: block !important; width: 100% !important; height: auto !important; transform: none; transition: transform .35s ease, opacity .3s ease !important; } @media (hover: hover) and (min-width: 1025px) { body .product-grid-item:hover { transform: translateY(-5px); border-color: rgba(168, 95, 186, .32) !important; box-shadow: var(--irida-shadow-strong) !important; } body .product-grid-item:hover .product-element-top img { transform: scale(1.025); } } /* Κρύβει τη μαύρη μπάρα Quick view / Wishlist / Compare */ body .product-grid-item .basel-buttons, body .product-grid-item.basel-hover-base .basel-buttons, body .product-grid-item .product-element-top .basel-buttons { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; background: transparent !important; border: 0 !important; box-shadow: none !important; pointer-events: none !important; } body .product-grid-item .hover-mask, body .product-grid-item:hover .hover-mask, body .product-grid-item.basel-hover-base .hover-mask, body .product-grid-item.basel-hover-base:hover .hover-mask { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Κουμπί προσθήκης επάνω στην εικόνα */ body .product-grid-item .basel-add-btn, body .product-grid-item.basel-hover-base .basel-add-btn { position: absolute !important; top: auto !important; right: 13px !important; bottom: 13px !important; left: 13px !important; z-index: 25 !important; display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; pointer-events: none; transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important; } body .product-grid-item:hover .basel-add-btn, body .product-grid-item.basel-hover-base:hover .basel-add-btn { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto; } body .product-grid-item .basel-add-btn > a, body .product-grid-item .basel-add-btn > a.button, body .product-grid-item.basel-hover-base .basel-add-btn > a { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 15px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; border-radius: 7px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 44px !important; letter-spacing: .3px !important; text-align: center !important; text-indent: 0 !important; text-transform: uppercase; white-space: nowrap !important; box-shadow: 0 7px 18px rgba(113, 49, 127, .26) !important; transform: none !important; } body .product-grid-item .basel-add-btn > a::before { position: static !important; display: inline-block !important; margin: 0 8px 0 0 !important; color: #fff !important; background: transparent !important; font-size: 17px !important; line-height: 1 !important; transform: none !important; } body .product-grid-item .basel-add-btn > a:hover { color: #fff !important; background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple-deep)) !important; box-shadow: 0 10px 24px rgba(113, 49, 127, .31) !important; transform: translateY(-1px) !important; } body .product-grid-item .product-title { margin: 15px 0 8px !important; padding-right: 13px; padding-left: 13px; } body .product-grid-item .product-title, body .product-grid-item .product-title a { color: var(--irida-dark) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.45 !important; } body .product-grid-item .product-title a:hover { color: var(--irida-purple) !important; } body .product-grid-item .wrap-price { padding-right: 13px; padding-left: 13px; } body .product-grid-item .price { margin-top: 6px !important; color: var(--irida-purple) !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.3 !important; } body .product-grid-item .price .amount, body .product-grid-item .price > .amount, body .product-grid-item .woocommerce-Price-amount { color: var(--irida-purple) !important; font-size: inherit !important; font-weight: 800 !important; } body .product-grid-item .price ins { color: var(--irida-pink) !important; background: transparent !important; text-decoration: none !important; } body .product-grid-item .price ins .amount { color: var(--irida-pink) !important; } body .product-grid-item .price del, body .product-grid-item .price del .amount { color: #9d969f !important; font-size: 14px !important; font-weight: 500 !important; opacity: 1 !important; } body .product-grid-item .product-labels { top: 12px !important; left: 12px !important; } body .product-grid-item .product-labels .product-label, body .product-grid-item span.onsale, body.single-product span.onsale { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 52px !important; width: 52px !important; min-height: 52px !important; height: 52px !important; padding: 5px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 2px solid rgba(255,255,255,.72) !important; border-radius: 50% !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: .5px; text-align: center !important; box-shadow: 0 5px 13px rgba(113, 49, 127, .22) !important; } body .product-grid-item .product-labels .onsale, body .product-grid-item span.onsale { background: linear-gradient(135deg, var(--irida-pink), #985377) !important; } /* ============================================================ 6. SINGLE PRODUCT PAGE ============================================================ */ body.single-product .main-page-wrapper { padding-top: 34px; padding-bottom: 0; } body.single-product .product-image-summary { margin-bottom: 38px; } body.single-product .woocommerce-product-gallery, body.single-product .product-images { background: #fff; border-radius: var(--irida-radius); } body.single-product .summary-inner, body.single-product .summary.entry-summary { padding: 24px !important; background: #fff; border: 1px solid var(--irida-border); border-radius: var(--irida-radius); box-shadow: var(--irida-shadow); } body.single-product .product_title, body.single-product .summary .product_title { margin-bottom: 12px !important; color: var(--irida-dark) !important; font-size: clamp(28px, 2.5vw, 38px) !important; font-weight: 800 !important; line-height: 1.17 !important; letter-spacing: -.25px; } body.single-product .summary .price, body.single-product .summary .price .amount, body .single-product-content .price, body .single-product-content .price .amount { color: var(--irida-purple) !important; font-size: 29px !important; font-weight: 800 !important; } body.single-product .summary .price { margin: 0 0 16px !important; padding-bottom: 14px; border-bottom: 1px solid var(--irida-border); } body.single-product .summary .price ins { background: transparent !important; text-decoration: none !important; } body.single-product .summary .price del, body.single-product .summary .price del .amount { color: #989099 !important; font-size: 18px !important; font-weight: 500 !important; } body.single-product .woocommerce-product-details__short-description, body.single-product .summary-inner > p { color: #5d5361; font-size: 14px; line-height: 1.75; } body.single-product form.cart { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 17px !important; margin-bottom: 13px !important; } body.single-product form.cart .quantity { margin: 0 !important; } body.single-product form.cart .quantity input, body.single-product form.cart .quantity .minus, body.single-product form.cart .quantity .plus { height: 48px !important; min-height: 48px !important; border-color: var(--irida-border-strong) !important; background: #fff !important; } body.single-product form.cart .quantity input { font-weight: 700; } body.single-product .single_add_to_cart_button { min-height: 48px !important; padding: 0 26px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .35px; box-shadow: 0 8px 19px rgba(168, 95, 186, .24) !important; } body.single-product .single_add_to_cart_button:hover { color: #fff !important; background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple-deep)) !important; transform: translateY(-2px); box-shadow: 0 11px 25px rgba(113, 49, 127, .29) !important; } body.single-product .wishlist-btn-wrapper a, body.single-product .compare-btn-wrapper a, body.single-product a.compare, body.single-product a.add_to_wishlist { color: #665b6a !important; font-weight: 600; } body.single-product .wishlist-btn-wrapper a:hover, body.single-product .compare-btn-wrapper a:hover, body.single-product a.compare:hover, body.single-product a.add_to_wishlist:hover { color: var(--irida-purple) !important; } body.single-product .product_meta { margin-top: 14px !important; padding-top: 16px !important; border-top: 1px solid var(--irida-border) !important; color: #6f6573; line-height: 1.8; } body.single-product .product_meta a { color: var(--irida-purple) !important; font-weight: 600; } body.single-product .product-tabs-wrapper { margin-top: 15px; padding: 34px 0 42px !important; background: linear-gradient(180deg, #fbf9fc 0%, var(--irida-lilac) 100%) !important; border-top: 1px solid var(--irida-border); border-bottom: 1px solid var(--irida-border); } body.single-product .tabs-layout-tabs .tabs li a, body.single-product .woocommerce-tabs .tabs li a { color: #655a69 !important; font-weight: 700 !important; } body.single-product .tabs-layout-tabs .tabs li.active a, body.single-product .woocommerce-tabs .tabs li.active a { color: var(--irida-purple) !important; } body.single-product .woocommerce-Tabs-panel { color: #514756; line-height: 1.8; } body.single-product .related-products, body.single-product .upsells-products { padding-top: 34px; padding-bottom: 55px; } body.single-product .related-products > h3, body.single-product .upsells-products > h3 { margin-bottom: 28px !important; text-align: center; font-size: 25px !important; } /* ============================================================ 7. FREE SHIPPING PROGRESS BAR — BASEL 5.9.3 Πραγματική δομή theme: .basel-progress-bar.basel-free-progress-bar .progress-msg .progress-area > .progress-bar ============================================================ */ /* Κύριο πλαίσιο: cart, product, checkout και mini cart */ body .basel-progress-bar.basel-free-progress-bar, body .basel-free-progress-bar { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; margin: 16px 0 20px !important; padding: 15px 17px !important; color: #453A49 !important; background: var(--irida-lilac) !important; border: 1px solid var(--irida-border-strong) !important; border-style: solid !important; border-radius: 9px !important; box-shadow: 0 5px 16px rgba(113, 49, 127, .08) !important; } /* Μήνυμα δωρεάν μεταφορικών */ body .basel-free-progress-bar .progress-msg, body .basel-free-progress-bar .progress-msg p { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; color: #453A49 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.55 !important; text-align: left !important; } body .basel-free-progress-bar .progress-msg strong { display: inline !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* Το ποσό [remainder] μένει ΑΥΣΤΗΡΑ μέσα στην ίδια γραμμή. Το wc_price() δημιουργεί nested amount / bdi / currencySymbol. Δεν κάνουμε κανένα εσωτερικό span block, γιατί τότε ο αριθμός ανεβαίνει πάνω από το κείμενο και το € μένει στην επόμενη γραμμή. */ body .basel-free-progress-bar .progress-msg .woocommerce-Price-amount, body .basel-free-progress-bar .progress-msg .amount, body .basel-free-progress-bar .progress-msg .woocommerce-Price-amount bdi, body .basel-free-progress-bar .progress-msg .woocommerce-Price-currencySymbol { display: inline !important; float: none !important; position: static !important; inset: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; white-space: nowrap !important; line-height: inherit !important; } body .basel-free-progress-bar .progress-msg .woocommerce-Price-amount, body .basel-free-progress-bar .progress-msg .amount { color: var(--irida-purple-dark) !important; font-size: inherit !important; font-weight: 800 !important; } body .basel-free-progress-bar .progress-msg .woocommerce-Price-amount::before, body .basel-free-progress-bar .progress-msg .woocommerce-Price-amount::after, body .basel-free-progress-bar .progress-msg .amount::before, body .basel-free-progress-bar .progress-msg .amount::after { content: none !important; display: none !important; } /* Γκρι-lilac διαδρομή της μπάρας */ body .basel-free-progress-bar .progress-area, body .basel-progress-bar.basel-free-progress-bar .progress-area { display: block !important; visibility: visible !important; opacity: 1 !important; overflow: hidden !important; width: 100% !important; height: 8px !important; margin-top: 10px !important; background: #EDE3F0 !important; border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 1px 2px rgba(73, 48, 79, .08) !important; } /* Γέμισμα προόδου — lilac */ body .basel-free-progress-bar .progress-area .progress-bar, body .basel-free-progress-bar .progress-bar, body .basel-progress-bar.basel-free-progress-bar .progress-bar { display: block !important; visibility: visible !important; opacity: 1 !important; min-width: 4px; height: 100% !important; margin: 0 !important; background-color: var(--irida-purple) !important; background-image: linear-gradient( 90deg, var(--irida-topbar-lilac) 0%, var(--irida-purple) 100% ) !important; background-size: auto !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; } /* Όταν έχει επιτευχθεί ο στόχος, το Basel κρύβει σωστά μόνο την μπάρα. */ body .basel-free-progress-bar.basel-progress-hide .progress-area { display: none !important; } /* Σελίδα καλαθιού */ body.woocommerce-cart .basel-free-progress-bar { margin-top: 0 !important; margin-bottom: 28px !important; padding: 16px 18px !important; } /* Σελίδα προϊόντος */ body.single-product .basel-free-progress-bar { margin-top: 0 !important; margin-bottom: 18px !important; } /* Checkout */ body.woocommerce-checkout .basel-free-progress-bar { margin-top: 18px !important; margin-bottom: 0 !important; } /* Mini cart: ακυρώνει το default border-top-only του Basel */ body .widget_shopping_cart .basel-free-progress-bar, body .cart-widget-side .basel-free-progress-bar { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; margin: 12px 0 15px !important; padding: 13px 14px !important; background: var(--irida-lilac) !important; border: 1px solid var(--irida-border-strong) !important; border-style: solid !important; border-radius: 8px !important; box-shadow: none !important; } body .cart-widget-side .basel-free-progress-bar .progress-msg, body .cart-widget-side .basel-free-progress-bar .progress-msg p { font-size: 12px !important; line-height: 1.5 !important; } body .cart-widget-side .shopping-cart-widget-footer, body .cart-widget-side .widget_shopping_cart_content { overflow: visible !important; } /* ============================================================ 8. SIDE MINI CART ============================================================ */ body .cart-widget-side { /* Δεν αλλάζουμε το width/transform του Basel. Το theme τα χρησιμοποιεί για να κρύβει και να ανοίγει σωστά το panel. */ max-width: 100vw !important; background: #fff !important; box-shadow: -15px 0 40px rgba(46, 30, 50, .18) !important; } body .cart-widget-side .widget-heading { min-height: 76px; padding: 22px 24px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple)) !important; border-bottom: 0 !important; } body .cart-widget-side .widget-heading .widget-title, body .cart-widget-side .widget-heading .title, body .cart-widget-side .widget-heading h3 { margin: 0 !important; color: #fff !important; font-size: 20px !important; font-weight: 800 !important; letter-spacing: .3px; } body .cart-widget-side .close-side-widget, body .cart-widget-side .widget-heading .close-side-widget, body .cart-widget-side .widget-heading .close-side-widget a { color: #fff !important; opacity: .9; } body .cart-widget-side .close-side-widget:hover { opacity: 1; } body .cart-widget-side .shopping-cart-widget-body, body .cart-widget-side .widget_shopping_cart_content { background: #fff !important; } body .cart-widget-side .woocommerce-mini-cart { margin: 0 !important; padding: 10px 22px 0 !important; } body .cart-widget-side .woocommerce-mini-cart-item { position: relative; min-height: 92px; margin: 0 !important; padding: 16px 28px 16px 76px !important; border-bottom: 1px solid var(--irida-border) !important; } body .cart-widget-side .woocommerce-mini-cart-item img { position: absolute; top: 16px; left: 0; width: 58px !important; height: 68px !important; object-fit: contain; background: #fff; border: 1px solid var(--irida-border); border-radius: 7px; } body .cart-widget-side .woocommerce-mini-cart-item > a:not(.remove) { color: var(--irida-dark) !important; font-size: 12px; font-weight: 700; line-height: 1.45; } body .cart-widget-side .woocommerce-mini-cart-item .quantity, body .cart-widget-side .woocommerce-mini-cart-item .amount { color: var(--irida-purple) !important; font-weight: 800 !important; } body .cart-widget-side .woocommerce-mini-cart-item a.remove, body .cart-widget-side .remove_from_cart_button { top: 15px !important; right: 0 !important; color: #8b808f !important; } body .cart-widget-side .woocommerce-mini-cart-item a.remove:hover, body .cart-widget-side .remove_from_cart_button:hover { color: var(--irida-pink) !important; } body .cart-widget-side .shopping-cart-widget-footer { padding: 18px 22px 24px !important; background: #fff !important; border-top: 1px solid var(--irida-border) !important; box-shadow: 0 -8px 24px rgba(113, 49, 127, .06); } body .cart-widget-side .woocommerce-mini-cart__total { display: flex !important; justify-content: space-between; align-items: center; margin: 0 0 14px !important; padding: 0 0 14px !important; border-bottom: 1px solid var(--irida-border) !important; color: var(--irida-dark) !important; font-size: 15px; } body .cart-widget-side .woocommerce-mini-cart__total strong { font-size: 15px !important; font-weight: 800 !important; } body .cart-widget-side .woocommerce-mini-cart__total .amount { color: var(--irida-purple) !important; font-size: 20px !important; font-weight: 800 !important; } body .cart-widget-side .woocommerce-mini-cart__buttons { display: grid !important; grid-template-columns: 1fr; gap: 9px; margin: 0 !important; } body .cart-widget-side .woocommerce-mini-cart__buttons .button, body .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart, body .cart-widget-side .woocommerce-mini-cart__buttons .checkout { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 0 16px !important; border-radius: 7px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .35px; text-align: center; } body .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart, body .cart-widget-side .woocommerce-mini-cart__buttons .button:not(.checkout) { color: var(--irida-purple-dark) !important; background: var(--irida-lilac-2) !important; border: 1px solid var(--irida-border-strong) !important; box-shadow: none !important; } body .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover, body .cart-widget-side .woocommerce-mini-cart__buttons .button:not(.checkout):hover { color: #fff !important; background: var(--irida-purple) !important; border-color: var(--irida-purple) !important; } body .cart-widget-side .woocommerce-mini-cart__buttons .checkout { color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; box-shadow: 0 8px 18px rgba(113, 49, 127, .23) !important; } body .cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover { background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple-deep)) !important; transform: translateY(-1px); } /* ============================================================ 9. CART PAGE — ΔΙΣΤΗΛΟ DESKTOP ============================================================ */ body.woocommerce-cart .main-page-wrapper { padding-top: 38px; padding-bottom: 62px; } body.woocommerce-cart .site-content, body.woocommerce-cart .woocommerce { max-width: 1180px; margin-right: auto; margin-left: auto; } body.woocommerce-cart .cart-content-wrapper { display: grid !important; grid-template-columns: minmax(0, 1.65fr) minmax(320px, .78fr); gap: 34px !important; align-items: start; } body.woocommerce-cart .cart-content-wrapper > .woocommerce-cart-form { grid-column: 1; width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; } body.woocommerce-cart .cart-content-wrapper > .cart-totals-section, body.woocommerce-cart .cart-content-wrapper > .cart_totals { grid-column: 2; width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart table.shop_table.cart, body.woocommerce-cart .woocommerce-cart-form__contents { width: 100% !important; overflow: hidden; background: #fff !important; border: 1px solid var(--irida-border) !important; border-radius: var(--irida-radius) !important; border-collapse: separate !important; border-spacing: 0 !important; box-shadow: var(--irida-shadow); } body.woocommerce-cart table.shop_table.cart thead th { padding: 17px 14px !important; color: var(--irida-dark) !important; background: linear-gradient(180deg, #fbf9fc, var(--irida-lilac)) !important; border-bottom: 1px solid var(--irida-border) !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .25px; } body.woocommerce-cart table.shop_table.cart td { padding: 18px 14px !important; vertical-align: middle !important; border-bottom: 1px solid var(--irida-border) !important; } body.woocommerce-cart table.shop_table.cart tr:last-child td { border-bottom: 0 !important; } body.woocommerce-cart td.product-thumbnail img { width: 64px !important; min-width: 64px; height: 76px !important; object-fit: contain; background: #fff; border: 1px solid var(--irida-border); border-radius: 8px; } body.woocommerce-cart td.product-name a { color: var(--irida-dark) !important; font-weight: 700 !important; line-height: 1.45; } body.woocommerce-cart td.product-name a:hover { color: var(--irida-purple) !important; } body.woocommerce-cart td.product-price .amount, body.woocommerce-cart td.product-subtotal .amount { color: var(--irida-purple) !important; font-size: 17px !important; font-weight: 800 !important; } body.woocommerce-cart td.product-remove a, body.woocommerce-cart a.remove { color: #fff !important; background: var(--irida-purple-dark) !important; border-radius: 50% !important; } body.woocommerce-cart td.product-remove a:hover, body.woocommerce-cart a.remove:hover { background: var(--irida-pink) !important; } body.woocommerce-cart .cart-actions, body.woocommerce-cart .row.cart-actions { display: flex !important; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px !important; padding: 16px !important; background: #fff; border: 1px solid var(--irida-border); border-radius: 10px; box-shadow: 0 5px 16px rgba(113, 49, 127, .06); } body.woocommerce-cart .cart-actions .coupon { display: flex !important; align-items: center; gap: 9px; margin: 0 !important; } body.woocommerce-cart .cart-actions .coupon input.input-text, body.woocommerce-cart #coupon_code { width: 210px !important; min-height: 44px !important; margin: 0 !important; padding: 0 13px !important; border: 1px solid var(--irida-border-strong) !important; border-radius: 6px !important; background: #fff !important; } body.woocommerce-cart .cart-actions .button, body.woocommerce-cart .coupon .button, body.woocommerce-cart button[name="update_cart"] { min-height: 44px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 800 !important; } body.woocommerce-cart .coupon .button { color: #fff !important; background: var(--irida-purple) !important; border: 1px solid var(--irida-purple) !important; } body.woocommerce-cart .coupon .button:hover { background: var(--irida-purple-dark) !important; border-color: var(--irida-purple-dark) !important; } body.woocommerce-cart button[name="update_cart"] { color: var(--irida-purple-dark) !important; background: var(--irida-lilac-2) !important; border: 1px solid var(--irida-border-strong) !important; } body.woocommerce-cart button[name="update_cart"]:not(:disabled):hover { color: #fff !important; background: var(--irida-purple) !important; border-color: var(--irida-purple) !important; } body.woocommerce-cart button[name="update_cart"]:disabled { opacity: .55 !important; cursor: not-allowed; } body.woocommerce-cart .cart-totals-inner, body.woocommerce-cart .cart_totals { width: 100% !important; padding: 25px !important; background: linear-gradient(160deg, #fff 0%, var(--irida-lilac) 100%) !important; border: 1px solid var(--irida-border) !important; border-radius: var(--irida-radius) !important; box-shadow: var(--irida-shadow) !important; } body.woocommerce-cart .cart-totals-inner > h2, body.woocommerce-cart .cart_totals > h2 { margin: 0 0 16px !important; padding: 0 0 14px !important; border-bottom: 1px solid var(--irida-border) !important; font-size: 22px !important; text-align: center; } body.woocommerce-cart .cart_totals table, body.woocommerce-cart .cart-totals-inner table { margin-bottom: 18px !important; background: rgba(255,255,255,.72); border-radius: 8px; } body.woocommerce-cart .cart_totals th, body.woocommerce-cart .cart_totals td, body.woocommerce-cart .cart-totals-inner th, body.woocommerce-cart .cart-totals-inner td { padding: 14px 10px !important; border-bottom: 1px solid var(--irida-border) !important; } body.woocommerce-cart .cart_totals tr:last-child th, body.woocommerce-cart .cart_totals tr:last-child td, body.woocommerce-cart .cart-totals-inner tr:last-child th, body.woocommerce-cart .cart-totals-inner tr:last-child td { border-bottom: 0 !important; } body.woocommerce-cart .cart_totals .order-total .amount, body.woocommerce-cart .cart-totals-inner .order-total .amount { color: var(--irida-purple) !important; font-size: 24px !important; font-weight: 800 !important; } body.woocommerce-cart .wc-proceed-to-checkout { margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .wc-proceed-to-checkout .checkout-button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 20px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .35px; box-shadow: 0 9px 20px rgba(113, 49, 127, .24) !important; } body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover { background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple-deep)) !important; transform: translateY(-2px); box-shadow: 0 12px 27px rgba(113, 49, 127, .30) !important; } /* ============================================================ 10. CHECKOUT PAGE ============================================================ */ body.woocommerce-checkout .main-page-wrapper { padding-top: 38px; padding-bottom: 62px; } body.woocommerce-checkout .woocommerce { max-width: 1180px; margin-right: auto; margin-left: auto; } body.woocommerce-checkout .woocommerce-billing-fields, body.woocommerce-checkout .woocommerce-additional-fields, body.woocommerce-checkout #order_review, body.woocommerce-checkout .woocommerce-checkout-review-order { padding: 24px !important; background: #fff !important; border: 1px solid var(--irida-border) !important; border-radius: var(--irida-radius) !important; box-shadow: var(--irida-shadow); } body.woocommerce-checkout .woocommerce-additional-fields { margin-top: 20px; } body.woocommerce-checkout #order_review, body.woocommerce-checkout .woocommerce-checkout-review-order { background: linear-gradient(160deg, #fff, var(--irida-lilac)) !important; } body.woocommerce-checkout .shop_table { background: rgba(255,255,255,.75); border-radius: 8px; } body.woocommerce-checkout .shop_table th, body.woocommerce-checkout .shop_table td { padding: 13px 10px !important; border-bottom: 1px solid var(--irida-border) !important; } body.woocommerce-checkout .order-total .amount { color: var(--irida-purple) !important; font-size: 23px !important; font-weight: 800 !important; } body.woocommerce-checkout #payment { margin-top: 18px; background: #fff !important; border: 1px solid var(--irida-border) !important; border-radius: 9px !important; } body.woocommerce-checkout #place_order { width: 100% !important; min-height: 50px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .35px; box-shadow: 0 9px 20px rgba(113, 49, 127, .24) !important; } body.woocommerce-checkout #place_order:hover { background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple-deep)) !important; transform: translateY(-2px); } /* ============================================================ 11. MY ACCOUNT / LOGIN / REGISTER ============================================================ */ body.woocommerce-account .main-page-wrapper { padding-top: 40px; padding-bottom: 60px; } body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account form.login, body.woocommerce-account form.register, body.woocommerce-account form.woocommerce-form { padding: 23px !important; background: #fff; border: 1px solid var(--irida-border) !important; border-radius: var(--irida-radius) !important; box-shadow: var(--irida-shadow); } body.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; } body.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 11px 13px; color: var(--irida-dark) !important; border-radius: 6px; font-weight: 700; } body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color: #fff !important; background: var(--irida-purple) !important; } /* ============================================================ 12. WOOCOMMERCE MESSAGES ============================================================ */ body .woocommerce-message, body .woocommerce-info, body .woocommerce-error { padding: 16px 20px !important; background: linear-gradient(135deg, #fff, var(--irida-lilac)) !important; border: 1px solid var(--irida-border) !important; border-left: 4px solid var(--irida-purple) !important; border-radius: 8px !important; box-shadow: 0 5px 16px rgba(113, 49, 127, .07); } body .woocommerce-message::before, body .woocommerce-info::before { color: var(--irida-purple) !important; } body .woocommerce-error { border-left-color: var(--irida-pink) !important; } /* ============================================================ 13. FORMS ============================================================ */ body input[type="text"], body input[type="email"], body input[type="tel"], body input[type="password"], body input[type="number"], body input[type="search"], body textarea, body select { border-color: var(--irida-border-strong) !important; border-radius: 6px !important; background-color: #fff; transition: border-color .2s ease, box-shadow .2s ease; } body input[type="text"]:focus, body input[type="email"]:focus, body input[type="tel"]:focus, body input[type="password"]:focus, body input[type="number"]:focus, body input[type="search"]:focus, body textarea:focus, body select:focus { border-color: var(--irida-purple) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(168, 95, 186, .10) !important; } /* ============================================================ 14. HEADER CART NUMBER ============================================================ */ body .shopping-cart > a .basel-cart-number, body .cart-widget-opener .basel-cart-number { color: #fff !important; background: var(--irida-purple) !important; border-radius: 50% !important; } /* ============================================================ 15. TABLET ============================================================ */ @media (max-width: 1024px) { body .product-grid-item .basel-add-btn, body .product-grid-item.basel-hover-base .basel-add-btn { right: 9px !important; bottom: 9px !important; left: 9px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto; } body .product-grid-item .basel-add-btn > a, body .product-grid-item .basel-add-btn > a.button, body .product-grid-item.basel-hover-base .basel-add-btn > a { height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding: 0 10px !important; font-size: 11px !important; line-height: 40px !important; } body.woocommerce-cart .cart-content-wrapper { grid-template-columns: 1fr !important; gap: 26px !important; } body.woocommerce-cart .cart-content-wrapper > .woocommerce-cart-form, body.woocommerce-cart .cart-content-wrapper > .cart-totals-section, body.woocommerce-cart .cart-content-wrapper > .cart_totals { grid-column: 1 !important; } body.woocommerce-cart .cart-totals-inner, body.woocommerce-cart .cart_totals { max-width: 620px !important; margin-right: auto !important; margin-left: auto !important; } } /* ============================================================ 16. MOBILE ============================================================ */ @media (max-width: 767px) { body.woocommerce-cart .page-title, body.woocommerce-checkout .page-title, body.woocommerce-account .page-title { padding: 22px 0 !important; } body .product-grid-item { padding-bottom: 12px !important; border-radius: 9px !important; box-shadow: 0 3px 11px rgba(50, 24, 60, .07); } body .product-grid-item .product-element-top, body .product-grid-item:hover .product-element-top { border-radius: 8px 8px 0 0 !important; } body .product-grid-item .product-title { margin-top: 11px !important; margin-bottom: 6px !important; padding-right: 8px; padding-left: 8px; } body .product-grid-item .product-title, body .product-grid-item .product-title a { font-size: 13px !important; line-height: 1.4 !important; } body .product-grid-item .wrap-price { padding-right: 8px; padding-left: 8px; } body .product-grid-item .price { font-size: 17px !important; } body .product-grid-item .product-labels { top: 7px !important; left: 7px !important; } body .product-grid-item .product-labels .product-label, body .product-grid-item span.onsale, body.single-product span.onsale { min-width: 42px !important; width: 42px !important; min-height: 42px !important; height: 42px !important; padding: 4px !important; font-size: 8px !important; } body .product-grid-item .basel-add-btn, body .product-grid-item.basel-hover-base .basel-add-btn { right: 6px !important; bottom: 6px !important; left: 6px !important; } body .product-grid-item .basel-add-btn > a, body .product-grid-item .basel-add-btn > a.button, body .product-grid-item.basel-hover-base .basel-add-btn > a { height: 36px !important; min-height: 36px !important; max-height: 36px !important; font-size: 9px !important; line-height: 36px !important; border-radius: 5px !important; } body .product-grid-item .basel-add-btn > a::before { margin-right: 5px !important; font-size: 14px !important; } body.single-product .main-page-wrapper { padding-top: 20px; } body.single-product .summary-inner, body.single-product .summary.entry-summary { margin-top: 18px; padding: 18px !important; } body.single-product .product_title, body.single-product .summary .product_title { font-size: 27px !important; } body.single-product .summary .price, body.single-product .summary .price .amount { font-size: 26px !important; } body.single-product form.cart { align-items: stretch; } body.single-product .single_add_to_cart_button { flex: 1 1 190px; min-height: 46px !important; padding-right: 15px !important; padding-left: 15px !important; font-size: 11px !important; } body .cart-widget-side .widget-heading { min-height: 66px; padding: 18px !important; } body .cart-widget-side .woocommerce-mini-cart { padding-right: 16px !important; padding-left: 16px !important; } body .cart-widget-side .shopping-cart-widget-footer { padding: 16px !important; } body.woocommerce-cart .main-page-wrapper, body.woocommerce-checkout .main-page-wrapper, body.woocommerce-account .main-page-wrapper { padding-top: 24px; padding-bottom: 42px; } body.woocommerce-cart .cart-content-wrapper { gap: 20px !important; } body.woocommerce-cart table.shop_table.cart, body.woocommerce-cart .woocommerce-cart-form__contents { box-shadow: 0 5px 18px rgba(113, 49, 127, .08); } body.woocommerce-cart table.shop_table.cart td { padding: 13px 10px !important; } body.woocommerce-cart .cart-actions, body.woocommerce-cart .row.cart-actions { display: block !important; padding: 13px !important; } body.woocommerce-cart .cart-actions .coupon { display: grid !important; grid-template-columns: 1fr !important; gap: 8px; width: 100%; } body.woocommerce-cart .cart-actions .coupon input.input-text, body.woocommerce-cart #coupon_code, body.woocommerce-cart .cart-actions .button, body.woocommerce-cart .coupon .button, body.woocommerce-cart button[name="update_cart"] { width: 100% !important; } body.woocommerce-cart button[name="update_cart"] { margin-top: 10px !important; } body.woocommerce-cart .cart-totals-inner, body.woocommerce-cart .cart_totals, body.woocommerce-checkout .woocommerce-billing-fields, body.woocommerce-checkout .woocommerce-additional-fields, body.woocommerce-checkout #order_review, body.woocommerce-checkout .woocommerce-checkout-review-order { padding: 17px !important; } body.woocommerce-cart .cart-totals-inner > h2, body.woocommerce-cart .cart_totals > h2 { font-size: 20px !important; } body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account form.login, body.woocommerce-account form.register, body.woocommerce-account form.woocommerce-form { padding: 17px !important; } } /* ============================================================ 18. FINAL LILAC COLOR SAFETY OVERRIDES Κρατά όλα τα βασικά CTA στην ίδια ήρεμη lilac παλέτα. ============================================================ */ body .btn.btn-color-primary, body .button.btn-color-primary, body button.btn-color-primary, body input[type="submit"].btn-color-primary, body .added_to_cart.btn-color-primary { background-color: var(--irida-purple) !important; } body .btn.btn-color-primary:hover, body .button.btn-color-primary:hover, body button.btn-color-primary:hover, body input[type="submit"].btn-color-primary:hover, body .added_to_cart.btn-color-primary:hover { background-color: var(--irida-purple-dark) !important; } /* Ορατότητα free-shipping μετά από AJAX refresh του mini cart */ body .cart-widget-side .widget_shopping_cart_content > .basel-free-progress-bar, body .widget_shopping_cart_content > .basel-free-progress-bar, body .woocommerce-cart-form + .basel-free-progress-bar, body .cart-content-wrapper > .basel-free-progress-bar { display: block !important; visibility: visible !important; opacity: 1 !important; } /* ============================================================ 22. ΤΕΛΙΚΟ SAFETY OVERRIDE — ΠΟΣΟ ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΩΝ INLINE ============================================================ */ body .basel-progress-bar.basel-free-progress-bar .progress-msg .woocommerce-Price-amount, body .basel-progress-bar.basel-free-progress-bar .progress-msg .amount, body .widget_shopping_cart .basel-free-progress-bar .progress-msg .woocommerce-Price-amount, body .widget_shopping_cart .basel-free-progress-bar .progress-msg .amount, body.woocommerce-cart .basel-free-progress-bar .progress-msg .woocommerce-Price-amount, body.woocommerce-cart .basel-free-progress-bar .progress-msg .amount, body.woocommerce-checkout .basel-free-progress-bar .progress-msg .woocommerce-Price-amount, body.woocommerce-checkout .basel-free-progress-bar .progress-msg .amount { display: inline !important; float: none !important; position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; white-space: nowrap !important; } body .basel-progress-bar.basel-free-progress-bar .progress-msg .woocommerce-Price-amount bdi, body .basel-progress-bar.basel-free-progress-bar .progress-msg .woocommerce-Price-currencySymbol, body .widget_shopping_cart .basel-free-progress-bar .progress-msg .woocommerce-Price-amount bdi, body .widget_shopping_cart .basel-free-progress-bar .progress-msg .woocommerce-Price-currencySymbol, body.woocommerce-cart .basel-free-progress-bar .progress-msg .woocommerce-Price-amount bdi, body.woocommerce-cart .basel-free-progress-bar .progress-msg .woocommerce-Price-currencySymbol, body.woocommerce-checkout .basel-free-progress-bar .progress-msg .woocommerce-Price-amount bdi, body.woocommerce-checkout .basel-free-progress-bar .progress-msg .woocommerce-Price-currencySymbol { display: inline !important; float: none !important; position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; vertical-align: baseline !important; white-space: nowrap !important; } /* ============================================================ 23. ΑΡΧΙΚΗ — 6 CATEGORY BOXES ΚΑΤΩ ΑΠΟ ΤΟ SLIDER Βάλε την extra class "irida-category-boxes" στη WPBakery row που περιέχει τα έξι boxes. Αν είναι σε δύο rows, βάλε την ίδια class και στις δύο. ============================================================ */ /* Σταθερό spacing χωρίς να επηρεάζονται τα υπόλοιπα banners */ body.home .irida-category-boxes { margin-bottom: 24px !important; } body.home .irida-category-boxes .promo-banner-wrapper { height: 100%; } body.home .irida-category-boxes .promo-banner { position: relative !important; isolation: isolate; overflow: hidden !important; margin-bottom: 18px !important; background: #2f2532 !important; border: 1px solid var(--irida-border) !important; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(92, 54, 101, .12) !important; transform: translateZ(0); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important; } /* Ήπιο lilac overlay για ομοιόμορφη εικόνα */ body.home .irida-category-boxes .promo-banner::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 180deg, rgba(38, 28, 41, .04) 0%, rgba(87, 53, 94, .16) 52%, rgba(72, 42, 79, .34) 100% ); transition: background .28s ease, opacity .28s ease; } /* Αφαιρεί τα ενσωματωμένα πλαίσια των styles 2/3/4 του Basel */ body.home .irida-category-boxes .promo-banner .wrapper-content-baner::before, body.home .irida-category-boxes .promo-banner .wrapper-content-baner::after { display: none !important; content: none !important; } /* Ίδιο ύψος και σωστό crop σε όλες τις εικόνες */ body.home .irida-category-boxes .promo-banner .main-wrapp-img { margin: 0 !important; aspect-ratio: 16 / 9; overflow: hidden !important; background: var(--irida-lilac-2); } body.home .irida-category-boxes .promo-banner .banner-image, body.home .irida-category-boxes .promo-banner .banner-image img, body.home .irida-category-boxes .promo-banner .promo-banner-image { width: 100% !important; height: 100% !important; } body.home .irida-category-boxes .promo-banner .banner-image { opacity: 1 !important; transform: scale(1) !important; transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease !important; } body.home .irida-category-boxes .promo-banner .banner-image img, body.home .irida-category-boxes .promo-banner .promo-banner-image { display: block !important; object-fit: cover !important; object-position: center !important; filter: saturate(.96) contrast(1.02) brightness(.96); } /* Caption τύπου glass-card στο κάτω μέρος */ body.home .irida-category-boxes .promo-banner .wrapper-content-baner { z-index: 3 !important; pointer-events: none; } body.home .irida-category-boxes .promo-banner .banner-inner, body.home .irida-category-boxes .promo-banner.vertical-alignment-middle .banner-inner, body.home .irida-category-boxes .promo-banner.vertical-alignment-bottom .banner-inner, body.home .irida-category-boxes .promo-banner.vertical-alignment-top .banner-inner { top: auto !important; right: 14px !important; bottom: 14px !important; left: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12px 46px 12px 15px !important; color: var(--irida-dark) !important; background: rgba(255, 255, 255, .91) !important; border: 1px solid rgba(255, 255, 255, .80) !important; border-radius: 10px !important; box-shadow: 0 7px 20px rgba(45, 27, 49, .13) !important; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); text-align: left !important; text-shadow: none !important; transform: translateY(0) !important; transition: transform .28s ease, background-color .28s ease, box-shadow .28s ease !important; } /* Lilac κυκλικό βελάκι */ body.home .irida-category-boxes .promo-banner .banner-inner::after { content: "›"; position: absolute; top: 50%; right: 12px; width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; color: var(--irida-white); background: linear-gradient(135deg, var(--irida-purple-2), var(--irida-purple)); border-radius: 50%; box-shadow: 0 4px 11px rgba(139, 62, 156, .22); font-size: 22px; font-weight: 400; line-height: 1; transform: translateY(-50%); transition: transform .25s ease, background .25s ease; } /* Τυπογραφία */ body.home .irida-category-boxes .promo-banner .banner-inner, body.home .irida-category-boxes .promo-banner .banner-inner p, body.home .irida-category-boxes .promo-banner .banner-inner a, body.home .irida-category-boxes .promo-banner .banner-inner span, body.home .irida-category-boxes .promo-banner .banner-inner strong, body.home .irida-category-boxes .promo-banner .banner-inner h1, body.home .irida-category-boxes .promo-banner .banner-inner h2, body.home .irida-category-boxes .promo-banner .banner-inner h3, body.home .irida-category-boxes .promo-banner .banner-inner h4, body.home .irida-category-boxes .promo-banner .banner-inner h5, body.home .irida-category-boxes .promo-banner .banner-inner h6 { color: var(--irida-dark) !important; text-shadow: none !important; } body.home .irida-category-boxes .promo-banner .banner-inner h1, body.home .irida-category-boxes .promo-banner .banner-inner h2, body.home .irida-category-boxes .promo-banner .banner-inner h3, body.home .irida-category-boxes .promo-banner .banner-inner h4, body.home .irida-category-boxes .promo-banner .banner-inner h5, body.home .irida-category-boxes .promo-banner .banner-inner h6 { margin: 0 0 3px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.24 !important; letter-spacing: .15px; } body.home .irida-category-boxes .promo-banner .banner-inner p { margin: 0 !important; color: var(--irida-text) !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.32 !important; } /* Κρύβει τυχόν παλιό button μέσα στο caption ώστε να μη στριμώχνεται */ body.home .irida-category-boxes .promo-banner .banner-inner .btn { display: none !important; } /* Desktop hover */ @media (hover: hover) and (min-width: 1025px) { body.home .irida-category-boxes .promo-banner:hover { border-color: var(--irida-border-strong) !important; box-shadow: 0 16px 34px rgba(91, 52, 102, .20) !important; transform: translateY(-5px) !important; } body.home .irida-category-boxes .promo-banner:hover::before { background: linear-gradient( 180deg, rgba(38, 28, 41, .02) 0%, rgba(126, 78, 139, .14) 46%, rgba(99, 56, 111, .38) 100% ); } body.home .irida-category-boxes .promo-banner:hover .banner-image, body.home .irida-category-boxes .promo-banner.hover-1:hover > .main-wrapp-img .banner-image, body.home .irida-category-boxes .promo-banner.hover-2:hover > .main-wrapp-img .banner-image, body.home .irida-category-boxes .promo-banner.hover-3:hover .banner-image { opacity: 1 !important; transform: scale(1.065) !important; } body.home .irida-category-boxes .promo-banner:hover .banner-image img, body.home .irida-category-boxes .promo-banner:hover .promo-banner-image { filter: saturate(1) contrast(1.03) brightness(.92); } body.home .irida-category-boxes .promo-banner:hover .banner-inner { background: rgba(255, 255, 255, .96) !important; box-shadow: 0 10px 24px rgba(45, 27, 49, .18) !important; transform: translateY(-2px) !important; } body.home .irida-category-boxes .promo-banner:hover .banner-inner::after { background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)); transform: translate(2px, -50%); } } /* Tablet / mobile */ @media (max-width: 1024px) { body.home .irida-category-boxes .promo-banner { margin-bottom: 15px !important; border-radius: 12px !important; } body.home .irida-category-boxes .promo-banner .banner-inner, body.home .irida-category-boxes .promo-banner.vertical-alignment-middle .banner-inner, body.home .irida-category-boxes .promo-banner.vertical-alignment-bottom .banner-inner, body.home .irida-category-boxes .promo-banner.vertical-alignment-top .banner-inner { right: 10px !important; bottom: 10px !important; left: 10px !important; padding: 10px 41px 10px 12px !important; border-radius: 9px !important; } body.home .irida-category-boxes .promo-banner .banner-inner h1, body.home .irida-category-boxes .promo-banner .banner-inner h2, body.home .irida-category-boxes .promo-banner .banner-inner h3, body.home .irida-category-boxes .promo-banner .banner-inner h4, body.home .irida-category-boxes .promo-banner .banner-inner h5, body.home .irida-category-boxes .promo-banner .banner-inner h6 { font-size: 14px !important; } body.home .irida-category-boxes .promo-banner .banner-inner p { font-size: 11px !important; } body.home .irida-category-boxes .promo-banner .banner-inner::after { right: 10px; width: 25px; height: 25px; font-size: 20px; } } @media (max-width: 480px) { body.home .irida-category-boxes .promo-banner .main-wrapp-img { aspect-ratio: 16 / 9.25; } body.home .irida-category-boxes .promo-banner .banner-inner h1, body.home .irida-category-boxes .promo-banner .banner-inner h2, body.home .irida-category-boxes .promo-banner .banner-inner h3, body.home .irida-category-boxes .promo-banner .banner-inner h4, body.home .irida-category-boxes .promo-banner .banner-inner h5, body.home .irida-category-boxes .promo-banner .banner-inner h6 { font-size: 13px !important; } body.home .irida-category-boxes .promo-banner .banner-inner p { display: none !important; } } @media (prefers-reduced-motion: reduce) { body.home .irida-category-boxes .promo-banner, body.home .irida-category-boxes .promo-banner .banner-image, body.home .irida-category-boxes .promo-banner .banner-inner, body.home .irida-category-boxes .promo-banner .banner-inner::after { transition: none !important; } } /* ============================================================ 24. FIX — Η CLASS ΜΠΑΙΝΕΙ ΣΤΟ ΙΔΙΟ ΤΟ PROMO BANNER WPBakery/Basel: το Extra class name προστίθεται στο .promo-banner και όχι σε εξωτερικό wrapper. ============================================================ */ body.home .promo-banner.irida-category-boxes { position: relative !important; isolation: isolate; overflow: hidden !important; margin-bottom: 18px !important; background: #2f2532 !important; border: 1px solid var(--irida-border) !important; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(92, 54, 101, .12) !important; transform: translateZ(0); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important; } body.home .promo-banner.irida-category-boxes::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 180deg, rgba(38, 28, 41, .04) 0%, rgba(87, 53, 94, .16) 52%, rgba(72, 42, 79, .34) 100% ); transition: background .28s ease, opacity .28s ease; } body.home .promo-banner.irida-category-boxes .wrapper-content-baner::before, body.home .promo-banner.irida-category-boxes .wrapper-content-baner::after { display: none !important; content: none !important; } body.home .promo-banner.irida-category-boxes .main-wrapp-img { margin: 0 !important; aspect-ratio: 16 / 9; overflow: hidden !important; background: var(--irida-lilac-2); } body.home .promo-banner.irida-category-boxes .banner-image, body.home .promo-banner.irida-category-boxes .banner-image img, body.home .promo-banner.irida-category-boxes .promo-banner-image { width: 100% !important; height: 100% !important; } body.home .promo-banner.irida-category-boxes .banner-image { opacity: 1 !important; transform: scale(1) !important; transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease !important; } body.home .promo-banner.irida-category-boxes .banner-image img, body.home .promo-banner.irida-category-boxes .promo-banner-image { display: block !important; object-fit: cover !important; object-position: center !important; filter: saturate(.96) contrast(1.02) brightness(.96); } body.home .promo-banner.irida-category-boxes .wrapper-content-baner { z-index: 3 !important; pointer-events: none; } body.home .promo-banner.irida-category-boxes .banner-inner, body.home .promo-banner.irida-category-boxes.vertical-alignment-middle .banner-inner, body.home .promo-banner.irida-category-boxes.vertical-alignment-bottom .banner-inner, body.home .promo-banner.irida-category-boxes.vertical-alignment-top .banner-inner { top: auto !important; right: 14px !important; bottom: 14px !important; left: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12px 46px 12px 15px !important; color: var(--irida-dark) !important; background: rgba(255, 255, 255, .91) !important; border: 1px solid rgba(255, 255, 255, .80) !important; border-radius: 10px !important; box-shadow: 0 7px 20px rgba(45, 27, 49, .13) !important; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); text-align: left !important; text-shadow: none !important; transform: translateY(0) !important; transition: transform .28s ease, background-color .28s ease, box-shadow .28s ease !important; } body.home .promo-banner.irida-category-boxes .banner-inner::after { content: "›"; position: absolute; top: 50%; right: 12px; width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; color: var(--irida-white); background: linear-gradient(135deg, var(--irida-purple-2), var(--irida-purple)); border-radius: 50%; box-shadow: 0 4px 11px rgba(139, 62, 156, .22); font-size: 22px; font-weight: 400; line-height: 1; transform: translateY(-50%); transition: transform .25s ease, background .25s ease; } body.home .promo-banner.irida-category-boxes .banner-inner, body.home .promo-banner.irida-category-boxes .banner-inner p, body.home .promo-banner.irida-category-boxes .banner-inner a, body.home .promo-banner.irida-category-boxes .banner-inner span, body.home .promo-banner.irida-category-boxes .banner-inner strong, body.home .promo-banner.irida-category-boxes .banner-inner h1, body.home .promo-banner.irida-category-boxes .banner-inner h2, body.home .promo-banner.irida-category-boxes .banner-inner h3, body.home .promo-banner.irida-category-boxes .banner-inner h4, body.home .promo-banner.irida-category-boxes .banner-inner h5, body.home .promo-banner.irida-category-boxes .banner-inner h6 { color: var(--irida-dark) !important; text-shadow: none !important; } body.home .promo-banner.irida-category-boxes .banner-inner h1, body.home .promo-banner.irida-category-boxes .banner-inner h2, body.home .promo-banner.irida-category-boxes .banner-inner h3, body.home .promo-banner.irida-category-boxes .banner-inner h4, body.home .promo-banner.irida-category-boxes .banner-inner h5, body.home .promo-banner.irida-category-boxes .banner-inner h6 { margin: 0 0 3px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.24 !important; letter-spacing: .15px; } body.home .promo-banner.irida-category-boxes .banner-inner p { margin: 0 !important; color: var(--irida-text) !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.32 !important; } body.home .promo-banner.irida-category-boxes .banner-inner .btn { display: none !important; } @media (hover: hover) and (min-width: 1025px) { body.home .promo-banner.irida-category-boxes:hover { border-color: var(--irida-border-strong) !important; box-shadow: 0 16px 34px rgba(91, 52, 102, .20) !important; transform: translateY(-5px) !important; } body.home .promo-banner.irida-category-boxes:hover::before { background: linear-gradient( 180deg, rgba(38, 28, 41, .02) 0%, rgba(126, 78, 139, .14) 46%, rgba(99, 56, 111, .38) 100% ); } body.home .promo-banner.irida-category-boxes:hover .banner-image, body.home .promo-banner.irida-category-boxes.hover-1:hover > .main-wrapp-img .banner-image, body.home .promo-banner.irida-category-boxes.hover-2:hover > .main-wrapp-img .banner-image, body.home .promo-banner.irida-category-boxes.hover-3:hover .banner-image { opacity: 1 !important; transform: scale(1.065) !important; } body.home .promo-banner.irida-category-boxes:hover .banner-image img, body.home .promo-banner.irida-category-boxes:hover .promo-banner-image { filter: saturate(1) contrast(1.03) brightness(.92); } body.home .promo-banner.irida-category-boxes:hover .banner-inner { background: rgba(255, 255, 255, .96) !important; box-shadow: 0 10px 24px rgba(45, 27, 49, .18) !important; transform: translateY(-2px) !important; } body.home .promo-banner.irida-category-boxes:hover .banner-inner::after { background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)); transform: translate(2px, -50%); } } @media (max-width: 1024px) { body.home .promo-banner.irida-category-boxes { margin-bottom: 15px !important; border-radius: 12px !important; } body.home .promo-banner.irida-category-boxes .banner-inner, body.home .promo-banner.irida-category-boxes.vertical-alignment-middle .banner-inner, body.home .promo-banner.irida-category-boxes.vertical-alignment-bottom .banner-inner, body.home .promo-banner.irida-category-boxes.vertical-alignment-top .banner-inner { right: 10px !important; bottom: 10px !important; left: 10px !important; padding: 10px 41px 10px 12px !important; border-radius: 9px !important; } body.home .promo-banner.irida-category-boxes .banner-inner h1, body.home .promo-banner.irida-category-boxes .banner-inner h2, body.home .promo-banner.irida-category-boxes .banner-inner h3, body.home .promo-banner.irida-category-boxes .banner-inner h4, body.home .promo-banner.irida-category-boxes .banner-inner h5, body.home .promo-banner.irida-category-boxes .banner-inner h6 { font-size: 14px !important; } body.home .promo-banner.irida-category-boxes .banner-inner p { font-size: 11px !important; } body.home .promo-banner.irida-category-boxes .banner-inner::after { right: 10px; width: 25px; height: 25px; font-size: 20px; } } @media (max-width: 480px) { body.home .promo-banner.irida-category-boxes .main-wrapp-img { aspect-ratio: 16 / 9.25; } body.home .promo-banner.irida-category-boxes .banner-inner h1, body.home .promo-banner.irida-category-boxes .banner-inner h2, body.home .promo-banner.irida-category-boxes .banner-inner h3, body.home .promo-banner.irida-category-boxes .banner-inner h4, body.home .promo-banner.irida-category-boxes .banner-inner h5, body.home .promo-banner.irida-category-boxes .banner-inner h6 { font-size: 13px !important; } body.home .promo-banner.irida-category-boxes .banner-inner p { display: none !important; } } @media (prefers-reduced-motion: reduce) { body.home .promo-banner.irida-category-boxes, body.home .promo-banner.irida-category-boxes .banner-image, body.home .promo-banner.irida-category-boxes .banner-inner, body.home .promo-banner.irida-category-boxes .banner-inner::after { transition: none !important; } } /* ============================================================ 25. IRIDA — ΤΡΙΑ ΜΕΓΑΛΑ HOME BOXES ΟΡΙΣΤΙΚΗ ΛΥΣΗ Βάλε στο Extra class name ΚΑΘΕ Promo Banner: irida-large-home-banner ============================================================ */ /* * Το Promo Banner του Basel προσθέτει την extra class * απευθείας στο .promo-banner. Με το :has() εντοπίζουμε * αυτόματα ολόκληρη τη στήλη που το περιέχει. */ /* Η σειρά που περιέχει τα τρία banners γίνεται ισοϋψής. */ body.home .vc_row:has(.promo-banner.irida-large-home-banner) { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } /* Οι τρεις WPBakery στήλες λειτουργούν ως ισοϋψείς κάρτες. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner), body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) { display: flex !important; align-items: stretch !important; margin-bottom: 28px !important; } /* Εξωτερικό σώμα της κάρτας. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner) > .vc_column-inner, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) > .vc_column-inner { position: relative !important; display: flex !important; width: 100% !important; min-height: 100% !important; padding: 0 !important; overflow: hidden !important; background: linear-gradient( 180deg, #ffffff 0%, #ffffff 68%, #fbf7fc 100% ) !important; border: 1px solid #eadcef !important; border-radius: 17px !important; box-shadow: 0 9px 28px rgba(91, 52, 102, .11) !important; transform: translateY(0); transition: transform .30s cubic-bezier(.2, .7, .2, 1), border-color .30s ease, box-shadow .30s ease !important; } /* Λεπτή lilac γραμμή στην κορυφή. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner) > .vc_column-inner::before, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) > .vc_column-inner::before { content: ""; position: absolute; z-index: 8; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient( 90deg, #c38ed5 0%, #ad6fc1 50%, #c38ed5 100% ); } /* Εσωτερικό περιεχόμενο της κάρτας. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner) > .vc_column-inner > .wpb_wrapper, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) > .vc_column-inner > .wpb_wrapper { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; min-height: 100% !important; padding: 29px 21px 21px !important; } /* Τίτλοι ΚΕΡΙΑ / ΑΡΩΜΑΤΙΚΑ ΧΩΡΟΥ / BATH BOMBS. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h1, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h2, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h3, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h4, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h1, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h2, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h3, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h4 { position: relative !important; margin: 0 0 14px !important; padding-bottom: 13px !important; color: #332c35 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .4px !important; text-align: center !important; text-transform: uppercase !important; } /* Lilac διακοσμητική γραμμή κάτω από τον τίτλο. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h1::after, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h2::after, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h3::after, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h4::after, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h1::after, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h2::after, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h3::after, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h4::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 50px; height: 3px; background: linear-gradient( 90deg, rgba(195, 142, 213, .28), #ad6fc1, rgba(195, 142, 213, .28) ); border-radius: 999px; transform: translateX(-50%); } /* Υπότιτλοι. */ body.home .wpb_column:has(.promo-banner.irida-large-home-banner) .wpb_text_column, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) .wpb_text_column { margin-bottom: 18px !important; } body.home .wpb_column:has(.promo-banner.irida-large-home-banner) .wpb_text_column p, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) .wpb_text_column p { margin: 0 !important; color: #706674 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.55 !important; letter-spacing: .05px; text-align: center !important; } /* Wrapper του Promo Banner. */ body.home .promo-banner-wrapper:has(.promo-banner.irida-large-home-banner) { width: 100% !important; margin-top: auto !important; } /* Το ίδιο το μεγάλο banner. */ body.home .promo-banner.irida-large-home-banner { position: relative !important; isolation: isolate; width: 100% !important; margin: 0 !important; overflow: hidden !important; background: #f4ebf7 !important; border: 1px solid #dfcbe6 !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(86, 50, 96, .13) !important; transform: translateZ(0); } /* Κρύβει τα διακοσμητικά borders κάποιων Basel banner styles. */ body.home .promo-banner.irida-large-home-banner .wrapper-content-baner::before, body.home .promo-banner.irida-large-home-banner .wrapper-content-baner::after { display: none !important; content: none !important; } /* Περιοχή εικόνας. */ body.home .promo-banner.irida-large-home-banner .main-wrapp-img { position: relative !important; width: 100% !important; aspect-ratio: 4 / 5 !important; margin: 0 !important; overflow: hidden !important; background: #f4ebf7 !important; } /* Lilac gradient πάνω στην εικόνα. */ body.home .promo-banner.irida-large-home-banner .main-wrapp-img::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(45, 31, 49, 0) 47%, rgba(88, 50, 98, .08) 66%, rgba(75, 42, 84, .58) 100% ); transition: background .30s ease !important; } /* Reset των image wrappers του Basel/WPBakery. */ body.home .promo-banner.irida-large-home-banner .banner-image, body.home .promo-banner.irida-large-home-banner .banner-image > div, body.home .promo-banner.irida-large-home-banner .banner-image .vc_single_image-wrapper { width: 100% !important; height: 100% !important; margin: 0 !important; } /* Εικόνα με σωστό crop. */ body.home .promo-banner.irida-large-home-banner .banner-image { opacity: 1 !important; transform: scale(1) !important; transition: transform .55s cubic-bezier(.2, .7, .2, 1), filter .35s ease !important; } body.home .promo-banner.irida-large-home-banner .banner-image img, body.home .promo-banner.irida-large-home-banner img.promo-banner-image { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; } /* Content overlay. */ body.home .promo-banner.irida-large-home-banner .wrapper-content-baner { position: absolute !important; z-index: 4 !important; inset: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none !important; } /* Το κουμπί τοποθετείται χαμηλά στην εικόνα. */ body.home .promo-banner.irida-large-home-banner .banner-inner, body.home .promo-banner.irida-large-home-banner.vertical-alignment-top .banner-inner, body.home .promo-banner.irida-large-home-banner.vertical-alignment-middle .banner-inner, body.home .promo-banner.irida-large-home-banner.vertical-alignment-bottom .banner-inner { position: absolute !important; top: auto !important; right: 14px !important; bottom: 14px !important; left: 14px !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: center !important; transform: none !important; pointer-events: none !important; } body.home .promo-banner.irida-large-home-banner .banner-inner p { margin: 0 !important; } /* Κουμπί μέσα στο banner. */ body.home .promo-banner.irida-large-home-banner .banner-inner a, body.home .promo-banner.irida-large-home-banner .banner-inner .btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 39px !important; margin: 0 !important; padding: 0 17px !important; color: #744485 !important; background: rgba(255, 255, 255, .95) !important; border: 1px solid rgba(255, 255, 255, .90) !important; border-radius: 999px !important; box-shadow: 0 7px 19px rgba(42, 24, 47, .21) !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .48px !important; text-align: center !important; text-transform: uppercase !important; pointer-events: auto !important; transition: color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease !important; } body.home .promo-banner.irida-large-home-banner .banner-inner a::after, body.home .promo-banner.irida-large-home-banner .banner-inner .btn::after { content: "›"; margin-left: 8px; font-size: 19px; font-weight: 400; line-height: .8; } /* Desktop hover. */ @media (hover: hover) and (min-width: 1025px) { body.home .wpb_column:has(.promo-banner.irida-large-home-banner):hover > .vc_column-inner, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner):hover > .vc_column-inner { border-color: #d8bde1 !important; box-shadow: 0 19px 44px rgba(91, 52, 102, .18) !important; transform: translateY(-7px) !important; } body.home .promo-banner.irida-large-home-banner:hover .banner-image { transform: scale(1.055) !important; filter: saturate(1.035) contrast(1.025) !important; } body.home .promo-banner.irida-large-home-banner:hover .main-wrapp-img::after { background: linear-gradient( 180deg, rgba(45, 31, 49, 0) 41%, rgba(88, 50, 98, .10) 61%, rgba(75, 42, 84, .69) 100% ); } body.home .promo-banner.irida-large-home-banner .banner-inner a:hover, body.home .promo-banner.irida-large-home-banner .banner-inner .btn:hover { color: #ffffff !important; background: #ad6fc1 !important; box-shadow: 0 9px 24px rgba(78, 42, 88, .29) !important; transform: translateY(-2px) !important; } } /* Tablet. */ @media (max-width: 1024px) { body.home .wpb_column:has(.promo-banner.irida-large-home-banner) > .vc_column-inner > .wpb_wrapper, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) > .vc_column-inner > .wpb_wrapper { padding: 25px 17px 17px !important; } } /* Mobile. */ @media (max-width: 767px) { body.home .vc_row:has(.promo-banner.irida-large-home-banner) { display: block !important; margin-right: 0 !important; margin-left: 0 !important; } body.home .wpb_column:has(.promo-banner.irida-large-home-banner), body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) { display: block !important; width: 100% !important; margin-bottom: 22px !important; } body.home .wpb_column:has(.promo-banner.irida-large-home-banner) > .vc_column-inner, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) > .vc_column-inner { border-radius: 15px !important; } body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h1, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h2, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h3, body.home .wpb_column:has(.promo-banner.irida-large-home-banner) h4, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h1, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h2, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h3, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) h4 { font-size: 20px !important; } body.home .promo-banner.irida-large-home-banner .main-wrapp-img { aspect-ratio: 4 / 4.7 !important; } body.home .promo-banner.irida-large-home-banner .banner-inner, body.home .promo-banner.irida-large-home-banner.vertical-alignment-top .banner-inner, body.home .promo-banner.irida-large-home-banner.vertical-alignment-middle .banner-inner, body.home .promo-banner.irida-large-home-banner.vertical-alignment-bottom .banner-inner { right: 12px !important; bottom: 12px !important; left: 12px !important; } body.home .promo-banner.irida-large-home-banner .banner-inner a, body.home .promo-banner.irida-large-home-banner .banner-inner .btn { min-height: 37px !important; padding: 0 15px !important; font-size: 10px !important; } } /* Μείωση animation για χρήστες που το έχουν επιλέξει. */ @media (prefers-reduced-motion: reduce) { body.home .wpb_column:has(.promo-banner.irida-large-home-banner) > .vc_column-inner, body.home .vc_column_container:has(.promo-banner.irida-large-home-banner) > .vc_column-inner, body.home .promo-banner.irida-large-home-banner .banner-image, body.home .promo-banner.irida-large-home-banner .main-wrapp-img::after, body.home .promo-banner.irida-large-home-banner .banner-inner a, body.home .promo-banner.irida-large-home-banner .banner-inner .btn { transition: none !important; } } /* ============================================================ 26. IRIDA — CONTACT / ABOUT SECTION Βάλε στην ΕΞΩΤΕΡΙΚΗ WPBakery row: irida-contact-section ============================================================ */ body.home .irida-contact-section { position: relative !important; display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; margin-top: 18px !important; margin-bottom: 38px !important; } /* Οι δύο βασικές στήλες αποκτούν ίσο ύψος. */ body.home .irida-contact-section > .wpb_column, body.home .irida-contact-section > .vc_column_container { display: flex !important; align-items: stretch !important; } /* Τα δύο κύρια cards. */ body.home .irida-contact-section > .wpb_column > .vc_column-inner, body.home .irida-contact-section > .vc_column_container > .vc_column-inner { position: relative !important; display: flex !important; width: 100% !important; min-height: 100% !important; padding: 0 !important; overflow: hidden !important; background: linear-gradient( 180deg, #ffffff 0%, #ffffff 78%, #fcf8fd 100% ) !important; border: 1px solid #eadcef !important; border-radius: 18px !important; box-shadow: 0 11px 32px rgba(91, 52, 102, .11) !important; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important; } /* Lilac γραμμή στην κορυφή κάθε card. */ body.home .irida-contact-section > .wpb_column > .vc_column-inner::before, body.home .irida-contact-section > .vc_column_container > .vc_column-inner::before { content: ""; position: absolute; z-index: 6; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient( 90deg, #c38ed5 0%, #ae70c1 50%, #c38ed5 100% ); } /* Εσωτερικό padding. */ body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; min-height: 100% !important; padding: 31px 28px 28px !important; } /* Τίτλοι ενότητας. */ body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h1, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h3, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h4, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h1, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h3, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h4 { position: relative !important; margin: 0 0 14px !important; padding-bottom: 14px !important; color: #332c35 !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.22 !important; letter-spacing: .35px !important; text-transform: uppercase !important; } /* Lilac underline κάτω από τον τίτλο. */ body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h1::after, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2::after, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h3::after, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h4::after, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h1::after, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2::after, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h3::after, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h4::after { content: ""; position: absolute; bottom: 0; left: 0; width: 58px; height: 3px; background: linear-gradient( 90deg, #ad6fc1, rgba(195, 142, 213, .30) ); border-radius: 999px; } /* Περιγραφικά κείμενα. */ body.home .irida-contact-section .wpb_text_column { margin-bottom: 21px !important; } body.home .irida-contact-section .wpb_text_column p { color: #625966 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.72 !important; } /* ============================================================ CONTACT FORM 7 ============================================================ */ body.home .irida-contact-section .wpcf7 { width: 100% !important; } body.home .irida-contact-section .wpcf7 form { margin: 0 !important; } body.home .irida-contact-section .wpcf7 p { margin: 0 0 15px !important; } body.home .irida-contact-section .wpcf7 label { display: block !important; margin-bottom: 7px !important; color: #413744 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.35 !important; } /* Όλα τα πεδία εκτός submit. */ body.home .irida-contact-section .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), body.home .irida-contact-section .wpcf7 textarea, body.home .irida-contact-section .wpcf7 select { width: 100% !important; min-height: 46px !important; padding: 11px 14px !important; color: #3f3742 !important; background: #ffffff !important; border: 1px solid #e3d5e8 !important; border-radius: 8px !important; box-shadow: inset 0 1px 2px rgba(60, 39, 65, .025) !important; font-size: 13px !important; transition: border-color .20s ease, box-shadow .20s ease, background .20s ease !important; } body.home .irida-contact-section .wpcf7 textarea { min-height: 125px !important; resize: vertical !important; } body.home .irida-contact-section .wpcf7 input:not([type="submit"]):focus, body.home .irida-contact-section .wpcf7 textarea:focus, body.home .irida-contact-section .wpcf7 select:focus { background: #fff !important; border-color: #bd8dcc !important; outline: none !important; box-shadow: 0 0 0 4px rgba(183, 123, 200, .13) !important; } /* Placeholder. */ body.home .irida-contact-section .wpcf7 ::placeholder { color: #9e94a1 !important; opacity: 1 !important; } /* Submit button. */ body.home .irida-contact-section .wpcf7 input[type="submit"], body.home .irida-contact-section .wpcf7 button[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 175px !important; min-height: 46px !important; margin-top: 3px !important; padding: 0 23px !important; color: #ffffff !important; background: linear-gradient( 135deg, #b879c9 0%, #9e5bb2 100% ) !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 8px 20px rgba(126, 70, 142, .24) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .42px !important; text-transform: uppercase !important; transition: transform .20s ease, box-shadow .20s ease, background .20s ease !important; } body.home .irida-contact-section .wpcf7 input[type="submit"]:hover, body.home .irida-contact-section .wpcf7 button[type="submit"]:hover { background: linear-gradient( 135deg, #a866ba 0%, #8f4ba4 100% ) !important; box-shadow: 0 11px 25px rgba(112, 58, 128, .30) !important; transform: translateY(-2px) !important; } /* CF7 μηνύματα. */ body.home .irida-contact-section .wpcf7 form .wpcf7-response-output { margin: 16px 0 0 !important; padding: 11px 14px !important; background: #fbf7fc !important; border: 1px solid #e2d3e7 !important; border-left: 4px solid #ad6fc1 !important; border-radius: 7px !important; color: #554a58 !important; font-size: 12px !important; } /* ============================================================ FOLLOW US / SOCIAL ICONS ============================================================ */ body.home .irida-contact-section .vc_separator { margin-top: auto !important; margin-bottom: 18px !important; } body.home .irida-contact-section .vc_separator h4 { color: #655a68 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .35px !important; text-transform: uppercase !important; } body.home .irida-contact-section .vc_separator .vc_sep_line { border-color: #e4d8e8 !important; } /* Basel/social icon variations. */ body.home .irida-contact-section .social-icons, body.home .irida-contact-section .basel-social-icons, body.home .irida-contact-section .social-buttons { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; } body.home .irida-contact-section .social-icons a, body.home .irida-contact-section .basel-social-icons a, body.home .irida-contact-section .social-buttons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 39px !important; min-width: 39px !important; height: 39px !important; margin: 0 !important; color: #9d59b0 !important; background: #f8f1fa !important; border: 1px solid #e2d2e7 !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(91, 52, 102, .08) !important; transition: color .20s ease, background .20s ease, border-color .20s ease, transform .20s ease, box-shadow .20s ease !important; } body.home .irida-contact-section .social-icons a:hover, body.home .irida-contact-section .basel-social-icons a:hover, body.home .irida-contact-section .social-buttons a:hover { color: #ffffff !important; background: #ad6fc1 !important; border-color: #ad6fc1 !important; box-shadow: 0 7px 17px rgba(104, 57, 117, .23) !important; transform: translateY(-2px) !important; } /* ============================================================ MAP ============================================================ */ body.home .irida-contact-section iframe { display: block !important; width: 100% !important; min-height: 385px !important; margin: 2px 0 22px !important; border: 1px solid #dfd0e4 !important; border-radius: 13px !important; box-shadow: 0 8px 23px rgba(72, 45, 79, .11) !important; } /* Wrapper για responsive embeds. */ body.home .irida-contact-section .wpb_gmaps_widget, body.home .irida-contact-section .wpb_map_wraper { margin-bottom: 22px !important; overflow: hidden !important; border-radius: 13px !important; } body.home .irida-contact-section .wpb_map_wraper iframe { margin: 0 !important; } /* ============================================================ ΔΥΟ ΜΙΚΡΑ INFO CARDS ΚΑΤΩ ΑΠΟ ΤΟΝ ΧΑΡΤΗ ============================================================ */ /* Η τελευταία εσωτερική row της δεξιάς κύριας στήλης. */ body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; margin-top: 0 !important; } /* Τα δύο cards. */ body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child > .wpb_column, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child > .wpb_column, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child > .wpb_column, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child > .wpb_column { display: flex !important; align-items: stretch !important; } body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child > .wpb_column > .vc_column-inner, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child > .wpb_column > .vc_column-inner, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child > .wpb_column > .vc_column-inner, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child > .wpb_column > .vc_column-inner { position: relative !important; display: flex !important; width: 100% !important; min-height: 100% !important; padding: 0 !important; background: linear-gradient( 145deg, #fbf6fc 0%, #f5ebf8 100% ) !important; border: 1px solid #e0cfe5 !important; border-radius: 12px !important; box-shadow: 0 6px 17px rgba(91, 52, 102, .09) !important; } body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child > .wpb_column > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child > .wpb_column > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child > .wpb_column > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex !important; flex: 1 1 auto !important; align-items: center !important; width: 100% !important; padding: 18px 19px !important; } /* Κείμενα info cards. */ body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child .wpb_text_column, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child .wpb_text_column, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child .wpb_text_column, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child .wpb_text_column { width: 100% !important; margin: 0 !important; } body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child .wpb_text_column p, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child .wpb_text_column p, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child .wpb_text_column p, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child .wpb_text_column p { margin: 0 !important; color: #504754 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.65 !important; } /* Links τηλεφώνου/email. */ body.home .irida-contact-section a[href^="tel:"], body.home .irida-contact-section a[href^="mailto:"] { color: #9855ab !important; font-weight: 700 !important; } body.home .irida-contact-section a[href^="tel:"]:hover, body.home .irida-contact-section a[href^="mailto:"]:hover { color: #7f4092 !important; } /* Desktop hover των δύο κύριων cards. */ @media (hover: hover) and (min-width: 1025px) { body.home .irida-contact-section > .wpb_column:hover > .vc_column-inner, body.home .irida-contact-section > .vc_column_container:hover > .vc_column-inner { border-color: #d7bce0 !important; box-shadow: 0 17px 42px rgba(91, 52, 102, .16) !important; transform: translateY(-4px) !important; } } /* ============================================================ TABLET ============================================================ */ @media (max-width: 1024px) { body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 27px 22px 22px !important; } body.home .irida-contact-section iframe { min-height: 345px !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { body.home .irida-contact-section { display: block !important; margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 27px !important; } body.home .irida-contact-section > .wpb_column, body.home .irida-contact-section > .vc_column_container { display: block !important; width: 100% !important; margin-bottom: 22px !important; } body.home .irida-contact-section > .wpb_column > .vc_column-inner, body.home .irida-contact-section > .vc_column_container > .vc_column-inner { border-radius: 15px !important; } body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper { padding: 25px 17px 18px !important; } body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h1, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h3, body.home .irida-contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h4, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h1, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h3, body.home .irida-contact-section > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h4 { font-size: 21px !important; } body.home .irida-contact-section iframe { min-height: 280px !important; margin-bottom: 17px !important; } body.home .irida-contact-section .wpcf7 input[type="submit"], body.home .irida-contact-section .wpcf7 button[type="submit"] { width: 100% !important; } /* Τα δύο info cards στοιβάζονται στο κινητό. */ body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child { display: block !important; margin-right: 0 !important; margin-left: 0 !important; } body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_inner:last-child > .wpb_column, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_inner:last-child > .wpb_column, body.home .irida-contact-section > .wpb_column:nth-child(2) .vc_row:last-child > .wpb_column, body.home .irida-contact-section > .vc_column_container:nth-child(2) .vc_row:last-child > .wpb_column { display: block !important; width: 100% !important; margin-bottom: 12px !important; padding-right: 0 !important; padding-left: 0 !important; } } /* Μειωμένα animations. */ @media (prefers-reduced-motion: reduce) { body.home .irida-contact-section > .wpb_column > .vc_column-inner, body.home .irida-contact-section > .vc_column_container > .vc_column-inner, body.home .irida-contact-section .wpcf7 input[type="submit"], body.home .irida-contact-section .wpcf7 button[type="submit"], body.home .irida-contact-section .social-icons a, body.home .irida-contact-section .basel-social-icons a, body.home .irida-contact-section .social-buttons a { transition: none !important; } } /* ============================================================ 27. IRIDA — 4 ΣΩΣΤΑ ΔΟΜΗΜΕΝΑ INFO CARDS Inner row class: irida-info-cards-row Each column class: irida-info-card ============================================================ */ /* * Η συγκεκριμένη row αντικαθιστά οριστικά την παλιά διάταξη * των δύο Text Blocks. Στο WPBakery πρέπει να έχει 4 στήλες 1/4. */ body.home .irida-contact-section .irida-info-cards-row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 11px !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Reset στα widths και floats του WPBakery. */ body.home .irida-contact-section .irida-info-cards-row > .wpb_column, body.home .irida-contact-section .irida-info-cards-row > .vc_column_container, body.home .irida-contact-section .irida-info-cards-row > .irida-info-card { float: none !important; display: flex !important; align-items: stretch !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Το σώμα κάθε κάρτας. */ body.home .irida-contact-section .irida-info-card > .vc_column-inner, body.home .irida-contact-section .vc_column-inner.irida-info-card { position: relative !important; display: flex !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 142px !important; padding: 0 !important; overflow: hidden !important; background: linear-gradient( 145deg, #ffffff 0%, #fbf6fc 58%, #f4e9f7 100% ) !important; border: 1px solid #dfcde5 !important; border-radius: 14px !important; box-shadow: 0 7px 19px rgba(91, 52, 102, .10) !important; box-sizing: border-box !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } /* Lilac λεπτομέρεια στην κορυφή. */ body.home .irida-contact-section .irida-info-card > .vc_column-inner::before, body.home .irida-contact-section .vc_column-inner.irida-info-card::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient( 90deg, #c38ed5 0%, #a964bb 50%, #c38ed5 100% ); } /* Εσωτερική διάταξη. */ body.home .irida-contact-section .irida-info-card > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section .vc_column-inner.irida-info-card > .wpb_wrapper { position: relative !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 17px 10px 15px !important; overflow: hidden !important; text-align: center !important; box-sizing: border-box !important; } /* Κυκλικό εικονίδιο. */ body.home .irida-contact-section .irida-info-card > .vc_column-inner > .wpb_wrapper::before, body.home .irida-contact-section .vc_column-inner.irida-info-card > .wpb_wrapper::before { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 39px !important; height: 39px !important; margin: 0 0 11px !important; color: #9d59b0 !important; background: rgba(255, 255, 255, .86) !important; border: 1px solid #dfcce5 !important; border-radius: 50% !important; box-shadow: 0 5px 13px rgba(91, 52, 102, .10) !important; font-family: FontAwesome, Arial, sans-serif !important; font-size: 17px !important; font-style: normal !important; font-weight: normal !important; line-height: 1 !important; box-sizing: border-box !important; } /* Εικονίδια ανά κάρτα. */ body.home .irida-contact-section .irida-info-cards-row > :nth-child(1) > .vc_column-inner > .wpb_wrapper::before { content: "\f095"; /* phone */ } body.home .irida-contact-section .irida-info-cards-row > :nth-child(2) > .vc_column-inner > .wpb_wrapper::before { content: "\f041"; /* map marker */ } body.home .irida-contact-section .irida-info-cards-row > :nth-child(3) > .vc_column-inner > .wpb_wrapper::before { content: "\f017"; /* clock */ } body.home .irida-contact-section .irida-info-cards-row > :nth-child(4) > .vc_column-inner > .wpb_wrapper::before { content: "\f0d1"; /* truck */ } /* Text Block reset. */ body.home .irida-contact-section .irida-info-card .wpb_text_column, body.home .irida-contact-section .irida-info-card .wpb_text_column > .wpb_wrapper { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; text-align: center !important; box-sizing: border-box !important; } /* Γενικό κείμενο. */ body.home .irida-contact-section .irida-info-card .wpb_text_column p { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #625866 !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.48 !important; letter-spacing: 0 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; word-wrap: break-word !important; box-sizing: border-box !important; } /* * Στο Text Block βάλε τον τίτλο μέσα σε . * Παράδειγμα: ΕΠΙΚΟΙΝΩΝΙΑ */ body.home .irida-contact-section .irida-info-card .wpb_text_column strong { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; color: #3e3441 !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .45px !important; text-align: center !important; text-transform: uppercase !important; white-space: normal !important; overflow-wrap: anywhere !important; box-sizing: border-box !important; } /* Links τηλεφώνου και email. */ body.home .irida-contact-section .irida-info-card a, body.home .irida-contact-section .irida-info-card a[href^="tel:"], body.home .irida-contact-section .irida-info-card a[href^="mailto:"] { display: inline !important; max-width: 100% !important; color: #9551a8 !important; font-size: inherit !important; font-weight: 700 !important; line-height: inherit !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; } body.home .irida-contact-section .irida-info-card a:hover { color: #783d89 !important; } /* Διακριτικό hover στο desktop. */ @media (hover: hover) and (min-width: 1025px) { body.home .irida-contact-section .irida-info-card:hover > .vc_column-inner, body.home .irida-contact-section .vc_column-inner.irida-info-card:hover { border-color: #d4b6dd !important; box-shadow: 0 13px 28px rgba(91, 52, 102, .17) !important; transform: translateY(-4px) !important; } body.home .irida-contact-section .irida-info-card:hover > .vc_column-inner > .wpb_wrapper::before, body.home .irida-contact-section .vc_column-inner.irida-info-card:hover > .wpb_wrapper::before { color: #ffffff !important; background: #ad6fc1 !important; border-color: #ad6fc1 !important; } } /* Tablet: 2 x 2. */ @media (max-width: 1024px) { body.home .irida-contact-section .irida-info-cards-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.home .irida-contact-section .irida-info-card > .vc_column-inner, body.home .irida-contact-section .vc_column-inner.irida-info-card { min-height: 130px !important; } body.home .irida-contact-section .irida-info-card > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section .vc_column-inner.irida-info-card > .wpb_wrapper { padding: 17px 14px 15px !important; } body.home .irida-contact-section .irida-info-card .wpb_text_column p { font-size: 12px !important; } } /* Mobile: 2 x 2. */ @media (max-width: 767px) { body.home .irida-contact-section .irida-info-cards-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; margin: 0 !important; } body.home .irida-contact-section .irida-info-cards-row > .wpb_column, body.home .irida-contact-section .irida-info-cards-row > .vc_column_container, body.home .irida-contact-section .irida-info-cards-row > .irida-info-card { display: flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.home .irida-contact-section .irida-info-card > .vc_column-inner, body.home .irida-contact-section .vc_column-inner.irida-info-card { min-height: 133px !important; border-radius: 12px !important; } body.home .irida-contact-section .irida-info-card > .vc_column-inner > .wpb_wrapper, body.home .irida-contact-section .vc_column-inner.irida-info-card > .wpb_wrapper { padding: 15px 8px 13px !important; } body.home .irida-contact-section .irida-info-card > .vc_column-inner > .wpb_wrapper::before, body.home .irida-contact-section .vc_column-inner.irida-info-card > .wpb_wrapper::before { width: 36px !important; height: 36px !important; margin-bottom: 9px !important; font-size: 15px !important; } body.home .irida-contact-section .irida-info-card .wpb_text_column strong { font-size: 9.5px !important; letter-spacing: .25px !important; } body.home .irida-contact-section .irida-info-card .wpb_text_column p { font-size: 10.8px !important; line-height: 1.42 !important; } } /* Πολύ μικρά κινητά: 1 κάρτα ανά σειρά. */ @media (max-width: 380px) { body.home .irida-contact-section .irida-info-cards-row { grid-template-columns: minmax(0, 1fr) !important; } body.home .irida-contact-section .irida-info-card > .vc_column-inner, body.home .irida-contact-section .vc_column-inner.irida-info-card { min-height: 122px !important; } } /* Reduced motion. */ @media (prefers-reduced-motion: reduce) { body.home .irida-contact-section .irida-info-card > .vc_column-inner, body.home .irida-contact-section .vc_column-inner.irida-info-card, body.home .irida-contact-section .irida-info-card > .vc_column-inner > .wpb_wrapper::before, body.home .irida-contact-section .vc_column-inner.irida-info-card > .wpb_wrapper::before { transition: none !important; } } /* ============================================================ 29. IRIDA — HOME CONTACT: VERIFIED LIVE-DOM FIX (v20) Actual live structure on page-id-32346: - two .irida-info-card WPBakery columns - two Text Blocks inside each column - two additional empty WPBakery columns This final override promotes the four real Text Blocks to independent grid cards and removes the two empty columns. ============================================================ */ body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* WPBakery clearfix pseudo-elements otherwise become two invisible grid items and shift the four cards. */ body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row::before, body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row::after { content: none !important; display: none !important; } /* The two populated WPBakery columns are wrappers, not cards. */ body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row > .irida-info-card, body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row > .irida-info-card > .vc_column-inner, body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper { display: contents !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; } /* Disable pseudo-cards/icons created by older sections 26–27. */ body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner::before, body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner::after, body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper::before, body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper::after { content: none !important; display: none !important; } /* The third and fourth live columns are empty and must not consume grid tracks or create blank cards. */ body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row > .wpb_column:not(.irida-info-card) { display: none !important; } /* Each of the four Text Blocks is now one real card. */ body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: stretch !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; min-height: 184px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: linear-gradient(145deg, #ffffff 0%, #fcf8fd 58%, #f4e9f7 100%) !important; border: 1px solid #dec9e5 !important; border-radius: 16px !important; box-shadow: 0 8px 22px rgba(91, 52, 102, .11) !important; box-sizing: border-box !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg, #c38ed5, #9e59b1, #c38ed5) !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 100% !important; margin: 0 !important; padding: 68px 18px 20px !important; overflow: visible !important; text-align: center !important; box-sizing: border-box !important; } /* Circular icon attached to each real Text Block. */ body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper::before { position: absolute !important; top: 18px !important; left: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; margin: 0 !important; color: #9855ab !important; background: rgba(255, 255, 255, .92) !important; border: 1px solid #dfcce5 !important; border-radius: 50% !important; box-shadow: 0 5px 14px rgba(91, 52, 102, .10) !important; font-family: FontAwesome, Arial, sans-serif !important; font-size: 17px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1 !important; transform: translateX(-50%) !important; box-sizing: border-box !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card:nth-child(1) > .vc_column-inner > .wpb_wrapper > .wpb_text_column:nth-child(1) > .wpb_wrapper::before { content: "\f095" !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card:nth-child(1) > .vc_column-inner > .wpb_wrapper > .wpb_text_column:nth-child(2) > .wpb_wrapper::before { content: "\f041" !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card:nth-child(2) > .vc_column-inner > .wpb_wrapper > .wpb_text_column:nth-child(1) > .wpb_wrapper::before { content: "\f017" !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card:nth-child(2) > .vc_column-inner > .wpb_wrapper > .wpb_text_column:nth-child(2) > .wpb_wrapper::before { content: "\f0d1" !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column p { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #5b515f !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.55 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; box-sizing: border-box !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column strong { display: block !important; width: 100% !important; margin: 0 0 8px !important; color: #403544 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .4px !important; text-align: center !important; text-transform: uppercase !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column a, body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column a[href^="tel:"], body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column a[href^="mailto:"] { display: inline !important; max-width: 100% !important; color: #9250a5 !important; font: inherit !important; font-weight: 700 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; } @media (hover: hover) and (min-width: 1025px) { body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column:hover { border-color: #cfb2d9 !important; box-shadow: 0 14px 30px rgba(91, 52, 102, .17) !important; transform: translateY(-4px) !important; } } /* Stack the two main contact columns before the cards become cramped. This remains scoped to the home contact section. */ @media (max-width: 900px) { body.home.page-id-32346 .irida-contact-section { display: block !important; margin-right: 0 !important; margin-left: 0 !important; } body.home.page-id-32346 .irida-contact-section > .wpb_column, body.home.page-id-32346 .irida-contact-section > .vc_column_container { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 22px !important; } } @media (max-width: 767px) { body.home.page-id-32346 .irida-contact-section .irida-info-cards-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column { min-height: 170px !important; border-radius: 13px !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper { padding: 64px 11px 17px !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column p { font-size: 12px !important; line-height: 1.48 !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row .wpb_text_column strong { font-size: 10.5px !important; letter-spacing: .2px !important; } } @media (max-width: 480px) { body.home.page-id-32346 .irida-contact-section > .wpb_column:nth-child(2) .irida-info-cards-row { grid-template-columns: minmax(0, 1fr) !important; } body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column { min-height: 154px !important; } } @media (prefers-reduced-motion: reduce) { body.home.page-id-32346 .irida-contact-section .irida-info-cards-row > .irida-info-card > .vc_column-inner > .wpb_wrapper > .wpb_text_column { transition: none !important; } } /* ============================================================ 30. IRIDA — CONTACT PAGE PREMIUM LAYOUT (v21) Scope: page-id-32474 only. Verified structure: Basel 5.9.3 + WPBakery + CF7. ============================================================ */ /* The map intentionally keeps the original WPBakery full-width row and its -40px top margin so it touches the main menu. */ /* -------------------- TWO MAIN CARDS -------------------- */ body.page-id-32474 .vc_row.vc_custom_1451151413064 { position: relative !important; left: auto !important; display: flex !important; align-items: stretch !important; gap: 24px !important; width: calc(100% - 30px) !important; max-width: 1140px !important; margin: 34px auto 60px !important; padding: 0 !important; overflow: visible !important; background: transparent !important; box-sizing: border-box !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064::before, body.page-id-32474 .vc_row.vc_custom_1451151413064::after { content: none !important; display: none !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column { float: none !important; display: flex !important; flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner { position: relative !important; display: flex !important; width: 100% !important; min-width: 0 !important; min-height: 100% !important; margin: 0 !important; padding: 32px 30px 28px !important; overflow: hidden !important; background: linear-gradient(150deg, #ffffff 0%, #ffffff 60%, #fbf6fc 100%) !important; border: 1px solid #e1d0e6 !important; border-radius: 22px !important; box-shadow: 0 13px 34px rgba(91, 52, 102, .12) !important; box-sizing: border-box !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner::before { content: "" !important; position: absolute !important; z-index: 2 !important; top: 0 !important; right: 0 !important; left: 0 !important; display: block !important; height: 5px !important; background: linear-gradient(90deg, #c38ed5 0%, #9f5bb2 50%, #c38ed5 100%) !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; } /* -------------------- TITLES & COPY -------------------- */ body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper { margin: 0 0 21px !important; padding: 0 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .liner-continer { margin: 0 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .title { color: #302635 !important; font-size: 27px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.35px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .title-separator span, body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .left-line, body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .right-line { border-color: #e3d4e8 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-after_title { display: block !important; margin-top: 14px !important; color: #6a606d !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.65 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper > .wpb_text_column { margin: 0 0 23px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper > .wpb_text_column p { margin: 0 0 14px !important; color: #625965 !important; font-size: 14px !important; line-height: 1.7 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper > .wpb_text_column p:last-child { margin-bottom: 0 !important; } /* -------------------- CONTACT FORM 7 -------------------- */ body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 { width: 100% !important; margin-top: 2px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 form, body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 form > p { margin-bottom: 16px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 .row { margin-right: -6px !important; margin-left: -6px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 .row > [class*="col-"] { padding-right: 6px !important; padding-left: 6px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 label { display: block !important; margin: 0 0 7px !important; color: #49404c !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="text"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="email"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="tel"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 textarea { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 13px 14px !important; color: #403743 !important; background: #fcf9fd !important; border: 1px solid #ddcbe3 !important; border-radius: 11px !important; outline: none !important; box-shadow: inset 0 1px 2px rgba(91, 52, 102, .025) !important; box-sizing: border-box !important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="text"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="email"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="tel"] { height: 49px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 textarea { min-height: 190px !important; resize: vertical !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="text"]:focus, body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="email"]:focus, body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="tel"]:focus, body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 textarea:focus { background: #ffffff !important; border-color: #b875c9 !important; box-shadow: 0 0 0 3px rgba(184, 117, 201, .14) !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="submit"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 button[type="submit"] { min-width: 210px !important; min-height: 49px !important; margin: 3px 0 0 !important; padding: 13px 25px !important; color: #ffffff !important; background: linear-gradient(135deg, #b978ca 0%, #9450a8 100%) !important; border: 0 !important; border-radius: 11px !important; box-shadow: 0 8px 19px rgba(137, 67, 153, .25) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .65px !important; text-transform: uppercase !important; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important; } @media (hover: hover) { body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="submit"]:hover, body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 button[type="submit"]:hover { box-shadow: 0 11px 24px rgba(137, 67, 153, .32) !important; filter: saturate(1.08) !important; transform: translateY(-2px) !important; } } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 .wpcf7-not-valid-tip { margin-top: 6px !important; font-size: 12px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 .wpcf7-response-output { margin: 18px 0 0 !important; padding: 12px 14px !important; border-radius: 10px !important; } /* -------------------- BUSINESS INFO CARDS -------------------- */ body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 { gap: 12px !important; margin: 2px 0 19px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { min-height: 166px !important; padding: 20px 13px 16px !important; border-radius: 15px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 .info-box-inner p { font-size: 12.5px !important; line-height: 1.5 !important; } /* -------------------- SOCIAL LINKS -------------------- */ body.page-id-32474 .vc_row.vc_custom_1451151413064 .social-icons { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; margin: auto 0 0 !important; padding: 21px 0 0 !important; border-top: 1px solid #eadfed !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .social-icons li { margin: 0 !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .social-icons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 43px !important; height: 43px !important; border-radius: 50% !important; box-shadow: 0 6px 15px rgba(69, 49, 73, .12) !important; transition: transform .2s ease, box-shadow .2s ease !important; } @media (hover: hover) { body.page-id-32474 .vc_row.vc_custom_1451151413064 .social-icons a:hover { box-shadow: 0 9px 20px rgba(69, 49, 73, .18) !important; transform: translateY(-3px) !important; } } /* -------------------- RESPONSIVE -------------------- */ @media (max-width: 1024px) { body.page-id-32474 .vc_row.vc_custom_1451151413064 { gap: 18px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner { padding: 27px 23px 24px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .title { font-size: 24px !important; } } @media (max-width: 900px) { body.page-id-32474 .vc_row.vc_custom_1451151413064 { display: block !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column { display: block !important; width: 100% !important; margin: 0 0 20px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner { min-height: 0 !important; } } @media (max-width: 767px) { body.page-id-32474 .vc_row.vc_custom_1451151413064 { width: calc(100% - 24px) !important; margin-top: 22px !important; margin-bottom: 38px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner { padding: 24px 17px 21px !important; border-radius: 17px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .title-wrapper .title { font-size: 22px !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 .row > [class*="col-"] { width: 100% !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input[type="submit"], body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 button[type="submit"] { width: 100% !important; } } @media (max-width: 520px) { body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 { grid-template-columns: minmax(0, 1fr) !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { min-height: 148px !important; } } @media (prefers-reduced-motion: reduce) { body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 input, body.page-id-32474 .vc_row.vc_custom_1451151413064 .wpcf7 textarea, body.page-id-32474 .vc_row.vc_custom_1451151413064 .social-icons a { transition: none !important; } } /* ============================================================ 31. IRIDA — CONTACT PAGE LIFT EFFECT FIX (v22) ============================================================ */ body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner, body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { transform: translateY(0) !important; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important; } @media (hover: hover) and (pointer: fine) and (min-width: 1025px) { body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column:hover > .vc_column-inner { border-color: #d2b7dc !important; box-shadow: 0 19px 43px rgba(91, 52, 102, .19) !important; transform: translateY(-6px) !important; } body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2:hover { border-color: #cdaed8 !important; box-shadow: 0 15px 31px rgba(91, 52, 102, .19) !important; transform: translateY(-5px) !important; } } @media (prefers-reduced-motion: reduce) { body.page-id-32474 .vc_row.vc_custom_1451151413064 > .wpb_column > .vc_column-inner, body.page-id-32474 .vc_row.vc_custom_1451151413064 .vc_row.vc_inner.vc_custom_1451151064538 .basel-info-box2 { transform: none !important; transition: none !important; } } /* ============================================================ 32. HOME — FULL-WIDTH TICKER ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΩΝ (v23) Απομονωμένο στο μοναδικό Ditty data-id="32111". ============================================================ */ body.home .ditty[data-id="32111"] { position: relative !important; z-index: 3 !important; display: flex !important; width: 100vw !important; max-width: 100vw !important; min-height: 44px !important; margin-right: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 0 !important; overflow: hidden !important; color: var(--irida-white) !important; background: linear-gradient(100deg, var(--irida-purple-deep) 0%, var(--irida-purple-dark) 38%, var(--irida-purple) 62%, var(--irida-purple-deep) 100%) !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, .28) !important; border-bottom: 1px solid rgba(68, 24, 78, .22) !important; border-radius: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 7px 18px rgba(113, 49, 127, .16) !important; box-sizing: border-box !important; isolation: isolate !important; } body.home .ditty[data-id="32111"] .ditty__contents, body.home .ditty[data-id="32111"] .ditty-ticker__contents { display: flex !important; align-items: center !important; width: 100% !important; min-height: 42px !important; padding: 0 !important; overflow: hidden !important; color: var(--irida-white) !important; background: transparent !important; border: 0 !important; box-sizing: border-box !important; } body.home .ditty[data-id="32111"] .ditty-ticker__items { width: 100% !important; height: 42px !important; min-height: 42px !important; overflow: hidden !important; } body.home .ditty[data-id="32111"] .ditty-item { min-height: 42px !important; padding: 0 24px !important; color: var(--irida-white) !important; box-sizing: border-box !important; } body.home .ditty[data-id="32111"] .ditty-item__elements, body.home .ditty[data-id="32111"] .ditty-item__content { min-height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: var(--irida-white) !important; background: transparent !important; border: 0 !important; box-sizing: border-box !important; } body.home .ditty[data-id="32111"] .ditty-item__elements { display: flex !important; align-items: center !important; max-width: none !important; } body.home .ditty[data-id="32111"] .ditty-item__content { font-family: Karla, Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 42px !important; letter-spacing: .045em !important; text-shadow: 0 1px 2px rgba(40, 12, 48, .24) !important; white-space: nowrap !important; } @media (max-width: 767px) { body.home .ditty[data-id="32111"] { min-height: 40px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 5px 14px rgba(113, 49, 127, .14) !important; } body.home .ditty[data-id="32111"] .ditty__contents, body.home .ditty[data-id="32111"] .ditty-ticker__contents, body.home .ditty[data-id="32111"] .ditty-ticker__items, body.home .ditty[data-id="32111"] .ditty-item, body.home .ditty[data-id="32111"] .ditty-item__elements, body.home .ditty[data-id="32111"] .ditty-item__content { min-height: 38px !important; } body.home .ditty[data-id="32111"] .ditty-ticker__items { height: 38px !important; } body.home .ditty[data-id="32111"] .ditty-item { padding-right: 18px !important; padding-left: 18px !important; } body.home .ditty[data-id="32111"] .ditty-item__content { font-size: 12px !important; line-height: 38px !important; letter-spacing: .035em !important; } } @media (prefers-reduced-motion: reduce) { body.home .ditty[data-id="32111"] .ditty-item { transition: none !important; } } /* ============================================================ 33. HOME TICKER — MOBILE STATIC CLARITY FIX (v24) Το μεγάλο marquee μένει στο desktop. Σε κινητά εμφανίζεται σύντομο στατικό μήνυμα δύο γραμμών, χωρίς κομμένες προτάσεις. ============================================================ */ @media (max-width: 767px) { body.home .ditty[data-id="32111"] { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; height: 50px !important; min-height: 50px !important; padding: 5px 16px !important; text-align: center !important; background: linear-gradient(105deg, #71317f 0%, #8b3e9c 48%, #9f55b0 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 5px 14px rgba(113, 49, 127, .14) !important; } /* Κρατά το αυθεντικό κείμενο διαθέσιμο για screen readers, αλλά αφαιρεί το πολύ μεγάλο κινούμενο κείμενο από την εικόνα. */ body.home .ditty[data-id="32111"] > .ditty__contents, body.home .ditty[data-id="32111"] > .ditty-ticker__contents { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } body.home .ditty[data-id="32111"]::before, body.home .ditty[data-id="32111"]::after { display: block !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #fff !important; font-family: Karla, Arial, Helvetica, sans-serif !important; text-align: center !important; text-shadow: 0 1px 2px rgba(40, 12, 48, .22) !important; box-sizing: border-box !important; } body.home .ditty[data-id="32111"]::before { content: "ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΑ • ΑΝΩ ΤΩΝ 60€" !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: .055em !important; white-space: nowrap !important; } body.home .ditty[data-id="32111"]::after { content: "Ισχύει αποκλειστικά για online παραγγελίες" !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: .015em !important; opacity: .92 !important; white-space: nowrap !important; } } @media (max-width: 340px) { body.home .ditty[data-id="32111"] { padding-right: 10px !important; padding-left: 10px !important; } body.home .ditty[data-id="32111"]::before { font-size: 11px !important; letter-spacing: .035em !important; } body.home .ditty[data-id="32111"]::after { font-size: 10px !important; } } /* ============================================================ 34. HOME — MOBILE HEADER / SLIDER / TICKER SPACING (v26) Slider και ticker μοιράζονται την ίδια WPBakery custom class. Ξεχωρίζουμε τις δύο διαδοχικές rows ώστε: - ο slider να ξεκινά ακριβώς κάτω από το mobile header - το ticker να μένει μετά τον slider χωρίς επικάλυψη ============================================================ */ @media (max-width: 767px) { body.home .wpb-content-wrapper > .vc_row.vc_custom_1450445142808:first-child { margin-top: -40px !important; } body.home .wpb-content-wrapper > .vc_row.vc_custom_1450445142808:first-child + .vc_row.vc_custom_1450445142808 { margin-top: 0 !important; } } /* ============================================================ 35. PRODUCT CARDS — GLOBAL EQUAL HEIGHT SYSTEM (v27) Ίδιο ύψος σε Αρχική, Shop, κατηγορίες και related products. - Οι grid σειρές τεντώνουν όλες τις κάρτες ομοιόμορφα. - Ο τίτλος κρατά σταθερά 3 γραμμές και κόβεται με ellipsis. - Η τιμή μένει στην ίδια κάτω θέση. - Προϊόντα χωρίς εμφανιζόμενη τιμή κρατούν ίσο κενό τιμής. ============================================================ */ body .products.elements-grid { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } body .products.elements-grid::before, body .products.elements-grid::after { display: none !important; content: none !important; } body .products.elements-grid > .product-grid-item, body .product-grid-item.product-in-carousel { float: none !important; display: flex !important; flex-direction: column !important; align-self: stretch !important; height: auto !important; } body .product-grid-item .product-element-top { flex: 0 0 auto !important; } body .product-grid-item .product-title { display: block !important; flex: 0 0 calc(1.45em * 3) !important; width: auto !important; height: calc(1.45em * 3) !important; min-height: calc(1.45em * 3) !important; max-height: calc(1.45em * 3) !important; overflow: hidden !important; } body .product-grid-item .product-title > a { display: -webkit-box !important; max-height: calc(1.45em * 3) !important; overflow: hidden !important; text-overflow: ellipsis !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } body .product-grid-item > .price, body .product-grid-item > .wrap-price { display: flex !important; flex: 0 0 auto !important; align-items: flex-end !important; min-height: 26px !important; margin-top: auto !important; } body .product-grid-item > .wrap-price .price { margin-top: 0 !important; } body .product-grid-item:not(:has(> .price)):not(:has(> .wrap-price))::after { content: "" !important; display: block !important; flex: 0 0 26px !important; height: 26px !important; margin-top: auto !important; } @media (max-width: 767px) { body .product-grid-item .product-title { flex-basis: calc(1.4em * 3) !important; height: calc(1.4em * 3) !important; min-height: calc(1.4em * 3) !important; max-height: calc(1.4em * 3) !important; } body .product-grid-item .product-title > a { max-height: calc(1.4em * 3) !important; } body .product-grid-item > .price, body .product-grid-item > .wrap-price { min-height: 22px !important; } body .product-grid-item:not(:has(> .price)):not(:has(> .wrap-price))::after { flex-basis: 22px !important; height: 22px !important; } } /* ============================================================ 36. PRODUCT CARDS — ALIGNMENT / TOOLTIP / SPACING FIX (v28) Διορθώνει τρεις παρενέργειες του equal-height flex layout: - κεντράρει την τιμή ως flex content, - αφαιρεί το διπλό μαύρο tooltip «ΑΓΟΡΑ», - επαναφέρει το σωστό κενό εικόνας–τίτλου. ============================================================ */ /* Στο flex layout τα δύο margins δεν συμπτύσσονται πλέον. Κρατάμε μόνο το margin-top του τίτλου (15px / 11px mobile). */ body .product-grid-item .product-element-top, body .product-grid-item:hover .product-element-top, body .product-grid-item.basel-hover-base .product-element-top, body .product-grid-item.basel-hover-base:hover .product-element-top { margin-bottom: 0 !important; } /* Η τιμή παραμένει στην κάτω ζώνη, αλλά κεντράρεται πραγματικά και στις δύο δομές του Basel: direct .price και .wrap-price. */ body .product-grid-item > .price, body .product-grid-item > .wrap-price { justify-content: center !important; width: 100% !important; text-align: center !important; } body .product-grid-item > .wrap-price > .price, body .product-grid-item > .wrap-price .price { justify-content: center !important; width: 100% !important; text-align: center !important; } /* Το Basel δημιουργεί δυναμικά δεύτερη ετικέτα tooltip μέσα στο ήδη ορατό κουμπί. Κρύβεται μόνο σε product add buttons. */ body .product-grid-item .basel-add-btn .basel-tooltip-label, body .product-grid-item .basel-add-btn > a .basel-tooltip-label { display: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Το Smart Brands plugin εισάγει κείμενο brand μέσα στο overlay του κουμπιού. Δεν πρέπει να εμφανίζεται επάνω στην εικόνα. */ body .product-grid-item .basel-add-btn > .sp-smart-brand-single-product { display: none !important; } /* ============================================================ 37. PRODUCT CARDS — REMOVE HIDDEN BASEL HOVER CONTROLS (v29) Το Basel αφήνει πίσω από το custom κουμπί ΑΓΟΡΑ ενεργά τα Quick View / Wishlist / Compare. Παρότι καλύπτονται οπτικά, δέχονται hover και δημιουργούν διαδοχικά μαύρα tooltips. ============================================================ */ body .product-grid-item .hover-mask > .quick-view, body .product-grid-item .hover-mask > .basel-wishlist-btn, body .product-grid-item .hover-mask > .basel-compare-btn, body .product-grid-item .hover-mask > .product-compare-button, body .product-grid-item .hover-mask .open-quick-view, body .product-grid-item .hover-mask .quick-view-button, body .product-grid-item .hover-mask .basel-wishlist-btn > a, body .product-grid-item .hover-mask .basel-compare-btn > a, body .product-grid-item .hover-mask .product-compare-button > a { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Fail-safe: κανένα tooltip του Basel δεν πρέπει να εμφανίζεται μέσα στο image overlay των product cards. */ body .product-grid-item .hover-mask .basel-tooltip-label, body .product-grid-item .hover-mask .tooltip, body .product-grid-item .hover-mask [class*="tooltip"]::before, body .product-grid-item .hover-mask [class*="tooltip"]::after { display: none !important; content: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* ============================================================ 38. PRODUCT CARDS — QUICK VIEW + BUY ACTION BAR (v30) Το πραγματικό Quick View του Basel επανέρχεται ως ξεχωριστή compact ενέργεια δίπλα στο κύριο κουμπί ΑΓΟΡΑ. ============================================================ */ /* Κοινό action rail επάνω στην εικόνα. */ body .product-grid-item .hover-mask, body .product-grid-item:hover .hover-mask, body .product-grid-item.basel-hover-base .hover-mask, body .product-grid-item.basel-hover-base:hover .hover-mask { position: absolute !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: 12px !important; z-index: 24 !important; display: flex !important; align-items: stretch !important; gap: 8px !important; width: auto !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; pointer-events: none !important; transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important; } body .product-grid-item:hover .hover-mask, body .product-grid-item.basel-hover-base:hover .hover-mask { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto !important; } /* Το ΑΓΟΡΑ καταλαμβάνει όλο τον διαθέσιμο χώρο δεξιά. */ body .product-grid-item .hover-mask > .basel-add-btn, body .product-grid-item .basel-add-btn, body .product-grid-item.basel-hover-base .basel-add-btn { position: static !important; order: 2 !important; flex: 1 1 auto !important; display: block !important; width: auto !important; min-width: 0 !important; height: 44px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } /* Επανενεργοποίηση μόνο του Quick View — όχι wishlist/compare. */ body .product-grid-item .hover-mask > .quick-view { position: static !important; order: 1 !important; flex: 0 0 44px !important; display: block !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } body .product-grid-item .hover-mask > .quick-view > a, body .product-grid-item .hover-mask .open-quick-view, body .product-grid-item .hover-mask .quick-view-button { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: var(--irida-purple-dark) !important; background: rgba(255, 255, 255, .96) !important; border: 1px solid rgba(168, 95, 186, .34) !important; border-radius: 8px !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 7px 18px rgba(75, 35, 84, .18) !important; pointer-events: auto !important; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease !important; } /* Ανεξάρτητο, καθαρό eye icon — δεν εξαρτάται από theme font. */ body .product-grid-item .hover-mask > .quick-view > a::before, body .product-grid-item .hover-mask .open-quick-view::before { content: "" !important; position: static !important; display: block !important; width: 20px !important; height: 14px !important; margin: 0 !important; padding: 0 !important; background-color: currentColor !important; border: 0 !important; border-radius: 75% 15% 75% 15% !important; box-shadow: none !important; transform: rotate(45deg) !important; font-family: inherit !important; } body .product-grid-item .hover-mask > .quick-view > a::after, body .product-grid-item .hover-mask .open-quick-view::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; width: 7px !important; height: 7px !important; margin: -3.5px 0 0 -3.5px !important; background: #fff !important; border: 0 !important; border-radius: 50% !important; transform: none !important; } body .product-grid-item .hover-mask > .quick-view > a:hover, body .product-grid-item .hover-mask > .quick-view > a:focus-visible { color: #fff !important; background: var(--irida-purple-dark) !important; border-color: var(--irida-purple-dark) !important; outline: none !important; transform: translateY(-1px) !important; } /* Το label και τα παλιά controls δεν επιστρέφουν. */ body .product-grid-item .hover-mask > .quick-view .basel-tooltip-label, body .product-grid-item .hover-mask > .basel-wishlist-btn, body .product-grid-item .hover-mask > .basel-compare-btn, body .product-grid-item .hover-mask > .product-compare-button { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Loading state του AJAX Quick View. */ body .product-grid-item .hover-mask > .quick-view > a.loading::before { width: 18px !important; height: 18px !important; background: transparent !important; border: 2px solid rgba(113, 49, 127, .22) !important; border-top-color: var(--irida-purple-dark) !important; border-radius: 50% !important; transform: none !important; animation: load-spin .65s linear infinite !important; } body .product-grid-item .hover-mask > .quick-view > a.loading::after { display: none !important; } /* Tablet / touch: οι ενέργειες είναι μόνιμα διαθέσιμες. */ @media (max-width: 1024px) { body .product-grid-item .hover-mask, body .product-grid-item:hover .hover-mask, body .product-grid-item.basel-hover-base .hover-mask, body .product-grid-item.basel-hover-base:hover .hover-mask { right: 8px !important; bottom: 8px !important; left: 8px !important; gap: 6px !important; height: 40px !important; min-height: 40px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } body .product-grid-item .hover-mask > .basel-add-btn, body .product-grid-item .basel-add-btn, body .product-grid-item.basel-hover-base .basel-add-btn, body .product-grid-item .hover-mask > .quick-view, body .product-grid-item .hover-mask > .quick-view > a, body .product-grid-item .hover-mask .open-quick-view, body .product-grid-item .hover-mask .quick-view-button { height: 40px !important; min-height: 40px !important; max-height: 40px !important; } body .product-grid-item .hover-mask > .quick-view, body .product-grid-item .hover-mask > .quick-view > a, body .product-grid-item .hover-mask .open-quick-view, body .product-grid-item .hover-mask .quick-view-button { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; } } @media (max-width: 767px) { body .product-grid-item .hover-mask, body .product-grid-item:hover .hover-mask, body .product-grid-item.basel-hover-base .hover-mask, body .product-grid-item.basel-hover-base:hover .hover-mask { right: 5px !important; bottom: 5px !important; left: 5px !important; gap: 5px !important; height: 36px !important; min-height: 36px !important; } body .product-grid-item .hover-mask > .basel-add-btn, body .product-grid-item .basel-add-btn, body .product-grid-item.basel-hover-base .basel-add-btn, body .product-grid-item .hover-mask > .quick-view, body .product-grid-item .hover-mask > .quick-view > a, body .product-grid-item .hover-mask .open-quick-view, body .product-grid-item .hover-mask .quick-view-button { height: 36px !important; min-height: 36px !important; max-height: 36px !important; } body .product-grid-item .hover-mask > .quick-view, body .product-grid-item .hover-mask > .quick-view > a, body .product-grid-item .hover-mask .open-quick-view, body .product-grid-item .hover-mask .quick-view-button { flex-basis: 36px !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; border-radius: 5px !important; } body .product-grid-item .hover-mask > .quick-view > a::before, body .product-grid-item .hover-mask .open-quick-view::before { width: 17px !important; height: 12px !important; } body .product-grid-item .hover-mask > .quick-view > a::after, body .product-grid-item .hover-mask .open-quick-view::after { width: 6px !important; height: 6px !important; margin: -3px 0 0 -3px !important; } } /* ============================================================ 39. BASEL QUICK VIEW POPUP — IRIDA RESPONSIVE DESIGN (v30) ============================================================ */ body .mfp-bg { background: rgba(35, 18, 39, .78) !important; backdrop-filter: blur(4px); } body .popup-quick-view { width: calc(100% - 40px) !important; max-width: 940px !important; max-height: calc(100vh - 56px) !important; margin: 28px auto !important; overflow: hidden !important; background: #fff !important; border: 1px solid rgba(168, 95, 186, .22) !important; border-radius: 18px !important; box-shadow: 0 24px 70px rgba(37, 17, 43, .34) !important; } body .popup-quick-view .single-product-content .product-image-summary { display: flex !important; align-items: stretch !important; min-height: 430px !important; margin: 0 !important; } body .popup-quick-view .product-images { background: linear-gradient(145deg, #fbf7fc 0%, #fff 100%) !important; } body .popup-quick-view .entry-summary { position: relative !important; flex: 1 1 50% !important; width: 50% !important; max-width: 50% !important; min-height: 430px !important; background: #fff !important; } body .popup-quick-view .product-images { flex: 1 1 50% !important; width: 50% !important; max-width: 50% !important; } body .popup-quick-view .basel-scroll { inset: 0 !important; width: 100% !important; } body .popup-quick-view .basel-scroll .basel-scroll-content { padding: 42px 52px 32px 34px !important; } body .popup-quick-view .entry-summary .entry-title { margin: 0 0 10px !important; color: var(--irida-dark) !important; font-size: clamp(24px, 2.35vw, 34px) !important; font-weight: 800 !important; line-height: 1.18 !important; } body .popup-quick-view .entry-summary .price, body .popup-quick-view .entry-summary .price .amount { color: var(--irida-purple) !important; font-size: 27px !important; font-weight: 800 !important; } body .popup-quick-view .entry-summary div[itemprop="description"], body .popup-quick-view .woocommerce-product-details__short-description { color: #625a65 !important; font-size: 15px !important; line-height: 1.65 !important; } body .popup-quick-view form.cart, body .popup-quick-view .cart { display: flex !important; align-items: stretch !important; gap: 10px !important; margin: 22px 0 18px !important; } body .popup-quick-view form.cart .quantity { flex: 0 0 92px !important; margin: 0 !important; } body .popup-quick-view form.cart .single_add_to_cart_button, body .popup-quick-view .entry-summary > .product_type_simple, body .popup-quick-view .entry-summary .product_type_variable { flex: 1 1 auto !important; min-height: 48px !important; margin: 0 !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .35px !important; box-shadow: 0 8px 20px rgba(113, 49, 127, .24) !important; } body .popup-quick-view .view-details-btn { color: var(--irida-purple-dark) !important; background: rgba(255,255,255,.96) !important; border-top: 1px solid rgba(168, 95, 186, .2) !important; } body .popup-quick-view .mfp-close { top: 10px !important; right: 10px !important; width: 42px !important; height: 42px !important; padding: 0 !important; background: rgba(255,255,255,.94) !important; border: 1px solid rgba(168,95,186,.2) !important; border-radius: 50% !important; box-shadow: 0 5px 16px rgba(50,24,60,.12) !important; } body .popup-quick-view .mfp-close::before, body .popup-quick-view .mfp-close::after { right: 9px !important; width: 22px !important; background-color: var(--irida-dark) !important; } @media (max-width: 767px) { body .mfp-container { padding: 8px !important; } body .popup-quick-view { width: 100% !important; max-width: 100% !important; max-height: calc(100dvh - 16px) !important; margin: 8px auto !important; border-radius: 14px !important; overflow-y: auto !important; overscroll-behavior: contain; } body .popup-quick-view .single-product-content .product-image-summary { display: block !important; min-height: 0 !important; } body .popup-quick-view .product-images, body .popup-quick-view .entry-summary { float: none !important; width: 100% !important; max-width: 100% !important; } body .popup-quick-view .product-images { min-height: 0 !important; } body .popup-quick-view .product-images img { width: 100% !important; height: auto !important; max-height: 44dvh !important; object-fit: contain !important; } body .popup-quick-view .entry-summary { min-height: 0 !important; width: 100% !important; max-width: 100% !important; } body .popup-quick-view .basel-scroll { position: static !important; width: 100% !important; height: auto !important; max-height: none !important; } body .popup-quick-view .basel-scroll .basel-scroll-content { max-height: none !important; padding: 22px 18px 25px !important; overflow: visible !important; } body .popup-quick-view .entry-summary .entry-title { padding-right: 28px !important; font-size: 23px !important; } body .popup-quick-view .entry-summary .price, body .popup-quick-view .entry-summary .price .amount { font-size: 23px !important; } body .popup-quick-view form.cart, body .popup-quick-view .cart { gap: 8px !important; } body .popup-quick-view form.cart .quantity { flex-basis: 78px !important; } body .popup-quick-view form.cart .single_add_to_cart_button { min-width: 0 !important; padding: 0 13px !important; white-space: normal !important; } body .popup-quick-view .view-details-btn { position: static !important; display: block !important; margin: 0 !important; padding: 13px 16px !important; transform: none !important; } body .popup-quick-view .mfp-close { position: fixed !important; top: 15px !important; right: 15px !important; z-index: 20 !important; } } @media (max-width: 360px) { body .popup-quick-view .basel-scroll .basel-scroll-content { padding-right: 14px !important; padding-left: 14px !important; } body .popup-quick-view form.cart .quantity { flex-basis: 70px !important; } } /* ============================================================ 43. FINAL CASCADE LOCK — VIDEO FIX MUST WIN (v33) Sections 40/41 are kept for history, so the verified v33 rules are locked again at EOF with explicit selectors. ============================================================ */ body .product-grid-item .product-element-top .hover-mask > .quick-view { position: relative !important; overflow: hidden !important; color: var(--irida-purple-dark) !important; background: rgba(255, 255, 255, .97) !important; border: 1px solid rgba(168, 95, 186, .34) !important; border-radius: 8px !important; box-shadow: 0 7px 18px rgba(75, 35, 84, .18) !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; z-index: 2 !important; display: block !important; width: 20px !important; height: 14px !important; margin: -7px 0 0 -10px !important; opacity: 1 !important; visibility: visible !important; background: currentColor !important; border: 0 !important; border-radius: 75% 15% 75% 15% !important; transform: rotate(45deg) !important; pointer-events: none !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; z-index: 3 !important; display: block !important; width: 7px !important; height: 7px !important; margin: -3.5px 0 0 -3.5px !important; opacity: 1 !important; visibility: visible !important; background: #fff !important; border: 0 !important; border-radius: 50% !important; transform: none !important; pointer-events: none !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view:hover, body .product-grid-item .product-element-top .hover-mask > .quick-view:focus-within { color: #fff !important; background: var(--irida-purple-dark) !important; border-color: var(--irida-purple-dark) !important; transform: translateY(-1px) !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button { position: absolute !important; inset: 0 !important; z-index: 5 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; pointer-events: auto !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button::before, body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button::after { display: none !important; content: none !important; opacity: 0 !important; visibility: hidden !important; } @media (min-width: 768px) { body .popup-quick-view { width: calc(100% - 40px) !important; max-width: 660px !important; max-height: calc(100vh - 56px) !important; } body .popup-quick-view .product-quick-view, body .popup-quick-view .product-quick-view > .row.product-image-summary { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; } body .popup-quick-view .product-images { display: none !important; } body .popup-quick-view .entry-summary { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; background: #fff !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { width: 100% !important; height: auto !important; max-height: calc(100vh - 58px) !important; padding: 36px 42px 34px !important; overflow-x: hidden !important; overflow-y: auto !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title { padding-right: 34px !important; } } @media (min-width: 768px) and (max-width: 1024px) { body .popup-quick-view { width: calc(100% - 32px) !important; max-width: 620px !important; } body .popup-quick-view .entry-summary { width: 100% !important; max-width: 100% !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { padding: 32px 36px 30px !important; } } @media (max-width: 767px) { body .product-grid-item .product-element-top .hover-mask > .quick-view::before { width: 17px !important; height: 12px !important; margin: -6px 0 0 -8.5px !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view::after { width: 6px !important; height: 6px !important; margin: -3px 0 0 -3px !important; } } /* ============================================================ 42. VIDEO-CONFIRMED REPAIR — QUICK VIEW ICON + DESKTOP MODAL (v33) The live recording confirmed two cascade issues: 1) Basel adds a tooltip class to the Quick View anchor on hover, so the old anti-tooltip rule removed the eye pseudo-elements. 2) The desktop Quick View image column was unreliable after AJAX; the safe desktop treatment is a clean, centred information card. ============================================================ */ /* Draw the eye on the stable .quick-view wrapper, never on the dynamically re-classed anchor. The anchor remains the click target. */ body .product-grid-item .product-element-top .hover-mask > .quick-view { position: relative !important; overflow: hidden !important; color: var(--irida-purple-dark) !important; background: rgba(255, 255, 255, .97) !important; border: 1px solid rgba(168, 95, 186, .34) !important; border-radius: 8px !important; box-shadow: 0 7px 18px rgba(75, 35, 84, .18) !important; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; z-index: 2 !important; display: block !important; width: 20px !important; height: 14px !important; margin: -7px 0 0 -10px !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; background: currentColor !important; border: 0 !important; border-radius: 75% 15% 75% 15% !important; transform: rotate(45deg) !important; pointer-events: none !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; z-index: 3 !important; display: block !important; width: 7px !important; height: 7px !important; margin: -3.5px 0 0 -3.5px !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; background: #fff !important; border: 0 !important; border-radius: 50% !important; transform: none !important; pointer-events: none !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view:hover, body .product-grid-item .product-element-top .hover-mask > .quick-view:focus-within { color: #fff !important; background: var(--irida-purple-dark) !important; border-color: var(--irida-purple-dark) !important; transform: translateY(-1px) !important; } /* The anchor is transparent; the wrapper owns the visible eye/button. */ body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button { position: absolute !important; inset: 0 !important; z-index: 5 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; background: transparent !important; border: 0 !important; border-radius: inherit !important; box-shadow: none !important; transform: none !important; pointer-events: auto !important; } /* Neutralise both theme and v30 pseudo-icons on the dynamic anchor. */ body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button::before, body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button::after { display: none !important; content: none !important; opacity: 0 !important; visibility: hidden !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view:has(> a.loading)::before { width: 18px !important; height: 18px !important; margin: -9px 0 0 -9px !important; background: transparent !important; border: 2px solid rgba(113, 49, 127, .22) !important; border-top-color: currentColor !important; border-radius: 50% !important; transform: none !important; animation: load-spin .65s linear infinite !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view:has(> a.loading)::after { display: none !important; } /* Desktop/tablet: verified, compact information modal. The image column is removed deliberately because Basel intermittently delivers an empty or clipped gallery after AJAX; the product information stays complete. */ @media (min-width: 768px) { body .popup-quick-view { width: calc(100% - 40px) !important; max-width: 660px !important; max-height: calc(100vh - 56px) !important; } body .popup-quick-view .product-quick-view > .row.product-image-summary { display: block !important; height: auto !important; min-height: 0 !important; } body .popup-quick-view .product-quick-view { height: auto !important; min-height: 0 !important; } body .popup-quick-view .product-images { display: none !important; } body .popup-quick-view .entry-summary { float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; background: #fff !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { width: 100% !important; height: auto !important; max-height: calc(100vh - 58px) !important; padding: 36px 42px 34px !important; overflow-x: hidden !important; overflow-y: auto !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title { padding-right: 34px !important; } body .popup-quick-view .woocommerce-product-details__short-description > p:first-child { -webkit-line-clamp: 5; } } @media (min-width: 768px) and (max-width: 1024px) { body .popup-quick-view { width: calc(100% - 32px) !important; max-width: 620px !important; } body .popup-quick-view .entry-summary { width: 100% !important; max-width: 100% !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { padding: 32px 36px 30px !important; } } @media (max-width: 767px) { body .product-grid-item .product-element-top .hover-mask > .quick-view::before { width: 17px !important; height: 12px !important; margin: -6px 0 0 -8.5px !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view::after { width: 6px !important; height: 6px !important; margin: -3px 0 0 -3px !important; } } @media (prefers-reduced-motion: reduce) { body .product-grid-item .hover-mask, body .product-grid-item .hover-mask > .quick-view > a, body .popup-quick-view { transition: none !important; } } /* ============================================================ 40. LIVE CASCADE CORRECTION — QUICK VIEW VISIBILITY + PRICE (v31) Το παλιό v29 rule είχε ίδια specificity με το v30 restore και κρατούσε opacity:0 / visibility:hidden επάνω στο Quick View . Οι τελικοί selectors γράφονται ρητά στο τέλος του αρχείου. ============================================================ */ body .product-grid-item .product-element-top .hover-mask > .quick-view, body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button, body .product-grid-item.basel-hover-base .product-element-top .hover-mask > .quick-view, body .product-grid-item.basel-hover-base .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button { display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view { align-items: stretch !important; justify-content: stretch !important; } body .product-grid-item .product-element-top .hover-mask > .quick-view > a.open-quick-view.quick-view-button { align-items: center !important; justify-content: center !important; } /* Τελικό, καθολικό centering για όλες τις price δομές του Basel. */ body .products .product-grid-item > span.price, body .products .product-grid-item > div.price, body .products .product-grid-item > .wrap-price, body .products .product-grid-item > .wrap-price > .price, body .products .product-grid-item > .wrap-price .price, body .related-and-upsells .product-grid-item > span.price, body .related-and-upsells .product-grid-item > .wrap-price, body .related-products .product-grid-item > span.price, body .related-products .product-grid-item > .wrap-price { display: flex !important; align-items: flex-end !important; justify-content: center !important; width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; text-align: center !important; } body .products .product-grid-item > .wrap-price > .price, body .products .product-grid-item > .wrap-price .price { flex: 1 1 100% !important; } /* Καμία tooltip label δεν επιτρέπεται μέσα στη νέα action rail. */ body .product-grid-item .product-element-top .hover-mask .basel-tooltip-label { display: none !important; content: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* ============================================================ 41. LIVE QUICK VIEW REPAIR — REAL BASEL DOM (v32) Root cause confirmed on the live page: - the popup inherited Basel's oversized single-product title; - the summary scroller did not own its overflow on desktop; - on mobile the theme added 40px + 18px nested side padding; - the cookie banner (z-index:1100) rendered above Magnific Popup. ============================================================ */ /* The modal must always sit above the fixed header/cookie notice. */ body .mfp-bg.mfp-ready { z-index: 12000 !important; } body .mfp-wrap.mfp-ready { z-index: 12001 !important; } body .mfp-wrap .mfp-content { z-index: 12002 !important; } /* Keep the real Basel two-column structure, but remove theme gutters. */ body .popup-quick-view .product-quick-view, body .popup-quick-view .product-quick-view > .row.product-image-summary { width: 100% !important; max-width: 100% !important; } body .popup-quick-view .product-quick-view > .row.product-image-summary { margin-right: 0 !important; margin-left: 0 !important; } body .popup-quick-view .product-images, body .popup-quick-view .entry-summary { min-width: 0 !important; padding: 0 !important; } body .popup-quick-view .product-images .images, body .popup-quick-view .product-images .woocommerce-product-gallery__wrapper, body .popup-quick-view .product-images .woocommerce-product-gallery__image { width: 100% !important; max-width: 100% !important; } body .popup-quick-view .product-images img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } body .popup-quick-view .product-images .view-details-btn { position: absolute !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 3 !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; transform: none !important; text-align: center !important; } /* Make the summary a real contained scroll area on desktop. */ body .popup-quick-view .entry-summary .summary-inner.basel-scroll { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-height: 100% !important; overflow: hidden !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { width: 100% !important; height: 100% !important; max-height: 100% !important; padding: 32px 36px 28px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(168, 95, 186, .55) transparent; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content::-webkit-scrollbar { width: 6px; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content::-webkit-scrollbar-thumb { background: rgba(168, 95, 186, .55); border-radius: 99px; } /* Basel's global H1 rules were producing the oversized/colliding title. */ body .popup-quick-view .entry-summary h1.product_title.entry-title, body .popup-quick-view .entry-summary h1.product_title.entry-title a { color: #2f2731 !important; font-size: clamp(23px, 2vw, 27px) !important; font-weight: 700 !important; line-height: 1.18 !important; letter-spacing: 0 !important; overflow-wrap: anywhere !important; word-break: normal !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title a { text-decoration: none !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title { margin: 0 0 12px !important; } body .popup-quick-view .entry-summary p.price { display: flex !important; align-items: baseline !important; justify-content: flex-start !important; width: 100% !important; margin: 0 0 14px !important; text-align: left !important; } body .popup-quick-view .woocommerce-product-details__short-description { margin: 0 0 18px !important; } body .popup-quick-view .woocommerce-product-details__short-description > p:first-child { display: -webkit-box !important; margin: 0 !important; overflow: hidden !important; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } body .popup-quick-view .woocommerce-product-details__short-description > p:nth-child(n+2), body .popup-quick-view .basel-free-progress-bar, body .popup-quick-view .product_meta, body .popup-quick-view .share-title, body .popup-quick-view .social-share, body .popup-quick-view .compare-btn-wrapper { display: none !important; } body .popup-quick-view form.cart, body .popup-quick-view .cart { width: 100% !important; margin: 18px 0 8px !important; } body .popup-quick-view .mfp-close { z-index: 12004 !important; } @media (min-width: 768px) and (max-width: 1024px) { body .popup-quick-view { width: calc(100% - 32px) !important; max-width: 900px !important; } body .popup-quick-view .product-images, body .popup-quick-view .entry-summary { flex-basis: 50% !important; width: 50% !important; max-width: 50% !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { padding: 28px 28px 24px !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title, body .popup-quick-view .entry-summary h1.product_title.entry-title a { font-size: 23px !important; } } @media (max-width: 767px) { body .mfp-container { width: 100% !important; padding: 8px !important; } body .mfp-container .mfp-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; } body .popup-quick-view { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } body .popup-quick-view .product-quick-view, body .popup-quick-view .product-quick-view > .row.product-image-summary { width: 100% !important; max-width: 100% !important; } body .popup-quick-view .product-images, body .popup-quick-view .entry-summary { width: 100% !important; max-width: 100% !important; padding: 0 !important; } body .popup-quick-view .product-images { height: auto !important; margin: 0 !important; padding: 8px 8px 0 !important; } body .popup-quick-view .product-images .images { height: auto !important; } body .popup-quick-view .product-images .woocommerce-product-gallery__wrapper, body .popup-quick-view .product-images .woocommerce-product-gallery__image { height: min(43dvh, 350px) !important; } body .popup-quick-view .product-images img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { width: 100% !important; height: auto !important; max-height: none !important; padding: 24px 20px 26px !important; overflow: visible !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title, body .popup-quick-view .entry-summary h1.product_title.entry-title a { font-size: clamp(20px, 6vw, 24px) !important; line-height: 1.2 !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title { padding-right: 0 !important; } body .popup-quick-view .entry-summary p.price, body .popup-quick-view .entry-summary p.price .amount { font-size: 23px !important; } body .popup-quick-view .woocommerce-product-details__short-description > p:first-child { -webkit-line-clamp: 4; } body .popup-quick-view form.cart, body .popup-quick-view .cart { flex-wrap: nowrap !important; margin-top: 16px !important; } body .popup-quick-view .view-details-btn { position: static !important; width: 100% !important; min-height: 46px !important; padding: 13px 16px !important; transform: none !important; text-align: center !important; } body .popup-quick-view .mfp-close { position: absolute !important; top: 10px !important; right: 10px !important; } } @media (max-width: 360px) { body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { padding-right: 16px !important; padding-left: 16px !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title, body .popup-quick-view .entry-summary h1.product_title.entry-title a { font-size: 20px !important; } } /* ============================================================ 44. EOF DESKTOP MODAL LOCK (v33) ============================================================ */ @media (min-width: 768px) { body .popup-quick-view { width: calc(100% - 40px) !important; max-width: 660px !important; max-height: calc(100vh - 56px) !important; } body .popup-quick-view .product-quick-view, body .popup-quick-view .product-quick-view > .row.product-image-summary { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; } body .popup-quick-view .product-images { display: none !important; } body .popup-quick-view .entry-summary { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; background: #fff !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { width: 100% !important; height: auto !important; max-height: calc(100vh - 58px) !important; padding: 36px 42px 34px !important; overflow-x: hidden !important; overflow-y: auto !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title { padding-right: 34px !important; } } @media (min-width: 768px) and (max-width: 1024px) { body .popup-quick-view { width: calc(100% - 32px) !important; max-width: 620px !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { padding: 32px 36px 30px !important; } } /* ============================================================ 45. QUICK VIEW — IMAGE + PRODUCT DETAILS (v34 FINAL LOCK) The live Basel popup already contains the gallery and the product-details link. This final lock restores both without changing any product-card or page-section selectors. ============================================================ */ /* Keep the existing product URL, but give the action a clear label. */ body .popup-quick-view .product-images .view-details-btn { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 50px !important; padding: 12px 18px !important; border: 0 !important; background: linear-gradient(135deg, #8e3da1 0%, #b867ca 100%) !important; color: #fff !important; font-size: 0 !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .055em !important; text-decoration: none !important; text-transform: uppercase !important; box-shadow: none !important; } body .popup-quick-view .product-images .view-details-btn::before { content: "ΔΕΣ ΟΛΕΣ ΤΙΣ ΠΛΗΡΟΦΟΡΙΕΣ"; font-size: 12px !important; } body .popup-quick-view .product-images .view-details-btn::after { content: "→"; font-size: 16px !important; line-height: 1 !important; transition: transform .2s ease; } @media (hover: hover) and (pointer: fine) { body .popup-quick-view .product-images .view-details-btn:hover { background: linear-gradient(135deg, #783288 0%, #a452b7 100%) !important; color: #fff !important; } body .popup-quick-view .product-images .view-details-btn:hover::after { transform: translateX(3px); } } @media (min-width: 768px) { body .popup-quick-view { width: calc(100% - 40px) !important; max-width: 960px !important; max-height: calc(100vh - 56px) !important; overflow: hidden !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 24px 80px rgba(48, 24, 53, .28) !important; } body .popup-quick-view .product-quick-view { display: block !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; } body .popup-quick-view .product-quick-view > .row.product-image-summary { display: grid !important; grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; height: min(540px, calc(100vh - 56px)) !important; min-height: min(440px, calc(100vh - 56px)) !important; margin: 0 !important; overflow: hidden !important; } body .popup-quick-view .product-images { float: none !important; display: flex !important; width: 100% !important; max-width: none !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-right: 1px solid rgba(142, 61, 161, .12) !important; background: linear-gradient(145deg, #fcf9fd 0%, #f7f1f9 100%) !important; } body .popup-quick-view .product-images .images { position: relative !important; display: grid !important; grid-template-rows: minmax(0, 1fr) 50px !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body .popup-quick-view .product-images .quick-view-gallery, body .popup-quick-view .product-images .woocommerce-product-gallery__wrapper { position: relative !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; overflow: hidden !important; } body .popup-quick-view .product-images .owl-stage-outer, body .popup-quick-view .product-images .owl-stage, body .popup-quick-view .product-images .owl-item, body .popup-quick-view .product-images .woocommerce-product-gallery__image, body .popup-quick-view .product-images .woocommerce-product-gallery__image > a { height: 100% !important; min-height: 0 !important; } body .popup-quick-view .product-images .woocommerce-product-gallery__image { width: 100% !important; margin: 0 !important; } body .popup-quick-view .product-images .woocommerce-product-gallery__image > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } body .popup-quick-view .product-images img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; padding: 20px !important; object-fit: contain !important; object-position: center !important; } body .popup-quick-view .product-images .view-details-btn { position: static !important; inset: auto !important; grid-row: 2 !important; width: 100% !important; height: 50px !important; margin: 0 !important; transform: none !important; } body .popup-quick-view .entry-summary { float: none !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll { position: static !important; inset: auto !important; display: block !important; width: 100% !important; height: 100% !important; max-height: 100% !important; overflow: hidden !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; height: 100% !important; max-height: 100% !important; padding: 36px 42px 32px !important; overflow-x: hidden !important; overflow-y: auto !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title { flex: 0 0 auto !important; padding-right: 32px !important; } body .popup-quick-view .entry-summary p.price, body .popup-quick-view .woocommerce-product-details__short-description { flex: 0 0 auto !important; } body .popup-quick-view form.cart, body .popup-quick-view .cart { flex: 0 0 auto !important; margin-top: auto !important; margin-bottom: 0 !important; } } @media (min-width: 768px) and (max-width: 1024px) { body .popup-quick-view { width: calc(100% - 32px) !important; max-width: 900px !important; max-height: calc(100vh - 32px) !important; } body .popup-quick-view .product-quick-view > .row.product-image-summary { grid-template-columns: minmax(0, 42%) minmax(0, 58%) !important; height: min(520px, calc(100vh - 32px)) !important; min-height: min(420px, calc(100vh - 32px)) !important; } body .popup-quick-view .product-images img { padding: 16px !important; } body .popup-quick-view .entry-summary .summary-inner.basel-scroll > .basel-scroll-content { padding: 30px 32px 28px !important; } body .popup-quick-view .entry-summary h1.product_title.entry-title, body .popup-quick-view .entry-summary h1.product_title.entry-title a { font-size: 22px !important; } } @media (max-width: 767px) { body .popup-quick-view .product-images .view-details-btn { position: static !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 48px !important; margin: 0 !important; transform: none !important; } } /* ============================================================ 46. SHOP DESKTOP SIDEBAR — PREMIUM PANEL (v36 / PHASE 1) Built from the live CSS backup of 2026-08-18. Product-category names are intentionally left untouched. Mobile/tablet filters and the mobile navigation are unchanged in this phase so the redesign remains easy to approve/revert. ============================================================ */ @media (min-width: 1025px) { /* Basel's overflow:hidden wrapper blocks CSS sticky on desktop. */ body.woocommerce.archive .website-wrapper { overflow-x: clip !important; overflow-y: visible !important; } /* Use a real two-column layout so the sidebar has useful width. */ body.woocommerce.archive .main-page-wrapper > .container > .row { display: grid !important; grid-template-columns: 255px minmax(0, 1fr) !important; align-items: stretch !important; gap: 24px !important; margin-right: 0 !important; margin-left: 0 !important; } body.woocommerce.archive .main-page-wrapper > .container > .row > .shop-content-area { position: relative !important; right: auto !important; left: auto !important; float: none !important; grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } body.woocommerce.archive .main-page-wrapper > .container > .row > .area-sidebar-shop { position: relative !important; top: auto !important; right: auto !important; left: auto !important; float: none !important; grid-column: 1 !important; grid-row: 1 !important; align-self: stretch !important; display: block !important; width: 255px !important; max-width: 255px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; transform: none !important; } body.woocommerce.archive .area-sidebar-shop, body.woocommerce.archive .area-sidebar-shop * { box-sizing: border-box; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn { display: none !important; } body.woocommerce.archive .area-sidebar-shop .sidebar-inner.basel-scroll { position: sticky !important; top: 92px !important; width: 100% !important; height: auto !important; max-height: calc(100vh - 116px) !important; padding: 21px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; border: 1px solid rgba(143, 60, 162, .14) !important; border-radius: 18px !important; background: linear-gradient(155deg, #fff 0%, #fcf8fd 100%) !important; box-shadow: 0 14px 36px rgba(59, 35, 65, .09) !important; scrollbar-width: thin !important; scrollbar-color: rgba(143, 60, 162, .38) transparent !important; } body.woocommerce.archive .area-sidebar-shop .widget-area, body.woocommerce.archive .area-sidebar-shop .widget_product_categories, body.woocommerce.archive .area-sidebar-shop .widget_price_filter { width: 100% !important; } body.woocommerce.archive .area-sidebar-shop .widget_product_categories, body.woocommerce.archive .area-sidebar-shop .widget_price_filter { margin: 0 !important; } body.woocommerce.archive .area-sidebar-shop .widget-title { position: relative !important; margin: 0 0 15px !important; padding: 0 0 11px !important; color: #352b38 !important; font-family: Karla, Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .065em !important; text-transform: uppercase !important; } body.woocommerce.archive .area-sidebar-shop .widget-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, #8f3ca2, #d39ade); } body.woocommerce.archive .area-sidebar-shop .product-categories, body.woocommerce.archive .area-sidebar-shop .product-categories ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li { position: relative !important; margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li > a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 41px !important; margin: 0 !important; padding: 9px 40px 9px 32px !important; overflow-wrap: anywhere !important; border: 1px solid transparent !important; border-radius: 10px !important; background: transparent !important; color: #4c414f !important; font-family: Karla, Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; text-decoration: none !important; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li > a::before { content: ""; position: absolute; top: 50%; left: 12px; width: 9px; height: 9px; border: 2px solid rgba(143, 60, 162, .62); border-radius: 50% 50% 50% 12%; background: #fff; transform: translateY(-50%) rotate(45deg); } body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat > a, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-parent > a, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-ancestor > a { border-color: #8f3ca2 !important; background: linear-gradient(135deg, #813593 0%, #b85fc8 100%) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(129, 53, 147, .2) !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat > a::before, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-parent > a::before, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-ancestor > a::before { border-color: #fff !important; background: rgba(255, 255, 255, .24) !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle { position: absolute !important; top: 4px !important; right: 4px !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; padding: 0 !important; border: 0 !important; border-radius: 9px !important; background: rgba(143, 60, 162, .08) !important; color: transparent !important; font-size: 0 !important; cursor: pointer !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::before { content: none !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::after { content: "" !important; display: block !important; width: 8px !important; height: 8px !important; border-right: 2px solid #8f3ca2 !important; border-bottom: 2px solid #8f3ca2 !important; transform: translateY(-2px) rotate(45deg) !important; transition: transform .22s ease !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle.toggle-active::after { transform: translateY(2px) rotate(225deg) !important; } body.woocommerce.archive .area-sidebar-shop .current-cat > .basel-cats-toggle, body.woocommerce.archive .area-sidebar-shop .current-cat-parent > .basel-cats-toggle, body.woocommerce.archive .area-sidebar-shop .current-cat-ancestor > .basel-cats-toggle { background: rgba(255, 255, 255, .2) !important; } body.woocommerce.archive .area-sidebar-shop .current-cat > .basel-cats-toggle::after, body.woocommerce.archive .area-sidebar-shop .current-cat-parent > .basel-cats-toggle::after, body.woocommerce.archive .area-sidebar-shop .current-cat-ancestor > .basel-cats-toggle::after { border-color: #fff !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children { margin: 6px 0 9px 16px !important; padding: 7px 0 7px 11px !important; border-left: 2px solid rgba(143, 60, 162, .18) !important; border-radius: 0 8px 8px 0 !important; background: rgba(249, 242, 251, .74) !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children a { position: relative !important; display: block !important; padding: 7px 8px 7px 20px !important; border-radius: 7px !important; color: #685b6b !important; font-family: Karla, Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.35 !important; text-decoration: none !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children a::before { content: "" !important; position: absolute !important; top: 50% !important; left: 8px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #b66bc4 !important; transform: translateY(-50%) !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children a:hover, body.woocommerce.archive .area-sidebar-shop .product-categories ul.children .current-cat > a { background: #fff !important; color: #783389 !important; } body.woocommerce.archive .area-sidebar-shop .cat-item-27 { display: none !important; } body.woocommerce.archive .area-sidebar-shop .widget_price_filter { margin-top: 16px !important; padding: 20px 0 0 !important; border-top: 1px solid rgba(143, 60, 162, .13) !important; } body.woocommerce.archive .area-sidebar-shop .widget_price_filter .widget-title { margin-bottom: 23px !important; } body.woocommerce.archive .area-sidebar-shop .price_slider { height: 5px !important; margin: 0 8px 22px !important; border: 0 !important; border-radius: 99px !important; background: #eadced !important; } body.woocommerce.archive .area-sidebar-shop .price_slider .ui-slider-range { height: 5px !important; border: 0 !important; border-radius: 99px !important; background: linear-gradient(90deg, #8f3ca2, #c879d3) !important; } body.woocommerce.archive .area-sidebar-shop .price_slider .ui-slider-handle { top: 50% !important; width: 17px !important; height: 17px !important; margin-top: -8.5px !important; border: 3px solid #fff !important; border-radius: 50% !important; background: #963fa8 !important; box-shadow: 0 2px 8px rgba(87, 35, 98, .28) !important; } body.woocommerce.archive .area-sidebar-shop .price_slider_amount { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 11px !important; width: 100% !important; } body.woocommerce.archive .area-sidebar-shop .price_label { order: 1 !important; width: 100% !important; color: #5b4e5e !important; font-family: Karla, Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; } body.woocommerce.archive .area-sidebar-shop .price_slider_amount .button { order: 2 !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 11px 16px !important; border: 0 !important; border-radius: 10px !important; background: linear-gradient(135deg, #87389a 0%, #b95fc9 100%) !important; color: #fff !important; font-family: Karla, Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .055em !important; text-align: center !important; box-shadow: 0 8px 18px rgba(135, 56, 154, .2) !important; } /* Replace the long eight-product widget with a compact service card. */ body.woocommerce.archive .area-sidebar-shop .widget_products { display: block !important; width: 100% !important; margin: 20px 0 0 !important; padding: 17px 16px 18px !important; overflow: hidden !important; border: 1px solid rgba(143, 60, 162, .13) !important; border-radius: 14px !important; background: linear-gradient(145deg, #f9effb 0%, #fff 100%) !important; box-shadow: 0 8px 22px rgba(72, 43, 79, .07) !important; } body.woocommerce.archive .area-sidebar-shop .widget_products > * { display: none !important; } body.woocommerce.archive .area-sidebar-shop .widget_products::before { content: "ΑΓΟΡΕΣ ΜΕ ΣΙΓΟΥΡΙΑ"; display: block; margin: 0 0 13px; color: #71307e; font-family: Karla, Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .07em; text-align: center; } body.woocommerce.archive .area-sidebar-shop .widget_products::after { content: "✓ Δωρεάν μεταφορικά άνω των 60€\A\A✓ Τηλεφωνικές παραγγελίες\A 22540 25565\A\A✓ Ασφαλείς πληρωμές"; display: block; white-space: pre-line; color: #544758; font-family: Karla, Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.45; } } @media (min-width: 1025px) and (max-width: 1199px) { body.woocommerce.archive .main-page-wrapper > .container > .row { grid-template-columns: 230px minmax(0, 1fr) !important; gap: 20px !important; } body.woocommerce.archive .main-page-wrapper > .container > .row > .area-sidebar-shop { width: 230px !important; max-width: 230px !important; } body.woocommerce.archive .area-sidebar-shop .sidebar-inner.basel-scroll { padding: 18px !important; } } @media (hover: hover) and (pointer: fine) and (min-width: 1025px) { body.woocommerce.archive .area-sidebar-shop .product-categories > li > a:hover { border-color: rgba(143, 60, 162, .14) !important; background: #f8f0fa !important; color: #783389 !important; transform: translateX(3px); } body.woocommerce.archive .area-sidebar-shop .price_slider_amount .button:hover { transform: translateY(-2px) !important; box-shadow: 0 11px 23px rgba(135, 56, 154, .28) !important; } } @media (prefers-reduced-motion: reduce) { body.woocommerce.archive .area-sidebar-shop, body.woocommerce.archive .area-sidebar-shop * { transition-duration: .01ms !important; } } /* ============================================================ 47. CATEGORY LINE ICONS + PLUS/MINUS ACCORDION (v37 / v38) Self-contained SVG masks avoid emoji and icon-font mismatch. Category wording remains exactly as entered by the client. ============================================================ */ @media (min-width: 0px) { body.woocommerce.archive .area-sidebar-shop .product-categories > li > a { padding-left: 40px !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li > a::before { content: "" !important; position: absolute !important; top: 50% !important; left: 12px !important; width: 19px !important; height: 19px !important; border: 0 !important; border-radius: 0 !important; background: #9b4ead !important; opacity: .92 !important; transform: translateY(-50%) !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8L12%203z'%2F%3E%3Cpath%20d%3D'M18.5%203.5v3M17%205h3M5%2016v4M3%2018h4'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8L12%203z'%2F%3E%3Cpath%20d%3D'M18.5%203.5v3M17%205h3M5%2016v4M3%2018h4'%2F%3E%3C%2Fsvg%3E") !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* K-Beauty — sparkle */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-53 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8L12%203z'%2F%3E%3Cpath%20d%3D'M18.5%203.5v3M17%205h3M5%2016v4M3%2018h4'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8L12%203z'%2F%3E%3Cpath%20d%3D'M18.5%203.5v3M17%205h3M5%2016v4M3%2018h4'%2F%3E%3C%2Fsvg%3E") !important; } /* BIO series — leaf */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-54 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%204C12%204%206%208%206%2015c0%203%202%205%205%205%207%200%209-8%209-16z'%2F%3E%3Cpath%20d%3D'M4%2021c3-6%207-10%2013-13'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%204C12%204%206%208%206%2015c0%203%202%205%205%205%207%200%209-8%209-16z'%2F%3E%3Cpath%20d%3D'M4%2021c3-6%207-10%2013-13'%2F%3E%3C%2Fsvg%3E") !important; } /* Face */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-36 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'8'%2F%3E%3Cpath%20d%3D'M9%2010h.01M15%2010h.01M8.5%2014.5c2.2%202%204.8%202%207%200'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'8'%2F%3E%3Cpath%20d%3D'M9%2010h.01M15%2010h.01M8.5%2014.5c2.2%202%204.8%202%207%200'%2F%3E%3C%2Fsvg%3E") !important; } /* Body */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-37 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'4.5'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'M8%2021l1-7-2-4c-.5-1%20.2-2%201.3-2h7.4c1.1%200%201.8%201%201.3%202l-2%204%201%207M9%2014h6M12%208v13'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'4.5'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'M8%2021l1-7-2-4c-.5-1%20.2-2%201.3-2h7.4c1.1%200%201.8%201%201.3%202l-2%204%201%207M9%2014h6M12%208v13'%2F%3E%3C%2Fsvg%3E") !important; } /* Home */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-56 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011l9-8%209%208'%2F%3E%3Cpath%20d%3D'M5%2010v10h14V10M9%2020v-6h6v6'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011l9-8%209%208'%2F%3E%3Cpath%20d%3D'M5%2010v10h14V10M9%2020v-6h6v6'%2F%3E%3C%2Fsvg%3E") !important; } /* Hair */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-38 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2021c0-5%202-8%205-10%203-2%204-5%203-8%204%203%205%207%203%2011-2%204-6%206-11%207z'%2F%3E%3Cpath%20d%3D'M9%2018c3-1%205-3%207-6M11%2021c2-1%204-2%206-4'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2021c0-5%202-8%205-10%203-2%204-5%203-8%204%203%205%207%203%2011-2%204-6%206-11%207z'%2F%3E%3Cpath%20d%3D'M9%2018c3-1%205-3%207-6M11%2021c2-1%204-2%206-4'%2F%3E%3C%2Fsvg%3E") !important; } /* Baby / Child */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-40 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'13'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M9%2011h.01M15%2011h.01M9.5%2015c1.6%201.3%203.4%201.3%205%200M12%206c-1-3%202-4%203-2'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'13'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M9%2011h.01M15%2011h.01M9.5%2015c1.6%201.3%203.4%201.3%205%200M12%206c-1-3%202-4%203-2'%2F%3E%3C%2Fsvg%3E") !important; } /* Men's series */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-41 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'10'%20cy%3D'14'%20r%3D'6'%2F%3E%3Cpath%20d%3D'M14.5%209.5L21%203M16%203h5v5'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'10'%20cy%3D'14'%20r%3D'6'%2F%3E%3Cpath%20d%3D'M14.5%209.5L21%203M16%203h5v5'%2F%3E%3C%2Fsvg%3E") !important; } /* Zipper Box & more */ body.woocommerce.archive .area-sidebar-shop .product-categories > li.cat-item-88 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%207l8-4%208%204-8%204-8-4zM4%207v10l8%204%208-4V7M12%2011v10'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%207l8-4%208%204-8%204-8-4zM4%207v10l8%204%208-4V7M12%2011v10'%2F%3E%3C%2Fsvg%3E") !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat > a::before, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-parent > a::before, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-ancestor > a::before { background: #fff !important; opacity: 1 !important; } /* Remove Basel's icon-font marker; the custom dot is already on each child link. */ body.woocommerce.archive .area-sidebar-shop .product-categories ul.children li::before, body.woocommerce.archive .area-sidebar-shop .product-categories ul.children li::after { content: none !important; display: none !important; } /* Plus becomes minus while the real Basel accordion is open. */ body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::before, body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; border: 0 !important; border-radius: 99px !important; background: #8f3ca2 !important; transform: translate(-50%, -50%) !important; transition: opacity .2s ease, transform .2s ease !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::before { width: 12px !important; height: 2px !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::after { width: 2px !important; height: 12px !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle.toggle-active::after { opacity: 0 !important; transform: translate(-50%, -50%) scaleY(0) !important; } body.woocommerce.archive .area-sidebar-shop .current-cat > .basel-cats-toggle::before, body.woocommerce.archive .area-sidebar-shop .current-cat > .basel-cats-toggle::after, body.woocommerce.archive .area-sidebar-shop .current-cat-parent > .basel-cats-toggle::before, body.woocommerce.archive .area-sidebar-shop .current-cat-parent > .basel-cats-toggle::after, body.woocommerce.archive .area-sidebar-shop .current-cat-ancestor > .basel-cats-toggle::before, body.woocommerce.archive .area-sidebar-shop .current-cat-ancestor > .basel-cats-toggle::after { background: #fff !important; } } /* ============================================================ 48. SHOP MOBILE/TABLET FILTER EXPERIENCE (v38) One clear segmented toolbar replaces the two visually unrelated "Show sidebar / Filters" controls while preserving both native Basel actions: categories + price in the drawer, sorting + quick price ranges in the expandable panel. ============================================================ */ @media (max-width: 1024px) { body.woocommerce.archive .shop-loop-head { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; margin-bottom: 18px !important; } body.woocommerce.archive .shop-loop-head > .woocommerce-breadcrumb, body.woocommerce.archive .shop-loop-head > .woocommerce-notices-wrapper, body.woocommerce.archive .shop-loop-head > .woocommerce-result-count { grid-column: 1 / -1 !important; } body.woocommerce.archive .shop-loop-head > .woocommerce-breadcrumb { margin-bottom: 18px !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn, body.woocommerce.archive .shop-loop-head .basel-filter-buttons { grid-row: 4 !important; position: relative !important; inset: auto !important; float: none !important; display: flex !important; align-items: stretch !important; width: auto !important; min-width: 0 !important; height: 50px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(143, 60, 162, .2) !important; background: linear-gradient(145deg, #fff 0%, #fbf5fc 100%) !important; box-shadow: 0 8px 22px rgba(78, 42, 85, .09) !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn { grid-column: 1 !important; align-items: center !important; justify-content: center !important; gap: 9px !important; border-right: 0 !important; border-radius: 13px 0 0 13px !important; color: #4c3b50 !important; cursor: pointer !important; } body.woocommerce.archive .shop-loop-head .basel-filter-buttons { grid-column: 2 !important; border-left: 1px solid rgba(143, 60, 162, .13) !important; border-radius: 0 13px 13px 0 !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn .basel-side-bar-icon { position: relative !important; top: auto !important; left: auto !important; display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; margin: 0 !important; border: 0 !important; background: #9342a5 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%206h16M4%2012h16M4%2018h16'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'6'%20r%3D'2'%20fill%3D'black'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'12'%20r%3D'2'%20fill%3D'black'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'18'%20r%3D'2'%20fill%3D'black'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%206h16M4%2012h16M4%2018h16'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'6'%20r%3D'2'%20fill%3D'black'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'12'%20r%3D'2'%20fill%3D'black'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'18'%20r%3D'2'%20fill%3D'black'%2F%3E%3C%2Fsvg%3E") !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn .basel-side-bar-icon::before, body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn .basel-side-bar-icon::after { content: none !important; display: none !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn > span:last-child { display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 100% !important; font-size: 0 !important; line-height: 1 !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn > span:last-child::after { content: "ΚΑΤΗΓΟΡΙΕΣ" !important; display: block !important; color: #4c3b50 !important; font-family: Karla, Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .045em !important; } body.woocommerce.archive .shop-loop-head .open-filters { position: relative !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: 100% !important; height: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; background: transparent !important; color: #4c3b50 !important; font-size: 0 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; } body.woocommerce.archive .shop-loop-head .open-filters::before { content: "" !important; position: static !important; display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #9342a5 !important; transform: none !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%206h13M4%206h.01M4%2012h13M20%2012h.01M7%2018h13M4%2018h.01'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%206h13M4%206h.01M4%2012h13M20%2012h.01M7%2018h13M4%2018h.01'%2F%3E%3C%2Fsvg%3E") !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; transition: transform .2s ease !important; } body.woocommerce.archive .shop-loop-head .open-filters::after { content: "ΤΑΞΙΝΟΜΗΣΗ" !important; position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; border: 0 !important; background: none !important; color: #4c3b50 !important; font-family: Karla, Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .045em !important; transform: none !important; } body.woocommerce.archive .shop-loop-head .open-filters.btn-opened { background: linear-gradient(135deg, #87389a 0%, #b95fc9 100%) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12) !important; } body.woocommerce.archive .shop-loop-head .open-filters.btn-opened::before, body.woocommerce.archive .shop-loop-head .open-filters.btn-opened::after { background-color: #fff !important; color: #fff !important; } body.woocommerce.archive .shop-loop-head .open-filters.btn-opened::after { background: transparent !important; } body.woocommerce.archive .shop-loop-head .open-filters.btn-opened::before { transform: rotate(180deg) !important; } /* Expanded sort/price panel. */ body.woocommerce.archive .filters-area.filters-opened { box-sizing: border-box !important; width: 100% !important; margin: -4px 0 22px !important; padding: 17px !important; overflow: hidden !important; border: 1px solid rgba(143, 60, 162, .15) !important; border-radius: 16px !important; background: linear-gradient(150deg, #fff 0%, #fbf6fc 100%) !important; box-shadow: 0 12px 30px rgba(70, 40, 76, .09) !important; } body.woocommerce.archive .filters-area .filters-inner-area.row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 18px !important; width: 100% !important; margin: 0 !important; } body.woocommerce.archive .filters-area .filters-inner-area.row::before, body.woocommerce.archive .filters-area .filters-inner-area.row::after { content: none !important; display: none !important; } body.woocommerce.archive .filters-area .filter-widget { float: none !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; clear: none !important; } body.woocommerce.archive .filters-area .filter-widget .widget-title { position: relative !important; margin: 0 0 12px !important; padding: 0 0 10px !important; color: transparent !important; font-family: Karla, Arial, sans-serif !important; font-size: 0 !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: .055em !important; text-transform: uppercase !important; } body.woocommerce.archive .filters-area .filter-widget .widget-title::before { position: static !important; inset: auto !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #3f3342 !important; font-size: 12px !important; line-height: 1.3 !important; white-space: normal !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting .widget-title::before { content: "ΤΑΞΙΝΟΜΗΣΗ ΠΡΟΪΟΝΤΩΝ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Price_Filter .widget-title::before { content: "ΕΥΡΟΣ ΤΙΜΗΣ" !important; } body.woocommerce.archive .filters-area .filter-widget .widget-title::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 36px !important; height: 3px !important; border-radius: 99px !important; background: linear-gradient(90deg, #8f3ca2, #d39ade) !important; } body.woocommerce.archive .filters-area ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting ul, body.woocommerce.archive .filters-area #BASEL_Widget_Price_Filter ul { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 8px !important; } body.woocommerce.archive .filters-area .filter-widget li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .filters-area .filter-widget li::before, body.woocommerce.archive .filters-area .filter-widget li::after { content: none !important; display: none !important; } body.woocommerce.archive .filters-area .filter-widget li > a { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 8px 9px !important; border: 1px solid rgba(143, 60, 162, .14) !important; border-radius: 9px !important; background: #fff !important; color: #594b5c !important; font-family: Karla, Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 3px 10px rgba(66, 39, 72, .04) !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a { font-size: 0 !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a::after { color: inherit !important; font-size: 11px !important; line-height: 1.25 !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a[data-order="popularity"]::after { content: "ΔΗΜΟΦΙΛΗ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a[data-order="rating"]::after { content: "ΒΑΘΜΟΛΟΓΙΑ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a[data-order="date"]::after { content: "ΝΕΟΤΕΡΑ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a[data-order="price"]::after { content: "ΤΙΜΗ: ΧΑΜΗΛΗ → ΥΨΗΛΗ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting li > a[data-order="price-desc"]::after { content: "ΤΙΜΗ: ΥΨΗΛΗ → ΧΑΜΗΛΗ" !important; } body.woocommerce.archive .filters-area .filter-widget li > a.selected, body.woocommerce.archive .filters-area .filter-widget li.chosen > a, body.woocommerce.archive .filters-area .filter-widget li.current > a { border-color: #8f3ca2 !important; background: linear-gradient(135deg, #8b3c9e 0%, #b85fc8 100%) !important; color: #fff !important; box-shadow: 0 6px 14px rgba(135, 56, 154, .2) !important; } /* Premium off-canvas panel for categories and the live price slider. */ body.woocommerce.archive .area-sidebar-shop { box-sizing: border-box !important; width: min(88vw, 360px) !important; max-width: 360px !important; height: 100dvh !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; background: linear-gradient(160deg, #fff 0%, #fbf6fc 100%) !important; box-shadow: 18px 0 45px rgba(47, 29, 51, .2) !important; transition: transform .3s ease !important; } body.woocommerce.archive:not(.basel-show-hidden-sidebar) .area-sidebar-shop { transform: translate3d(-100%, 0, 0) !important; } body.woocommerce.archive.basel-show-hidden-sidebar .area-sidebar-shop { transform: translate3d(0, 0, 0) !important; } body.woocommerce.archive.basel-show-hidden-sidebar { overflow: hidden !important; } body.woocommerce.archive .area-sidebar-shop .sidebar-inner.basel-scroll { box-sizing: border-box !important; width: 100% !important; height: 100dvh !important; max-height: 100dvh !important; padding: 0 18px 28px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; background: transparent !important; scrollbar-width: thin !important; scrollbar-color: rgba(143, 60, 162, .35) transparent !important; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn { box-sizing: border-box !important; position: sticky !important; top: 8px !important; z-index: 12 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 8px 0 24px !important; padding: 0 52px 0 20px !important; border: 1px solid rgba(143, 60, 162, .15) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .96) !important; color: #403444 !important; box-shadow: 0 7px 18px rgba(68, 39, 73, .07) !important; backdrop-filter: blur(12px) !important; cursor: pointer !important; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn > span { position: static !important; display: block !important; flex: 1 1 auto !important; width: auto !important; height: auto !important; font-size: 0 !important; line-height: 1 !important; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn > span::after { content: "ΦΙΛΤΡΑ & ΚΑΤΗΓΟΡΙΕΣ" !important; position: static !important; inset: auto !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; text-align: left !important; color: #403444 !important; font-family: Karla, Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .055em !important; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn::before, body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn::after { content: "" !important; position: absolute !important; top: 50% !important; right: 22px !important; display: block !important; width: 17px !important; height: 2px !important; border: 0 !important; border-radius: 99px !important; background: #8f3ca2 !important; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn::before { transform: translateY(-50%) rotate(45deg) !important; } body.woocommerce.archive .area-sidebar-shop .basel-close-sidebar-btn::after { transform: translateY(-50%) rotate(-45deg) !important; } body.woocommerce.archive .area-sidebar-shop .widget-area, body.woocommerce.archive .area-sidebar-shop .widget_product_categories, body.woocommerce.archive .area-sidebar-shop .widget_price_filter { box-sizing: border-box !important; width: 100% !important; } body.woocommerce.archive .area-sidebar-shop .sidebar-widget { margin-right: 0 !important; margin-left: 0 !important; } body.woocommerce.archive .area-sidebar-shop .widget_product_categories, body.woocommerce.archive .area-sidebar-shop .widget_price_filter { margin: 0 !important; padding: 0 !important; } body.woocommerce.archive .area-sidebar-shop .widget-title { position: relative !important; margin: 0 0 14px !important; padding: 0 0 11px !important; color: #352b38 !important; font-family: Karla, Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .065em !important; text-transform: uppercase !important; } body.woocommerce.archive .area-sidebar-shop .widget-title::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 38px !important; height: 3px !important; border-radius: 99px !important; background: linear-gradient(90deg, #8f3ca2, #d39ade) !important; } body.woocommerce.archive .area-sidebar-shop .product-categories, body.woocommerce.archive .area-sidebar-shop .product-categories ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li { position: relative !important; margin: 0 0 5px !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li > a { box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 45px !important; margin: 0 !important; padding: 10px 44px 10px 42px !important; overflow-wrap: anywhere !important; border: 1px solid transparent !important; border-radius: 11px !important; background: transparent !important; color: #4c414f !important; font-family: Karla, Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; text-decoration: none !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li > a::before { left: 13px !important; width: 19px !important; height: 19px !important; } body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat > a, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-parent > a, body.woocommerce.archive .area-sidebar-shop .product-categories > li.current-cat-ancestor > a { border-color: #8f3ca2 !important; background: linear-gradient(135deg, #813593 0%, #b85fc8 100%) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(129, 53, 147, .2) !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle { position: absolute !important; top: 6px !important; right: 5px !important; z-index: 4 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; padding: 0 !important; border: 0 !important; border-radius: 9px !important; background: rgba(143, 60, 162, .09) !important; color: transparent !important; font-size: 0 !important; cursor: pointer !important; } body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::before, body.woocommerce.archive .area-sidebar-shop .basel-cats-toggle::after { background: #8f3ca2 !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children { margin: 6px 0 10px 17px !important; padding: 7px 0 7px 10px !important; border-left: 2px solid rgba(143, 60, 162, .17) !important; border-radius: 0 9px 9px 0 !important; background: rgba(249, 242, 251, .8) !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children a { box-sizing: border-box !important; position: relative !important; display: block !important; padding: 8px 9px 8px 20px !important; border-radius: 8px !important; color: #665969 !important; font-family: Karla, Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.35 !important; text-decoration: none !important; } body.woocommerce.archive .area-sidebar-shop .product-categories ul.children a::before { content: "" !important; position: absolute !important; top: 50% !important; left: 8px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #b66bc4 !important; transform: translateY(-50%) !important; } body.woocommerce.archive .area-sidebar-shop .cat-item-27 { display: none !important; } body.woocommerce.archive .area-sidebar-shop .widget_price_filter { margin-top: 18px !important; padding-top: 19px !important; border-top: 1px solid rgba(143, 60, 162, .13) !important; } body.woocommerce.archive .area-sidebar-shop .widget_price_filter .widget-title { margin-bottom: 22px !important; } body.woocommerce.archive .area-sidebar-shop .price_slider { height: 5px !important; margin: 0 10px 23px !important; border: 0 !important; border-radius: 99px !important; background: #eadced !important; } body.woocommerce.archive .area-sidebar-shop .price_slider .ui-slider-range { height: 5px !important; border: 0 !important; border-radius: 99px !important; background: linear-gradient(90deg, #8f3ca2, #c879d3) !important; } body.woocommerce.archive .area-sidebar-shop .price_slider .ui-slider-handle { top: 50% !important; width: 18px !important; height: 18px !important; margin-top: -9px !important; border: 3px solid #fff !important; border-radius: 50% !important; background: #963fa8 !important; box-shadow: 0 2px 9px rgba(87, 35, 98, .3) !important; } body.woocommerce.archive .area-sidebar-shop .price_slider_amount { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; width: 100% !important; } body.woocommerce.archive .area-sidebar-shop .price_label { order: 1 !important; width: 100% !important; color: #5b4e5e !important; font-family: Karla, Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; } body.woocommerce.archive .area-sidebar-shop .price_slider_amount .button { order: 2 !important; width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 11px 16px !important; border: 0 !important; border-radius: 10px !important; background: linear-gradient(135deg, #87389a 0%, #b95fc9 100%) !important; color: #fff !important; font-family: Karla, Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .055em !important; text-align: center !important; box-shadow: 0 8px 18px rgba(135, 56, 154, .2) !important; } /* Product recommendations do not belong inside a filter drawer. */ body.woocommerce.archive .area-sidebar-shop .widget_products { display: none !important; } body.woocommerce.archive .basel-close-side { background: rgba(31, 21, 34, .48) !important; backdrop-filter: blur(2px) !important; } } @media (max-width: 639px) { body.woocommerce.archive .filters-area .filters-inner-area.row { grid-template-columns: minmax(0, 1fr) !important; } body.woocommerce.archive .filters-area.filters-opened { padding: 16px !important; } } @media (max-width: 374px) { body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn, body.woocommerce.archive .shop-loop-head .open-filters { gap: 6px !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn > span:last-child::after, body.woocommerce.archive .shop-loop-head .open-filters::after { font-size: 10px !important; letter-spacing: .025em !important; } body.woocommerce.archive .shop-loop-head .basel-show-sidebar-btn .basel-side-bar-icon, body.woocommerce.archive .shop-loop-head .open-filters::before { flex-basis: 17px !important; width: 17px !important; height: 17px !important; } body.woocommerce.archive .area-sidebar-shop { width: 92vw !important; } } @media (hover: hover) and (pointer: fine) and (max-width: 1024px) { body.woocommerce.archive .filters-area .filter-widget li > a:hover { border-color: rgba(143, 60, 162, .34) !important; background: #f8effa !important; color: #7d358e !important; } } @media (prefers-reduced-motion: reduce) { body.woocommerce.archive .area-sidebar-shop, body.woocommerce.archive .shop-loop-head .open-filters::before { transition-duration: .01ms !important; } } /* ============================================================ 49. MOBILE MICRO-FIXES (v39) - True vertical centering for the Categories toolbar label. - One-line phone bar on 320/340px devices. - Compact visual wording for non-purchasable product buttons. ============================================================ */ @media (max-width: 767px) { body .product-grid-item .basel-add-btn > a.button:not(.add_to_cart_button) { font-size: 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; } body .product-grid-item .basel-add-btn > a.button:not(.add_to_cart_button)::after { content: "ΔΕΙΤΕ ΤΟ" !important; position: static !important; display: inline-block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; font-family: Karla, Arial, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; line-height: inherit !important; letter-spacing: .035em !important; transform: none !important; } } @media (max-width: 340px) { body .topbar-wrapp, body .topbar-wrapp .topbar-content, body .topbar-wrapp .top-bar-left { height: 38px !important; min-height: 38px !important; max-height: 38px !important; } body .topbar-wrapp .topbar-content, body .topbar-wrapp .top-bar-left { font-size: 11px !important; line-height: 38px !important; white-space: nowrap !important; } } /* ============================================================ 50. SHOP DESKTOP TOOLBAR / SORTING / PAGINATION (v40) - Greek, self-explanatory sorting and price controls. - Premium two-panel desktop filter area matching the sidebar. - Irida pagination across desktop and mobile. - Category names and WooCommerce behavior remain untouched. ============================================================ */ @media (min-width: 1025px) { body.woocommerce.archive .shop-loop-head .woocommerce-result-count { display: inline-flex !important; align-items: center !important; min-height: 38px !important; margin: 0 12px 0 auto !important; padding: 8px 13px !important; border: 1px solid rgba(143, 60, 162, .14) !important; border-radius: 999px !important; background: linear-gradient(145deg, #fff 0%, #fbf5fc 100%) !important; color: #746878 !important; font-family: Karla, Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.2 !important; box-shadow: 0 5px 16px rgba(78, 42, 85, .06) !important; } body.woocommerce.archive .shop-loop-head .basel-filter-buttons { display: flex !important; align-items: center !important; justify-content: flex-end !important; } body.woocommerce.archive .shop-loop-head .open-filters { position: relative !important; inset: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; min-height: 40px !important; margin: 0 !important; padding: 9px 16px !important; border: 1px solid rgba(143, 60, 162, .22) !important; border-radius: 999px !important; background: linear-gradient(145deg, #fff 0%, #faf2fb 100%) !important; color: #6d3678 !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 7px 20px rgba(78, 42, 85, .09) !important; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease !important; } body.woocommerce.archive .shop-loop-head .open-filters::before { content: "" !important; position: static !important; inset: auto !important; display: block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; border: 0 !important; background: #8f3ca2 !important; transform: none !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 7h8a2.5 2.5 0 0 0 4.9 0H20a1 1 0 1 0 0-2h-3.1A2.5 2.5 0 0 0 12 5H4a1 1 0 0 0 0 2Zm16 10h-8a2.5 2.5 0 0 0-4.9 0H4a1 1 0 1 0 0 2h3.1a2.5 2.5 0 0 0 4.9 0h8a1 1 0 1 0 0-2Zm0-6h-3.1a2.5 2.5 0 0 0-4.9 0H4a1 1 0 1 0 0 2h8a2.5 2.5 0 0 0 4.9 0H20a1 1 0 1 0 0-2Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 7h8a2.5 2.5 0 0 0 4.9 0H20a1 1 0 1 0 0-2h-3.1A2.5 2.5 0 0 0 12 5H4a1 1 0 0 0 0 2Zm16 10h-8a2.5 2.5 0 0 0-4.9 0H4a1 1 0 1 0 0 2h3.1a2.5 2.5 0 0 0 4.9 0h8a1 1 0 1 0 0-2Zm0-6h-3.1a2.5 2.5 0 0 0-4.9 0H4a1 1 0 1 0 0 2h8a2.5 2.5 0 0 0 4.9 0H20a1 1 0 1 0 0-2Z'/%3E%3C/svg%3E") !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } body.woocommerce.archive .shop-loop-head .open-filters::after { content: "ΤΑΞΙΝΟΜΗΣΗ & ΤΙΜΗ" !important; position: static !important; inset: auto !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; font-family: Karla, Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .045em !important; transform: none !important; } body.woocommerce.archive .shop-loop-head .open-filters:hover { border-color: rgba(143, 60, 162, .42) !important; background: #f8effa !important; box-shadow: 0 9px 24px rgba(78, 42, 85, .13) !important; transform: translateY(-1px) !important; } body.woocommerce.archive .shop-loop-head .open-filters.btn-opened { border-color: transparent !important; background: linear-gradient(135deg, #87389a 0%, #b95fc9 100%) !important; color: #fff !important; box-shadow: 0 10px 25px rgba(135, 56, 154, .24) !important; } body.woocommerce.archive .shop-loop-head .open-filters.btn-opened::before { background: #fff !important; transform: rotate(180deg) !important; } body.woocommerce.archive .filters-area.filters-opened { box-sizing: border-box !important; margin: 15px 0 26px !important; padding: 18px !important; border: 1px solid rgba(143, 60, 162, .16) !important; border-radius: 17px !important; background: linear-gradient(145deg, #fff 0%, #fbf5fc 100%) !important; box-shadow: 0 14px 34px rgba(78, 42, 85, .1) !important; } body.woocommerce.archive .filters-area .filters-inner-area.row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; margin: 0 !important; } body.woocommerce.archive .filters-area .filter-widget { float: none !important; box-sizing: border-box !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 19px !important; border: 1px solid rgba(143, 60, 162, .13) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 6px 18px rgba(78, 42, 85, .055) !important; } body.woocommerce.archive .filters-area .filter-widget .widget-title { margin: 0 0 14px !important; padding: 0 0 10px !important; border-bottom: 1px solid rgba(143, 60, 162, .13) !important; color: #4c3b50 !important; font-family: Karla, Arial, sans-serif !important; font-size: 0 !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting .widget-title::after, body.woocommerce.archive .filters-area #BASEL_Widget_Price_Filter .widget-title::after { display: block !important; color: #4c3b50 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .055em !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting .widget-title::after { content: "ΤΑΞΙΝΟΜΗΣΗ ΠΡΟΪΟΝΤΩΝ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Price_Filter .widget-title::after { content: "ΕΥΡΟΣ ΤΙΜΗΣ" !important; } body.woocommerce.archive .filters-area .filter-widget ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.woocommerce.archive .filters-area .filter-widget li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .filters-area .filter-widget li > a { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; min-height: 41px !important; padding: 8px 10px !important; border: 1px solid rgba(143, 60, 162, .13) !important; border-radius: 9px !important; background: #fcf9fd !important; color: #5d5260 !important; font-family: Karla, Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease !important; } body.woocommerce.archive .filters-area .filter-widget li > a:hover { border-color: rgba(143, 60, 162, .38) !important; background: #f8effa !important; color: #7d358e !important; transform: translateY(-1px) !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order] { font-size: 0 !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order]::after { display: block !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .025em !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order="popularity"]::after { content: "ΔΗΜΟΦΙΛΗ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order="rating"]::after { content: "ΒΑΘΜΟΛΟΓΙΑ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order="date"]::after { content: "ΝΕΟΤΕΡΑ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order="price"]::after { content: "ΤΙΜΗ: ΧΑΜΗΛΗ → ΥΨΗΛΗ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Sorting a[data-order="price-desc"]::after { content: "ΤΙΜΗ: ΥΨΗΛΗ → ΧΑΜΗΛΗ" !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Price_Filter li:first-child > a { font-size: 0 !important; } body.woocommerce.archive .filters-area #BASEL_Widget_Price_Filter li:first-child > a::after { content: "ΟΛΑ" !important; display: block !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .035em !important; } body.woocommerce.archive .filters-area .filter-widget li.chosen > a, body.woocommerce.archive .filters-area .filter-widget li.current > a, body.woocommerce.archive .filters-area .filter-widget li > a.selected { border-color: transparent !important; background: linear-gradient(135deg, #87389a 0%, #b95fc9 100%) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(135, 56, 154, .2) !important; } } body.woocommerce.archive .woocommerce-pagination { clear: both !important; margin: 40px 0 46px !important; } body.woocommerce.archive .woocommerce-pagination ul.page-numbers { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .woocommerce-pagination ul.page-numbers > li { float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body.woocommerce.archive .woocommerce-pagination .page-numbers:not(ul) { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(143, 60, 162, .18) !important; border-radius: 50% !important; background: #fff !important; color: #5f5262 !important; font-family: Karla, Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 4px 13px rgba(78, 42, 85, .06) !important; transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important; } body.woocommerce.archive .woocommerce-pagination a.page-numbers:hover { border-color: rgba(143, 60, 162, .42) !important; background: #f8effa !important; color: #87389a !important; box-shadow: 0 7px 18px rgba(78, 42, 85, .11) !important; transform: translateY(-1px) !important; } body.woocommerce.archive .woocommerce-pagination .page-numbers.current { border-color: transparent !important; background: linear-gradient(135deg, #87389a 0%, #b95fc9 100%) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(135, 56, 154, .24) !important; } body.woocommerce.archive .woocommerce-pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; box-shadow: none !important; } body.woocommerce.archive .woocommerce-pagination .next.page-numbers, body.woocommerce.archive .woocommerce-pagination .prev.page-numbers { border-color: rgba(143, 60, 162, .26) !important; color: #87389a !important; font-size: 17px !important; } @media (max-width: 767px) { body.woocommerce.archive .woocommerce-pagination { margin: 32px 0 38px !important; } body.woocommerce.archive .woocommerce-pagination ul.page-numbers { gap: 6px !important; } body.woocommerce.archive .woocommerce-pagination .page-numbers:not(ul) { width: 35px !important; height: 35px !important; min-width: 35px !important; font-size: 11px !important; } body.woocommerce.archive .woocommerce-pagination .next.page-numbers, body.woocommerce.archive .woocommerce-pagination .prev.page-numbers { font-size: 15px !important; } } @media (prefers-reduced-motion: reduce) { body.woocommerce.archive .shop-loop-head .open-filters, body.woocommerce.archive .filters-area .filter-widget li > a, body.woocommerce.archive .woocommerce-pagination .page-numbers:not(ul) { transition-duration: .01ms !important; } } /* ========================================================= 51. SHOP DESKTOP FILTER LAYOUT HOTFIX (v41) Bootstrap's .row pseudo-elements become invisible grid items. Remove them only inside the desktop filters panel and align the toolbar controls in one clean row. ========================================================= */ @media (min-width: 1025px) { body.woocommerce.archive .shop-loop-head { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto !important; align-items: center !important; gap: 12px !important; height: auto !important; min-height: 40px !important; margin: -10px 0 20px !important; } body.woocommerce.archive .shop-loop-head > .woocommerce-breadcrumb { grid-column: 1 !important; float: none !important; width: auto !important; margin: 0 !important; } body.woocommerce.archive .shop-loop-head > .woocommerce-notices-wrapper:empty, body.woocommerce.archive .shop-loop-head > .basel-show-sidebar-btn { display: none !important; } body.woocommerce.archive .shop-loop-head > .woocommerce-notices-wrapper:not(:empty) { grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; } body.woocommerce.archive .shop-loop-head > .woocommerce-result-count { grid-column: 2 !important; float: none !important; width: auto !important; margin: 0 !important; } body.woocommerce.archive .shop-loop-head > .basel-filter-buttons { grid-column: 3 !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; } body.woocommerce.archive .filters-area .filters-inner-area.row::before, body.woocommerce.archive .filters-area .filters-inner-area.row::after { content: none !important; display: none !important; } body.woocommerce.archive .filters-area .filters-inner-area.row > .filter-widget { grid-column: auto !important; grid-row: auto !important; min-width: 0 !important; } } /* ========================================================= 52. SHOP DESKTOP BREADCRUMB ALIGNMENT (v42) The theme right-aligns the entire toolbar. Keep the result controls on the right but anchor the breadcrumb to the left. ========================================================= */ @media (min-width: 1025px) { body.woocommerce.archive .shop-loop-head > .woocommerce-breadcrumb { justify-self: start !important; align-self: center !important; text-align: left !important; direction: ltr !important; } } /* ============================================================ 53. PREMIUM MOBILE HEADER NAVIGATION (v43) Live DOM verified on Basel's real #menu-mobile-navigation. Visual language matches the Shop category sidebar while the theme's native drawer and accordion behaviour remain intact. ============================================================ */ @media (max-width: 1024px) { body .mobile-nav { width: 88vw !important; max-width: 360px !important; padding: 10px 10px 18px !important; background: radial-gradient(circle at 0 0, rgba(195, 142, 213, .16), transparent 34%), linear-gradient(180deg, #fcf9fd 0%, #f8f1fa 100%) !important; border-right: 1px solid rgba(195, 142, 213, .34) !important; box-shadow: 18px 0 46px rgba(54, 31, 60, .24) !important; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c38ed5 transparent; } body .mobile-nav::-webkit-scrollbar { width: 5px; } body .mobile-nav::-webkit-scrollbar-track { background: transparent; } body .mobile-nav::-webkit-scrollbar-thumb { background: #c38ed5; border-radius: 99px; } /* Search remains available while the independently scrolling drawer moves. */ body .mobile-nav > .searchform { position: sticky !important; top: -10px !important; z-index: 20 !important; width: auto !important; margin: 0 -2px 10px !important; padding: 10px 2px 8px !important; background: rgba(252, 249, 253, .96) !important; border: 0 !important; box-shadow: 0 8px 16px rgba(81, 47, 89, .055) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body .mobile-nav > .searchform > div { position: relative !important; } body .mobile-nav .searchform input[type="text"] { width: 100% !important; height: 48px !important; padding: 0 48px 0 15px !important; color: #2f2532 !important; background: #fff !important; border: 1px solid #e4cce9 !important; border-radius: 13px !important; box-shadow: 0 5px 15px rgba(78, 45, 86, .07) !important; font-size: 14px !important; font-weight: 600 !important; } body .mobile-nav .searchform input[type="text"]:focus { border-color: #a653b8 !important; box-shadow: 0 0 0 3px rgba(166, 83, 184, .13), 0 7px 18px rgba(78, 45, 86, .10) !important; outline: 0 !important; } body .mobile-nav .searchform button { right: 2px !important; width: 46px !important; height: 48px !important; color: #8f3ca2 !important; } body .mobile-nav .menu-mobile-navigation-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } body .mobile-nav .menu-mobile-navigation-container::before { content: "ΚΑΤΗΓΟΡΙΕΣ" !important; display: block !important; margin: 0 3px 9px !important; padding: 0 2px 8px 28px !important; color: #4b3b4f !important; border-bottom: 1px solid #e9d8ed !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%239b4ead'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%207h16M4%2012h16M4%2017h16'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'7'%20r%3D'2'%20fill%3D'%23fcf9fd'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'12'%20r%3D'2'%20fill%3D'%23fcf9fd'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'17'%20r%3D'2'%20fill%3D'%23fcf9fd'%2F%3E%3C%2Fsvg%3E") !important; background-position: 2px top !important; background-repeat: no-repeat !important; background-size: 20px 20px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 20px !important; letter-spacing: .9px !important; } body .mobile-nav #menu-mobile-navigation { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body .mobile-nav #menu-mobile-navigation > li { position: relative !important; overflow: hidden !important; margin: 0 0 7px !important; padding: 0 !important; background: rgba(255, 255, 255, .94) !important; border: 1px solid #e7d4eb !important; border-radius: 13px !important; box-shadow: 0 4px 12px rgba(78, 45, 86, .055) !important; } body .mobile-nav #menu-mobile-navigation > li > a { position: relative !important; display: flex !important; align-items: center !important; min-height: 54px !important; margin: 0 !important; padding: 12px 51px 12px 48px !important; color: #342838 !important; background: transparent !important; border: 0 !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1.3 !important; letter-spacing: .1px !important; text-transform: none !important; transition: color .2s ease, background-color .2s ease !important; } /* Shared line-icon foundation. */ body .mobile-nav #menu-mobile-navigation > li > a::before { content: "" !important; position: absolute !important; top: 50% !important; left: 15px !important; display: block !important; width: 21px !important; height: 21px !important; margin: 0 !important; background: #9b4ead !important; border: 0 !important; opacity: .94 !important; transform: translateY(-50%) !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Face */ body .mobile-nav #menu-item-33044 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'8'%2F%3E%3Cpath%20d%3D'M9%2010h.01M15%2010h.01M8.5%2014.5c2.2%202%204.8%202%207%200'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'8'%2F%3E%3Cpath%20d%3D'M9%2010h.01M15%2010h.01M8.5%2014.5c2.2%202%204.8%202%207%200'%2F%3E%3C%2Fsvg%3E") !important; } /* Body */ body .mobile-nav #menu-item-33054 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'4.5'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'M8%2021l1-7-2-4c-.5-1%20.2-2%201.3-2h7.4c1.1%200%201.8%201%201.3%202l-2%204%201%207M9%2014h6M12%208v13'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'4.5'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'M8%2021l1-7-2-4c-.5-1%20.2-2%201.3-2h7.4c1.1%200%201.8%201%201.3%202l-2%204%201%207M9%2014h6M12%208v13'%2F%3E%3C%2Fsvg%3E") !important; } /* Hair */ body .mobile-nav #menu-item-33066 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2021c0-5%202-8%205-10%203-2%204-5%203-8%204%203%205%207%203%2011-2%204-6%206-11%207z'%2F%3E%3Cpath%20d%3D'M9%2018c3-1%205-3%207-6M11%2021c2-1%204-2%206-4'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2021c0-5%202-8%205-10%203-2%204-5%203-8%204%203%205%207%203%2011-2%204-6%206-11%207z'%2F%3E%3Cpath%20d%3D'M9%2018c3-1%205-3%207-6M11%2021c2-1%204-2%206-4'%2F%3E%3C%2Fsvg%3E") !important; } /* BIO series */ body .mobile-nav #menu-item-33070 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%204C12%204%206%208%206%2015c0%203%202%205%205%205%207%200%209-8%209-16z'%2F%3E%3Cpath%20d%3D'M4%2021c3-6%207-10%2013-13'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%204C12%204%206%208%206%2015c0%203%202%205%205%205%207%200%209-8%209-16z'%2F%3E%3Cpath%20d%3D'M4%2021c3-6%207-10%2013-13'%2F%3E%3C%2Fsvg%3E") !important; } /* K-Beauty */ body .mobile-nav #menu-item-33071 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8L12%203z'%2F%3E%3Cpath%20d%3D'M18.5%203.5v3M17%205h3M5%2016v4M3%2018h4'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8L12%203z'%2F%3E%3Cpath%20d%3D'M18.5%203.5v3M17%205h3M5%2016v4M3%2018h4'%2F%3E%3C%2Fsvg%3E") !important; } /* Men's series */ body .mobile-nav #menu-item-33072 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'10'%20cy%3D'14'%20r%3D'6'%2F%3E%3Cpath%20d%3D'M14.5%209.5L21%203M16%203h5v5'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'10'%20cy%3D'14'%20r%3D'6'%2F%3E%3Cpath%20d%3D'M14.5%209.5L21%203M16%203h5v5'%2F%3E%3C%2Fsvg%3E") !important; } /* Baby / Child */ body .mobile-nav #menu-item-33076 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'13'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M9%2011h.01M15%2011h.01M9.5%2015c1.6%201.3%203.4%201.3%205%200M12%206c-1-3%202-4%203-2'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'13'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M9%2011h.01M15%2011h.01M9.5%2015c1.6%201.3%203.4%201.3%205%200M12%206c-1-3%202-4%203-2'%2F%3E%3C%2Fsvg%3E") !important; } /* Home */ body .mobile-nav #menu-item-33083 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011l9-8%209%208'%2F%3E%3Cpath%20d%3D'M5%2010v10h14V10M9%2020v-6h6v6'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011l9-8%209%208'%2F%3E%3Cpath%20d%3D'M5%2010v10h14V10M9%2020v-6h6v6'%2F%3E%3C%2Fsvg%3E") !important; } /* Zipper Box & more */ body .mobile-nav #menu-item-33082 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%207l8-4%208%204-8%204-8-4zM4%207v10l8%204%208-4V7M12%2011v10'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%207l8-4%208%204-8%204-8-4zM4%207v10l8%204%208-4V7M12%2011v10'%2F%3E%3C%2Fsvg%3E") !important; } /* Travel Size */ body .mobile-nav #menu-item-33081 > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'5'%20y%3D'7'%20width%3D'14'%20height%3D'13'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M9%207V5c0-1.1.9-2%202-2h2c1.1%200%202%20.9%202%202v2M8%2012h8M12%2010v4'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'5'%20y%3D'7'%20width%3D'14'%20height%3D'13'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M9%207V5c0-1.1.9-2%202-2h2c1.1%200%202%20.9%202%202v2M8%2012h8M12%2010v4'%2F%3E%3C%2Fsvg%3E") !important; } body .mobile-nav #menu-mobile-navigation > li > a:hover, body .mobile-nav #menu-mobile-navigation > li > a:active, body .mobile-nav #menu-mobile-navigation > li.opener-page > a { color: #7f348f !important; background: #faf3fc !important; } body .mobile-nav #menu-mobile-navigation > li.current-menu-item > a, body .mobile-nav #menu-mobile-navigation > li.current-menu-parent > a, body .mobile-nav #menu-mobile-navigation > li.current-menu-ancestor > a { color: #fff !important; background: linear-gradient(135deg, #a653b8, #87379a) !important; } body .mobile-nav #menu-mobile-navigation > li.current-menu-item > a::before, body .mobile-nav #menu-mobile-navigation > li.current-menu-parent > a::before, body .mobile-nav #menu-mobile-navigation > li.current-menu-ancestor > a::before { background: #fff !important; opacity: 1 !important; } /* Real Basel toggle: plus when closed, minus when .up-icon is active. */ body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu { position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; z-index: 3 !important; display: block !important; width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important; background: #f5eaf8 !important; border: 1px solid #ead7ee !important; border-radius: 10px !important; transition: background-color .2s ease, border-color .2s ease !important; } body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu::before, body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; margin: 0 !important; background: #8f3ca2 !important; border: 0 !important; border-radius: 99px !important; transform: translate(-50%, -50%) !important; transition: opacity .2s ease, transform .2s ease !important; } body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu::before { width: 13px !important; height: 2px !important; } body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu::after { width: 2px !important; height: 13px !important; } body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu.up-icon { background: #a653b8 !important; border-color: #a653b8 !important; } body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu.up-icon::before, body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu.up-icon::after { background: #fff !important; } body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu.up-icon::after { opacity: 0 !important; transform: translate(-50%, -50%) scaleY(0) !important; } /* Subcategory hierarchy. Visibility remains controlled by the theme. */ body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 10px 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; } body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown > .container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu { width: 100% !important; margin: 0 !important; padding: 5px 0 1px 12px !important; background: transparent !important; border-left: 2px solid #dec2e5 !important; } body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu::before, body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu::after { content: none !important; display: none !important; } body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu > li { margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; } body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu > li > a { display: block !important; min-height: 0 !important; margin: 0 !important; padding: 9px 11px !important; color: #5b4a60 !important; background: rgba(248, 240, 250, .82) !important; border: 0 !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; } body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu > li > a:hover, body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu > li > a:active, body .mobile-nav #menu-mobile-navigation > li > .sub-menu-dropdown ul.sub-menu > li.current-menu-item > a { color: #753084 !important; background: #f1dff5 !important; } /* Wishlist / account are visually separated as utility actions. */ body .mobile-nav > .header-links { margin: 13px 0 0 !important; padding: 13px 0 0 !important; border-top: 1px solid #dfc7e5 !important; } body .mobile-nav > .header-links > ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body .mobile-nav > .header-links > ul > li { margin: 0 !important; padding: 0 !important; border: 0 !important; } body .mobile-nav > .header-links > ul > li > a { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; margin: 0 !important; padding: 10px 8px 10px 35px !important; color: #573e5d !important; background: #fff !important; border: 1px solid #e1cbe6 !important; border-radius: 12px !important; box-shadow: 0 4px 12px rgba(78, 45, 86, .05) !important; font-size: 11.5px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .15px !important; text-align: center !important; text-transform: none !important; } body .mobile-nav > .header-links > ul > li > a::before { content: "" !important; position: absolute !important; top: 50% !important; left: 12px !important; width: 18px !important; height: 18px !important; background: #9b4ead !important; transform: translateY(-50%) !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } body .mobile-nav > .header-links > ul > li.wishlist > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8L12%207.6l-1-1a5.5%205.5%200%200%200-7.8%207.8l1%201L12%2021l7.8-7.6a5.5%205.5%200%200%200-7.8z'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8L12%207.6l-1-1a5.5%205.5%200%200%200-7.8%207.8l1%201L12%2021l7.8-7.6a5.5%205.5%200%200%200-7.8z'%2F%3E%3C%2Fsvg%3E") !important; } body .mobile-nav > .header-links > ul > li.login-side-opener > a::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E") !important; } body .mobile-nav > .header-links > ul > li > a:hover, body .mobile-nav > .header-links > ul > li > a:active { color: #7f348f !important; background: #f8effa !important; border-color: #c996d3 !important; } } @media (max-width: 480px) { body .mobile-nav { width: calc(100vw - 34px) !important; max-width: none !important; } } @media (max-width: 340px) { body .mobile-nav { width: calc(100vw - 28px) !important; padding-right: 8px !important; padding-left: 8px !important; } body .mobile-nav #menu-mobile-navigation > li > a { padding-right: 48px !important; padding-left: 44px !important; font-size: 13.25px !important; } body .mobile-nav #menu-mobile-navigation > li > a::before { left: 13px !important; width: 19px !important; height: 19px !important; } body .mobile-nav > .header-links > ul { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { body .mobile-nav #menu-mobile-navigation > li > a, body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu, body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu::before, body .mobile-nav #menu-mobile-navigation > li > .icon-sub-menu::after { transition: none !important; } } /* ============================================================ 54. MOBILE DRAWER CLOSED-STATE WIDTH FIX (v44) Basel's original rule translates the drawer by a hard-coded 270px. The premium drawer is wider, so use its real width. ============================================================ */ @media (max-width: 1024px) { body.mobile-nav-from-left:not(.act-mobile-menu) .mobile-nav { transform: translate3d(-100%, 0, 0) !important; } body.mobile-nav-from-left.act-mobile-menu .mobile-nav { transform: translate3d(0, 0, 0) !important; } } /* ============================================================ 55. MOBILE PRODUCT GALLERY + PERSISTENT PURCHASE CTA (v45) - Main Owl slides share the visible square's real height, so a portrait secondary image cannot create empty white space. - Only purchasable in-stock SIMPLE products receive the fixed cart bar; variable/grouped product forms remain untouched. ============================================================ */ @media (max-width: 767px) { body.single-product .woocommerce-product-gallery { --irida-mobile-gallery-size: calc(100vw - 80px); } body.single-product .woocommerce-product-gallery__wrapper.owl-carousel, body.single-product .woocommerce-product-gallery__wrapper.owl-carousel > .owl-stage-outer, body.single-product .woocommerce-product-gallery__wrapper.owl-carousel > .owl-stage-outer > .owl-stage, body.single-product .woocommerce-product-gallery__wrapper.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item, body.single-product .woocommerce-product-gallery__wrapper.owl-carousel .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__wrapper.owl-carousel .woocommerce-product-gallery__image > a { height: var(--irida-mobile-gallery-size) !important; min-height: var(--irida-mobile-gallery-size) !important; max-height: var(--irida-mobile-gallery-size) !important; } body.single-product .woocommerce-product-gallery__wrapper.owl-carousel > .owl-stage-outer { overflow: hidden !important; } body.single-product .woocommerce-product-gallery__wrapper.owl-carousel .woocommerce-product-gallery__image { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } body.single-product .woocommerce-product-gallery__wrapper.owl-carousel .woocommerce-product-gallery__image > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } body.single-product .woocommerce-product-gallery__wrapper.owl-carousel .woocommerce-product-gallery__image img:not(.zoomImg) { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; } /* Desktop hover-zoom image is unnecessary inside the touch carousel. */ body.single-product .woocommerce-product-gallery__wrapper.owl-carousel .zoomImg { display: none !important; } body.single-product .product-type-simple.instock.purchasable { padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important; } body.single-product .product-type-simple.instock.purchasable .summary form.cart { position: fixed !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 390 !important; display: grid !important; grid-template-columns: 82px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 72px !important; height: auto !important; margin: 0 !important; padding: 10px 12px max(10px, env(safe-area-inset-bottom)) !important; background: rgba(255, 255, 255, .97) !important; border-top: 1px solid #dec5e4 !important; box-shadow: 0 -10px 28px rgba(57, 32, 63, .17) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } body.single-product .product-type-simple.instock.purchasable .summary form.cart .quantity { grid-column: 1 !important; display: flex !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 50px !important; margin: 0 !important; } body.single-product .product-type-simple.instock.purchasable .summary form.cart .quantity input, body.single-product .product-type-simple.instock.purchasable .summary form.cart .quantity .minus, body.single-product .product-type-simple.instock.purchasable .summary form.cart .quantity .plus { min-height: 50px !important; height: 50px !important; } body.single-product .product-type-simple.instock.purchasable .summary form.cart .single_add_to_cart_button { grid-column: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 50px !important; height: 50px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 10px !important; font-size: 13px !important; letter-spacing: .45px !important; box-shadow: 0 8px 20px rgba(143, 60, 162, .25) !important; } body.single-product .scrollToTop { bottom: calc(88px + env(safe-area-inset-bottom)) !important; } } @media (max-width: 340px) { body.single-product .product-type-simple.instock.purchasable .summary form.cart { grid-template-columns: 78px minmax(0, 1fr) !important; gap: 8px !important; padding-right: 9px !important; padding-left: 9px !important; } body.single-product .product-type-simple.instock.purchasable .summary form.cart .quantity { width: 78px !important; min-width: 78px !important; max-width: 78px !important; } body.single-product .product-type-simple.instock.purchasable .summary form.cart .single_add_to_cart_button { padding-right: 10px !important; padding-left: 10px !important; font-size: 12px !important; } } /* ============================================================ 56. SINGLE-PRODUCT MOBILE CATEGORIES / PURCHASE BAR (v46) The category-navigation plugin reveals its fixed button after deep scrolling with z-index 395. Keep that requested shortcut, but lift it above the persistent purchase bar on product pages. ============================================================ */ @media (max-width: 767px) { body.single-product .irida-mobile-categories-nav { bottom: calc(88px + env(safe-area-inset-bottom)) !important; } } /* ============================================================ 57. CART / CHECKOUT MICRO-UX AND LEGAL CONTENT PANEL (v47) - Restores the missing visual spaces around the free-shipping amount without changing the WooCommerce message itself. - Makes the expandable terms content and consent area easier to read and use on desktop, tablet and mobile. ============================================================ */ body .basel-progress-bar.basel-free-progress-bar .progress-msg > .woocommerce-Price-amount.amount, body.woocommerce-cart .basel-free-progress-bar .progress-msg > .woocommerce-Price-amount.amount, body.woocommerce-checkout .basel-free-progress-bar .progress-msg > .woocommerce-Price-amount.amount, body .cart-widget-side .basel-free-progress-bar .progress-msg > .woocommerce-Price-amount.amount { margin-right: .28em !important; margin-left: .28em !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin-top: 18px !important; } body.woocommerce-checkout .woocommerce-privacy-policy-text { margin-bottom: 14px !important; color: #615666 !important; font-size: 13px !important; line-height: 1.65 !important; } body.woocommerce-checkout .woocommerce-privacy-policy-text p { margin: 0 0 8px !important; } body.woocommerce-checkout .woocommerce-privacy-policy-text p:last-child { margin-bottom: 0 !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions { max-height: 240px !important; margin: 0 0 14px !important; padding: 18px !important; overflow-y: auto !important; color: #4e4452 !important; background: #fbf7fc !important; border: 1px solid #dec5e4 !important; border-radius: 10px !important; font-size: 13px !important; line-height: 1.7 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important; scrollbar-color: #b45fc4 #f2e8f5; scrollbar-width: thin; } body.woocommerce-checkout .woocommerce-terms-and-conditions::-webkit-scrollbar { width: 8px; } body.woocommerce-checkout .woocommerce-terms-and-conditions::-webkit-scrollbar-track { background: #f2e8f5; border-radius: 8px; } body.woocommerce-checkout .woocommerce-terms-and-conditions::-webkit-scrollbar-thumb { background: #b45fc4; border: 2px solid #f2e8f5; border-radius: 8px; } body.woocommerce-checkout .woocommerce-terms-and-conditions h1, body.woocommerce-checkout .woocommerce-terms-and-conditions h2, body.woocommerce-checkout .woocommerce-terms-and-conditions h3 { margin-top: 18px !important; margin-bottom: 9px !important; color: #3c2d40 !important; line-height: 1.35 !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions h1:first-child, body.woocommerce-checkout .woocommerce-terms-and-conditions h2:first-child, body.woocommerce-checkout .woocommerce-terms-and-conditions h3:first-child { margin-top: 0 !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text { line-height: 1.55 !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row.validate-required { margin: 0 !important; padding: 13px 14px !important; background: #fbf7fc !important; border: 1px solid #dec5e4 !important; border-radius: 9px !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 !important; cursor: pointer !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important; height: 18px !important; margin: 2px 0 0 !important; } @media (max-width: 767px) { body.woocommerce-checkout .woocommerce-terms-and-conditions { max-height: 220px !important; padding: 15px !important; font-size: 12.5px !important; } body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row.validate-required { padding: 12px !important; } } /* ============================================================ 58. CHECKOUT PAYMENT METHODS + FIXED INCLUDED-VAT LABEL (v48) - Turns each payment gateway into a clear, touch-friendly card. - Highlights the selected method without changing gateway logic. - Keeps the order total intact while showing only the requested stable "ΠΕΡΙΛΑΜΒΑΝΕΙ ΦΠΑ" label (plugin v1.1 also changes the underlying HTML for accessibility and AJAX refreshes). ============================================================ */ body.woocommerce-checkout #payment ul.payment_methods { display: grid !important; gap: 12px !important; margin: 0 !important; padding: 14px !important; background: #fff !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method { position: relative !important; display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; border: 1px solid #dfcae5 !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(89, 61, 94, .06) !important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:has(> input.input-radio:checked) { background: #fcf8fd !important; border-color: #aa56ba !important; box-shadow: 0 0 0 3px rgba(170, 86, 186, .12), 0 8px 20px rgba(92, 55, 99, .1) !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio { align-self: start !important; grid-column: 1 !important; grid-row: 1 !important; width: 19px !important; min-width: 19px !important; height: 19px !important; margin: 19px 0 0 14px !important; accent-color: #a64db7 !important; cursor: pointer !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px 12px !important; min-width: 0 !important; min-height: 58px !important; margin: 0 !important; padding: 13px 14px 13px 7px !important; color: #3f3442 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.35 !important; cursor: pointer !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio:checked + label { color: #7f2d8e !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img { flex: 0 1 auto !important; width: auto !important; max-width: 128px !important; height: auto !important; max-height: 34px !important; margin: 0 0 0 auto !important; object-fit: contain !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box { grid-column: 1 / -1 !important; margin: 0 12px 12px !important; padding: 13px 14px !important; color: #5d5061 !important; background: #f7eff9 !important; border: 1px solid #e6d4eb !important; border-radius: 9px !important; font-size: 13px !important; line-height: 1.55 !important; box-shadow: none !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box::before, body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box::after { display: none !important; content: none !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box p:last-child { margin-bottom: 0 !important; } body.woocommerce-cart .order-total .includes_tax, body.woocommerce-checkout .order-total .includes_tax { display: block !important; margin-top: 6px !important; color: #6a5c6e !important; font-size: 0 !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.woocommerce-cart .order-total .includes_tax > .amount, body.woocommerce-checkout .order-total .includes_tax > .amount { display: none !important; } body.woocommerce-cart .order-total .includes_tax::after, body.woocommerce-checkout .order-total .includes_tax::after { content: "ΠΕΡΙΛΑΜΒΑΝΕΙ ΦΠΑ" !important; font-size: 11px !important; } @media (max-width: 767px) { body.woocommerce-checkout #payment ul.payment_methods { gap: 10px !important; padding: 11px !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method { grid-template-columns: 34px minmax(0, 1fr) !important; border-radius: 10px !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio { width: 18px !important; min-width: 18px !important; height: 18px !important; margin-top: 18px !important; margin-left: 12px !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label { min-height: 54px !important; padding: 12px 11px 12px 6px !important; font-size: 13px !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img { max-width: 108px !important; max-height: 30px !important; } body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box { margin: 0 9px 9px !important; padding: 11px 12px !important; font-size: 12.5px !important; } body.woocommerce-cart .order-total .includes_tax::after, body.woocommerce-checkout .order-total .includes_tax::after { font-size: 10.5px !important; } } /* ============================================================ 59. CHECKOUT TOTAL TABLE ON NARROW PHONES (v49) Basel wraps the review table in a horizontal scroller and keeps the table wider than its parent below roughly 380px. Constrain only that checkout table so total, amount and VAT label remain fully visible without affecting wider layouts or other tables. ============================================================ */ @media (max-width: 379px) { body.woocommerce-checkout .woocommerce-checkout-review-order > .responsive-table { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; overflow-x: visible !important; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table th, body.woocommerce-checkout table.woocommerce-checkout-review-order-table td { min-width: 0 !important; padding-right: 5px !important; padding-left: 5px !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name, body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th { width: 54% !important; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total, body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td { width: 46% !important; text-align: right !important; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total th { font-size: 20px !important; letter-spacing: 0 !important; } body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td > strong > .amount { font-size: 23px !important; white-space: nowrap !important; } body.woocommerce-checkout .order-total .includes_tax { margin-top: 5px !important; letter-spacing: .015em !important; white-space: normal !important; } body.woocommerce-checkout .order-total .includes_tax::after { font-size: 9px !important; } } /* ============================================================ 60. MY ACCOUNT — LOGIN / REGISTER EXPERIENCE (v50) - Uses the real Basel/WooCommerce account DOM. - Gives login, registration and the account prompt equal, consistent cards without changing WooCommerce behaviour. - Stacks cleanly on tablets and phones with no overflow. ============================================================ */ body.woocommerce-account:not(.logged-in) .main-page-wrapper { padding-top: 36px !important; padding-bottom: 64px !important; background: radial-gradient(circle at 12% 18%, rgba(196, 139, 208, .09), transparent 28%), linear-gradient(180deg, #fff 0%, #fdfafd 100%) !important; } body.woocommerce-account:not(.logged-in) .site-content { margin-bottom: 0 !important; } body.woocommerce-account:not(.logged-in) #customer_login { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 28px !important; width: 100% !important; margin: 0 !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-login, body.woocommerce-account:not(.logged-in) #customer_login > .col-register, body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text { width: auto !important; min-width: 0 !important; min-height: 430px !important; margin: 0 !important; padding: 36px 40px !important; overflow: visible !important; background: rgba(255, 255, 255, .96) !important; border: 1px solid #e6d5ea !important; border-radius: 18px !important; box-shadow: 0 16px 38px rgba(92, 55, 99, .09) !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-login, body.woocommerce-account:not(.logged-in) #customer_login > .col-register { flex-direction: column !important; } body.woocommerce-account:not(.logged-in) .basel-registration-page:not(.active-register) #customer_login > .col-login, body.woocommerce-account:not(.logged-in) .basel-registration-page.active-register #customer_login > .col-register { display: flex !important; } body.woocommerce-account:not(.logged-in) .basel-registration-page:not(.active-register) #customer_login > .col-register, body.woocommerce-account:not(.logged-in) .basel-registration-page.active-register #customer_login > .col-login { display: none !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; background: radial-gradient(circle at 82% 18%, rgba(197, 142, 213, .18), transparent 31%), linear-gradient(145deg, #fff 0%, #faf4fc 100%) !important; } body.woocommerce-account:not(.logged-in) #customer_login h2 { position: relative !important; margin: 0 0 24px !important; padding-bottom: 15px !important; color: #3e3142 !important; font-size: clamp(25px, 2.25vw, 32px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; } body.woocommerce-account:not(.logged-in) #customer_login h2::after { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 48px !important; height: 3px !important; content: "" !important; background: linear-gradient(90deg, #9643a7, #c486d1) !important; border-radius: 99px !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text h2::after { left: 50% !important; transform: translateX(-50%) !important; } body.woocommerce-account:not(.logged-in) #customer_login form.login, body.woocommerce-account:not(.logged-in) #customer_login form.register, body.woocommerce-account:not(.logged-in) #customer_login form.woocommerce-form { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.woocommerce-account:not(.logged-in) #customer_login .form-row { width: 100% !important; margin: 0 0 18px !important; padding: 0 !important; } body.woocommerce-account:not(.logged-in) #customer_login .form-row > label { display: block !important; margin-bottom: 7px !important; color: #4f4252 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.4 !important; } body.woocommerce-account:not(.logged-in) #customer_login input.input-text { width: 100% !important; min-height: 48px !important; padding: 10px 13px !important; color: #3f3442 !important; background: #fff !important; border: 1px solid #d9c5de !important; border-radius: 10px !important; outline: none !important; box-shadow: inset 0 1px 2px rgba(70, 43, 75, .025) !important; transition: border-color .2s ease, box-shadow .2s ease !important; } body.woocommerce-account:not(.logged-in) #customer_login input.input-text:focus { border-color: #a64db7 !important; box-shadow: 0 0 0 3px rgba(166, 77, 183, .13) !important; } body.woocommerce-account:not(.logged-in) #customer_login .password-input { display: block !important; width: 100% !important; } body.woocommerce-account:not(.logged-in) #customer_login .show-password-input { width: 44px !important; height: 48px !important; color: #725b78 !important; } body.woocommerce-account:not(.logged-in) #customer_login button[type="submit"], body.woocommerce-account:not(.logged-in) #customer_login .basel-switch-to-register { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 12px 24px !important; color: #fff !important; background: linear-gradient(135deg, #a54db5, #843592) !important; border: 0 !important; border-radius: 10px !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .045em !important; text-transform: uppercase !important; box-shadow: 0 9px 20px rgba(113, 49, 127, .2) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important; } body.woocommerce-account:not(.logged-in) #customer_login button[type="submit"] { width: 100% !important; } body.woocommerce-account:not(.logged-in) #customer_login button[type="submit"]:hover, body.woocommerce-account:not(.logged-in) #customer_login .basel-switch-to-register:hover { color: #fff !important; background: linear-gradient(135deg, #8f3c9e, #6f277d) !important; transform: translateY(-2px) !important; box-shadow: 0 12px 25px rgba(113, 49, 127, .27) !important; } body.woocommerce-account:not(.logged-in) #customer_login .login-form-footer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 10px 16px !important; margin-top: 4px !important; padding-top: 16px !important; border-top: 1px solid #eee3f0 !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin: 0 !important; color: #5b4d5f !important; font-size: 13px !important; cursor: pointer !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input { width: 17px !important; min-width: 17px !important; height: 17px !important; margin: 0 !important; accent-color: #a64db7 !important; } body.woocommerce-account:not(.logged-in) #customer_login .lost_password, body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-link { color: #8c399b !important; font-weight: 750 !important; text-decoration: none !important; } body.woocommerce-account:not(.logged-in) #customer_login .lost_password:hover, body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-link:hover { color: #672573 !important; text-decoration: underline !important; } body.woocommerce-account:not(.logged-in) #customer_login .register-or { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; margin: 0 0 18px !important; color: #8b3a99 !important; background: #fff !important; border: 1px solid #dfcbe4 !important; border-radius: 50% !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 5px 14px rgba(91, 52, 97, .09) !important; } body.woocommerce-account:not(.logged-in) #customer_login .registration-info { max-width: 440px !important; margin: 0 auto 25px !important; color: #665969 !important; font-size: 15px !important; line-height: 1.75 !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text, body.woocommerce-account:not(.logged-in) #customer_login .col-register form > p:not(.form-row) { color: #675b6a !important; font-size: 13.5px !important; line-height: 1.65 !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text { margin: 4px 0 20px !important; padding: 13px 14px !important; background: #faf5fb !important; border-left: 3px solid #b566c4 !important; border-radius: 0 9px 9px 0 !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text p:last-child { margin-bottom: 0 !important; } @media (max-width: 991px) { body.woocommerce-account:not(.logged-in) .main-page-wrapper { padding-top: 28px !important; padding-bottom: 48px !important; } body.woocommerce-account:not(.logged-in) #customer_login { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; max-width: 680px !important; margin-right: auto !important; margin-left: auto !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-login, body.woocommerce-account:not(.logged-in) #customer_login > .col-register, body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text { min-height: 0 !important; } } @media (max-width: 767px) { body.woocommerce-account:not(.logged-in) .page-title { min-height: 120px !important; } body.woocommerce-account:not(.logged-in) .page-title .entry-title { font-size: 26px !important; line-height: 1.15 !important; } body.woocommerce-account:not(.logged-in) .page-title .breadcrumbs { margin-top: 9px !important; font-size: 12px !important; } body.woocommerce-account:not(.logged-in) .main-page-wrapper { padding-top: 24px !important; padding-bottom: 38px !important; } body.woocommerce-account:not(.logged-in) .site-content { padding-right: 15px !important; padding-left: 15px !important; } body.woocommerce-account:not(.logged-in) #customer_login { gap: 16px !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-login, body.woocommerce-account:not(.logged-in) #customer_login > .col-register, body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text { padding: 24px 18px !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(92, 55, 99, .085) !important; } body.woocommerce-account:not(.logged-in) #customer_login h2 { margin-bottom: 20px !important; font-size: 25px !important; } body.woocommerce-account:not(.logged-in) #customer_login .registration-info { margin-bottom: 21px !important; font-size: 14px !important; line-height: 1.65 !important; } body.woocommerce-account:not(.logged-in) #customer_login .login-form-footer { align-items: flex-start !important; flex-direction: column !important; } } @media (max-width: 359px) { body.woocommerce-account:not(.logged-in) .site-content { padding-right: 10px !important; padding-left: 10px !important; } body.woocommerce-account:not(.logged-in) #customer_login > .col-login, body.woocommerce-account:not(.logged-in) #customer_login > .col-register, body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text { padding: 21px 15px !important; } } /* ============================================================ 51. LOGIN SIDE DRAWER — MODERN, COMPACT, RESPONSIVE Scoped only to Basel's off-canvas login panel. ============================================================ */ body .login-form-side { width: min(380px, calc(100vw - 28px)) !important; max-width: calc(100vw - 28px) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; color: var(--irida-text) !important; background: linear-gradient(180deg, #fff 0%, #fdf9fe 100%) !important; border-left: 1px solid var(--irida-border) !important; box-shadow: -18px 0 44px rgba(62, 36, 68, .2) !important; transform: translate3d(100%, 0, 0) !important; } body.basel-login-side-opened .login-form-side { transform: translate3d(0, 0, 0) !important; } body .login-form-side .widget-heading { position: sticky !important; top: 0 !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 76px !important; margin: 0 !important; padding: 18px 20px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple)) !important; border: 0 !important; box-shadow: 0 7px 20px rgba(96, 46, 108, .2) !important; } body .login-form-side .widget-heading .widget-title { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 20px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .025em !important; text-transform: uppercase !important; } body .login-form-side .widget-heading .widget-close { position: relative !important; display: block !important; flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: transparent !important; background: rgba(255, 255, 255, .12) !important; border: 1px solid rgba(255, 255, 255, .38) !important; border-radius: 50% !important; font-size: 0 !important; line-height: 40px !important; opacity: 1 !important; transition: background .2s ease, transform .2s ease !important; } body .login-form-side .widget-heading .widget-close::before, body .login-form-side .widget-heading .widget-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; width: 17px !important; height: 2px !important; margin: 0 !important; background: #fff !important; border: 0 !important; border-radius: 2px !important; transform-origin: center !important; } body .login-form-side .widget-heading .widget-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } body .login-form-side .widget-heading .widget-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } body .login-form-side .widget-heading .widget-close:hover, body .login-form-side .widget-heading .widget-close:focus-visible { background: rgba(255, 255, 255, .23) !important; outline: none !important; transform: rotate(6deg) !important; } body .login-form-side .login-form { width: 100% !important; height: auto !important; margin: 0 !important; padding: 22px 20px 8px !important; background: transparent !important; } body .login-form-side .woocommerce-form-login { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body .login-form-side .woocommerce-form-login .form-row { width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; } body .login-form-side .woocommerce-form-login .form-row > label { display: block !important; margin: 0 0 7px !important; color: #4f4252 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.4 !important; } body .login-form-side .woocommerce-form-login input.input-text { width: 100% !important; min-height: 48px !important; padding: 10px 13px !important; color: #3f3442 !important; background: #fff !important; border: 1px solid var(--irida-border-strong) !important; border-radius: 10px !important; outline: none !important; box-shadow: inset 0 1px 2px rgba(70, 43, 75, .025) !important; transition: border-color .2s ease, box-shadow .2s ease !important; } body .login-form-side .woocommerce-form-login input.input-text:focus { border-color: var(--irida-purple) !important; box-shadow: 0 0 0 3px rgba(168, 95, 186, .14) !important; } body .login-form-side .woocommerce-form-login .password-input { display: block !important; width: 100% !important; } body .login-form-side .woocommerce-form-login .password-input input.input-text { padding-right: 46px !important; } body .login-form-side .woocommerce-form-login .show-password-input { width: 46px !important; height: 48px !important; color: #725b78 !important; } body .login-form-side .woocommerce-form-login button[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; margin: 2px 0 0 !important; padding: 12px 20px !important; color: #fff !important; background: linear-gradient(135deg, var(--irida-purple), var(--irida-purple-dark)) !important; border: 0 !important; border-radius: 10px !important; font-size: 12.5px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .055em !important; text-transform: uppercase !important; box-shadow: 0 9px 20px rgba(113, 49, 127, .2) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important; } body .login-form-side .woocommerce-form-login button[type="submit"]:hover, body .login-form-side .woocommerce-form-login button[type="submit"]:focus-visible { color: #fff !important; background: linear-gradient(135deg, var(--irida-purple-dark), var(--irida-purple-deep)) !important; outline: none !important; transform: translateY(-2px) !important; box-shadow: 0 12px 25px rgba(113, 49, 127, .27) !important; } body .login-form-side .login-form-footer { display: flex !important; align-items: flex-start !important; flex-direction: column !important; gap: 11px !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 15px 0 0 !important; border-top: 1px solid #eee3f0 !important; } body .login-form-side .woocommerce-form-login__rememberme { order: 1 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; color: #5b4d5f !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer !important; } body .login-form-side .woocommerce-form-login__rememberme input { width: 18px !important; min-width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: var(--irida-purple-dark) !important; } body .login-form-side .lost_password { order: 2 !important; display: inline-flex !important; align-items: center !important; margin: 0 !important; color: var(--irida-purple-dark) !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.4 !important; text-decoration: none !important; } body .login-form-side .lost_password::before { display: none !important; content: none !important; } body .login-form-side .lost_password:hover, body .login-form-side .lost_password:focus-visible { color: var(--irida-purple-deep) !important; text-decoration: underline !important; } body .login-form-side .register-question { width: auto !important; height: auto !important; margin: 4px 20px 20px !important; padding: 17px 16px !important; color: var(--irida-text) !important; background: linear-gradient(145deg, #fbf5fc, #f5e9f8) !important; border: 1px solid var(--irida-border) !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(91, 52, 97, .08) !important; text-align: center !important; } body .login-form-side .register-question::before { width: auto !important; height: auto !important; margin: 0 0 8px !important; color: rgba(139, 62, 156, .36) !important; font-size: 36px !important; line-height: 1 !important; } body .login-form-side .register-question .create-account-text { display: block !important; margin: 0 0 8px !important; color: #544658 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.4 !important; } body .login-form-side .register-question .btn-style-link { display: inline-block !important; margin: 0 !important; padding: 0 0 2px !important; color: var(--irida-purple-dark) !important; border-bottom: 1px solid rgba(139, 62, 156, .38) !important; font-size: 13.5px !important; font-weight: 750 !important; line-height: 1.35 !important; text-decoration: none !important; } body .login-form-side .register-question .btn-style-link:hover, body .login-form-side .register-question .btn-style-link:focus-visible { color: var(--irida-purple-deep) !important; border-bottom-color: var(--irida-purple-deep) !important; } @media (max-width: 767px) { body .login-form-side { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; } body .login-form-side .widget-heading { min-height: 68px !important; padding: 14px 16px !important; } body .login-form-side .widget-heading .widget-title { font-size: 18px !important; } body .login-form-side .widget-heading .widget-close { flex-basis: 38px !important; width: 38px !important; min-width: 38px !important; height: 38px !important; } body .login-form-side .login-form { padding: 18px 16px 6px !important; } body .login-form-side .register-question { margin: 3px 16px 18px !important; padding: 15px 14px !important; } } @media (max-width: 359px) { body .login-form-side { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; } body .login-form-side .login-form { padding-right: 13px !important; padding-left: 13px !important; } body .login-form-side .register-question { margin-right: 13px !important; margin-left: 13px !important; } } @media (prefers-reduced-motion: reduce) { body .login-form-side, body .login-form-side * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* ============================================================ 52. CHECKOUT VALIDATION — COMPACT, CLEAR, RESPONSIVE Scoped only to the validation list created after checkout submit. ============================================================ */ body.woocommerce-checkout .woocommerce-NoticeGroup-checkout { clear: both; width: 100%; margin: 0 0 22px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout > div[role="alert"] { width: 100%; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; width: 100% !important; margin: 0 !important; padding: 16px !important; color: #4b4252 !important; background: linear-gradient(135deg, #fff 0%, #fcf7fd 100%) !important; border: 1px solid #ead8ed !important; border-left: 4px solid #a949b7 !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(113, 49, 127, .08) !important; list-style: none !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error::before { content: "Παρακαλούμε διορθώστε τα παρακάτω"; grid-column: 1 / -1; display: block !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; color: #71317f !important; font-family: inherit !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.35 !important; position: static !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li { display: flex !important; align-items: flex-start; min-width: 0; margin: 0 !important; padding: 9px 10px !important; color: #4b4252 !important; background: rgba(255, 255, 255, .86) !important; border: 1px solid #eedff0 !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.42 !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li::before { content: "!" !important; flex: 0 0 20px; display: inline-flex !important; align-items: center; justify-content: center; width: 20px !important; height: 20px !important; margin: 0 8px 0 0 !important; color: #fff !important; background: #a949b7 !important; border: 0 !important; border-radius: 50% !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 20px !important; position: static !important; transform: none !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:visited, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:hover, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:focus { flex: 1 1 auto; min-width: 0; padding: 0 !important; color: #4b4252 !important; background: transparent !important; border: 0 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.42 !important; text-decoration: none !important; box-shadow: none !important; overflow-wrap: anywhere; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:hover, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:focus-visible { color: #71317f !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error strong { color: #71317f !important; font-weight: 800 !important; } /* WooCommerce prefixes these Greek field names with the awkward word "Χρέωση". Keep the original accessible message in the DOM, but present the natural field name visually inside this one validation component. */ body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li[data-id^="billing_"] strong { font-size: 0 !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li[data-id^="billing_"] strong::after { font-size: 13px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_first_name"] strong::after { content: "Όνομα"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_last_name"] strong::after { content: "Επίθετο"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_address_1"] strong::after { content: "Διεύθυνση"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_city"] strong::after { content: "Πόλη / Κωμόπολη"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_postcode"] strong::after { content: "Ταχυδρομικός κώδικας"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_phone"] strong::after { content: "Αριθμός τηλεφώνου"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout li[data-id="billing_email"] strong::after { content: "Διεύθυνση email"; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li[data-id="terms"] { grid-column: 1 / -1; } @media (max-width: 767px) { body.woocommerce-checkout .woocommerce-NoticeGroup-checkout { margin-bottom: 16px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error { grid-template-columns: minmax(0, 1fr); gap: 7px; padding: 13px !important; border-left-width: 4px !important; border-radius: 10px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error::before, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li[data-id="terms"] { grid-column: 1; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error::before { font-size: 14px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li { padding: 8px 9px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:visited, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:hover, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li > a:focus { font-size: 12.5px !important; line-height: 1.4 !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li[data-id^="billing_"] strong::after { font-size: 12.5px !important; } } @media (max-width: 359px) { body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error { padding: 11px !important; } body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li { padding: 8px !important; } } /* ============================================================ 53. CHECKOUT VALIDATION — REMOVE BROWSER AUTO-FOCUS RING WooCommerce focuses this non-interactive alert after validation. ============================================================ */ body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error:focus, body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul.woocommerce-error:focus-visible { outline: 0 !important; } /* ============================================================ 54. MOBILE HEADER — KEEP ALL ACTION ICONS ON ONE ROW The theme renders the four actions as inline-blocks. The HTML whitespace between them was adding extra width and forcing the hamburger onto a second row. Reserve their real 152px width and remove only that artificial inline whitespace on mobile. ============================================================ */ @media (max-width: 767px) { body .main-header .site-logo { width: auto !important; } body .main-header .right-column { width: 152px !important; min-width: 152px !important; font-size: 0 !important; line-height: 0 !important; white-space: nowrap !important; } body .main-header .right-column > .search-button, body .main-header .right-column > .wishlist-info-widget, body .main-header .right-column > .shopping-cart, body .main-header .right-column > .mobile-nav-icon { vertical-align: middle !important; } body .main-header .right-column > .mobile-nav-icon { margin-top: 0 !important; } } /* ============================================================ 55. MOBILE STICKY HEADER — KEEP CLONED ACTIONS ON ONE ROW Basel creates an independent .sticky-header.header-clone after scrolling, so it needs the same measured 152px action column. ============================================================ */ @media (max-width: 767px) { body .sticky-header.header-clone .site-logo { width: auto !important; } body .sticky-header.header-clone .right-column { width: 152px !important; min-width: 152px !important; font-size: 0 !important; line-height: 0 !important; white-space: nowrap !important; } body .sticky-header.header-clone .right-column > .search-button, body .sticky-header.header-clone .right-column > .wishlist-info-widget, body .sticky-header.header-clone .right-column > .shopping-cart, body .sticky-header.header-clone .right-column > .mobile-nav-icon { vertical-align: middle !important; } body .sticky-header.header-clone .right-column > .mobile-nav-icon { margin-top: 0 !important; } } @media (min-width: 1025px) { body.home .ditty-ticker{display:block!important;width:100%!important;} body.home .ditty-ticker__items:empty{position:relative!important;height:42px!important;overflow:hidden!important;} body.home .ditty-ticker__items:empty::before{content:"ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΑ για παραγγελίες άνω των 60€ • Οι τιμές ισχύουν μόνο για παραγγελίες από το Ηλεκτρονικό μας κατάστημα";position:absolute;top:50%;left:100%;display:block;white-space:nowrap;color:#fff;font-family:Karla,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.01em;transform:translate(0,-50%);animation:irida-ditty-fallback 20s linear infinite;} @keyframes irida-ditty-fallback{from{transform:translate(0,-50%)}to{transform:translate(calc(-100vw - 100%),-50%)}} }@media (min-width: 768px) and (max-width: 1024px) {body.home .ditty-ticker{display:block!important;width:100%!important;margin-top:16px!important;} body.home .ditty-ticker__items:empty{position:relative!important;height:42px!important;overflow:hidden!important;} body.home .ditty-ticker__items:empty::before{content:"ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΑ για παραγγελίες άνω των 60€ • Οι τιμές ισχύουν μόνο για παραγγελίες από το Ηλεκτρονικό μας κατάστημα";position:absolute;top:50%;left:100%;display:block;white-space:nowrap;color:#fff;font-family:Karla,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.01em;transform:translate(0,-50%);animation:irida-ditty-fallback 20s linear infinite;} @keyframes irida-ditty-fallback{from{transform:translate(0,-50%)}to{transform:translate(calc(-100vw - 100%),-50%)}} /* IRIDA account-logout mobile icons */ body .mobile-nav > .header-links > ul > li.my-account > a::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E")!important; } body .mobile-nav > .header-links > ul > li.logout > a::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2017l5-5-5-5'%2F%3E%3Cpath%20d%3D'M15%2012H3'%2F%3E%3Cpath%20d%3D'M14%204h5a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-5'%2F%3E%3C%2Fsvg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2017l5-5-5-5'%2F%3E%3Cpath%20d%3D'M15%2012H3'%2F%3E%3Cpath%20d%3D'M14%204h5a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-5'%2F%3E%3C%2Fsvg%3E")!important; } }@media (min-width: 577px) and (max-width: 767px) { body.home .ditty-ticker{display:block!important;width:100%!important;} body.home .ditty-ticker__items:empty{position:relative!important;height:42px!important;overflow:hidden!important;} body.home .ditty-ticker__items:empty::before{content:"ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΑ για παραγγελίες άνω των 60€ • Οι τιμές ισχύουν μόνο για παραγγελίες από το Ηλεκτρονικό μας κατάστημα";position:absolute;top:50%;left:100%;display:block;white-space:nowrap;color:#fff;font-family:Karla,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.01em;transform:translate(0,-50%);animation:irida-ditty-fallback 20s linear infinite;} @keyframes irida-ditty-fallback{from{transform:translate(0,-50%)}to{transform:translate(calc(-100vw - 100%),-50%)}} /* IRIDA account-logout mobile icons */ body .mobile-nav > .header-links > ul > li.my-account > a::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E")!important; } body .mobile-nav > .header-links > ul > li.logout > a::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2017l5-5-5-5'%2F%3E%3Cpath%20d%3D'M15%2012H3'%2F%3E%3Cpath%20d%3D'M14%204h5a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-5'%2F%3E%3C%2Fsvg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2017l5-5-5-5'%2F%3E%3Cpath%20d%3D'M15%2012H3'%2F%3E%3Cpath%20d%3D'M14%204h5a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-5'%2F%3E%3C%2Fsvg%3E")!important; } }@media (max-width: 576px) { body.home .ditty-ticker{display:block!important;width:100%!important;} body.home .ditty-ticker__items:empty{position:relative!important;height:42px!important;overflow:hidden!important;} body.home .ditty-ticker__items:empty::before{content:"ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΑ για παραγγελίες άνω των 60€ • Οι τιμές ισχύουν μόνο για παραγγελίες από το Ηλεκτρονικό μας κατάστημα";position:absolute;top:50%;left:100%;display:block;white-space:nowrap;color:#fff;font-family:Karla,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.01em;transform:translate(0,-50%);animation:irida-ditty-fallback 20s linear infinite;} @keyframes irida-ditty-fallback{from{transform:translate(0,-50%)}to{transform:translate(calc(-100vw - 100%),-50%)}} /* IRIDA account-logout mobile icons */ body .mobile-nav > .header-links > ul > li.my-account > a::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021c.8-4.5%203.5-7%208-7s7.2%202.5%208%207'%2F%3E%3C%2Fsvg%3E")!important; } body .mobile-nav > .header-links > ul > li.logout > a::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2017l5-5-5-5'%2F%3E%3Cpath%20d%3D'M15%2012H3'%2F%3E%3Cpath%20d%3D'M14%204h5a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-5'%2F%3E%3C%2Fsvg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2017l5-5-5-5'%2F%3E%3Cpath%20d%3D'M15%2012H3'%2F%3E%3Cpath%20d%3D'M14%204h5a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-5'%2F%3E%3C%2Fsvg%3E")!important; } }