#header {
  position: relative;
  z-index: 999;
  color: #404040;
  background: #fed24d;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
}

#header .header-nav .blockcart {  background: #fff0b2;}
#search_widget form input { background: #fff0b2;}


/*******************************************************************************
 1. ΑΛΛΑΓΗ ΤΙΤΛΩΝ ΣΕ ΣΚΟΥΡΟ ΜΠΛΕ
*******************************************************************************/
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) */
}

/*******************************************************************************
 2. ΑΛΛΑΓΗ ΒΑΣΙΚΟΥ ΧΡΩΜΑΤΟΣ (#1d93ab) ΣΕ ΚΟΚΚΙΝΟ
*******************************************************************************/
/* Χρώμα σε Links και Hover καταστάσεις */
a:hover,
.dropdown-item:hover,
.search-widget form i:hover {
    color: #D90429 !important; /* Ζωντανό Κόκκινο */
}

/* Χρώμα στα βασικά κουμπιά (π.χ. Προσθήκη στο καλάθι, Εγγραφή κλπ) */
.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;
}

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

/*******************************************************************************
 3. ΠΡΟΗΓΟΥΜΕΝΕΣ ΔΙΟΡΘΩΣΕΙΣ ΓΙΑ ΤΟ ΣΚΟΡ ΑμεΑ (WCAG Contrast & Links)
*******************************************************************************/
/* Πιο σκούρο γκρι/μαύρο για το μενού και το καλάθι (Contrast) */
#header .dropdown-item, #header .blockcart, #header a { 
    color: #1A1A1A !important; 
}
/* Πιο σκούρο χρώμα για το κείμενο και τους συνδέσμους στο footer (Contrast) */
.footer-container a, .footer-container p, #contact-infos { 
    color: #1A1A1A !important; 
}
/* Καλύτερη αντίθεση για το placeholder της αναζήτησης */
input[name="s"]::placeholder { 
    color: #4A4A4A !important; 
}
/* Υπογράμμιση για το email επικοινωνίας (Links distinguish) */
#contact-infos a { 
    text-decoration: underline !important; 
}

/*******************************************************************************
ΕΧΤΡΑ Π
*******************************************************************************/
a { color: #0B2545 !important; /* Σκούρο Μπλε (Navy) */ }

/*******************************************************************************
 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. MOUSE OVER (HOVER) ΓΙΑ ΤΟ ΚΕΝΤΡΙΚΟ ΜΕΝΟΥ (MAIN MENU)
*******************************************************************************/
/* Για τις βασικές κατηγορίες στην μπάρα */
#top-menu .top-menu a:hover,
#top-menu .top-menu .dropdown-item:hover,
.top-menu .dropdown-item[data-depth="0"]:hover {
    color: #D90429 !important; /* Ζωντανό Κόκκινο */
}

/* Για τα υπομενού (dropdowns) που ανοίγουν από κάτω */
#header .top-menu .sub-menu a:hover {
    color: #D90429 !important;
}

/*******************************************************************************
 6. MOUSE OVER (HOVER) ΓΙΑ ΤΑ ΚΕΝΤΡΙΚΑ ΜΕΝΟΥ ΠΡΩΤΟΥ ΕΠΙΠΕΔΟΥ δεν δουλευει
*******************************************************************************/
/* Εξαναγκασμός hover στα κεντρικά links που έχουν ή δεν έχουν sub-menu */
.top-menu a[data-depth="0"]:hover,
.top-menu a[data-depth="0"]:hover *,
#top-menu .cms-page-link:hover,
#top-menu .top-menu .dropdown-item[data-depth="0"]:hover {
    color: #D90429 !important; /* Ζωντανό Κόκκινο */
}

/* Διόρθωση για το hover όταν το ποντίκι ακουμπάει ολόκληρο το πλαίσιο (li) */
.top-menu .category:hover > a,
.top-menu .category:hover > a * {
    color: #D90429 !important;
}

/*******************************************************************************
 7. ΟΡΙΣΤΙΚΟΣ ΚΑΘΑΡΙΣΜΟΣ HOVER ΓΙΑ ΟΛΑ ΤΑ ΣΤΟΙΧΕΙΑ ΤΟΥ ΜΕΝΟΥ δεν δουλευει 
*******************************************************************************/
/* Εξαναγκασμός hover σε κάθε σύνδεσμο, λίστα, κείμενο ή εικονίδιο μέσα στο μενού */
#top-menu li:hover,
#top-menu li:hover >,
#top-menu li:hover > a,
#top-menu li:hover > a *,
#top-menu a:hover,
#top-menu a:hover * {
    color: #D90429 !important; /* Ζωντανό Κόκκινο */
}


/*******************************************************************************
 7. ΔΙΟΡΘΩΣΗ HOVER ΓΙΑ ΤΑ ΚΕΝΤΡΙΚΑ ΜΕΝΟΥ (DATA-DEPTH="0") ΣΩΣΤΟ
*******************************************************************************/
/* Στοχευμένο hover για τα links πρώτου επιπέδου με βάση το HTML σας */
#header .top-menu .dropdown-item[data-depth="0"]:hover,
#header .top-menu .category:hover > .dropdown-item[data-depth="0"] {
    color: #D90429 !important; /* Ζωντανό Κόκκινο */
}

/* Γενικότερο hover ασφαλείας για οτιδήποτε άλλο πατηθεί στο top menu */
#top-menu .dropdown-item:hover,
#top-menu a:hover {
    color: #D90429 !important;
}