/* === Prices (archives + Elementor widgets) — bigger + clean separator === */ /* Wrapper */ body:not(.single-product) .price, body:not(.single-product) .wd-product .price, body:not(.single-product) .widget .price { display: flex !important; justify-content: center !important; align-items: baseline !important; gap: 0 !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } /* Παλιά τιμή: ίδιο κόκκινο με το badge + bold + μαύρη διαγράμμιση */ body:not(.single-product) .price del, body:not(.single-product) .wd-product .price del, body:not(.single-product) .widget .price del { color: rgb(204,0,0) !important; /* #cc0000 */ text-decoration: line-through !important; text-decoration-color: #000 !important; text-decoration-thickness: 1.5px !important; text-underline-offset: .1em !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1 !important; } /* Inherit για nested amount/bdi */ body:not(.single-product) .price del .amount, body:not(.single-product) .wd-product .price del .amount, body:not(.single-product) .widget .price del .amount { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } /* Αφαίρεσε το παλιό "|" από μέσα στο για να μη γίνεται «σταυρός» */ body:not(.single-product) .price del::after, body:not(.single-product) .wd-product .price del::after, body:not(.single-product) .widget .price del::after { content: none !important; } /* Νέα τιμή: bold + μεγαλύτερη */ body:not(.single-product) .price ins, body:not(.single-product) .wd-product .price ins, body:not(.single-product) .widget .price ins { color: #000 !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1 !important; } body:not(.single-product) .price ins .amount, body:not(.single-product) .wd-product .price ins .amount, body:not(.single-product) .widget .price ins .amount { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } /* Separator ως border-left ΜΟΝΟ όταν υπάρχει πριν από το */ body:not(.single-product) .price del + ins, body:not(.single-product) .wd-product .price del + ins, body:not(.single-product) .widget .price del + ins { border-left: 2px solid #000 !important; padding-left: 8px !important; margin-left: 8px !important; } /* Separator & spacing όταν υπάρχει del πριν από ins (ακόμα κι αν μεσολαβεί screen-reader-text) */ body:not(.single-product) .price del ~ ins, body:not(.single-product) .wd-product .price del ~ ins, body:not(.single-product) .widget .price del ~ ins { display: inline-block !important; border-left: 2px solid #000 !important; /* το κάθετο "|" */ padding-left: 8px !important; /* εσωτερικό κενό μετά το "|" */ margin-left: 8px !important; /* εξωτερικό κενό πριν το "|" */ } /* Βεβαιώσου ότι δεν μένει παλιό pseudo-separator μέσα στο */ body:not(.single-product) .price del::after, body:not(.single-product) .wd-product .price del::after, body:not(.single-product) .widget .price del::after { content: none !important; } /* === Category pages ONLY: κενό ανάμεσα σε badge και τιμή === */ body.woocommerce.archive.tax-product_cat ul.products li.product .product-element-bottom > .wrap-price { display: flex !important; flex-direction: column !important; align-items: center !important; } /* Δώσε έξτρα χώρο στο badge πριν από την τιμή */ body.woocommerce.archive.tax-product_cat ul.products li.product .product-element-bottom > .wrap-price > .discount-label { margin: 12px 0 12px !important; /* ↑ παίξε 8–14px ανάλογα τι σου κάθεται */ } /* Safety: αν κάτι το “σβήνει”, δώσε και margin στην τιμή */ body.woocommerce.archive.tax-product_cat ul/products li.product .product-element-bottom > .wrap-price > .price, body.woocommerce.archive.tax-product_cat ul.products li.product .product-element-bottom > .wrap-price > span.price { margin-top: 8px !important; } /* Προαιρετικό: αν κάπου αλλού έχεις κάνει .wrap-price inline-block, εδώ το ακυρώνουμε */ body.woocommerce.archive.tax-product_cat ul.products li.product .product-element-bottom > .wrap-price { display: flex !important; /* επανάληψη για να κερδίσουμε την ειδικότητα */ } /* Κεντράρισμα του discount badge ΜΟΝΟ στα Elementor product widgets */ .products.wd-products[data-source="shortcode"] .product-wrapper { text-align: center !important; /* κεντράρει inline/inline-block παιδιά */ } .products.wd-products[data-source="shortcode"] .product-wrapper .discount-label { display: inline-block !important; /* κρατά μικρό πλάτος */ margin-left: auto !important; margin-right: auto !important; } /* Hide Woodmart add-to-cart button (hover-standard) */ .wd-product.wd-hover-standard .wd-add-btn > a { visibility: hidden !important; } /* Discount badge: μικρότερο πλάτος + σωστό χρώμα */ .woocommerce ul.products li.product .discount-label{ display: inline-block !important; /* να χωράει μόνο το περιεχόμενο */ background: rgb(204, 0, 0) !important; /* #cc0000 */ color: #fff !important; padding: 4px 8px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; margin: 6px auto 8px !important; /* κέντρο και λίγο αέρας */ width: auto !important; /* μην τεντώνεις */ } /* === Center titles ONLY on product category pages (Woodmart) === */ /* Κεντράρισμα σε όλα τα σχετικά wrappers */ :root body.archive.tax-product_cat ul.products li.product .product-element-bottom, :root body.archive.tax-product_cat ul.products li.product .wd-product-header { text-align: center !important; } /* Αν ο τίτλος στο Woodmart είναι flex, φέρ’ τον στο κέντρο */ :root body.archive.tax-product_cat ul.products li.product h3.wd-entities-title { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* Το link να μην «σπάει» την στοίχιση */ :root body.archive.tax-product_cat ul.products li.product h3.wd-entities-title a { display: inline-block !important; text-align: center !important; width: auto !important; /* όχι full width, για καθαρό κέντρο */ } /* (προαιρετικό) αν κάποιο layout του theme επιμένει σε flex-start */ :root body.archive.tax-product_cat .product-grid-item .wd-product-header { display: flex !important; justify-content: center !important; align-items: center !important; } /* === General custom styles (global) === */ .wd-product.wd-hover-buttons-on-hover .wd-add-btn > a { visibility: hidden !important; } .product-element-bottom { text-align: center !important; } .wrap-price { display: inline-block !important; text-align: center !important; margin: 0 auto !important; } .custom-price-box { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px; } .custom-price-line { display: inline-block !important; } .discount-label { display: inline-block !important; background: #ff5a5f; color: #fff; padding: 2px 6px; font-size: 13px; border-radius: 4px; } .wd-sub-menu li > a { color: #000; font-weight: 400; } .woocommerce-mini-cart-item .quantity, .woocommerce-mini-cart-item .quantity * { color: #000 !important; } /* === Marquee top bar — perfectly centered with optical offset === */ .rufus-marquee-wrapper{ display:flex; justify-content:center; align-items:center; background:#000; margin:5px 0; width:100%; height:35px; padding:0; box-sizing:border-box; overflow:hidden; } .rufus-marquee-text{ display:inline-block; color:#fff; font-weight:700; font-size:1.6em; text-transform:uppercase; white-space:nowrap; padding:0; line-height:1; position:relative; top:9px; animation:marquee-animation 10s linear infinite; will-change:transform; } /* Animation οριζόντιου scroll */ @keyframes marquee-animation{ from { transform: translateX(100%); } to { transform: translateX(-100%); } } /* Mobile-specific */ @media only screen and (max-width:768px){ .rufus-marquee-wrapper{ height:30px; } .rufus-marquee-text{ font-size:1.1em; line-height:1; top:5px; } .social-bar{ padding:5px 0; } } /* Desktop-specific (σαφήνεια) */ @media only screen and (min-width:769px){ .rufus-marquee-wrapper{ height:35px; } .rufus-marquee-text{ font-size:1.6em; } } /* === Social bar (2η γραμμή) === */ .social-bar{ background-color:#ebebeb; padding:5px 0; text-align:center; margin:0; width:100vw; position:relative; left:50%; right:50%; transform:translateX(-50%); box-sizing:border-box; margin-top:10px; margin-bottom:0; } .social-icons{ display:inline-flex; justify-content:center; gap:20px; } .social-icon img{ width:24px; height:24px; transition:transform .3s ease; } .social-icon:hover img{ transform:scale(1.1); } /* === SmartSlider “ανέβασμα” === */ .n2-section-smartslider{ margin-top:-46px !important; position:relative; z-index:1; } /* Αν το top bar έχει margin-bottom από αλλού */ .rufus-custom-top-bar{ margin-bottom:0 !important; } /* === Off-canvas Contact Drawer === */ .contact-drawer { position: fixed; top: 0; right: -320px; width: 320px; height: 100vh; background: #ffffff; z-index: 10000; transition: right 0.4s ease; box-shadow: -5px 0 25px rgba(0,0,0,0.15); overflow-y: auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; } .contact-drawer.active { right: 0; } .contact-drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .contact-drawer-overlay.active { opacity: 1; visibility: visible; } .contact-drawer-close { position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 28px; cursor: pointer; z-index: 10001; color: #000; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.2s ease; } .contact-drawer-close:hover { background-color: #f5f5f5; } .contact-drawer-content { padding: 50px 25px 25px; position: relative; } .drawer-title { margin-bottom: 25px; color: #000; text-align: center; font-weight: 600; font-size: 18px; } .contact-info { margin-bottom: 20px; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 25px; gap: 15px; } .contact-item-centered { text-align: center; flex-direction: column; align-items: center; } .contact-icon { font-size: 24px; min-width: 30px; text-align: center; } .contact-details { flex: 1; } .contact-link { display: block; color: #000; text-decoration: none; margin-bottom: 8px; font-weight: 500; transition: color 0.2s ease; font-size: 15px; text-align: center; } .contact-link:hover { color: #d32f2f; text-decoration: underline; } .schedule-title { color: #000; margin: 0 0 10px 0; font-weight: 600; font-size: 14px; } .contact-schedule { color: #000; margin: 0 0 5px 0; font-size: 14px; line-height: 1.4; } .contact-social { text-align: center; border-top: 1px solid #eee; padding-top: 25px; margin-bottom: 20px; } .social-title { margin: 0 0 15px 0; color: #000; font-weight: 500; font-size: 15px; } .social-icons { display: flex; justify-content: center; gap: 20px; } .social-icon { font-size: 24px; color: #000; text-decoration: none; transition: transform 0.2s ease; display: inline-block; } .social-icon:hover { transform: scale(1.1); } /* Bottom close button */ .close-button-bottom { display: block; width: 100%; padding: 12px 20px; background: #d32f2f; color: #fff; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; text-align: center; transition: background-color 0.2s ease; } .close-button-bottom:hover { background: #b71c1c; } /* Responsive */ @media (max-width: 480px) { .contact-drawer { width: 300px; right: -300px; } .contact-drawer-content { padding: 45px 20px 20px; } .contact-item { flex-direction: column; text-align: center; gap: 10px; } .contact-icon { margin: 0 auto; } } /* Lock scroll όταν είναι ανοιχτό */ body.drawer-open { overflow: hidden; } /* Προτιμήσεις χρήστη για λιγότερα animations */ @media (prefers-reduced-motion: reduce) { .contact-drawer { transition: none; } .contact-drawer-overlay { transition: none; } } /* Περιγραφές κατηγοριών/σελίδας: μαύρο, bold 700, center σε όλες τις συσκευές */ :is(.term-description,.page-description) > *:last-child, :is(.term-description,.page-description) > *:last-child * { color: #000 !important; font-weight: 700 !important; text-align: center !important; margin-left: auto; margin-right: auto; } /* Page title size */ .wd-page-title .title { font-size: 30px !important; line-height: 0.9 !important; } /* Submenu links πάντα μαύρα */ .wd-sub-menu li > a, .wd-sub-menu li > a:visited { color: #000 !important; } .wd-sub-menu li > a:hover, .wd-sub-menu li > a:focus, .wd-sub-menu li > a:active { color: #000 !important; } /* === Contact Drawer fixes === */ /* Top close "Χ" — κόκκινο cc0000, λευκό, bold, σωστή στοίχιση */ .contact-drawer-close { background: rgb(204, 0, 0) !important; color: #fff !important; font-weight: 800 !important; border: none !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; line-height: 1 !important; /* αποφεύγει να «κόβεται» το × */ letter-spacing: 0 !important; box-shadow: 0 4px 14px rgba(204, 0, 0, 0.35) !important; cursor: pointer !important; } .contact-drawer-close:hover { background: #a50000 !important; } .contact-drawer-close:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px !important; } /* Bottom close button — ίδια παλέτα */ .close-button-bottom { background: rgb(204, 0, 0) !important; color: #fff !important; font-weight: 800 !important; } .close-button-bottom:hover { background: #a50000 !important; } /* Ωράριο: 100% centered χωρίς να πειράξουμε άλλο περιεχόμενο */ .contact-drawer .contact-item .contact-details { width: 100% !important; } /* Κεντράρισμα τίτλου & ωρών */ .contact-drawer .schedule-title, .contact-drawer .contact-schedule { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } /* Extra: αν ο browser υποστηρίζει :has, κάνε ΚΑΙ το wrapper center-aligned */ @supports (selector(:has(*))) { .contact-drawer .contact-item:has(.schedule-title) { align-items: center !important; flex-direction: column !important; gap: 6px !important; } } /* Μικρό optical tweak: το τηλέφωνο & email να μένουν centered ομοιόμορφα */ .contact-drawer .contact-item-centered .contact-details, .contact-drawer .contact-item-centered .contact-link { text-align: center !important; } /* Προαιρετικό: κάνε το "Χ" πιο σταθερό σαν σύμβολο ακόμα και σε fonts που το «λεπταίνουν» */ .contact-drawer-close { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important; font-size: 24px !important; /* 28px μπορεί να φαίνεται «σπασμένο» σε κάποια fonts */ } /* ===== Contact Drawer – Close button positioning fix ===== */ /* 1) Αν είσαι logged-in στο WP: offset όσο το admin bar (32/46px) */ :root { --wp-admin-bar-h: 0px; } body.admin-bar { --wp-admin-bar-h: 32px; } @media (max-width: 782px) { body.admin-bar { --wp-admin-bar-h: 46px; } } .contact-drawer { /* να κάθεται ΠΑΝΩ από header/admin bar/οτιδήποτε */ z-index: 200000 !important; /* κατέβασε το drawer όσο το admin bar για να μη «κόβεται» το πάνω μέρος */ top: var(--wp-admin-bar-h) !important; height: calc(100vh - var(--wp-admin-bar-h)) !important; /* ασφαλές για iOS notch */ padding-top: max(0px, env(safe-area-inset-top, 0px)); } .contact-drawer-overlay { z-index: 199999 !important; } /* 2) Κουμπί κλεισίματος: καρφωμένο πάνω-δεξιά, χωρίς εκπλήξεις */ .contact-drawer-close { position: absolute !important; top: calc(12px + env(safe-area-inset-top, 0px)) !important; /* λίγο κάτω από την «ασφαλή» ζώνη */ right: 12px !important; left: auto !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgb(204, 0, 0) !important; color: #fff !important; font-weight: 800 !important; font-size: 24px !important; line-height: 1 !important; border-radius: 50% !important; border: none !important; box-shadow: 0 4px 14px rgba(204, 0, 0, 0.35) !important; z-index: 200001 !important; /* πάνω από οτιδήποτε μέσα στο drawer */ } /* 2a) Αν το θες πάνω-αριστερά, βάλε την κλάση .close-left στο