/*******************************************************************************
 1. ΑΡΧΙΚΕΣ ΡΥΘΜΙΣΕΙΣ HEADER & ΦΟΝΤΑ (MOTOXPRESS CUSTOM)
*******************************************************************************/
#header {
  position: relative;
  z-index: 999;
  /* KITRINO
  color: #404040;
  background: #fed24d;*/
  color: #fff; 
  background: #b60203;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
}
 /* KITRINO
#header .header-nav .blockcart { background: #fff0b2; }
#search_widget form input { background: #fff0b2; } */
header .header-nav .blockcart { background: #b60203; }
#search_widget form input { background: #b60203; }

/* Μετατροπή του parent container σε Flex με κάθετη διάταξη */
.header-top-right.col-md-10.position-static {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Μοιράζει τα στοιχεία, σπρώχνοντας το μενού στο τέλος */
    height: 100% !important; /* Διασφαλίζει ότι ο container πιάνει όλο το διαθέσιμο ύψος */
}

/* ========================================================================== */
/* ========================================================================== */

/*******************************************************************************
 + SLIDER HOOK
*******************************************************************************/
.carousel .carousel-inner { height: auto  !important;   text-align: center; margin: 0;}

#home-slider-section {
  background-color: #000000;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

#home-slider-section .carousel {
  margin-bottom: 0;
  box-shadow: none;
}

#home-slider-section .carousel .carousel-item img {
  width: 2800px;
  max-width: 100%;
  height: auto;
  display: block;
}



/* ========================================================================== */
/* ========================================================================== */

/*******************
MENU+SEARCH
*******************/
/* ==========================================================================
   1. ΚΟΙΝΟ CSS ΓΙΑ ΟΛΕΣ ΤΙΣ ΜΕΓΑΛΕΣ ΟΘΟΝΕΣ (Από 768px και πάνω)
   ========================================================================== */
@media (min-width: 768px) {
    /* Μετατροπή του parent container σε Flexbox με κάθετη διάταξη */
    .header-top-right.col-md-10.position-static {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important; /* Σπρώχνει το μενού στη βάση */
        align-items: flex-end !important;          /* Ευθυγραμμίζει τα περιεχόμενα δεξιά */
        height: 100% !important;
        min-height: 110px !important;              /* Επαρκής χώρος για αναζήτηση και μενού */
    }
    
/* ORDER:εδω ή απο > Σχεδίαση > Θέσεις > displayTop */
    /* Ρύθμιση της Αναζήτησης (Στοίχιση Δεξιά) */
    #_desktop_search_widget {
        order: 1 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        max-width: 300px !important;
        width: 100% !important;
    }
    /* Ρύθμιση του Μενού (Στο κάτω μέρος, ξεκινάει από αριστερά) */
    #_desktop_top_menu.menu.js-top-menu {
        order: 2 !important;
        margin-top: auto !important;
        align-self: flex-start !important; /* Ξεκινάει από αριστερά σε tablet/μικρά laptop */
        width: 100% !important;
    }
    
    /* ΚΡΥΒΕΙ ΤΟ 2ο ΕΠΙΠΕΔΟ ΥΠΟΚΑΤΗΓΟΡΙΩΝ ΜΟΝΟ ΜΕΣΑ ΣΤΑ ΑΝΤΑΛΛΑΚΤΙΚΑ (ID: 10) */
    #_desktop_top_menu #category-10 .top-menu [data-depth="1"] + .collapse,
    #_desktop_top_menu #category-10 .top-menu [data-depth="2"] {
        display: none !important;
    }
}
}

/* ==========================================================================
   2. ΓΙΑ ΜΕΣΑΙΕΣ ΟΘΟΝΕΣ (Από 992px και πάνω)
   ========================================================================== */
@media (min-width: 992px) {
    /* Αν θέλετε να μεγαλώσετε λίγο τη μπάρα αναζήτησης σε laptops */
    #_desktop_search_widget {
        max-width: 350px !important;
    }
}

/* ==========================================================================
   3. ΓΙΑ ΜΕΓΑΛΕΣ ΟΘΟΝΕΣ (Από 1200px και πάνω) -> ΚΕΝΤΡΑΡΙΣΜΑ ΜΟΝΟ ΚΥΡΙΟΥ ΜΕΝΟΥ
   ========================================================================== */
@media (min-width: 1200px) {
    /* Μεγαλύτερη μπάρα αναζήτησης για μεγάλες οθόνες */
    #_desktop_search_widget {
        max-width: 400px !important;
    }

    /* Κεντράρισμα του κεντρικού Block του Μενού */
    #_desktop_top_menu.menu.js-top-menu {
        align-self: center !important; 
    }

    /* Κεντράρισμα ΜΟΝΟ των κεντρικών κατηγοριών (1ο επίπεδο - depth 0) */
    #_desktop_top_menu > ul.top-menu {
        display: flex !important;
        justify-content: center !important; /* Κεντράρει μόνο τα κεντρικά στοιχεία */
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    /* Διασφάλιση αριστερής στοίχισης για όλα τα SubMenu (2ο επίπεδο και κάτω) */
    #_desktop_top_menu .sub-menu ul.top-menu,
    #_desktop_top_menu .popover ul.top-menu {
        display: block !important; /* Επαναφορά στην εργοστασιακή μορφή λίστας */
        justify-content: flex-start !important; /* Στοίχιση αριστερά */
        text-align: left !important;
    }
    
    .top-menu .sub-menu {margin-top: 25px !important;}
}

/* ==========================================================================
   4. ΜΕΝΟΥ BUTTONS ACTIVE / HOVER ΓΙΑ ΟΛΑ ΤΑ ΚΕΝΤΡΙΚΑ ΜΕΝΟΥ 
   ========================================================================== */
/* Εφαρμογή μόνο στις μεγάλες οθόνες για να μην χαλάσει το mobile μενού */
@media (min-width: 768px) {
    
    /* 1. ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ: Μπλε περίγραμμα & Λευκό background με 15% διαφάνεια */
    #_desktop_top_menu > ul.top-menu > li.category > a.dropdown-item {
        border: 2px solid #fff !important;       /* Μπλε περίγραμμα (μπορείτε να αλλάξετε το hex code) */
        border-radius: 100px !important;            /* 100% Στρογγυλεμένες γωνίες */
        background-color: rgba(255, 255, 255, 0.15) !important; /* Λευκό με 15% διαφάνεια */
        color: #fff !important;                     /* Χρώμα κειμένου */
        padding: 8px 16px !important;               /* Εσωτερικό κενό για να δείχνει όμορφο το κουμπί */
        transition: all 0.3s ease !important;       /* Ομαλό εφέ κατά το hover */
        display: inline-block !important;
    }
    /* Προσθήκη κενού 5px ανάμεσα στα στοιχεία του κεντρικού μενού */
    #_desktop_top_menu > ul.top-menu > li.category {
        margin: 3px auto 8px auto !important; /* Π-Δ-Κ-Α */
    }

    /* 2. ACTIVE / HOVER ΚΑΤΑΣΤΑΣΗ: 
    Κόκκινο περίγραμμα & Λευκό background με 25% διαφάνεια */
    
    /* Α. Κατάσταση HOVER (Όταν ο χρήστης περνάει το ποντίκι) */
    #_desktop_top_menu .top-menu > li.category:hover > a.dropdown-item,
    #_desktop_top_menu .top-menu > li.category:focus-within > a.dropdown-item,
    
    /* Β. Κατάσταση ACTIVE (Είτε είμαστε στην κεντρική, είτε σε οποιοδήποτε βάθος υποκατηγορίας) */
    #_desktop_top_menu .top-menu > li.category.main-menu-active > a.dropdown-item,
    #_desktop_top_menu .top-menu > li.category.active > a.dropdown-item,
    #_desktop_top_menu .top-menu > li.category.current > a.dropdown-item {
        border-color: #730000 !important;           /* Κόκκινο περίγραμμα */
        background-color: rgba(255, 255, 255, 0.50) !important; /* Λευκό με 25% διαφάνεια */
        color: #fff !important;                     /* Έντονο χρώμα κειμένου */
    }
}

/* ========================================================================== */
/* ========================================================================== */



/*******************************************************************************
 2. ΑΛΛΑΓΗ ΤΙΤΛΩΝ & ΓΕΝΙΚΩΝ ΣΥΝΔΕΣΜΩΝ ΣΕ ΣΚΟΥΡΟ ΜΠΛΕ
*******************************************************************************/
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
.products-section-title, 
.product-price,
#products .product-title a, 
.product-miniature .product-title a {
    color: #003359 !important; /* Σκούρο Μπλε (Navy) */
}

/* Γενικό χρώμα συνδέσμων χωρίς να επηρεάζει το header και το μενού */
main a, .breadcrumb a { 
    color: #003359; 
}

/*******************************************************************************
 3. ΒΑΣΙΚΟ ΚΟΚΚΙΝΟ ΧΡΩΜΑ & ΚΟΥΜΠΙΑ
*******************************************************************************/
/* Χρώμα στα βασικά κουμπιά (Προσθήκη στο καλάθι, Εγγραφή κλπ) */
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
.block_newsletter form input[type="submit"] {
    background-color: #D90429 !important;
    border-color: #D90429 !important;
    color: #FFFFFF !important; /* Λευκά γράμματα για αντίθεση ΑμεΑ */
}

/* Ενεργά στοιχεία, badges και επισημάνσεις */
.tag-primary,
.active-filters .filter-block,
.blockcart .cart-products-count {
    background-color: #D90429 !important;
    color: #FFFFFF !important;
}

/* Γραμμές κάτω από ενεργά μενού */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
#header .top-menu .sub-menu ul li a:hover {
    border-bottom-color: #D90429 !important;
}

/*******************************************************************************
 4. MOUSE OVER (HOVER) ΓΙΑ ΚΟΥΜΠΙΑ
*******************************************************************************/
.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
.block_newsletter form input[type="submit"]:hover {
    background-color: #A3001E !important; /* Σκούρο Κόκκινο / Μπορντό */
    border-color: #A3001E !important;
    color: #FFFFFF !important;
}

/*******************************************************************************
 5. ΚΑΘΑΡΟ ΜΑΥΡΟ ΧΡΩΜΑ ΓΙΑ ΑΝΤΙΘΕΣΗ ΑμεΑ (WCAG CONTRAST)
*******************************************************************************/
/* Υψηλή αντίθεση για τα κείμενα του Header και του Καλαθιού */
#header .dropdown-item, #header .blockcart, #header a { 
    color: #fff !important; 
}

/* Υψηλή αντίθεση για το footer */
.footer-container a, .footer-container p, #contact-infos { 
    color: #1A1A1A !important; 
}

/* Υπογράμμιση στο email επικοινωνίας (Υποχρεωτικό για ΑμεΑ) */
#contact-infos a { 
    text-decoration: underline !important; 
}

/* Σκούρο κείμενο στο newsletter disclaimer */
#blockEmailSubscription_displayFooterBefore p,
.block_newsletter p,
.block_newsletter {
    color: #1A1A1A !important;
}

/*******************************************************************************
 6. ΑΠΟΛΥΤΟΣ ΕΞΑΝΑΓΚΑΣΜΟΣ CONTRAST ΓΙΑ ΤΟ PLACEHOLDER ΤΗΣ ΑΝΑΖΗΤΗΣΗΣ (ΑμεΑ)
*******************************************************************************/
/* Διατήρηση του ανοιχτού κίτρινου φόντου που επιθυμείτε */
#search_widget form input,
.search-widgets form input[type="text"],
input[name="s"].ui-autocomplete-input { 
    background: #9c2727 !important; 
    color: #fff !important; 
}

/* Πλήρης εξουδετέρωση της διαφάνειας του Chrome - 100% Μαύρο Κείμενο */
#search_widget input[type="text"]::-webkit-input-placeholder { color: #fff !important; opacity: 1 !important; -webkit-text-fill-color: #fff !important; text-shadow: none !important; }
#search_widget input[type="text"]::-moz-placeholder { color: #fff !important; opacity: 1 !important; text-shadow: none !important; }
#search_widget input[type="text"]:-ms-input-placeholder { color: #fff !important; opacity: 1 !important; text-shadow: none !important; }
#search_widget input[type="text"]::placeholder { color: #fff !important; opacity: 1 !important; text-shadow: none !important; }

input[name="s"]::-webkit-input-placeholder { color: #fff !important; opacity: 1 !important; -webkit-text-fill-color: #fff !important; text-shadow: none !important; }
input[name="s"]::placeholder { color: #fff !important; opacity: 1 !important; text-shadow: none !important; }

.ui-autocomplete-input::-webkit-input-placeholder { color: #fff !important; opacity: 1 !important; -webkit-text-fill-color: #fff !important; text-shadow: none !important; }
.ui-autocomplete-input::placeholder { color: #fff !important; opacity: 1 !important; text-shadow: none !important; }

/*******************************************************************************
 7. ΔΙΟΡΘΩΣΗ MOUSE OVER (HOVER) ΓΙΑ ΤΟ ΜΕΝΟΥ (ΥΠΕΡΙΣΧΥΕΙ ΤΗΣ ΑΝΤΙΘΕΣΗΣ)
*******************************************************************************/
/* Hover στα κεντρικά μενού (data-depth="0") */
#header .top-menu .dropdown-item[data-depth="0"]:hover,
#header .top-menu .category:hover > .dropdown-item[data-depth="0"] {
    color: #4d020e !important; /* Ζωντανό Κόκκινο */
}

/* Hover στα υπομενού και σε όλους τους άλλους συνδέσμους του μενού */
#header .top-menu a:hover,
#header .top-menu .dropdown-item:hover,
.search-widget form i:hover {
    color: #4d020e !important;
}

/* + Kok διορθωσεις ΗΕΑDER*/
#header .dropdown-item, 
.category a {color: #7a7a7a !important; }
#header .header-nav .cart-preview .shopping-cart {
  color: #fff; !important; }
#header .header-nav .blockcart {background: #9c2727 }

/*******************************************************************************
 Β1. ΔΙΟΡΘΩΣΕΙΣ CONTRAST ΓΙΑ ΤΙΣ ΣΕΛΙΔΕΣ ΚΑΤΗΓΟΡΙΩΝ (ΑμεΑ)
*******************************************************************************/
/* Σκούρο χρώμα για τα Breadcrumbs (Πλοήγηση) */
.breadcrumb, 
.breadcrumb ol li, 
.breadcrumb ol li a,
.breadcrumb span {
    color: #1A1A1A !important;
}

/* Σκούρο χρώμα για το κείμενο "Καμία μάρκα" στα φίλτρα */
#search_filters_brands,
#search_filters_brands p,
#search_filters_brands .facet-title {
    color: #1A1A1A !important;
}

/* Σκούρο χρώμα για το κείμενο ειδοποίησης "Δεν υπάρχουν ακόμη διαθέσιμα προϊόντα" */
.page-content.page-not-found,
.page-content.page-not-found p,
#content.page-not-found h4 {
    color: #1A1A1A !important;
}

/*******************************************************************************
 Β2. ΔΙΟΡΘΩΣΕΙΣ απο HTML απο Η5 σε Η3 ΓΙΑ ΤΙΣ ΣΕΛΙΔΕΣ ΚΑΤΗΓΟΡΙΩΝ (ΑμεΑ)
*******************************************************************************/
.subcategories-list h3 { 
    font-size: 1rem !important; 
    margin-bottom: 0.3125rem; 
    font-weight: 600; 
}

/*******************************************************************************
 Β3. ΝΕΕΣ ΔΙΟΡΘΩΣΕΙΣ CONTRAST LIGHTHOUSE (ΣΕΛΙΔΑ ΚΑΤΗΓΟΡΙΑΣ)
*******************************************************************************/
/* 1. Διόρθωση αντίθεσης για το κείμενο "Υπάρχει X προϊόντα" */
.products-nb-of-products,
#js-product-list-top .products-nb-of-products,
#js-product-list-top p {
    color: #1A1A1A !important;
    font-weight: 600;
}

/* 2. Διόρθωση αντίθεσης για το κείμενο "Ταξινόμηση κατά:" */
.sort-by,
#js-product-list-top .sort-by,
span.sort-by {
    color: #1A1A1A !important;
    font-weight: 600;
}

/*******************************************************************************
 Γ10. ΔΙΟΡΘΩΣΗ FLAGS (ΝΕΟ) ΣΕ ΚΟΚΚΙΝΟ & ΤΕΛΙΚΑ CONTRAST ΣΦΑΛΜΑΤΑ - ΠΡΟΙΟΝ
*******************************************************************************/
/* Αλλαγή των Product Flags (ΝΕΟ, Προσφορά κλπ) σε Κόκκινο χωρίς κίτρινο πλαίσιο */
.product-flags .product-flag,
.product-flags .new,
li.product-flag.new {
    background-color: #D90429 !important; /* Ζωντανό Κόκκινο */
    color: #FFFFFF !important;             /* Λευκά γράμματα για αντίθεση ΑμεΑ */
    border: none !important;               /* Κατάργηση του κίτρινου πλαισίου */
}

/* Σκούρο χρώμα για το κείμενο σελιδοποίησης "Εμφανίζονται τα στοιχεία 1-1..." */
.showing,
#products .showing,
div.showing,
#js-product-list-top .showing,
.products-nb-per-page .showing,
.col-sm-12.text-sm-center.showing {
    color: #1A1A1A !important; /* Καθαρό σκούρο για Contrast */
    font-weight: 600;
}

/* Διόρθωση για το κουμπί "Επιστροφή στην κορυφή" (Back to top) στο footer */
a[href="#header"].btn-secondary,
.btn-secondary {
    background-color: #003359 !important; /* Σκούρο Μπλε για να ξεχωρίζει */
    color: #FFFFFF !important;             /* Λευκά γράμματα για Contrast */
    border-color: #003359 !important;
}

/* Hover κατάσταση για το κουμπί "Επιστροφή στην κορυφή" */
a[href="#header"].btn-secondary:hover,
.btn-secondary:hover {
    background-color: #D90429 !important; /* Γίνεται Κόκκινο στο Hover */
    border-color: #D90429 !important;
    color: #FFFFFF !important;
}

/*******************************************************************************
 Γ11. ΑΠΟΛΥΤΟ CONTRAST ΓΙΑ BREADCRUMBS ΚΑΙ ΚΑΘΟΛΙΚΗ ΠΛΟΗΓΗΣΗ
 *******************************************************************************/
#wrapper .breadcrumb,
#wrapper .breadcrumb *,
#wrapper .breadcrumb-item,
#wrapper .breadcrumb-item *,
.breadcrumb i,
.breadcrumb span,
.breadcrumb a {
    color: #1A1A1A !important;
}

/*******************************************************************************
 Γ12. ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ - ΧΡΩΜΑΤΑ & CONTRAST (ΑμεΑ 100%)
*******************************************************************************/
/* Αλλαγή του παλιού τυρκουάζ #24b9d7 στο Σκούρο Μπλε του Site */
.product-price,
.current-price span,
#product a:hover,
.discount-percentage {
    color: #003359 !important;
}

/* ΕΔΩ ΚΡΑΤΑΜΕ ΤΟ ΣΤΥΛ ΓΙΑ ΤΑ VARIANTS, TABS ΚΑΙ ALERTS (ΧΩΡΙΣ τη διαθεσιμότητα) */
.product-variants,
.tabs .nav-tabs .nav-link.active,
.alert-warning {
    background-color: #fff0b2 !important; /* Ανοιχτό Κίτρινο */
    border: 1px solid #d4a373 !important;  /* Σκούρο Κίτρινο/Μπεζ Πλαίσιο */
    color: #1A1A1A !important;             /* Καθαρό Μαύρο κείμενο για ΑμεΑ */
}

/* ΥΠΕΡ-ΕΝΙΣΧΥΜΕΝΟΣ ΚΑΝΟΝΑΣ ΜΟΝΟ ΓΙΑ ΤΗ ΔΙΑΘΕΣΙΜΟΤΗΤΑ (Αφαιρεί τις κάθετες γραμμές) */
#product .product-availability,
#product #product-availability,
.product-availability,
#product-availability {
    background-color: #fff0b2 !important;
    color: #1A1A1A !important;
    border: 0px solid transparent !important;
    border-style: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Αλλαγή των πορτοκαλί/τυρκουάζ εικονιδίων (Icons) σε Μπλε (Απενεργοποιημένο το #product μέσω σχολίου) */
/* #product .material-icons, */
.product-prices .material-icons,
.tabs .material-icons {
    color: #003359 !important;
}

/* Διόρθωση αντίθεσης για το κείμενο "με ΦΠΑ" */
.tax-shipping-delivery-label,
#product .tax-shipping-delivery-label {
    color: #1A1A1A !important;
    font-weight: 600;
}

/* Διόρθωση αντίθεσης για τα ανενεργά Tabs */
.tabs .nav-tabs .nav-link {
    color: #1A1A1A !important;
}

/* Διόρθωση μεγέθους Touch Targets για τα βέλη ποσότητας */
.btn-touchspin, 
.bootstrap-touchspin .btn-touchspin { 
    min-height: 24px !important; 
    min-width: 24px !important; 
}

/*******************************************************************************
 Γ14. ΔΙΟΡΘΩΣΗ ΜΕΓΕΘΟΥΣ TOUCH TARGETS (ΒΕΛΗ ΠΟΣΟΤΗΤΑΣ ΑμεΑ)
*******************************************************************************/
/* Μεγαλώνουμε το συνολικό ύψος του block της ποσότητας */
.bootstrap-touchspin .input-group-btn-vertical {
    width: 48px !important; /* Ελάχιστο πλάτος WCAG */
}

/* Αυξάνουμε το μέγεθος των κουμπιών Up & Down ώστε να πιάνουν 48px ύψος το καθένα */
.bootstrap-touchspin .input-group-btn-vertical .btn-touchspin {
    height: 48px !important;
    width: 48px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Προσθήκη μικρής απόστασης μεταξύ των δύο κουμπιών για να μην «χτυπάνε» ως κολλημένα */
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: 4px !important;
}

/* Προσαρμογή του πεδίου εισαγωγής αριθμού (input) για να ταιριάζει με τα νέα μεγάλα κουμπιά */
#quantity_wanted {
    height: 100px !important; /* Ευθυγράμμιση με το συνολικό ύψος των δύο κουμπιών */
    font-size: 1.2rem !important;
}

/*******************************************************************************
 Γ15. ΚΑΤΑΡΓΗΣΗ ΠΟΡΤΟΚΑΛΙ ΑΡΙΣΤΕΡΗΣ ΓΡΑΜΜΗΣ ΣΤΑ ALERTS (ΑμεΑ)
*******************************************************************************/
/* Αφαιρούμε την πορτοκαλί γραμμή και την κάνουμε ομοιόμορφη με το πλαίσιο */
.alert-warning,
#product .alert-warning,
.product-availability .alert {
    border-left: 1px solid #d4a373 !important; /* Σκούρο Κίτρινο/Μπεζ όπως όλο το πλαίσιο */
}

/* Για Κατηγοριες & Προιοντα */
/*******************************************************************************
 Γ+Β. ΤΕΛΙΚΟ ΚΛΕΙΔΩΜΑ 100% CONTRAST (LIGHTHOUSE FIXES) ok 100% Accessibility
*******************************************************************************/
/* 1. Εξαναγκασμός για το κείμενο σελιδοποίησης "Εμφανίζονται τα στοιχεία..." */
.col-md-4, 
#js-product-list-top .col-md-4, 
#js-product-list-bottom .col-md-4 {
    color: #1A1A1A !important;
}

/* 2. Στοχευμένη διόρθωση για τα ειδικά σύμβολα/βέλη στα Breadcrumbs */
#wrapper .breadcrumb,
#wrapper .breadcrumb i,
#wrapper .breadcrumb li,
#wrapper .breadcrumb a,
#wrapper .breadcrumb span {
    color: #1A1A1A !important;
}

/* 3. Διόρθωση για την Περίληψη (Short Description) στη σελίδα προϊόντος */
.product-description,
#product .product-description,
#product .product-description p,
.product-information .product-description {
    color: #1A1A1A !important;
}

/* 4. Διόρθωση για την Περιγραφή (Full Description) και τα Tabs */
#description,
#description p,
.product-features,
.tabs .tab-content,
.tabs .tab-content p {
    color: #1A1A1A !important;
}

/* Διόρθωση για τους τίτλους των Tabs (Περιγραφή, Λεπτομέρειες) */
.tabs .nav-tabs .nav-item .nav-link {
    color: #1A1A1A !important;
    font-weight: 600;
}

/*******************************************************************************
Ε. ΝΕΑ ΧΡΩΜΑΤΑ ΓΙΑ ΤΟ ΚΑΛΑΘΙ ΑΓΟΡΩΝ (DESKTOP)
*******************************************************************************/
/* Γαλάζιο φόντο με Λευκά γράμματα και λευκό εικονίδιο για το ενεργό καλάθι */
#_desktop_cart .blockcart.cart-preview.active,
#_desktop_cart .blockcart.cart-preview.active a,
#_desktop_cart .blockcart.cart-preview.active .header a,
#_desktop_cart .blockcart.cart-preview.active i.material-icons,
#_desktop_cart .blockcart.cart-preview.active span.hidden-sm-down {
    background-color: #D90429 !important; /* Ζωντανό Κόκκινο */
    color: #FFFFFF !important;             /* Καθαρό Λευκό */
}

/* Ποσότητα-Είδη (1): Λευκό φόντο με Κόκκινο κείμενο */
#_desktop_cart .blockcart.cart-preview.active .cart-products-count {
    background-color: #FFFFFF !important; /* Λευκό Φόντο */
    color: #D90429 !important;             /* Ζωντανό Κόκκινο Κείμενο */
    font-weight: bold !important;
    padding: 2px 6px !important;           /* Μικρό padding για να φαίνεται όμορφο σαν flag */
    border-radius: 4px !important;         /* Ελαφρώς στρογγυλεμένες γωνίες */
}

/*******************************************************************************
E. ΔΙΟΡΘΩΣΕΙΣ CONTRAST ΓΙΑ ΤΗ ΣΕΛΙΔΑ CHECKOUT (ΑμεΑ 100%)
*******************************************************************************/
/* 1. Σκούρο χρώμα για το κουμπί "Επεξεργασία" (Διόρθωση text-muted) */
#checkout .step-edit,
#checkout .step-edit.text-muted,
#checkout .step-edit i {
    color: #003359 !important; /* Σκούρο Μπλε για μέγιστη αντίθεση */
    font-weight: 600;
}

/* 2. Διόρθωση αντίθεσης για τα κείμενα στη Σύνοψη Παραγγελίας (Summary) */
#js-checkout-summary,
#js-checkout-summary p,
#js-checkout-summary .cart-summary-line,
#js-checkout-summary .cart-summary-line .label,
#js-checkout-summary .cart-summary-line .value {
    color: #1A1A1A !important;
    font-weight: 500;
}

/* 3. Διόρθωση αντίθεσης για το κείμενο στο Footer του Checkout */
#checkout footer#footer,
#checkout footer#footer .text-sm-center,
#checkout footer#footer p {
    color: #1A1A1A !important;
}

/* 4. Απόλυτη συμμόρφωση για τον σύνδεσμο των Όρων Χρήσης (Links rely on color) */
#checkout a#cta-terms-and-conditions-0,
#checkout .js-terms a,
#checkout label.js-terms a {
    color: #003359 !important;       /* Σκούρο Μπλε */
    text-decoration: underline !important; /* Υποχρεωτική υπογράμμιση για ΑμεΑ */
    font-weight: 600;
}

/* Διόρθωση και για το κείμενο της ετικέτας των όρων χρήσης */
#checkout label.js-terms {
    color: #1A1A1A !important;
}

/*******************************************************************************
 Ε+. ΔΙΟΡΘΩΣΗ CONTRAST ΣΤΟ ΒΗΜΑ ΠΛΗΡΩΜΗΣ (CHECKOUT 100%)
*******************************************************************************/
/* Σκούρο χρώμα για το ενημερωτικό κείμενο στο βήμα της πληρωμής */
#checkout .cart-payment-step-not-needed-info,
#checkout p.cart-payment-step-not-needed-info {
    color: #1A1A1A !important;
    font-weight: 500;
}

/*******************************************************************************
 Π. ΔΙΟΡΘΩΣΕΙΣ
*******************************************************************************/

*/***νοεμ 2026*

/* Πλαίσιο εικόνας υποκατηγορίας 172x100 */
#subcategories .subcategory-image a.img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 172px;
  height: 100px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

/* Συμπεριφορά εικόνας: 100px ύψος κεντραρισμένη αν είναι τετράγωνη, πλήρες πλάτος αν είναι πλάγια */
#subcategories .subcategory-image img.subcategory-square-img,
#subcategories .subcategory-image img.subcategories-square-img {
  width: 100% !important;
  height: 100px !important;
  max-width: 172px !important;
  max-height: 100px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

/* Στοίχιση της λίστας των υποκατηγοριών */
#subcategories .subcategories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

#subcategories .subcategories-list li {
  width: 172px !important;
  text-align: center;
}

/* Κεντραρισμένο Εξώφυλλο Κατηγορίας με σταθερό ύψος 180px */
.block-category .block-category-inner .category-cover {
  width: 100%;
  text-align: center;
}

.block-category .block-category-inner .category-cover picture {
  display: block;
  width: 100%;
}

.block-category .block-category-inner .category-cover img {
  display: block !important;
  margin: 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  height: 180px !important;
  max-height: 180px !important;
  min-height: unset !important;
  object-fit: contain !important;
}

/* Τετράγωνες εικόνες προϊόντων στη λίστα κατηγορίας χωρίς περικοπή */
.products .product-miniature .thumbnail-top {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto !important;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.products .product-miniature .product-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.products .product-miniature .product-thumbnail picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.products .product-miniature .product-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  display: block;
}

/*******************************************************************************
 Π. Μεταχειρισμένο κλπ
*******************************************************************************/li.product-flag.badge-used, li.product-flag.badge-refurbished {background:#005ca2 !important;}

/*******************************************************************************
Π.  Ευθυγράμμιση τιμής και ΦΠΑ στην ίδια γραμμή στη σελίδα προϊόντος 
*******************************************************************************/
.product-prices .current-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px; /* Κενό ανάμεσα στην τιμή και το "με ΦΠΑ" Δεν>+padding-right */
}

.product-prices .current-price span {
    display: inline-block;
    padding-right: 8px;
}

/* Μικραίνει ελαφρώς το μέγεθος της γραμματοσειράς του "με ΦΠΑ" για να δείχνει πιο κομψό */
.product-prices .tax-shipping-delivery-label {
    0font-size: 0.9rem; 
    0color: #7a7a7a;
    font-weight: normal !important;
    display: inline-block !important;
}