/*
 Theme Name:   Hongo Child
 Theme URI:    https://themezaa.com
 Description:  Hongo Child Theme
 Author:       ThemeZaa
 Author URI:   https://themezaa.com
 Template:     hongo
 Version:      1.0.0
 Text Domain:  hongo-child
*/

/* Από κάτω βάζετε τις δικές σας 185 γραμμές, π.χ.: */
/* Αρχική κατάσταση του προϊόντος */
.product {
    border: 2px solid #005DAB; /* Μπλε πλαίσιο 2px */
    padding: 10px; /* Απόσταση μεταξύ του περιεχομένου και του πλαισίου */
    margin: 10px; /* Απόσταση από άλλα προϊόντα */
    border-radius: 4px; /* Διορθώθηκε σε 4px για πιο αυστηρές γωνίες */
    background-color: #DCE7F3; /* Το νέο σας απαλό γαλάζιο φόντο */
}

/* Φόντο για τις εικόνες των προϊόντων για να μην κάνουν άσπρη "κουκίδα" */
.product .product-thumb-wrap img,
.product img {
    background-color: #DCE7F3 !important;
}

/* Εφέ όταν ο χρήστης περνάει το ποντίκι (Hover) */
.woocommerce .products .product:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Σκιά κατά την αιώρηση πάνω από το προϊόν */
    transform: translateY(-5px); /* Κίνηση του προϊόντος όταν αιωρείται */
    transition: all 0.3s ease; /* Κάνει την κίνηση και τη σκιά να φαίνονται ομαλές */
}

/* Ακύρωση της γραμμής του προγραμματιστή */
.woocommerce ul.products li.product .price {
    border-bottom: none !important;
}

/* Αλλαγή φόντου μόνο στον εσωτερικό περιέκτη του προϊόντος */
.single-product div.product {
    background-color: #dce7f3 !important; /* Ένα ελαφρύ γκρι-μπλε */
    padding: 30px !important; /* Έξτρα κενό γύρω-γύρω για να αναπνέει το περιεχόμενο */
    border-radius: 8px !important; /* Στρογγυλεμένες γωνίες για πιο modern look */
}
.stock.alt-font.in-stock {
   font-size: 12px !important; /* Αλλάξτε το 18px με το μέγεθος που θέλετε */ 
}

button.shop-dropdown-toggle .alt-font {
    font-size: 16px !important; /* Αλλάξτε το 18px με το μέγεθος που επιθυμείτε */
    font-weight: 600;           /* Κάνει τη γραμματοσειρά λίγο πιο παχιά αν χρειάζεται */
}
button.shop-dropdown-toggle {
    background: transparent !important;
    border: 2px solid #ffffff !important;  /* Μπλε περίγραμμα */
    border-radius: 6px !important;         /* Πιο στρογγυλεμένες γωνίες */
}

/* Αλλαγή χρώματος στην ενεργή υποκατηγορία μενού */
.hongo-shop-dropdown-menu .simple-dropdown .sub-menu li.current-menu-item > a {
    color: #C49A00 !important;
}
/* Ρυθμίσεις για το μπλε ταμπελάκι */
.soldout.alt-font {
    font-size: 0 !important;
    display: inline-block !important;
    
    /* Ακριβείς τιμές από το box model σας */
    padding-top: 2px !important;
    padding-bottom: 1px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    
    text-align: center !important;
}

/* Ρυθμίσεις για το κείμενο μέσα στο ταμπελάκι */
.soldout.alt-font::after {
    content: "ΚΑΤΟΠΙΝ ΠΑΡΑΓΓΕΛΙΑΣ" !important;
    font-size: 13px !important; /* Μέγεθος γραμματοσειράς 13px */
    font-weight: 500 !important; /* Πάχος γραμματοσειράς 500 */
    line-height: 16px !important; /* Ύψος γραμμής 16px */
    display: inline-block !important;
    vertical-align: top !important;
}

/* --- ΤΕΛΙΚΟΣ ΚΩΔΙΚΑΣ: ΔΙΟΡΘΩΣΗ ΠΡΩΤΗΣ ΕΙΚΟΝΑΣ & ΟΜΟΙΟΜΟΡΦΙΑ --- */

/* Διορθώνει την παραμόρφωση και το ξεχείλωμα της 1ης εικόνας σε PC και Κινητά */
.wpgs-nav .slick-track .slick-slide img,
.wpgs-nav .slick-track .slick-slide img.attachment-woocommerce_gallery_thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    max-width: 100% !important;
}

/* Εξασφαλίζει ότι όλα τα πλαίσια (κουτάκια) του slider θα έχουν σωστές αναλογίες */
.wpgs-nav .slick-track .slick-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* --- WBW CSS --- */
/* 1. Μεγέθυνση και αλλαγή σε Μπλε χρώμα για τα ονόματα των επιλογών (π.χ. IQ, KIWI) */
.wpfMainWrapper .wpfFilterTaxNameWrapper {
    font-size: 15px !important;
    color: #005DAB !important; /* Εταιρικό Μπλε */
}

/* 2. Μεγέθυνση, Μπλε χρώμα και έντονα γράμματα για τους κεντρικούς Τίτλους (π.χ. Εταιρεία) */
.wpfFilterWrapper .wfpDescription {
    font-size: 17px !important;
    color: #000000 !important; /* Μαύρο */
    font-weight: bold !important;
    display: block !important;
    margin-bottom: 8px !important;

}
.wpfMainWrapper .wpfCheckboxHier input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    cursor: pointer;
    opacity: 1 !important; /* Όχι πια αχνά κουτάκια */
    border: 2px solid #005DAB !important; /* Καθαρό μπλε περίγραμμα όταν είναι άδεια */
}
.wpfMainWrapper .wpfCheckboxHier input[type="checkbox"]:checked {
    filter: #000000 !important; /* Μαύρο όταν είναι τσεκαρισμένα */
}
/* 1. Μεγέθυνση στα νούμερα της τιμής */
.wpfMainWrapper .wpfPriceInputs input {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

/* 2. Μεγέθυνση στην παύλα (διαχωριστικό) */
.wpfMainWrapper .wpfFilterDelimeter {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin: 0 5px !important; /* Δίνει λίγο χώρο δεξιά και αριστερά από την παύλα */
}

/* 3. Μεγέθυνση στο σύμβολο του ευρώ */
.wpfPriceInputs .wpfCurrencySymbol {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
}
/* 1. Αλλαγή εμφάνισης και "κρύψιμο" του παλιού κειμένου */
.wpfMainWrapper .wpfFilterButtons .wpfButton {
    background: #005DAB !important; /* Εταιρικό Μπλε */
    color: transparent !important;
    font-size: 0px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    border: none !important;
    padding: 10px 15px !important; /* Μειώθηκε το padding για να μην "πνίγει" το κουμπί */
    min-height: 42px !important; /* Σταθερό ύψος */
    min-width: 175px !important; /* Προσθήκη πλάτους για να χωράει η φράση σε 1 γραμμή */
    position: relative !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

/* 2. Προσθήκη του νέου κειμένου σε ΜΙΑ γραμμή και ΤΕΛΕΙΟ κεντράρισμα */
.wpfMainWrapper .wpfFilterButtons .wpfButton::before {
    content: "ΕΠΑΝΑΦΟΡΑ ΦΙΛΤΡΩΝ" !important;
    color: #ffffff !important;
    font-size: 13px !important; /* Ελαφρώς μικρότερο για να κάθεται όμορφα */
    font-weight: bold !important;
    text-transform: uppercase !important;
    white-space: nowrap !important; /* Απαγορεύει στο κείμενο να σπάει σε 2 γραμμές */
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important; /* Απόλυτο μαθηματικό κεντράρισμα */
    width: auto !important;
}

/* 2. Εφέ όταν ο χρήστης περνάει το ποντίκι (Hover) */
.wpfMainWrapper .wpfFilterButtons .wpfButton:hover {
    background:  #000000 !important; /* Αλλαγή σε Σκούρο Χρυσό */
    color: #ffffff !important;
}

/* Κατακόρυφη ευθυγράμμιση των checkboxes με το κείμενο */
.wpfMainWrapper .wpfCheckboxHier input[type="checkbox"] {
    vertical-align: middle !important;
    margin-top: -2px !important; /* Σπρώχνει το κουτάκι ελαφρώς προς τα πάνω */
}

/* Κρύβει το αρχικό κείμενο "Επιπλέον πληροφορίες" */
#tab-title-additional_information a {
    font-size: 0 !important;
}

/* Εμφανίζει το νέο κείμενο "Κύρια Χαρακτηριστικά" */
#tab-title-additional_information a::before {
    content: "Κύρια Χαρακτηριστικά";
    font-size: 15px; /* Προσαρμόστε το μέγεθος της γραμματοσειράς αν χρειάζεται */
    text-transform: uppercase; /* Κάνει τα γράμματα κεφαλαία όπως η Περιγραφή */
    font-weight: bold;
}

/* ==========================================================================
   Κρύβει τον διπλό εσωτερικό τίτλο "Τεχνικά Χαρακτηριστικά" στο 3ο Tab (Hongo)
   ========================================================================== */
#tab-hongo-tab3 h2 {
    display: none !important;
}