/* ==========================================================
   FLOWERS DELIVERY ATHENS - CUSTOM HIKASHOP TEMPLATE
========================================================== */

:root {
    --fleur-dark-green: #1a3a17;
    --fleur-beige: #FCFBF8;
    --fleur-gold: #c5a059;
    --fleur-gold-light: rgba(197, 160, 89, 0.2);
    --text-main: #333;
    --white: #ffffff;
}

/* 1. BASE RESET */
html, body {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--fleur-beige);
    color: var(--text-main);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 2. HEADER */
.site-header {
    background-color: var(--white);
    /* Μηδενισμός border για να φύγει η χρυσή γραμμή */
    border-bottom: none !important; 
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.header-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Σταθεροποίηση πλάτους Header στοιχείων */
.pos-logo { flex: 0 0 200px; }
.pos-info { flex: 1; text-align: center; }
.pos-cart { flex: 0 0 180px; text-align: right; }

/* ==========================================================
   3. NAVIGATION (CONTAINER ONLY - NO INTERNAL STYLING)
========================================================== */

.main-nav {
    width: 100% !important;
    background-color: transparent !important;
    margin: 10px 0 !important;
    border: none !important;
    display: block !important;
}

.main-nav .container {
    max-width: 1280px !important;
    width: 95% !important;
    margin: 0 auto !important;
    background-color: var(--fleur-dark-green) !important; /* Το πράσινο "κουτί" */
    border-radius: 50px !important; /* Το σχήμα κάψουλας */
    padding: 5px 20px !important; /* Μικρό padding για να μην κολλάει το module στις άκρες */
    display: block !important; /* Όχι flex εδώ για να μην επηρεάζει το module */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* ΤΕΛΟΣ - ΔΕΝ ΑΓΓΙΖΟΥΜΕ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ MODULE */

/* Σταθεροποίηση πλάτους για αποφυγή CLS (τρεμουλιάσματος) */
.pos-logo { flex: 0 0 200px; }
.pos-info { flex: 1; text-align: center; }
.pos-cart { flex: 0 0 180px; text-align: right; }

/* 3. HIKASHOP SPECIFIC STYLING */

/* Λίστα Προϊόντων */
.hikashop_products_listing {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
}

.hikashop_product {
    background: var(--white);
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
    transition: transform 0.2s ease;
    text-align: center;
}

.hikashop_product:hover {
    transform: translateY(-5px);
    border-color: var(--fleur-gold);
}

/* Εικόνες Προϊόντων (Anti-Jitter) */
.hikashop_product_image img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: cover;
    background-color: #f9f9f9;
    border-radius: 4px;
}

/* Τιμές & Κουμπιά */
.hikashop_product_price {
    color: var(--fleur-dark-green);
    font-weight: 700;
    font-size: 1.2em;
    margin: 10px 0;
}

.hikashop_cart_input_button, .btn-primary {
    background-color: var(--fleur-dark-green) !important;
    color: var(--white) !important;
    border: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
}

.hikashop_cart_input_button:hover {
    background-color: var(--fleur-gold) !important;
}

/* 4. SEO & CATEGORY CONTENT */
.seo-final-container {
    background: var(--white);
    border: 1px solid var(--fleur-gold-light);
    padding: 30px;
    margin: 40px 0;
    border-radius: 12px;
    color: var(--fleur-dark-green);
}

h1.category-title {
    color: var(--fleur-dark-green);
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 30px;
}

#read-more-toggle {
    background: none;
    border: 1px solid var(--fleur-gold);
    color: var(--fleur-gold);
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s;
}

#read-more-toggle:hover {
    background: var(--fleur-gold);
    color: var(--white);
}

/* 5. UTILITIES */
#system-message-container {
    margin: 20px 0;
}

footer {
    background: var(--fleur-dark-green);
    color: var(--white);
    padding: 50px 0;
    margin-top: 60px;
}

@media (max-width: 768px) {
    .header-main-wrapper {
        flex-direction: column;
        gap: 15px;
    }
    .pos-logo, .pos-info, .pos-cart {
        flex: 1 1 100%;
        text-align: center;
    }
}

/* ==========================================================
   CLASSIC & CLEAR CART (FOR ALL AGES)
========================================================== */

/* Κρύβουμε το κείμενο που μπερδεύει */
.hikashop_cart_empty_message {
    display: none !important;
}

/* Το δοχείο του καλαθιού */
.hikashop_cart_module {
    display: inline-flex !important;
    align-items: center;
    position: relative;
    padding: 10px;
    cursor: pointer;
}

/* Το κλασικό εικονίδιο καλαθιού (παραδοσιακό σχέδιο) */
.hikashop_cart_module::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-color: var(--fleur-dark-green);
    /* Κλασικό εικονίδιο Super Market / Καλαθιού */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
}

/* Ο αριθμός των προϊόντων - πιο ευδιάκριτος */
.hikashop_cart_quantity {
    position: absolute;
    top: 0;
    right: 0;
    background: #e74c3c; /* Κλασικό κόκκινο για ειδοποιήσεις */
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Κρύβουμε τα υπόλοιπα κείμενα */
.hikashop_cart_type_mini .hikashop_cart_total,
.hikashop_cart_type_mini .hikashop_cart_products_total_price {
    display: none !important;
}

/* ==========================================================
   FINAL CONSOLIDATED HEADER (PC & MOBILE)
========================================================== */

/* 1. GLOBAL & DESKTOP STYLING */
.site-header {
    background-color: #fff;
    border-bottom: 2px solid var(--fleur-gold);
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.header-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.pos-logo { flex: 0 0 250px; }
.pos-info { flex: 1; display: flex; justify-content: center; }
.pos-cart { flex: 0 0 250px; display: flex; justify-content: flex-end; }

.main-logo-svg {
    width: 250px;
    height: auto;
    display: block;
}

/* 2. MOBILE EMERGENCY FIX (FOR DRAMATIC HEIGHT ISSUE) */
@media (max-width: 768px) {
    .site-header {
        padding: 5px 0 !important;
        min-height: auto !important;
        height: auto !important;
    }

    .header-main-wrapper {
        flex-direction: column !important;
        gap: 2px !important;
        padding: 5px !important;
    }

    /* Περιορισμός ύψους Logo */
    .pos-logo {
        flex: 0 0 auto !important;
        height: 45px !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .main-logo-svg {
        width: 150px !important;
        height: 40px !important; /* Κλειδωμένο ύψος */
    }

    /* Περιορισμός Info Bar */
    .pos-info {
        width: 100% !important;
        height: auto !important;
        margin: 5px 0 !important;
        display: flex !important;
        justify-content: center !important;
    }

    .top-a-contact-bar {
        padding: 0 !important;
        border: none !important;
    }

    .contact-row {
        gap: 15px !important;
    }

    .contact-item {
        font-size: 14px !important;
    }

    .contact-salsa {
        display: none !important; /* Κρύβουμε για εξοικονόμηση χώρου */
    }

    /* Περιορισμός Cart */
    .pos-cart {
        flex: 0 0 auto !important;
        height: 35px !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .hikashop_cart_module {
        transform: scale(0.85); /* Μικρότερο καλάθι */
    }
}

/* ==========================================================
   FINAL GRID & ALIGNMENT FIX (PC & MOBILE)
========================================================== */

/* 1. PC FIX: Τέλεια ευθυγράμμιση και ίσα κενά δεξιά-αριστερά */
.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Μοιράζει ίσα το κενό ανάμεσα στα στοιχεία */
    margin: 0 -10px; /* Εξισορροπεί τα εσωτερικά paddings */
}

.col-sm-3 {
    flex: 0 0 calc(25% - 20px); /* 4 στήλες στο PC με ίσα κενά */
    margin: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* 2. MOBILE FIX: Πλήρες πλάτος (1 ανά σειρά) για να φύγουν τα κενά */
@media (max-width: 768px) {
    .row {
        justify-content: center;
        margin: 0;
    }
    
    .col-sm-3 {
        flex: 0 0 100% !important; /* Πλήρες πλάτος στο κινητό */
        max-width: 100% !important;
        margin: 15px 0 !important;
        padding: 20px !important;
        border-bottom: 1px solid #eee; /* Διαχωριστική γραμμή */
    }

    .col-sm-3 img {
        max-width: 180px !important; /* Μεγαλύτερη εικόνα στο κινητό για να γεμίζει το μάτι */
    }
}

/* 3. Διόρθωση Δεξιού Κενού στο Container */
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* ==========================================================
   UNIFIED HOME PAGE STRUCTURE (GRID & BANNERS)
========================================================== */

/* 1. Οργάνωση του Grid (Τα 4άρια ή 5άρια σου) */
.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Κεντράρισμα όλων των στοιχείων */
    margin: 30px -15px;
    gap: 0; /* Τα κενά ελέγχονται από το margin των στηλών */
}

.col-sm-3 {
    flex: 0 0 calc(25% - 30px); /* 4 στη σειρά στο PC */
    margin: 15px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #eee;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

.col-sm-3:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: var(--fleur-gold);
}

/* 2. Εικόνες & Τίτλοι μέσα στο Grid */
.col-sm-3 img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

.col-sm-3 p a {
    font-weight: 700;
    color: var(--fleur-dark-green);
    text-decoration: none;
    font-size: 1.1em;
    min-height: 2.8em; /* Κλειδώνει το ύψος για να μην κουνιούνται τα κουμπιά */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3. Banners (Τα μεγάλα sections) */
.d-none.d-sm-block, 
section.text-center, 
div[style*="text-align: center"] {
    width: 100%;
    max-width: 1140px;
    margin: 50px auto !important;
    padding: 30px !important;
    border-radius: 15px;
    box-sizing: border-box;
}

/* 4. Κουμπιά "Αγορά" - Ενιαίο Style παντού */
button[onclick*="window.location"], 
.col-sm-3 button {
    background-color: var(--fleur-dark-green) !important;
    color: #fff !important;
    border: none;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: auto; /* Σπρώχνει το κουμπί στον πάτο */
}

button:hover {
    background-color: var(--fleur-gold) !important;
}

/* 5. Mobile Fix (1 Προϊόν ανά σειρά για καθαρότητα) */
@media (max-width: 768px) {
    .col-sm-3 {
        flex: 0 0 calc(100% - 30px) !important;
        margin: 10px 15px !important;
    }
    
    .main-nav .container {
        flex-direction: column;
    }
}

/* ==========================================================
   CLEAN 3-COLUMN FOOTER (DARK GREEN & GOLD)
========================================================== */

footer {
    background-color: var(--fleur-dark-green) !important;
    color: #ffffff !important;
    padding: 60px 0 30px 0 !important;
    margin-top: 80px !important;
    border-top: 4px solid var(--fleur-gold) !important;
}

/* Container για τις 3 στήλες */
.footer-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Η κάθε στήλη */
.footer-col {
    flex: 1 !important;
    min-width: 250px !important;
    margin-bottom: 30px !important;
    text-align: left !important; /* Στοίχιση αριστερά για καθαρότητα */
}

.footer-col h4 {
    color: var(--fleur-gold) !important;
    font-family: 'Georgia', serif !important;
    font-size: 1.3em !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.3) !important;
    display: inline-block !important;
    padding-bottom: 5px !important;
}

/* Τα links κάτω από τον τίτλο */
.footer-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-col ul li {
    margin-bottom: 10px !important;
    display: block !important; /* Κάθετα links μέσα σε κάθε στήλη */
}

.footer-col ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    transition: all 0.3s ease !important;
}

.footer-col ul li a:hover {
    color: var(--fleur-gold) !important;
    padding-left: 5px !important;
}

.footer-contact-info {
    margin-top: 20px !important;
    font-size: 0.9em !important;
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.8) !important;
}

/* Bottom Copyright */
.footer-bottom {
    width: 100% !important;
    text-align: center !important;
    padding-top: 30px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 0.8em !important;
    color: rgba(255,255,255,0.5) !important;
}

/* Mobile: 1 στήλη */
@media (max-width: 768px) {
    .footer-col {
        flex: 0 0 100% !important;
        text-align: center !important;
    }
}

/* Απελευθέρωση του πλάτους του κοντέινερ */
.hikashop_products_listing, 
#hikashop_products_switcher_hikashop_category_information_menu_822 {
    display: block !important;
    width: 100% !important;
}

/* Δημιουργία της γραμμής με flex */
.hk-row-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* Ορισμός 3 στηλών ανά γραμμή */
.hk-row-fluid .hikashop_product {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    box-sizing: border-box !important;
    padding: 15px; /* Προαιρετικό κενό μεταξύ προϊόντων */
}
/* Desktop: 3 ανά σειρά */
@media (min-width: 768px) {
    .hk-row-fluid .hikashop_product {
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
        width: 33.33% !important;
    }
}

/* Mobile: 1 ανά σειρά */
@media (max-width: 767px) {
    .hk-row-fluid .hikashop_product {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
    }
}

/* 1. Καθαρισμός του εξωτερικού πλαισίου (Container) */
div[id^="hikashop_cart_"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Το Κουμπί (Σύγχρονο & Μακρόστενο) */
a.hikashop_small_cart_checkout_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px !important;
    background-color: #2c3e50 !important; /* Χρώμα κουμπιού */
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 50px !important; /* Στρογγυλεμένες άκρες */
    font-weight: 700 !important;
    font-family: inherit !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    transition: all 0.3s ease !important;
    width: auto !important; /* Για να είναι μακρόστενο */
    height: auto !important;
    border: none !important;
}

/* 3. Hover Εφέ */
a.hikashop_small_cart_checkout_link:hover {
    background-color: #1a252f !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
    color: #ffffff !important;
}

/* 4. Προσθήκη Εικονιδίου Καλαθιού */
a.hikashop_small_cart_checkout_link::before {
    content: '🛒' !important;
    margin-right: 10px !important;
    font-size: 16px !important;
    display: inline-block !important;
}

/* 5. Το Κείμενο (Ποσότητα & Τιμή) */
span.hikashop_small_cart_total_title {
    color: #ffffff !important;
    font-size: 14px !important;
    white-space: nowrap !important; /* Για να μην αλλάζει γραμμή */
    display: inline-block !important;
}

/* 6. Απόκρυψη περιττών στοιχείων (π.χ. "Empty cart" ή "Clean") αν υπάρχουν */
.hikashop_small_cart_clean_link, 
a.hikabtn.hikashop_cart_proceed_to_checkout {
    display: none !important;
}
/* Καθολική απόκρυψη όλων των κουμπιών Wishlist της Hikashop */
.hikawishlist, 
a.hikabtn.hikawishlist, 
.hikashop_wishlist_button {
    display: none !important;
}

/* Κοινό στυλ για τα κουμπιά δίπλα στην ποσότητα */
.hikashop_cart_product_quantity_refresh,
.hikashop_cart_product_quantity_delete {
    display: inline-block !important;
    cursor: pointer !important;
    padding: 5px !important;
    font-size: 18px !important;
    vertical-align: middle !important;
    transition: transform 0.2s ease !important;
}

.hikashop_cart_product_quantity_refresh:hover,
.hikashop_cart_product_quantity_delete:hover {
    transform: scale(1.2);
}

/* Προσθήκη εικονιδίου Ανανέωσης */
.hikashop_cart_product_quantity_refresh::before {
    content: '🔄';
}

/* Προσθήκη εικονιδίου Διαγραφής */
.hikashop_cart_product_quantity_delete::before {
    content: '🗑️';
    color: #e74c3c;
}

/* Μπλε κουμπί Ανανέωσης */
.hikashop_cart_product_quantity_refresh a, 
a.hikashop_no_print:has(i.fa-sync) {
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    background-color: #007bff !important;
    color: white !important;
    border-radius: 4px !important;
    margin: 0 4px !important;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

/* Κόκκινο κουμπί Διαγραφής */
.hikashop_cart_product_delete a, 
a.hikashop_no_print:has(i.fa-times-circle) {
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    background-color: #dc3545 !important;
    color: white !important;
    border-radius: 4px !important;
    margin: 0 4px !important;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}
/* Απόκρυψη του επιλογέα προβολής (Grid/List Switcher) */
.hikashop_products_listing_switcher {
    display: none !important;
}
/* Καθαρή Σελίδωση: Μόνο Αριθμοί */
.hikashop_products_pagination_bottom .limit, 
.hikashop_pagination li.disabled,
.hikashop_pagination .pagenav_previous_chevron,
.hikashop_pagination .pagenav_next_chevron,
.hikashop_pagination .pagenav_end_chevron,
.hikashop_pagination .pagenav_start_chevron {
    display: none !important;
}

.hikashop_pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
}

.hikashop_pagination li a, 
.hikashop_pagination li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    color: #1a3a17 !important;
    font-weight: 600 !important;
}

.hikashop_pagination li.active span {
    background-color: #1a3a17 !important;
    color: #fff !important;
    border-color: #1a3a17 !important;
}