/* Ελληνική Σημαία */
.menu-item a[href="https://badgassers.onmap.gr"] {
    display: flex;
    align-items: center;
}

.menu-item a[href="https://badgassers.onmap.gr"]::before {
    content: url('https://badgassers-en.onmap.gr/wp-content/uploads/2024/07/flag_gr.jpg');
    margin-right: 8px;
}




.custom-menu-class {
    background-color: #f0f0f0; /* Προσαρμόστε το χρώμα του φόντου */
    padding: 10px;
    border-radius: 5px;
}

.custom-menu-class ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.custom-menu-class ul.menu li {
    margin-bottom: 5px;
}

.custom-menu-class ul.menu li a {
    text-decoration: none;
    color: #333; /* Προσαρμόστε το χρώμα των συνδέσμων */
}

.custom-menu-class ul.menu li a:hover {
    color: #000; /* Προσαρμόστε το χρώμα των συνδέσμων στο hover */
    font-weight: bold;
}
.custom-menu-class ul.menu .sub-menu {
    display: none;
    margin-left: 20px; /* Προσαρμόστε την εσοχή αν χρειάζεται */
}

.custom-menu-class ul.menu li.open > .sub-menu {
    display: block;
}
.custom-menu-class ul.menu li a {
    transition: color 0.3s ease;
}

.custom-menu-class ul.menu li a:hover {
    color: #0073aa; /* Προσαρμόστε το χρώμα hover */
}
.custom-menu-class ul.menu .sub-menu {
    display: none;
    margin-left: 20px;
    transition: all 0.3s ease;
}
.custom-menu-class ul.menu li.current-menu-item > a {
    font-weight: bold;
    color: #0073aa;
}




.quantity .qty {
    width: 170px; /* Μπορείς να προσαρμόσεις την τιμή όπως επιθυμείς */
    height: 140px; /* Μπορείς να προσαρμόσεις την τιμή όπως επιθυμείς */
    font-size: 16px; /* Προσαρμόστε το μέγεθος της γραμματοσειράς */
}

/* Κεντράρισμα των τιμών των προϊόντων */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    text-align: center;
    display: block;
    width: 100%;
}

/* Εάν θέλετε να κεντράρετε και άλλα στοιχεία, προσθέστε τα παρακάτω: */
// woocommerce ul.products li.product,
// .woocommerce div.product {
    text-align: center;
}


#g-navigation {
    background-image: url('https://badgassers-en.onmap.gr/wp-content/uploads/2024/07/pista_f1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1.5; /* Adjust the opacity to make the image faint */
}



/* Απόκρυψη του αρχικού κειμένου στο κουμπί και κεντράρισμα του εικονιδίου για τις σελίδες προϊόντων */
.woocommerce a.button.add_to_cart_button,
.woocommerce button.single_add_to_cart_button {
    background-image: url('https://badgassers-en.onmap.gr/wp-content/uploads/2024/07/basket_icon.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px; /* Κρύβει το κείμενο */
    display: block;
    width: 100px; /* Ρύθμισε το πλάτος ανάλογα με την εικόνα σου */
    height: 100px; /* Ρύθμισε το ύψος ανάλογα με την εικόνα σου */
    border: none; /* Αφαιρεί το περίγραμμα του κουμπιού */
    background-color: transparent; /* Αφαιρεί το χρώμα φόντου */
    margin: 0 auto; /* Κεντράρει το κουμπί */
    position: right;
}


/* Αποκρύπτει το κείμενο μετά την προσθήκη στο καλάθι */
.woocommerce a.button.add_to_cart_button.added:after,
.woocommerce button.single_add_to_cart_button.added:after {
    content: "";
}

/* Αποκρύπτει το κείμενο στο κουμπί μετά την προσθήκη στο καλάθι */
.woocommerce a.button.add_to_cart_button.added,
.woocommerce button.single_add_to_cart_button.added {
    text-indent: -9999px; /* Κρύβει το κείμενο */
}



/* Για να κεντράρετε το κουμπί κάτω από το προϊόν στις σελίδες προϊόντων */
.woocommerce ul.products li.product .button{
    display: flex;
    justify-content: right;
}


.woocommerce div.product form.cart .button {
    display: flex;
    justify-content: right;
}

/* Απόκρυψη του κειμένου "καλάθι" */
.woocommerce a.added_to_cart{
    display: none !important;
}
.woocommerce button.added_to_cart {
    display: none !important;
}

.single-product .single_add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.single-product .single_add_to_cart_button::before {
    content: "\f07a" !important;
    font-family: 'FontAwesome' !important;
    font-size: 16px !important;
    color: black !important;
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Απόκρυψη της αρίθμησης ποσότητας στο κουμπί "Προσθήκη στο καλάθι" σε σελίδες προϊόντων */
.woocommerce ul.products li.product .button .quantity {
    display: none !important;
}

/* Απόκρυψη της αρίθμησης ποσότητας στο κουμπί "Προσθήκη στο καλάθι" στη σελίδα προϊόντος */
.woocommerce div.product form.cart .button .quantity {
    display: none !important;
}
.quantity .qty {
    width: 170px; /* Μπορείς να προσαρμόσεις την τιμή όπως επιθυμείς */
    height: 140px; /* Μπορείς να προσαρμόσεις την τιμή όπως επιθυμείς */
    font-size: 16px; /* Προσαρμόστε το μέγεθος της γραμματοσειράς */
}
/* Εξαφάνιση του κουτιού της ποσότητας */
.quantity {
    display: none;
}

/* Διόρθωση του προβλήματος με το εικονίδιο */
.single_add_to_cart_button {
    position: relative;
    
}
.single_add_to_cart_button:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px; /* Προσαρμόστε το πάχος της ράβδου αν χρειάζεται */
    background-color: transparent; /* Κάντε τη ράβδο διάφανη */
    transition: background-color 0.3s;
}

.single_add_to_cart_button:hover:after {
    background-color: transparent; /* Κρατήστε τη ράβδο διάφανη στο hover */
}

.single_add_to_cart_button img:hover {
    transform: scale(1.1); /* Μεγαλώνει ελαφρώς το εικονίδιο στο hover */
    transition: transform 0.3s ease; /* Προσθέτει ομαλή μετάβαση */
}
    transition: transform 0.3s ease; /* Προσθέτει ομαλή μετάβαση */
}

.menu-image {
    width: 20px; /* Αλλάξτε το μέγεθος όπως χρειάζεται */
    height: 20px; /* Αλλάξτε το μέγεθος όπως χρειάζεται */
    margin-right: 10px; /* Απόσταση μεταξύ της εικόνας και του κειμένου */
}

.menu-item a {
    display: flex;
    align-items: center;
}

/* Προσαρμογή περιθωρίου για την κύρια εικόνα του προϊόντος */
.woocommerce div.product div.images img {
    margin-bottom: 20px; /* Προσθέτει απόσταση μεταξύ της κύριας εικόνας και των μικρογραφιών */
}