/* =========================================
   GAMOS3 WOOCOMMERCE CUSTOM STYLES
========================================= */

/* =========================================
   1. ΕΙΔΟΠΟΙΗΣΕΙΣ (NOTICES)
========================================= */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error { 
    background-color: #fdfdfd; 
    color: var(--color-text-dark); 
    border-top-color: var(--color-primary); 
    border-radius: 8px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
    padding: 15px 20px 15px 50px; 
    font-size: 0.95rem; 
}
.woocommerce-message::before { color: var(--color-primary); }

/* =========================================
   2. ΚΑΛΑΘΙ (CART) & ΠΟΣΟΤΗΤΑ (+/-)
========================================= */
.woocommerce-cart .woocommerce { margin-bottom: 2rem; }

/* Custom Quantity (+/-) Global */
.woocommerce .quantity {
    display: inline-flex !important;
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    height: 40px;
}

.woocommerce .quantity .qty-minus,
.woocommerce .quantity .qty-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 100%;
    background: #f5f5f5;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--color-text-dark);
    user-select: none;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.woocommerce .quantity .qty-minus:hover,
.woocommerce .quantity .qty-plus:hover {
    background: var(--color-primary);
    color: #fff;
}

.woocommerce .quantity input.qty {
    width: 45px;
    height: 100%;
    border: none;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    box-shadow: none;
    color: var(--color-text-dark);
    font-family: var(--font-primary);
    -moz-appearance: textfield; 
}

.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Πίνακας Καλαθιού */
.woocommerce table.shop_table { border: none; border-radius: 0; margin-bottom: 40px; }
.woocommerce table.shop_table th { background: transparent; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; color: #888; border-bottom: 2px solid #eee; padding: 15px 10px; }
.woocommerce table.shop_table td { border-top: 1px solid #f5f5f5; padding: 20px 10px; vertical-align: middle; }
.woocommerce table.cart img { width: 80px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); }
.woocommerce table.cart td.product-name a { color: var(--color-text-dark); font-weight: 600; text-decoration: none; font-size: 1rem; transition: color 0.3s; }
.woocommerce table.cart td.product-name a:hover { color: var(--color-primary); }
.woocommerce a.remove { color: #ccc !important; font-size: 1.5rem; font-weight: 300; display: block; text-align: center; transition: all 0.3s ease; }
.woocommerce a.remove:hover { background: transparent !important; color: #e74c3c !important; transform: scale(1.1); }

.woocommerce table.cart td.actions .coupon { display: flex; gap: 10px; flex-wrap: wrap; }
.woocommerce table.cart td.actions .coupon .input-text { width: 200px; height: 45px; border: 1px solid #ddd; border-radius: 6px; padding: 0 15px; }
.woocommerce table.cart td.actions .button { background: #f5f5f5; color: var(--color-text-dark); border: none; height: 45px; border-radius: 6px; font-weight: 500; text-transform: uppercase; font-size: 0.8rem; transition: all 0.3s; }
.woocommerce table.cart td.actions .button:hover { background: #e0e0e0; }

/* Σύνολα Καλαθιού */
.woocommerce .cart-collaterals .cart_totals { background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 16px; padding: 35px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); width: 100%; }
.woocommerce .cart-collaterals .cart_totals h2 { font-size: 1.4rem; font-weight: 600; margin-bottom: 25px; color: var(--color-text-dark); border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; }
.woocommerce .cart-collaterals .cart_totals table { border: none; margin-bottom: 30px; }
.woocommerce .cart-collaterals .cart_totals table th, .woocommerce .cart-collaterals .cart_totals table td { border-top: 1px solid #f5f5f5; padding: 15px 0; background: transparent; }
.woocommerce .cart-collaterals .cart_totals table th { font-weight: 500; color: #666; width: 40%; }
.woocommerce .cart-collaterals .cart_totals table tr.order-total th, .woocommerce .cart-collaterals .cart_totals table tr.order-total td { border-top: 2px solid #eee; }
.woocommerce .cart-collaterals .cart_totals table tr.order-total strong { font-size: 1.3rem; color: var(--color-text-dark); }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { background-color: var(--color-text-dark); color: #ffffff; border-radius: 8px; padding: 18px; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; text-decoration: none;}
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover { background-color: var(--color-primary); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

@media (min-width: 992px) {
    .woocommerce-cart .woocommerce { display: flex; gap: 50px; align-items: flex-start; }
    .woocommerce-cart .woocommerce-cart-form { flex: 1 1 65%; }
    .woocommerce-cart .cart-collaterals { flex: 1 1 35%; margin-top: 0; }
}

/* =========================================
   3. ΤΑΜΕΙΟ (CHECKOUT)
========================================= */
.woocommerce-form-coupon-toggle .woocommerce-info { background: #fdfdfd; border: 1px dashed #ccc; color: #555; text-align: center; border-radius: 8px; padding: 20px; margin-bottom: 30px; }
.woocommerce-form-coupon-toggle .woocommerce-info a { color: var(--color-text-dark); font-weight: 600; }
form.checkout_coupon { border: 1px solid #eee; padding: 25px; border-radius: 8px; margin-bottom: 40px; background: #fafafa; }

@media (min-width: 992px) {
    form.checkout.woocommerce-checkout { max-width: 850px; margin: 0 auto; }
    form.checkout.woocommerce-checkout #customer_details { margin-bottom: 60px; }
}

.woocommerce form .form-row { margin-bottom: 25px; }
.woocommerce form .form-row label { font-size: 0.8rem; font-weight: 600; color: #555; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; display: block; }
.woocommerce form .form-row label.checkbox { text-transform: none; letter-spacing: normal; font-size: 0.95rem; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { width: 100%; padding: 14px 18px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.95rem; font-family: var(--font-primary); transition: all 0.3s ease; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.02) inset; }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus { border-color: var(--color-text-dark); outline: none; box-shadow: 0 0 0 1px var(--color-text-dark); }

.woocommerce-checkout #order_review_heading { font-size: 1.4rem; font-weight: 600; margin-bottom: 20px; color: var(--color-text-dark); }
.woocommerce-checkout #order_review { background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 16px; padding: 35px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); }
.woocommerce-checkout #order_review table.shop_table { border: none; margin-bottom: 20px; }
.woocommerce-checkout #order_review table.shop_table th, .woocommerce-checkout #order_review table.shop_table td { border-top: 1px solid #f5f5f5; padding: 15px 0; background: transparent; color: #555; }
.woocommerce-checkout #order_review table.shop_table th { font-weight: 500; width: 60%; }
.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th, .woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td { border-top: 2px solid #eee; }
.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total strong { font-size: 1.3rem; color: var(--color-text-dark); }

.woocommerce-checkout #payment { background: transparent; border-radius: 0; padding: 0; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #eee; padding: 0 0 20px; margin: 0 0 25px; }
.woocommerce-checkout #payment ul.payment_methods li { margin-bottom: 15px; }
.woocommerce-checkout #payment div.payment_box { background: #f5f5f5; border-radius: 8px; box-shadow: none; color: #666; font-size: 0.9rem; padding: 15px 20px; margin-top: 10px; border: 1px solid #eee; }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment #place_order { background-color: var(--color-text-dark); color: #ffffff; border-radius: 8px; padding: 20px; font-size: 1.05rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; width: 100%; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.woocommerce-checkout #payment #place_order:hover { background-color: var(--color-primary); transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.woocommerce-checkout .woocommerce-privacy-policy-text, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 0.85rem; color: #777; margin-bottom: 25px; line-height: 1.6; }

/* =========================================
   4. ΚΑΤΑΣΤΗΜΑ (SHOP / ARCHIVE)
========================================= */
.woocommerce-shop #primary, .woocommerce-page #primary { width: 100%; max-width: 1300px; margin: 0 auto; float: none; padding: 40px 15px; }
.woocommerce-products-header__title.page-title { font-size: 2.5rem; font-weight: 300; color: var(--color-text-dark); margin-bottom: 20px; }
.woocommerce .woocommerce-result-count { color: #777; font-size: 0.95rem; margin-top: 10px; }
.woocommerce .woocommerce-ordering select { padding: 12px 20px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.9rem; color: var(--color-text-dark); background-color: #fdfdfd; outline: none; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }

ul.products { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; gap: 40px 30px !important; margin: 40px 0 0 0 !important; padding: 0 !important; }
ul.products::before, ul.products::after { display: none !important; }

@media (min-width: 576px) { ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 992px) { ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (min-width: 1200px) { ul.products { grid-template-columns: repeat(4, 1fr) !important; } }

.woocommerce ul.products li.product { float: none !important; width: 100% !important; margin: 0 !important; background: #fff; border-radius: 12px; border: 1px solid #f2f2f2; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; overflow: hidden; padding-bottom: 20px; }
.woocommerce ul.products li.product:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.06); }
.woocommerce ul.products li.product a img { width: 100%; height: auto; margin: 0 0 20px 0; display: block; }
.woocommerce ul.products li.product a { text-decoration: none; color: var(--color-text-dark); }
.archive-width {margin:auto!important;width:96%;color:#FFF!important}
.archive-width:hover {margin:auto!important;width:96%;color:var(--color-text-dark)!important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; font-weight: 600; color: var(--color-text-dark); padding: 0 20px; margin-bottom: 10px; line-height: 1.4; text-align: left; }
.woocommerce ul.products li.product .price { font-size: 1.05rem; color: var(--color-text-dark); font-weight: 400; padding: 0 20px; margin-bottom: 20px; text-align: left; }
.woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: 600; }
.woocommerce ul.products li.product .price del { color: #aaa; font-size: 0.85em; font-weight: 300; }
.woocommerce ul.products li.product .button { margin: auto 20px 0; background: transparent; color: var(--color-text-dark); border: 1px solid var(--color-text-dark); border-radius: 8px; padding: 12px 15px; font-size: 0.8rem; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; text-align: center; display: block; }
.woocommerce ul.products li.product .button:hover { background: var(--color-text-dark); color: #fff; }
.woocommerce ul.products li.product .button.added { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

.woocommerce nav.woocommerce-pagination { margin-top: 60px; }
.woocommerce nav.woocommerce-pagination ul { border: none; display: flex; justify-content: center; gap: 10px; }
.woocommerce nav.woocommerce-pagination ul li { border: none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; font-weight: 600; font-size: 0.95rem; color: #555; background: #f5f5f5; text-decoration: none; transition: all 0.3s; padding: 0; margin: 0; }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--color-text-dark); color: #fff; }

/* =========================================
   5. ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ (SINGLE PRODUCT)
========================================= */
.woocommerce div.product .product-top-split { display: flex !important; flex-direction: column !important; gap: 30px !important; margin-bottom: 40px !important; }
.woocommerce div.product .product-gallery-col, .woocommerce div.product .product-info-col.summary.entry-summary { width: 100% !important; float: none !important; clear: both !important; margin: 0 !important; }

@media (min-width: 992px) {
    .woocommerce div.product .product-top-split { flex-direction: row !important; gap: 5% !important; margin-bottom: 80px !important; }
    .woocommerce div.product .product-gallery-col { width: 62% !important; position: sticky; position: -webkit-sticky; top: 5px; height: fit-content; }
    .woocommerce div.product .product-info-col.summary.entry-summary { width: 33% !important; }
}

/* Ποσότητα και "Προσθήκη στο καλάθι" - Single Product */
.woocommerce div.product form.cart { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 15px !important; margin-top: 20px !important; margin-bottom: 25px !important; padding-bottom: 25px !important; border-bottom: 1px solid #eaeaea; }

/* Το κουμπί προσθήκης σε επίπεδο Single Product */
.woocommerce div.product form.cart button.single_add_to_cart_button { flex: 1 !important; width: auto !important; height: 40px !important; background-color: #000 !important; color: #fff !important; border-radius: 4px !important; font-size: 0.95rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; border: none !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 20px !important; }
.woocommerce div.product form.cart button.single_add_to_cart_button:hover { background-color: var(--color-primary) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important; color:#fff !important; }


.product-accordion-wrapper { margin-top: 40px !important; border-top: 1px solid #eaeaea !important; }
.accordion-item { border-bottom: 1px solid #eaeaea !important; margin: 0 !important; }
.accordion-header { width: 100% !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 20px 0 !important; font-size: 1.1rem !important; font-weight: 600 !important; color: var(--color-text-dark) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; text-align: left !important; border-radius: 0 !important; transition: all 0.3s; }
.accordion-header:hover { color: var(--color-primary) !important; background: transparent !important; }
.accordion-icon { display: flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.3s ease !important; }
.accordion-item.is-open .accordion-icon { transform: rotate(45deg) !important; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.accordion-inner-text { padding-top: 10px !important; padding-bottom: 25px !important; font-size: 1rem !important; line-height: 1.7 !important; color: #555 !important; }

.product-reviews-section { margin: 80px auto; padding: 40px; background: #fafafa; border-radius: 16px; }
.product-reviews-section .section-title { font-size: 2rem; font-weight: 300; text-align: center; margin-bottom: 40px; }

.product-gallery-col .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; }
.product-gallery-col .woocommerce-product-gallery figure { margin: 0 !important; border-radius: 16px !important; overflow: hidden !important; }
.product-gallery-col .woocommerce-product-gallery img { width: 100% !important; height: auto !important; border-radius: 16px !important; display: block !important; }

/* =========================================
   6. CALL TO ORDER CTA (SINGLE PRODUCT)
========================================= */
.single-product-cta-section { width: 100%; max-width: none; margin: 60px 0 40px 0; background: #f9f9f9; border-radius: 24px; box-shadow: 0 15px 45px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
.cta-inner-wrapper { display: flex; flex-wrap: wrap; align-items: center; }
.cta-image { flex: 1 1 350px; display: flex; justify-content: center; align-items: flex-end; background: #f9f9f9; padding-top: 30px; }
.cta-image img { max-width: 100%; height: auto; max-height: 320px; display: block; object-fit: contain; }
.cta-content { flex: 1 1 450px; padding: 40px 50px; text-align: center; }
.cta-title { font-size: 2rem !important; font-weight: 300 !important; color: var(--color-text-dark) !important; margin-bottom: 15px !important; line-height: 1.2 !important; }
.cta-description { font-size: 1.05rem; color: #555; line-height: 1.6; margin-bottom: 25px; }
.cta-info-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 30px; font-size: 0.95rem; color: #444; }
.cta-info-group strong { color: var(--color-text-dark); font-size: 1.05rem; }
.cta-call-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: var(--color-text-dark); color: #fff; padding: 16px 40px; border-radius: 50px; font-weight: 600; text-decoration: none; font-size: 1.05rem; transition: all 0.3s ease; }
.cta-call-button:hover { background: var(--color-primary); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); color: #fff; }

@media (max-width: 991px) {
    .cta-inner-wrapper { flex-direction: column; }
    .cta-image { width: 100%; padding-top: 20px; }
    .cta-content { padding: 30px 20px; }
    .cta-title { font-size: 1.6rem !important; }
}
@media (min-width: 992px) { .cta-content { text-align: left; } }


/* =========================================
   8. PRODUCT META & THUMBNAILS
========================================= */
.woocommerce div.product .product_meta { background: linear-gradient(135deg, #fcfcfc 0%, #f4f4f4 100%) !important; border: 1px solid #eaeaea !important; border-radius: 16px !important; padding: 25px 30px !important; margin-top: 40px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.03), inset 0 2px 0 rgba(255,255,255,0.8) !important; position: relative !important; overflow: hidden !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
.woocommerce div.product .product_meta::after { content: ''; position: absolute; top: -20px; right: -20px; width: 100px; height: 100px; background: var(--color-primary); opacity: 0.04; border-radius: 50%; pointer-events: none; }
.woocommerce div.product .product_meta > span { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; font-size: 0.75rem !important; color: #999 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
.woocommerce div.product .product_meta .sku_wrapper { grid-column: 1 / -1 !important; border-bottom: 1px solid #e5e5e5 !important; padding-bottom: 15px !important; }
.woocommerce div.product .product_meta .sku, .woocommerce div.product .product_meta a { font-size: 1.05rem !important; font-weight: 600 !important; color: var(--color-text-dark) !important; text-transform: none !important; letter-spacing: normal !important; background: transparent !important; padding: 0 !important; text-decoration: none !important; transition: color 0.3s ease !important; }
.woocommerce div.product .product_meta a:hover { color: var(--color-primary) !important; }

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs { display: flex !important; flex-wrap: wrap !important; gap: 15px !important; margin-top: 20px !important; padding: 0 !important; }
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li { flex: 0 0 auto !important; width: 80px !important; height: 80px !important; border: 2px solid #e5e5e5 !important; border-radius: 16px !important; overflow: hidden !important; cursor: pointer !important; transition: all 0.3s ease !important; }
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.7 !important; transition: opacity 0.3s ease !important; }
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover, .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.flex-active { border-color: var(--color-text-dark) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover img, .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.flex-active img { opacity: 1 !important; }

/* =========================================
   WISHLIST BUTTON (SINGLE PRODUCT)
========================================= */
.gamos-wishlist-btn-single {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-text-dark);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    padding: 8px 0;
    transition: all var(--transition-fast);
}

.gamos-wishlist-btn-single:hover {
    color: #e63946; /* Το κόκκινο του Wishlist */
}

.gamos-wishlist-btn-single.in-wishlist {
    color: #e63946;
}
.gamos-wishlist-btn-single.in-wishlist svg {
    fill: #e63946;
    stroke: #e63946;
}

/* Αλλαγή κειμένου αν είναι ήδη στη λίστα */
.gamos-wishlist-btn-single.in-wishlist .wishlist-text-add { display: none; }
.gamos-wishlist-btn-single.in-wishlist .wishlist-text-remove { display: inline; }

/* Loading State (από το JS) */
.gamos-wishlist-btn-single.is-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* =========================================
   ΧΡΩΜΑ ΑΞΙΟΛΟΓΗΣΕΩΝ (Golden Stars)
========================================= */

/* Χρώμα για τα "γεμάτα" αστέρια (η βαθμολογία) */
.woocommerce .star-rating span::before {
    color: var(--color-primary); /* Το χρυσό χρώμα του θέματος */
}

/* Προαιρετικά: Χρώμα για τα "άδεια" αστέρια στο background */
.woocommerce .star-rating::before {
    color: #dcdcdc; /* Ένα απαλό γκρι για να κάνουν αντίθεση */
}

a.woocommerce-review-link {
    color: #888;
    font-style: italic;
    text-decoration: none;
}

/* =========================================
   ΦΟΡΜΑ ΑΞΙΟΛΟΓΗΣΕΩΝ (Reviews Form Styling)
========================================= */

/* 1. Στυλ Πεδίων (Όνομα, Email, Σχόλιο) */
#review_form .comment-form input[type="text"],
#review_form .comment-form input[type="email"],
#review_form .comment-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    font-size: 0.95rem;
    font-family: var(--font-primary);
    background: #fff;
    transition: all var(--transition-fast);
    margin-bottom: 15px; /* Απόσταση μεταξύ των πεδίων */
}

#review_form .comment-form textarea {
    height: 120px; /* Ένα λογικό ύψος για το σχόλιο */
}

/* Focus effect (όταν κάνεις κλικ μέσα) */
#review_form .comment-form input:focus,
#review_form .comment-form textarea:focus {
    border-color: var(--color-text-dark);
    outline: none;
    box-shadow: 0 0 0 1px var(--color-text-dark);
}

/* 2. Στυλ Κουμπιού Υποβολής */
#review_form .comment-form .submit {
    background-color: var(--color-text-dark);
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all var(--transition-fast);
    margin-top: 10px;
}

#review_form .comment-form .submit:hover {
    background-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* 3. Στυλ για Labels και Checkboxes */
#review_form .comment-form label {
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    color: var(--color-text-dark);
}

/* Ευθυγράμμιση των checkboxes κάτω από τη φόρμα */
#review_form .comment-form-cookies-consent,
#review_form .comment-form-purchased {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

#review_form .comment-form input[type="checkbox"] {
    width: auto;
    margin: 0;
    cursor: pointer;
    accent-color: var(--color-primary); /* Χρυσό χρώμα στο τικ */
}

#review_form .comment-form-cookies-consent label,
#review_form .comment-form-purchased label {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 0.9rem;
    cursor: pointer;
}


/* 4. ΧΡΥΣΑ ΑΣΤΕΡΙΑ ΣΤΗ ΦΟΡΜΑ ΕΠΙΛΟΓΗΣ */
/* Βασικό χρώμα */
p.stars a {
    color: var(--color-primary) !important; /* Χρυσό */
    transition: color 0.2s;
}

/* Χρώμα όταν περνάς το ποντίκι από πάνω ή έχεις επιλέξει */
p.stars:hover a,
p.stars.selected a {
    color: var(--color-primary) !important;
}

/* Τα "κενά" αστέρια δεξιά από τον κέρσορα όταν κάνεις hover */
p.stars a:hover ~ a {
    color: #e0e0e0 !important; /* Απαλό γκρι για αντίθεση */
}

/* Αφαίρεση του άσχημου περιγράμματος στο κλικ */
p.stars a:focus {
    outline: none;
}

/* =========================================
   ΣΤΥΛ ΚΟΥΜΠΙΟΥ ΥΠΟΒΟΛΗΣ (Reviews Submit)
========================================= */
#review_form .comment-form input[type="submit"].submit {
    background-color: var(--color-text-dark) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 6px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
    display: inline-block !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

#review_form .comment-form input[type="submit"].submit:hover {
    background-color: var(--color-primary) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
    color: #ffffff !important;
}

.material-expert-section {
    margin: 40px 0;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.material-accordion-header {
    width: 100%;
    padding: 20px;
    background: #fcfcfc;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s;
}

.material-accordion-header:hover {
    background: #f7f7f7;
}

.material-accordion-header .badge {
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
    color: #c5a059;
    margin-bottom: 5px;
    text-align: left;
}

.material-accordion-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    color: #333;
    text-align: left;
}

.acc-icon {
    font-size: 24px;
    color: #c5a059;
    font-weight: 300;
}

.material-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background: #fff;
}

.content-inner {
    padding: 25px;
    border-top: 1px solid #eee;
    display: flex;
    gap: 20px;
}

.mat-thumb img {
    max-width: 150px;
    height: auto;
    border-radius: 4px;
}

.mat-desc {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

.mat-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    text-transform: none !important;
    color: #333 !important;
}

/* Για κινητά */
@media (max-width: 600px) {
    .content-inner { flex-direction: column; }
    .mat-thumb img { max-width: 100%; }
}

/* --- Νέο Minimal Στυλ για το Badge "Προσφορά" --- */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    /* Αλλαγή χρώματος σε ένα πιο μοντέρνο χρυσό/κρεμ */
    background-color: #C9A058; 
    color: #ffffff; /* Λευκό κείμενο */

    /* Μικρότερο μέγεθος κειμένου και κεφαλαία γράμματα */
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px; /* Λίγο κενό ανάμεσα στα γράμματα */

    /* Σχήμα & Μέγεθος - Μικρό ορθογώνιο με στρογγυλεμένες γωνίες */
    padding: 5px 10px;
    border-radius: 3px;
    
    /* Αφαιρούμε το στρογγυλό σχήμα και τις ελάχιστες διαστάσεις του WooCommerce */
    min-height: auto;
    min-width: auto;
    width: min-content;
    height: auto;
    line-height: 1;

    /* Θέση & Σκιά - Πιο κοντά στη γωνία με μια διακριτική σκιά */
    top: 15px;
    right: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    
    /* Προαιρετικό: Μια μικρή κλίση για πιο δυναμικό look (αφαιρέστε το αν δεν σας αρέσει) */
    /* transform: rotate(5deg); */
}

/* Ειδική ρύθμιση για τη σελίδα του προϊόντος για να φαίνεται σωστά */
.woocommerce div.product div.images .onsale {
    top: 20px;
    left: 20px;
    right: auto;
}