/* =======================================================
   TROPHE — WooCommerce / shop / filters / grid / breadcrumb
   Child theme: assets/css/product.css (ένα αρχείο — όλο το shop CSS)
   Loaded by: functions.php
   ======================================================= */

:root {
  --trophe-cream: #fbf8f1;
  --trophe-cream-dark: #f5f1e6;
  --trophe-green: #6d8366;
  --trophe-green-hover: #456b50;
  --trophe-text: #3b3530;
  --trophe-text-dark: #1a2b2a;
  --trophe-border: #e2d8c9;
  --trophe-price: #2f6044;
  --trophe-scrollbar-track: #f0ebe0;
  --trophe-scrollbar-thumb: #b8c9b3;
  --trophe-scrollbar-thumb-hover: #6d8366;
}

/* =======================================================
   SCROLLBARS — TROPHE theme (page only; not filter dropdowns)
   ======================================================= */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--trophe-scrollbar-thumb) var(--trophe-scrollbar-track);
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--trophe-scrollbar-thumb) var(--trophe-scrollbar-track);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--trophe-scrollbar-track);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--trophe-scrollbar-thumb);
  border-radius: 10px;
  border: 2px solid var(--trophe-scrollbar-track);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--trophe-scrollbar-thumb-hover);
}

::-webkit-scrollbar-corner {
  background: var(--trophe-scrollbar-track);
}

/* Filter panels / accordion lists — full height, no inner scrollbars */
.trophe-filter-panel,
.trophe-filter-dropdown,
.trophe-filter-inner,
.trophe-filter-panel > .trophe-filter-inner,
.trophe-filter-inner ul.wpf_column_horizontal,
.trophe-filter-panel ul.wpf_column_horizontal,
.trophe-filter-inner .wpf_item.trophe-wpf-fold.is-open > :not(.wpf_item_name),
.trophe-filter-panel .wpf_item.trophe-wpf-fold.is-open > :not(.wpf_item_name),
.trophe-filter-inner .wpf_items_wrapper,
.trophe-filter-panel .wpf_items_wrapper,
.trophe-filter-inner .wpf_form,
.trophe-filter-panel .wpf_form {
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.trophe-filter-panel::-webkit-scrollbar,
.trophe-filter-dropdown::-webkit-scrollbar,
.trophe-filter-inner::-webkit-scrollbar,
.trophe-filter-inner ul.wpf_column_horizontal::-webkit-scrollbar,
.trophe-filter-panel ul.wpf_column_horizontal::-webkit-scrollbar,
.trophe-filter-inner .wpf_item.trophe-wpf-fold.is-open > :not(.wpf_item_name)::-webkit-scrollbar,
.trophe-filter-panel .wpf_item.trophe-wpf-fold.is-open > :not(.wpf_item_name)::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Greek diacritics — text-transform breaks ΐ, ά, ϊ (keep Divi fonts, no font override) */
.trophe-filter-inner .wpf_item_name,
.trophe-filter-panel .wpf_item_name,
.trophe-filter-inner .wpf_item label,
.trophe-filter-panel .wpf_item label,
.trophe-filter-inner .wpf-slider-label,
.trophe-filter-panel .wpf-slider-label,
.trophe-filter-inner .trophe-wpf-toggle-label,
.trophe-filter-panel .trophe-wpf-toggle-label,
.trophe-filter-btn::after,
.trophe-filter-header-title,
.trophe-filter-header-sub,
ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  text-transform: none !important;
}

/* Empty catalog message — main content only (never header / cart) */
#main-content .trophe-no-products-msg,
#content-area .trophe-no-products-msg,
#main-content .woocommerce .trophe-no-products-msg,
#content-area .woocommerce .trophe-no-products-msg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: #7a746e !important;
  -webkit-text-fill-color: #7a746e !important;
  background: #f5f1e6 !important;
  border: 1px dashed #d9cfbe !important;
  border-radius: 14px !important;
  padding: 28px 32px !important;
  margin: 20px 0 32px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
  clear: both !important;
}

header .trophe-no-products-msg,
#main-header .trophe-no-products-msg,
.et_pb_section_tb_header .trophe-no-products-msg,
[class*="tb_header"] .trophe-no-products-msg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* --- SORTING DROPDOWN --- */
.woocommerce-ordering {
    float: right !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
}
.woocommerce-ordering select.orderby {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 40px !important;
    height: 40px !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-ordering::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #9fb8a4 !important;
    box-shadow: 0 4px 14px rgba(159, 184, 164, 0.4) !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s ease !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
.woocommerce-ordering:hover::before {
    background-color: #8da492 !important;
    transform: scale3d(1.08, 1.08, 1) !important;
    will-change: transform;
}
.woocommerce-ordering select.orderby option { color: #4a4a4a !important; font-size: 14px !important; background-color: #ffffff !important; }
/* --- PAGINATION --- */
.woocommerce-pagination ul.page-numbers { border: none !important; }
.woocommerce-pagination ul.page-numbers li { border: none !important; margin: 0 5px !important; }
.woocommerce-pagination ul.page-numbers li a, 
.woocommerce-pagination ul.page-numbers li span {
    background-color: #ffffff !important;
    color: #5b6d5b !important; 
    border: 1px solid #d4c4a8 !important;
    padding: 8px 14px !important;
    border-radius: 25px !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
.woocommerce-pagination ul.page-numbers li a:hover, 
.woocommerce-pagination ul.page-numbers li span.current { background-color: #5b6d5b !important; color: #ffffff !important; border-color: #5b6d5b !important; }
.woocommerce-result-count { font-style: italic !important; color: #888 !important; font-size: 13px !important; }
/* =======================================================
   KILL DIVI/WOOCOMMERCE GHOST ELEMENTS
   ======================================================= */
.woocommerce ul.products::before, .woocommerce ul.products::after,
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after {
    content: none !important; display: none !important; width: 0 !important; height: 0 !important; float: none !important;
}
/* =======================================================
   PRODUCT GRID (Εφαρμόζεται παντού ΕΚΤΟΣ από το carousel)
   ======================================================= */
/* BULLETPROOF TARGETING FOR DIVI THEME BUILDER & WOOCOMMERCE
   Fluid auto-fill grid: προσαρμόζεται στο ΠΡΑΓΜΑΤΙΚΟ διαθέσιμο πλάτος
   (με ή χωρίς filter sidebar) — 1 σύστημα, hyper-responsive σε όλα. */
.woocommerce:not(.my-custom-flex-carousel) ul.products,
.woocommerce-page:not(.my-custom-flex-carousel) ul.products,
.et_pb_shop:not(.my-custom-flex-carousel) ul.products,
.et_pb_module .woocommerce ul.products {
    --myt-card-min: 220px;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--myt-card-min)), 1fr)) !important;
    gap: 20px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* --- ΚΑΡΤΑ ΠΡΟΪΟΝΤΟΣ --- */
.woocommerce:not(.my-custom-flex-carousel) ul.products li.product,
.woocommerce-page:not(.my-custom-flex-carousel) ul.products li.product,
.et_pb_shop:not(.my-custom-flex-carousel) ul.products li.product,
.et_pb_module .woocommerce ul.products li.product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 54px !important; 
    display: flex !important;
    flex-direction: column;
    position: relative;
    background: #fbf8f1 !important; 
    border: 1px solid #e2d8c9 !important; 
    border-radius: 18px !important;
    box-shadow: 0 8px 18px rgba(60, 49, 33, 0.035);
    overflow: hidden !important;
    min-height: 310px;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    clear: none !important;
    contain: layout style;
    content-visibility: auto;
    contain-intrinsic-size: auto 310px;
}

ul.products li.product:hover {
    transform: translateY(-4px) scale(1.015);
    box-shadow: 0 16px 30px rgba(60, 49, 33, 0.075);
    will-change: transform;
}

/* Σεβασμός σε χρήστες με reduced motion (accessibility + performance) */
@media (prefers-reduced-motion: reduce) {
    ul.products li.product {
        transition: none !important;
    }
    ul.products li.product:hover {
        transform: none !important;
    }
}

/* --- FIX TOP GAP ABOVE IMAGE --- */
ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
    border: none !important;
}

ul.products li.product a.woocommerce-LoopProduct-link::before {
    display: none !important;
    content: none !important;
}

/* --- ΕΙΚΟΝΑ ΠΡΟΪΟΝΤΟΣ --- */
ul.products li.product .et_shop_image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #efe7da !important;
    overflow: hidden !important;
    isolation: isolate;
}

ul.products li.product a.woocommerce-LoopProduct-link img,
ul.products li.product .et_shop_image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    mix-blend-mode: multiply !important;
    margin: 0 !important;
}

ul.products li.product .et_overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* --- ΤΙΤΛΟΣ --- */
ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 12px 12px 6px !important;
    padding: 0 !important;
    min-height: 40px !important;
    color: #36322d !important;
    font-size: 15px !important;
    line-height: 1.32 !important;
    font-weight: 600 !important;
    text-align: left !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* --- ΑΞΙΟΛΟΓΗΣΗ — compact pill αντί για default Woo stars --- */
ul.products li.product .star-rating,
.woocommerce ul.products li.product .star-rating {
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 12px 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    font-family: inherit !important;
    line-height: 1 !important;
    background: none !important;
}

ul.products li.product .star-rating::before,
ul.products li.product .star-rating span::before {
    content: none !important;
    display: none !important;
}

ul.products li.product .star-rating span {
    position: static !important;
    top: auto !important;
    left: auto !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    float: none !important;
}

ul.products li.product .star-rating span strong.rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: rgba(109, 138, 109, 0.14) !important;
    border: 1px solid rgba(109, 138, 109, 0.22) !important;
    color: #3f3a33 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

ul.products li.product .star-rating span strong.rating::before {
    content: "★" !important;
    display: inline-block !important;
    color: #6d8a6d !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/* --- ΤΙΜΗ (ΚΑΤΩ ΔΕΞΙΑ) --- */
ul.products li.product .price,
.woocommerce ul.products li.product .price {
    position: absolute !important;
    right: 12px !important;
    bottom: 16px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: baseline !important;
    gap: 5px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2f6044 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-align: right !important;
}

/* Sale prices — ίδιο μέγεθος και σκιά (όπως price box screenshot) */
ul.products li.product .price ins,
ul.products li.product .price ins .woocommerce-Price-amount,
ul.products li.product .price > .woocommerce-Price-amount {
    color: #25231f !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.4);
}

/* Παλιά τιμή: ίδιο size, γκρι, μία καθαρή γραμμή */
ul.products li.product .price del {
    display: inline !important;
    color: #767676 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    text-decoration: line-through !important;
    text-decoration-color: currentColor !important;
    text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.4);
}

/* Μόνο το del παίρνει γραμμή — όχι τα inner spans (αποφεύγει διπλή/χαλασμένη γραμμή) */
ul.products li.product .price del .woocommerce-Price-amount,
ul.products li.product .price del .woocommerce-Price-currencySymbol,
ul.products li.product .price del bdi,
ul.products li.product .price del span {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    text-shadow: inherit;
}

/* Simple product μόνο (όχι μέσα σε del/ins) */
ul.products li.product .price > .woocommerce-Price-amount {
    color: #2f6044 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* =======================================================
   ΚΟΥΜΠΙ ΚΑΛΑΘΙΟΥ (GRID CARD UI)
   ======================================================= */
.woocommerce ul.products li.product .button.add_to_cart_button,
ul.products li.product .button.add_to_cart_button {
    position: absolute !important;
    left: 12px !important;
    bottom: 12px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #ded5c7 !important; 
    border-radius: 50% !important; 
    background: #fbf8f1 !important; 
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 4 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.25s ease !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button::before,
ul.products li.product .button.add_to_cart_button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23456b50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    transition: all 0.2s ease !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover::before,
ul.products li.product .button.add_to_cart_button:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
ul.products li.product .button.add_to_cart_button:hover {
    background: #456b50 !important; 
    border-color: #456b50 !important;
    transform: scale(1.05);
}

/* =======================================================
   WISHLIST — OVER IMAGE OVERRIDE
   ======================================================= */
button.yith-wcwl-add-to-wishlist-button,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist-button--icon-button {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    left: 10px !important;
    bottom: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    border: 1px solid #ded5c7 !important;
    border-radius: 11px !important;
    background: #fbf8f1 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
    cursor: pointer !important;
    color: #456b50 !important;
    z-index: 10 !important;
}

button.yith-wcwl-add-to-wishlist-button:hover,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button:hover {
    background: #456b50 !important;
    border-color: #456b50 !important;
    color: #ffffff !important;
}

button.yith-wcwl-add-to-wishlist-button span,
button.yith-wcwl-add-to-wishlist-button__label,
.yith-wcwl-add-to-wishlist-button-icon span {
    display: none !important;
    font-size: 0 !important;
    color: transparent !important;
}

button.yith-wcwl-add-to-wishlist-button svg.yith-wcwl-icon,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    margin: 0 !important;
    fill: none !important;
    stroke: #456b50 !important;
    stroke-width: 1.5px !important;
    transition: fill 0.18s ease, stroke 0.18s ease !important;
}

button.yith-wcwl-add-to-wishlist-button svg path,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button svg path {
    fill: none !important;
    stroke: #456b50 !important;
    stroke-width: 1.5px !important;
    transition: fill 0.18s ease, stroke 0.18s ease !important;
}

button.yith-wcwl-add-to-wishlist-button:hover svg,
button.yith-wcwl-add-to-wishlist-button:hover svg path,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button:hover svg,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button:hover svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Added = green button + white heart (same as hover, stays on) */
button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added {
    background: #456b50 !important;
    border-color: #456b50 !important;
    color: #ffffff !important;
}

button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added svg,
button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added svg path,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added svg,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added:hover,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added:hover {
    background: #3a5742 !important;
    border-color: #3a5742 !important;
}

@keyframes trophe-wishlist-pulse {
    0% { transform: scale(1); }
    45% { transform: scale(1.14); }
    100% { transform: scale(1); }
}

button.yith-wcwl-add-to-wishlist-button.trophe-wishlist-pulse,
.woocommerce ul.products li.product button.yith-wcwl-add-to-wishlist-button.trophe-wishlist-pulse {
    animation: trophe-wishlist-pulse 0.38s ease !important;
}

/* Yith Patch */
.yith-add-to-wishlist-button-block,
.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-to-wishlist-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide YITH text popups — feedback is the heart toggle + pulse only */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist__feedback,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist__feedback-on-product-image,
.woocommerce ul.products li.product .feedback,
.woocommerce ul.products li.product .yith-wcwl-feedback {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* One result count line only */
#main-content .woocommerce .woocommerce-result-count ~ .woocommerce-result-count,
#content-area .woocommerce .woocommerce-result-count ~ .woocommerce-result-count {
  display: none !important;
}

/* --- SALE BADGE (ΠΡΟΣΦΟΡΑ) --- */
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    background-color: #6d8a6d !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 6px 11px !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 5 !important;
    display: inline-block !important;
    line-height: 1.1 !important;
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    min-width: auto !important;
    box-shadow: 0 4px 10px rgba(60, 49, 33, 0.12) !important;
    background-image: none !important;
}

/* --- ΕΞΑΝΤΛΗΜΕΝΟ --- */
.woocommerce ul.products li.outofstock .et_shop_image::after { content: 'ΕΞΑΝΤΛΗΘΗΚΕ' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: rgba(26, 43, 42, 0.85) !important; color: #fff !important; padding: 6px 10px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; z-index: 5 !important; }
.woocommerce ul.products li.outofstock .et_shop_image img { opacity: 0.4 !important; }
/* --- ΚΑΝΕΝΑ ΠΡΟΪΟΝ (catalog #main-content only — not header/cart) --- */
body.tax-product_cat #main-content .woocommerce > .woocommerce-info:not(.trophe-no-products-msg),
body.post-type-archive-product #main-content .woocommerce > .woocommerce-info:not(.trophe-no-products-msg),
body.woocommerce-shop #main-content .woocommerce > .woocommerce-info:not(.trophe-no-products-msg),
body.archive.tax-product_cat #main-content .woocommerce-info:not(.trophe-no-products-msg),
body.archive.post-type-archive-product #main-content .woocommerce-info:not(.trophe-no-products-msg),
#main-content .et_pb_shop .woocommerce > .woocommerce-info:not(.trophe-no-products-msg),
#main-content .et_pb_row:has(.trophe-filter-btn) .woocommerce > .woocommerce-info:not(.trophe-no-products-msg),
#main-content div.woocommerce > .woocommerce-info:only-child:not(.trophe-no-products-msg) {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: #f5f1e6 !important;
  border: 1px dashed #d9cfbe !important;
  border-radius: 14px !important;
  padding: 28px 32px !important;
  margin: 20px 0 32px !important;
  text-align: center !important;
}

body.tax-product_cat #main-content .woocommerce > .woocommerce-info:not(.trophe-no-products-msg)::after,
body.post-type-archive-product #main-content .woocommerce > .woocommerce-info:not(.trophe-no-products-msg)::after,
body.woocommerce-shop #main-content .woocommerce > .woocommerce-info:not(.trophe-no-products-msg)::after,
body.archive.tax-product_cat #main-content .woocommerce-info:not(.trophe-no-products-msg)::after,
body.archive.post-type-archive-product #main-content .woocommerce-info:not(.trophe-no-products-msg)::after,
#main-content .et_pb_shop .woocommerce > .woocommerce-info:not(.trophe-no-products-msg)::after,
#main-content .et_pb_row:has(.trophe-filter-btn) .woocommerce > .woocommerce-info:not(.trophe-no-products-msg)::after,
#main-content div.woocommerce > .woocommerce-info:only-child:not(.trophe-no-products-msg)::after {
  content: "Δεν βρέθηκαν προϊόντα με την επιλογή σας." !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #7a746e !important;
  -webkit-text-fill-color: #7a746e !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  display: block !important;
}

/* Empty product list fallback (WPF AJAX) — hidden if PHP/JS notice already exists */
body.woocommerce-shop #main-content .woocommerce ul.products:empty::after,
body.post-type-archive-product #main-content .woocommerce ul.products:empty::after,
body.tax-product_cat #main-content .woocommerce ul.products:empty::after,
.archive #main-content .woocommerce ul.products:empty::after,
#main-content .et_pb_shop .woocommerce ul.products:empty::after {
  content: "Δεν βρέθηκαν προϊόντα με την επιλογή σας." !important;
  display: block !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #7a746e !important;
  background: #f5f1e6 !important;
  border: 1px dashed #d9cfbe !important;
  border-radius: 14px !important;
  padding: 28px 32px !important;
  margin: 20px 0 32px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

#main-content .woocommerce:has(.trophe-no-products-msg) ul.products:empty::after,
#main-content .woocommerce:has(.woocommerce-info[role="alert"]) ul.products:empty::after {
  display: none !important;
  content: none !important;
}

/* --- DIVI ROW WIDTH (UPDATED FOR MORE BREATHING ROOM) --- */
.archive #main-content .et_pb_row,
.post-type-archive-product #main-content .et_pb_row,
.tax-product_cat #main-content .et_pb_row,
body.woocommerce-shop #main-content .et_pb_row {
    width: 85% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

/* Catalog row (filter + shop) uses CSS grid — not flex */
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
.archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) {
    display: grid !important;
}

/* Breadcrumb πάντα πάνω από filter — αν στο Divi η σειρά sections είναι ανάποδα */
body.woocommerce-shop #main-content .entry-content,
body.woocommerce-shop #main-content .et_builder_inner_content,
body.post-type-archive-product #main-content .entry-content,
body.post-type-archive-product #main-content .et_builder_inner_content,
body.tax-product_cat #main-content .entry-content,
body.tax-product_cat #main-content .et_builder_inner_content {
    display: flex !important;
    flex-direction: column !important;
}

body.woocommerce-shop #main-content .et_pb_section:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop #main-content .et_pb_section:has(.trophe-breadcrumb),
body.post-type-archive-product #main-content .et_pb_section:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product #main-content .et_pb_section:has(.trophe-breadcrumb),
body.tax-product_cat #main-content .et_pb_section:has(.trophe-breadcrumb-wrap),
body.tax-product_cat #main-content .et_pb_section:has(.trophe-breadcrumb),
body.tax-product_tag #main-content .et_pb_section:has(.trophe-breadcrumb-wrap) {
    order: 1 !important;
    overflow: visible !important;
}

body.woocommerce-shop #main-content .et_pb_section:has(.trophe-filter-btn):not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.woocommerce-shop #main-content .et_pb_section:has(.trophe-filter-panel):not(:has(.trophe-breadcrumb-wrap)),
body.post-type-archive-product #main-content .et_pb_section:has(.trophe-filter-btn):not(:has(.trophe-breadcrumb-wrap)),
body.tax-product_cat #main-content .et_pb_section:has(.trophe-filter-btn):not(:has(.trophe-breadcrumb-wrap)) {
    order: 2 !important;
    overflow: visible !important;
}

/* =======================================================
   CATALOG TOOLBAR — centered grid; left sidebar when open
   CLOSED:  [ Φίλτρα ○ ]          Βλέπετε 1–12 από 15
            [ card ][ card ][ card ][ card ]  (full width)
   OPEN:    [ Φίλτρα ● ]  |  Βλέπετε 1–12 από 15
            [ sidebar  ]  |  [ card ][ card ][ card ]
   ======================================================= */

@media (min-width: 768px) {
    /* Catalog row — 0|1fr closed (full grid), 300px|1fr open; products always col 2 */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 0 minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        width: 85% !important;
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 0 !important;
        align-items: start !important;
        transition:
            grid-template-columns 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            column-gap 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    body.trophe-filters-open.woocommerce-shop #main-content .et_pb_row.trophe-filters-open:has(.woocommerce),
    body.trophe-filters-open.post-type-archive-product #main-content .et_pb_row.trophe-filters-open:has(.woocommerce),
    body.trophe-filters-open.tax-product_cat #main-content .et_pb_row.trophe-filters-open:has(.woocommerce),
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce),
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce),
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce),
    .archive #main-content .et_pb_row.trophe-filters-open:has(.woocommerce),
    .archive #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce) {
        grid-template-columns: 300px minmax(0, 1fr) !important;
        column-gap: 24px !important;
    }

    /* Filter column — zero-width slot; toggle overflows when closed */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child {
        grid-column: 1 !important;
        grid-row: 1 !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 30 !important;
        display: block !important;
        align-self: start !important;
        transition: opacity 0.3s ease !important;
    }

    /* Widget: floats when closed, in-flow sidebar when open */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: max-content !important;
        max-width: 280px !important;
        transition:
            position 0s linear 0.4s,
            width 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            max-width 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    body.trophe-filters-open #main-content .et_pb_row.trophe-filters-open:has(.woocommerce) .trophe-filter-widget,
    body #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce) .trophe-filter-widget {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 300px !important;
        transition:
            position 0s linear 0s,
            width 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            max-width 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    /* Products column — always col 2 = full width when closed */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child),
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child),
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child),
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child) {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        position: relative !important;
        z-index: 1 !important;
        overflow: visible !important;
        transition: opacity 0.25s ease !important;
    }

    /* WooCommerce stack inside products column */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child) .woocommerce,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child) .woocommerce,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child) .woocommerce,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child) .woocommerce {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto 1fr auto !important;
        width: 100% !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        align-content: start !important;
    }

    /* Toolbar strip — tall enough so floating filter btn clears the divider line */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count {
        position: relative !important;
        grid-row: 1 !important;
        grid-column: 1 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        width: 100% !important;
        min-height: 92px !important;
        margin: 0 0 40px !important;
        padding: 6px 0 34px 200px !important;
        box-sizing: border-box !important;
        font-style: normal !important;
        font-size: 13px !important;
        color: #7a746e !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 5 !important;
        border-bottom: 1px solid #ebe4d8 !important;
        transition: padding 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, margin 0.3s ease, min-height 0.3s ease !important;
    }

    body.trophe-filters-open #main-content .et_pb_row.trophe-filters-open:has(.woocommerce) .woocommerce-result-count,
    body #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce) .woocommerce-result-count {
        min-height: 56px !important;
        padding-bottom: 16px !important;
        margin-bottom: 28px !important;
    }

    body.trophe-filters-open #main-content .et_pb_row.trophe-filters-open:has(.woocommerce) .woocommerce-result-count,
    body #main-content .et_pb_row:has(.trophe-filter-widget.is-open):has(.woocommerce) .woocommerce-result-count {
        padding-left: 0 !important;
        align-items: center !important;
    }

    /* Breadcrumb in products column — visible; sits above floating toggle when closed */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 35 !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 0 0 6px !important;
        min-height: 20px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .et_pb_text:has(.trophe-breadcrumb-wrap),
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .et_pb_text:has(.trophe-breadcrumb-wrap),
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .et_pb_text:has(.trophe-breadcrumb-wrap),
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .et_pb_text:has(.trophe-breadcrumb-wrap) {
        display: block !important;
        width: 100% !important;
        margin: 0 0 2px !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 35 !important;
        overflow: visible !important;
    }

    /*
     * CLOSED + breadcrumb in row: floating toggle sat on top of breadcrumb text.
     * Drop toggle below breadcrumb line; OPEN resets via existing relative rule.
     */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce):has(.trophe-breadcrumb-wrap):not(.trophe-filters-open):not(:has(.trophe-filter-widget.is-open)) .trophe-filter-widget,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce):has(.trophe-breadcrumb-wrap):not(.trophe-filters-open):not(:has(.trophe-filter-widget.is-open)) .trophe-filter-widget,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce):has(.trophe-breadcrumb-wrap):not(.trophe-filters-open):not(:has(.trophe-filter-widget.is-open)) .trophe-filter-widget,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce):has(.trophe-breadcrumb-wrap):not(.trophe-filters-open):not(:has(.trophe-filter-widget.is-open)) .trophe-filter-widget {
        top: 40px !important;
        transition:
            top 0.35s cubic-bezier(0.22, 1, 0.36, 1),
            position 0s linear 0.4s,
            width 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            max-width 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    /*
     * Hide in-catalog duplicate ONLY when a separate row above already has breadcrumb.
     * Placed after show rules so display:none wins for duplicates.
     */
    body.woocommerce-shop:has(#main-content .et_pb_row:has(.trophe-breadcrumb-wrap):not(:has(.trophe-filter-btn)):not(:has(.woocommerce)) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce)) #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    body.woocommerce-shop:has(#main-content .et_pb_row:has(.trophe-breadcrumb):not(:has(.trophe-filter-btn)):not(:has(.woocommerce)) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce)) #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    body.post-type-archive-product:has(#main-content .et_pb_row:has(.trophe-breadcrumb-wrap):not(:has(.trophe-filter-btn)):not(:has(.woocommerce)) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce)) #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    body.tax-product_cat:has(#main-content .et_pb_row:has(.trophe-breadcrumb-wrap):not(:has(.trophe-filter-btn)):not(:has(.woocommerce)) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce)) #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap,
    .archive:has(#main-content .et_pb_row:has(.trophe-breadcrumb-wrap):not(:has(.trophe-filter-btn)):not(:has(.woocommerce)) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce)) #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-breadcrumb-wrap {
        display: none !important;
    }

    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) ul.products,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) ul.products,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) ul.products,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) ul.products {
        grid-row: 2 !important;
        grid-column: 1 !important;
        margin-top: 6px !important;
        padding-top: 24px !important;
    }

    /* Empty state — below toolbar, clear of floating filter button */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-info,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-info,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-info,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-info,
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-no-products-msg,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-no-products-msg,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-no-products-msg,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-no-products-msg {
        grid-row: 2 !important;
        grid-column: 1 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin-top: 28px !important;
        margin-bottom: 32px !important;
    }

    /* Empty catalog — compact toolbar, extra gap before message box */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(.trophe-no-products-msg):not(:has(li.product)) .woocommerce-result-count,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(.trophe-no-products-msg):not(:has(li.product)) .woocommerce-result-count,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(.trophe-no-products-msg):not(:has(li.product)) .woocommerce-result-count,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(.trophe-no-products-msg):not(:has(li.product)) .woocommerce-result-count,
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(ul.products:empty) .woocommerce-result-count,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(ul.products:empty) .woocommerce-result-count,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(ul.products:empty) .woocommerce-result-count,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce:has(ul.products:empty) .woocommerce-result-count {
        min-height: 72px !important;
        margin-bottom: 32px !important;
        padding-bottom: 22px !important;
    }

    /* Closed: filter button sits above empty box, not on its border */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-pagination,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-pagination,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-pagination,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-pagination {
        grid-row: 3 !important;
        grid-column: 1 !important;
    }

    /* Filter panel — sidebar width, in document flow (not overlay) */
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-panel,
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-dropdown,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-panel,
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-dropdown,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-panel,
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-dropdown,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-panel,
    .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-dropdown {
        position: static !important;
        width: 100% !important;
        max-width: 300px !important;
        min-width: 0 !important;
    }
}

/* Breadcrumb section — always visible above catalog row */
body.woocommerce-shop #main-content .et_pb_section:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop #main-content .et_pb_section:has(.trophe-breadcrumb),
body.post-type-archive-product #main-content .et_pb_section:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product #main-content .et_pb_section:has(.trophe-breadcrumb),
body.tax-product_cat #main-content .et_pb_section:has(.trophe-breadcrumb-wrap),
body.tax-product_cat #main-content .et_pb_section:has(.trophe-breadcrumb),
body.tax-product_tag #main-content .et_pb_section:has(.trophe-breadcrumb-wrap) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 5 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}

/* Breadcrumb row — never swallowed by catalog grid / filter overlay */
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-breadcrumb),
body.post-type-archive-product #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product #main-content .et_pb_row:has(.trophe-breadcrumb),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-breadcrumb),
body.tax-product_tag #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
.archive #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
.archive #main-content .et_pb_row:has(.trophe-breadcrumb) {
    display: flex !important;
    position: relative !important;
    z-index: 25 !important;
    overflow: visible !important;
    width: 85% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

body.woocommerce-shop .et_pb_code:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop .et_pb_code_inner:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop .et_pb_code:has(.trophe-breadcrumb),
body.woocommerce-shop .et_pb_code_inner:has(.trophe-breadcrumb),
body.tax-product_cat .et_pb_code:has(.trophe-breadcrumb-wrap),
body.tax-product_cat .et_pb_code_inner:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product .et_pb_code:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product .et_pb_code_inner:has(.trophe-breadcrumb-wrap) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 1px !important;
    height: auto !important;
}

.trophe-breadcrumb-wrap,
.trophe-breadcrumb,
nav.trophe-breadcrumb {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

.trophe-breadcrumb__trail {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.trophe-breadcrumb__item,
.trophe-breadcrumb__sep {
    visibility: visible !important;
    opacity: 1 !important;
}

body.woocommerce-shop .trophe-breadcrumb-wrap,
body.post-type-archive-product .trophe-breadcrumb-wrap,
body.tax-product_cat .trophe-breadcrumb-wrap {
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
}

/* Breadcrumb row directly above catalog — never collapse behind grid */
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-breadcrumb-wrap) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
body.post-type-archive-product #main-content .et_pb_row:has(.trophe-breadcrumb-wrap) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-breadcrumb-wrap) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
.archive #main-content .et_pb_row:has(.trophe-breadcrumb-wrap) + .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) {
    margin-top: 0 !important;
}

/* Rows with filters — #main-content only (never Theme Builder header) */
#main-content .archive .et_pb_row:has(.trophe-filter-btn),
#main-content .post-type-archive-product .et_pb_row:has(.trophe-filter-btn),
#main-content .tax-product_cat .et_pb_row:has(.trophe-filter-btn),
body.archive #main-content .et_pb_row:has(.trophe-filter-btn),
body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn),
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn) {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

@media (min-width: 768px) {
    #main-content .archive .et_pb_row:has(.trophe-filter-btn),
    #main-content .post-type-archive-product .et_pb_row:has(.trophe-filter-btn),
    #main-content .tax-product_cat .et_pb_row:has(.trophe-filter-btn),
    body.archive #main-content .et_pb_row:has(.trophe-filter-btn),
    body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn),
    body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn),
    body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn) {
        flex-wrap: nowrap !important;
    }
}

#main-content .archive .et_pb_column:has(.trophe-filter-btn),
#main-content .archive .et_pb_column:has(.trophe-filter-panel),
#main-content .archive .et_pb_column:has(.trophe-filter-widget),
#main-content .post-type-archive-product .et_pb_column:has(.trophe-filter-btn),
#main-content .post-type-archive-product .et_pb_column:has(.trophe-filter-panel),
#main-content .tax-product_cat .et_pb_column:has(.trophe-filter-btn),
#main-content .tax-product_cat .et_pb_column:has(.trophe-filter-panel),
body.archive #main-content .et_pb_column:has(.trophe-filter-btn),
body.archive #main-content .et_pb_column:has(.trophe-filter-panel),
body.archive #main-content .et_pb_column:has(.trophe-filter-widget),
body.post-type-archive-product #main-content .et_pb_column:has(.trophe-filter-btn),
body.post-type-archive-product #main-content .et_pb_column:has(.trophe-filter-panel),
body.tax-product_cat #main-content .et_pb_column:has(.trophe-filter-btn),
body.tax-product_cat #main-content .et_pb_column:has(.trophe-filter-panel),
body.woocommerce-shop #main-content .et_pb_column:has(.trophe-filter-btn),
body.woocommerce-shop #main-content .et_pb_column:has(.trophe-filter-panel),
body.woocommerce-shop #main-content .et_pb_column:has(.trophe-filter-widget) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    align-self: flex-start !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.trophe-filter-widget,
.trophe-filters-wrap {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    vertical-align: top !important;
}

.et_pb_code_inner:has(.trophe-filter-widget),
.et_pb_code_inner:has(.trophe-filter-btn),
.et_pb_code_inner:has(.trophe-filter-panel),
.et_pb_code_inner:has(.trophe-filter-inner) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.trophe-filter-panel,
.trophe-filter-dropdown,
.trophe-filter-inner {
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
}

/* Toggle bar — compact, δεν ακολουθεί το πλάτος του panel */
.trophe-filter-btn,
a.trophe-filter-btn,
button.trophe-filter-btn {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.trophe-filter-widget.is-open .trophe-filter-btn,
.trophe-filter-widget.is-open > .trophe-filter-btn {
    width: auto !important;
    max-width: 100% !important;
}

/* =======================================================
   DESKTOP — filter sidebar (350px) + product grid (fills rest)
   ======================================================= */
@media (min-width: 1025px) {
    /* Στήλη φίλτρων: compact (dropdown), όχι σταθερό 350px κενό */
    .archive .et_pb_row:has(.trophe-filter-btn):not(:has(.woocommerce)) > .et_pb_column:first-child,
    .post-type-archive-product .et_pb_row:has(.trophe-filter-btn):not(:has(.woocommerce)) > .et_pb_column:first-child,
    .tax-product_cat .et_pb_row:has(.trophe-filter-btn):not(:has(.woocommerce)) > .et_pb_column:first-child {
        flex: 0 0 350px !important;
        width: 350px !important;
        max-width: 350px !important;
        min-width: 0 !important;
        padding-right: 0 !important;
    }

    /* Στήλη προϊόντων: όλο το υπόλοιπο πλάτος (όχι catalog row — εκεί ισχύει CSS grid) */
    .archive .et_pb_row:has(.trophe-filter-btn):not(:has(.woocommerce)) > .et_pb_column:not(:first-child),
    .post-type-archive-product .et_pb_row:has(.trophe-filter-btn):not(:has(.woocommerce)) > .et_pb_column:not(:first-child),
    .tax-product_cat .et_pb_row:has(.trophe-filter-btn):not(:has(.woocommerce)) > .et_pb_column:not(:first-child) {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .archive .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) .et_pb_module,
    .archive .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) .woocommerce,
    .post-type-archive-product .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) .woocommerce,
    .tax-product_cat .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) .woocommerce {
        width: 100% !important;
        max-width: 100% !important;
    }

    .trophe-filter-panel,
    .trophe-filter-dropdown,
    .trophe-filter-inner {
        width: 100% !important;
        max-width: 350px !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
    .archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filters-wrap,
    .archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .et_pb_code_inner:has(.trophe-filter-widget),
    .post-type-archive-product .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
    .tax-product_cat .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget {
        width: auto !important;
        max-width: none !important;
    }

    /* Δεξιά: κρύβουμε το πράσινο funnel (μοιάζει με 2ο φίλτρο — έχουμε sidebar) */
    body:has(.trophe-filter-inner) .woocommerce-ordering,
    body:has(.trophe-filter-panel) .woocommerce-ordering,
    body:has(.trophe-filter-btn) .woocommerce-ordering {
        display: none !important;
    }

    /* Toolbar handled in CATALOG TOOLBAR block above */
}

/* =======================================================
   WPF FILTERS — trophe-body.html
   ======================================================= */

/* Panel shell */
.trophe-filter-panel,
.trophe-filter-dropdown {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 350px !important;
  display: block !important;
  overflow: hidden !important;
  max-height: 0 !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  transform: translateX(-6px) !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition:
    max-height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease,
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    margin-top 0.32s ease,
    visibility 0s linear 0.42s !important;
}

.trophe-filter-widget.is-open > .trophe-filter-panel,
.trophe-filter-widget.is-open > .trophe-filter-dropdown,
.trophe-filter-panel.open,
.trophe-filter-panel.is-open {
  max-height: 5000px !important;
  overflow: visible !important;
  opacity: 1 !important;
  margin-top: 10px !important;
  transform: translateX(0) !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transition:
    max-height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.28s ease 0.1s,
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.08s,
    margin-top 0.32s ease 0.06s,
    visibility 0s linear 0s !important;
}

/* Inner card — fade only (no second slide) */
.trophe-filter-panel > .trophe-filter-inner {
  transform: none !important;
  opacity: 1 !important;
  transition: box-shadow 0.35s ease !important;
}

@media (min-width: 768px) {
  /* Desktop sidebar: panel reveal trails grid expand slightly */
  .trophe-filter-widget.is-open > .trophe-filter-panel,
  .trophe-filter-widget.is-open > .trophe-filter-dropdown,
  .trophe-filter-panel.open,
  .trophe-filter-panel.is-open {
    max-height: 5000px !important;
    overflow: visible !important;
    transition:
      max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.06s,
      opacity 0.26s ease 0.12s,
      transform 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.1s,
      margin-top 0.3s ease 0.08s,
      visibility 0s linear 0s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  .archive #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  .trophe-filter-panel,
  .trophe-filter-dropdown,
  .trophe-filter-panel > .trophe-filter-inner {
    transition: none !important;
    transform: none !important;
  }
}

/* Columns that contain the filter widget need overflow:visible so the dropdown escapes */
.archive .et_pb_column:has(.trophe-filter-widget),
.archive .et_pb_code_inner:has(.trophe-filter-widget),
.post-type-archive-product .et_pb_column:has(.trophe-filter-widget),
.post-type-archive-product .et_pb_code_inner:has(.trophe-filter-widget),
.tax-product_cat .et_pb_column:has(.trophe-filter-widget),
.tax-product_cat .et_pb_code_inner:has(.trophe-filter-widget) {
  overflow: visible !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Inner card — single styled box (panel has no border itself) */
.trophe-filter-inner,
.trophe-filter-panel > .trophe-filter-inner {
  background: #fbf8f1 !important;
  border: 1px solid #e2d8c9 !important;
  border-radius: 14px !important;
  padding: 14px 18px 18px !important;
  box-shadow: 0 8px 32px rgba(60, 49, 33, 0.13), 0 2px 8px rgba(60, 49, 33, 0.06) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.archive .et_pb_column:has(.trophe-filter-widget),
.post-type-archive-product .et_pb_column:has(.trophe-filter-widget),
.tax-product_cat .et_pb_column:has(.trophe-filter-widget) {
  overflow: visible !important;
}

.trophe-filter-inner .wpf_item,
.trophe-filter-panel .wpf_item {
  border-bottom: 1px solid #e8e0d4 !important;
  overflow: visible !important;
}

.trophe-filter-inner .wpf_item:last-child,
.trophe-filter-panel .wpf_item:last-child {
  border-bottom: none !important;
}

.trophe-filter-inner .wpf_item_name,
.trophe-filter-panel .wpf_item_name {
  padding: 14px 28px 8px 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #6d8366 !important;
  position: relative !important;
}

/* Always-open blocks (class set by JS per page context) */
.trophe-filter-inner .wpf_item.trophe-wpf-open > :not(.wpf_item_name),
.trophe-filter-panel .wpf_item.trophe-wpf-open > :not(.wpf_item_name) {
  display: block !important;
  padding: 0 0 16px !important;
}

.trophe-filter-inner .wpf_item.trophe-wpf-open .wpf_item_name::after,
.trophe-filter-panel .wpf_item.trophe-wpf-open .wpf_item_name::after {
  display: none !important;
}

.trophe-filter-inner .wpf_item.trophe-wpf-hidden,
.trophe-filter-panel .wpf_item.trophe-wpf-hidden {
  display: none !important;
}

.trophe-filter-inner .wpf_autocomplete input,
.trophe-filter-panel .wpf_autocomplete input {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  border: 1px solid #ded5c7 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

.trophe-filter-inner ul.wpf_column_horizontal,
.trophe-filter-panel ul.wpf_column_horizontal {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.trophe-filter-inner .wpf_item li,
.trophe-filter-panel .wpf_item li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  padding: 6px 8px !important;
}

.trophe-filter-inner .wpf_item label,
.trophe-filter-panel .wpf_item label {
  flex: 1 !important;
  font-size: 13px !important;
  color: #3b3530 !important;
  cursor: pointer !important;
  text-transform: none !important;
}

.trophe-filter-inner .wpf_item input[type="checkbox"],
.trophe-filter-panel .wpf_item input[type="checkbox"] {
  accent-color: #6d8366 !important;
}

.trophe-filter-inner .wpf_item_count,
.trophe-filter-panel .wpf_item_count {
  font-size: 11px !important;
  color: #9b9287 !important;
}

/* Price slider — style jQuery UI only, never .wpf_slider width/height */
.trophe-filter-inner .wpf_item_price .ui-slider-horizontal,
.trophe-filter-panel .wpf_item_price .ui-slider-horizontal {
  height: 8px !important;
  margin: 18px 10px 10px !important;
  background: #e2d8c9 !important;
  border: none !important;
  border-radius: 4px !important;
}

.trophe-filter-inner .wpf_item_price .ui-slider-range,
.trophe-filter-panel .wpf_item_price .ui-slider-range {
  background: #9fb8a4 !important;
  border-radius: 4px !important;
}

.trophe-filter-inner .wpf_item_price .ui-slider-handle,
.trophe-filter-panel .wpf_item_price .ui-slider-handle {
  width: 20px !important;
  height: 20px !important;
  top: 50% !important;
  margin-top: -10px !important;
  margin-left: -10px !important;
  border: 2px solid #6d8366 !important;
  border-radius: 50% !important;
  background: #fff !important;
  cursor: pointer !important;
}

.trophe-filter-inner .wpf-slider-label,
.trophe-filter-panel .wpf-slider-label {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #3b3530 !important;
  text-transform: none !important;
}

/* On Sale / In Stock — one row, no accordion */
.trophe-filter-inner .wpf_item_onsale .wpf_item_name,
.trophe-filter-inner .wpf_item_instock .wpf_item_name,
.trophe-filter-panel .wpf_item_onsale .wpf_item_name,
.trophe-filter-panel .wpf_item_instock .wpf_item_name {
  display: none !important;
}

.trophe-filter-inner .wpf_item_onsale .wpf_onsale_wrapp,
.trophe-filter-inner .wpf_item_instock .wpf_instock_wrapp,
.trophe-filter-panel .wpf_item_onsale .wpf_onsale_wrapp,
.trophe-filter-panel .wpf_item_instock .wpf_instock_wrapp,
.trophe-filter-inner .wpf_item_onsale .trophe-wpf-toggle-label,
.trophe-filter-inner .wpf_item_instock .trophe-wpf-toggle-label,
.trophe-filter-panel .wpf_item_onsale .trophe-wpf-toggle-label,
.trophe-filter-panel .wpf_item_instock .trophe-wpf-toggle-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #3b3530 !important;
  cursor: pointer !important;
  text-transform: none !important;
}

/* Accordion (.trophe-wpf-fold) */
.trophe-filter-inner .wpf_item.trophe-wpf-fold:not(.is-open) > :not(.wpf_item_name),
.trophe-filter-panel .wpf_item.trophe-wpf-fold:not(.is-open) > :not(.wpf_item_name) {
  display: none !important;
}

.trophe-filter-inner .wpf_item.trophe-wpf-fold .wpf_item_name,
.trophe-filter-panel .wpf_item.trophe-wpf-fold .wpf_item_name {
  cursor: pointer !important;
}

.trophe-filter-inner .wpf_item.trophe-wpf-fold .wpf_item_name::after,
.trophe-filter-panel .wpf_item.trophe-wpf-fold .wpf_item_name::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid #6d8366 !important;
  border-bottom: 2px solid #6d8366 !important;
  transform: translateY(-70%) rotate(45deg) !important;
  transition: transform 0.2s ease !important;
}

.trophe-filter-inner .wpf_item.trophe-wpf-fold.is-open .wpf_item_name::after,
.trophe-filter-panel .wpf_item.trophe-wpf-fold.is-open .wpf_item_name::after {
  transform: translateY(-30%) rotate(-135deg) !important;
}

.trophe-filter-inner .wpf_item.trophe-wpf-fold.is-open > :not(.wpf_item_name),
.trophe-filter-panel .wpf_item.trophe-wpf-fold.is-open > :not(.wpf_item_name) {
  display: block !important;
  padding: 0 0 14px !important;
  max-height: none !important;
  overflow: visible !important;
}

.trophe-filter-inner button.wpf_search_button,
.trophe-filter-panel button.wpf_search_button {
  width: 100% !important;
  margin-top: 8px !important;
  padding: 12px !important;
  background: #6d8366 !important;
  color: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  font-weight: 600 !important;
  text-transform: none !important;
  cursor: pointer !important;
}

.trophe-filter-inner button.wpf_search_button::after,
.trophe-filter-panel button.wpf_search_button::after {
  content: "Αναζήτηση" !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline-block !important;
}

.trophe-filter-inner button.wpf_search_button:hover,
.trophe-filter-panel button.wpf_search_button:hover {
  background: #456b50 !important;
}

.trophe-filter-inner button.wpf_search_button:hover::after,
.trophe-filter-panel button.wpf_search_button:hover::after {
  color: #ffffff !important;
}

/* Reset filters — below inner card, secondary TROPHE style */
.trophe-filter-panel > .trophe-filter-reset,
.trophe-filter-widget .trophe-filter-reset,
button.trophe-filter-reset {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 11px 18px !important;
  box-sizing: border-box !important;
  background: #f5f1e6 !important;
  color: #6d8366 !important;
  border: 1px solid #d9cfbe !important;
  border-radius: 10px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    transform 0.15s ease !important;
}

.trophe-filter-panel > .trophe-filter-reset:hover,
.trophe-filter-widget .trophe-filter-reset:hover,
button.trophe-filter-reset:hover {
  background: #efe7da !important;
  border-color: #6d8366 !important;
  color: #456b50 !important;
}

.trophe-filter-panel > .trophe-filter-reset:active,
.trophe-filter-widget .trophe-filter-reset:active,
button.trophe-filter-reset:active {
  transform: scale(0.98) !important;
  background: #e8e0d4 !important;
}

.trophe-filter-panel > .trophe-filter-reset:focus-visible,
.trophe-filter-widget .trophe-filter-reset:focus-visible,
button.trophe-filter-reset:focus-visible {
  outline: 2px solid #6d8366 !important;
  outline-offset: 2px !important;
}

/* Panel stacks inner card + reset when open */
.trophe-filter-widget.is-open > .trophe-filter-panel,
.trophe-filter-widget.is-open > .trophe-filter-dropdown,
.trophe-filter-panel.open,
.trophe-filter-panel.is-open {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}

/* Κουμπί φίλτρων — switch toggle + label (σταθερό πλάτος, όχι stretch) */
.trophe-filter-btn,
a.trophe-filter-btn,
button.trophe-filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  box-sizing: border-box !important;
  background: #f5f1e6 !important;
  color: transparent !important;
  border: 1px solid #e2d8c9 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.22s ease, border-color 0.22s ease !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}

.trophe-filter-btn svg,
.trophe-filter-btn img,
.trophe-filter-btn .trophe-filter-btn-icon {
  display: none !important;
}

.trophe-filter-btn::after {
  content: "Φίλτρα προϊόντων" !important;
  order: 1 !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #3b3530 !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline-block !important;
  text-align: left !important;
}

/* Switch track + thumb (::before) */
.trophe-filter-btn::before {
  content: "" !important;
  order: 2 !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background-color: #d4cdc0 !important;
  background-image: radial-gradient(circle 10px at 15px 50%, #ffffff 99%, transparent 100%) !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;
  transition: background-color 0.25s ease, background-image 0.25s ease !important;
}

.trophe-filter-btn.is-on::before,
.trophe-filter-btn[aria-pressed="true"]::before,
.trophe-filter-widget.is-open > .trophe-filter-btn::before,
.trophe-filter-widget.is-open .trophe-filter-btn::before {
  background-color: #6d8366 !important;
  background-image: radial-gradient(circle 10px at 37px 50%, #ffffff 99%, transparent 100%) !important;
}

.trophe-filter-btn.is-on,
.trophe-filter-btn[aria-pressed="true"],
.trophe-filter-widget.is-open > .trophe-filter-btn,
.trophe-filter-widget.is-open .trophe-filter-btn {
  background: #fbf8f1 !important;
  border-color: #6d8366 !important;
}

.trophe-filter-btn:hover,
a.trophe-filter-btn:hover,
button.trophe-filter-btn:hover {
  background: #efe7da !important;
  color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}

.trophe-filter-btn:hover::after {
  color: #1a2b2a !important;
}

.trophe-filter-header-title,
.trophe-filter-header-sub {
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

/* --- YITH AJAX FILTER (legacy sidebar, if used) --- */
.et_pb_code_inner .yith-wcan-filters { padding: 10px 0; background-color: transparent; }
.et_pb_code_inner .yith-wcan-filter { margin-bottom: 30px; }
.et_pb_code_inner h4.filter-title {
  font-family: inherit;
  font-size: 18px !important;
  font-weight: 600;
  color: #3b3530;
  text-transform: none;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0dcd3;
}
.et_pb_code_inner ul.filter-items { padding: 0; margin: 0; list-style: none; }
.et_pb_code_inner li.filter-item { margin-bottom: 12px; }
.et_pb_code_inner li.filter-item a, .et_pb_code_inner li.filter-item label { color: #5a544f; font-size: 15px; text-decoration: none; transition: color 0.2s ease-in-out; display: inline-block; }
.et_pb_code_inner li.filter-item a:hover, .et_pb_code_inner li.filter-item.active a { color: #8FACA0 !important; font-weight: 500; }
.et_pb_code_inner .checkbox-design li.filter-item a::before { border: 1px solid #d1cbc2 !important; border-radius: 3px !important; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.et_pb_code_inner .checkbox-design li.filter-item a:hover::before, .et_pb_code_inner .checkbox-design li.filter-item.active a::before { background-color: #8FACA0 !important; border-color: #8FACA0 !important; }
@media (max-width: 1024px) {
    /* Πιο μικρό min ώστε το auto-fill να δίνει 3+ στήλες σε tablet */
    .woocommerce:not(.my-custom-flex-carousel) ul.products,
    .woocommerce-page:not(.my-custom-flex-carousel) ul.products,
    .et_pb_shop:not(.my-custom-flex-carousel) ul.products,
    .et_pb_module .woocommerce ul.products {
        --myt-card-min: 190px;
        gap: 15px !important;
    }
}

@media (max-width: 767px) {
    /* --- GRID CONTAINER & CARDS --- */
    /* Phone: σταθερά 2 στήλες (predictable) με ασφαλές minmax(0,1fr) */
    .woocommerce:not(.my-custom-flex-carousel) ul.products,
    .woocommerce-page:not(.my-custom-flex-carousel) ul.products,
    .et_pb_shop:not(.my-custom-flex-carousel) ul.products,
    body .et_pb_module .woocommerce ul.products { 
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
        gap: 8px !important; 
        padding: 8px !important; 
        margin: 0 !important;
    }
    
    .woocommerce:not(.my-custom-flex-carousel) ul.products li.product,
    .woocommerce-page:not(.my-custom-flex-carousel) ul.products li.product,
    .et_pb_shop:not(.my-custom-flex-carousel) ul.products li.product,
    body .et_pb_module .woocommerce ul.products li.product { 
        width: 100% !important; 
        max-width: none !important; 
        margin: 0 !important; 
        clear: none !important; 
        box-sizing: border-box !important; 
        min-height: auto !important; 
        height: auto !important;
        padding: 0 0 54px !important; 
        border-radius: 12px !important; 
    }

    body ul.products li.product h2.woocommerce-loop-product__title,
    body .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        font-weight: 600 !important;
        margin: 10px 10px 5px !important;
        line-height: 1.32 !important;
        min-height: auto !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        overflow: visible !important;
    }

    body .woocommerce ul.products li.product .star-rating,
    body ul.products li.product .star-rating {
        margin: 0 10px 8px !important;
        width: auto !important;
    }

    body ul.products li.product .star-rating span strong.rating {
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
    
    body ul.products li.product .price,
    body .woocommerce ul.products li.product .price { 
        font-size: 13px !important; 
        font-weight: 500 !important;
        right: 8px !important; 
        bottom: 14px !important; 
        max-width: 55% !important; 
        z-index: 3 !important;
    }
    body ul.products li.product .price ins,
    body ul.products li.product .price ins .woocommerce-Price-amount,
    body ul.products li.product .price del,
    body ul.products li.product .price del .woocommerce-Price-amount,
    body ul.products li.product .price .woocommerce-Price-amount {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    body button.yith-wcwl-add-to-wishlist-button,
    body .woocommerce ul.products li.product .button.add_to_cart_button {
        left: 8px !important;
        bottom: 8px !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        z-index: 5 !important;
    }
    body .woocommerce ul.products li.product .button.add_to_cart_button::before {
        background-size: 15px 15px !important;
    }
    body button.yith-wcwl-add-to-wishlist-button svg.yith-wcwl-icon {
        width: 16px !important;
        height: 16px !important;
    }

    body .woocommerce ul.products li.product span.onsale,
    body .woocommerce span.onsale,
    body .woocommerce-page span.onsale {
        top: 8px !important;
        left: 8px !important;
        padding: 5px 9px !important;
        font-size: 10px !important;
    }

    body .woocommerce-ordering { 
        float: none !important; 
        margin-left: auto !important; 
        display: block !important; 
    } 
    /* Filter — mobile/tablet: dropdown σχεδόν full width, κουμπί compact */
    .archive .et_pb_column:has(.trophe-filter-btn),
    .archive .et_pb_column:has(.trophe-filter-panel),
    .archive .et_pb_column:has(.trophe-filter-widget),
    .tax-product_cat .et_pb_column:has(.trophe-filter-btn),
    .tax-product_cat .et_pb_column:has(.trophe-filter-panel),
    .post-type-archive-product .et_pb_column:has(.trophe-filter-btn),
    .post-type-archive-product .et_pb_column:has(.trophe-filter-panel) {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .trophe-filter-widget,
    .trophe-filters-wrap,
    .et_pb_code_inner:has(.trophe-filter-widget),
    .et_pb_code_inner:has(.trophe-filter-btn),
    .et_pb_code_inner:has(.trophe-filter-panel),
    .et_pb_code_inner:has(.trophe-filter-inner) {
        width: 100% !important;
        max-width: 100% !important;
        align-items: flex-start !important;
    }

    /* Width — mobile bar override at end of file */

    /* Panel position — mobile sheet override at end of file */

    .trophe-filter-inner,
    .trophe-filter-header {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .trophe-filter-inner { padding: 14px !important; }
    .trophe-filter-header { padding: 12px 14px !important; }
    .trophe-filter-header-title { font-size: 13px !important; }
    .trophe-filter-header-sub { font-size: 11px !important; }
    .ab-desktop { display: none !important; } 
    .ab-mobile { display: flex !important; }
    body .woocommerce-pagination ul.page-numbers li a, 
    body .woocommerce-pagination ul.page-numbers li span { 
        padding: 6px 10px !important; 
        font-size: 12px !important; 
    }
    .title-text { font-size: 16px !important; padding: 8px 12px !important; }
    body.woocommerce-shop #main-content .et_pb_row,
    .archive #main-content .et_pb_row,
    .post-type-archive-product #main-content .et_pb_row,
    .tax-product_cat #main-content .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    /* Stack filter column + products column (fixes toolbar overlap on phones) */
    body.woocommerce-shop .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child),
    body.archive .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child),
    body.tax-product_cat .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child),
    body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body:has(.trophe-filter-btn) .woocommerce-result-count {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        text-align: left !important;
        font-style: normal !important;
        position: static !important;
    }

    body:has(.trophe-filter-btn) .woocommerce-ordering {
        display: none !important;
    }
}

/* =======================================================
   SHOP PAGES — force Theme Builder header (Divi TB)
   Scoped to header only — matches live module IDs from TB
   ======================================================= */
body.trophe-shop-header-fix header.et-l--header .ann-bar,
body.trophe-shop-header-fix #et-1--header .ann-bar {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 13px !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

@media (min-width: 981px) {
  body.trophe-shop-header-fix header.et-l--header .ann-bar,
  body.trophe-shop-header-fix #et-1--header .ann-bar {
    height: 36px !important;
    padding: 0 24px !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-left,
  body.trophe-shop-header-fix #et-1--header .ann-left {
    gap: 12px !important;
  }
}

body.trophe-shop-header-fix header.et-l--header .ann-left,
body.trophe-shop-header-fix #et-1--header .ann-left {
  display: flex !important;
  align-items: center !important;
}

body.trophe-shop-header-fix header.et-l--header .ann-phone,
body.trophe-shop-header-fix #et-1--header .ann-phone {
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

body.trophe-shop-header-fix header.et-l--header .ann-message,
body.trophe-shop-header-fix #et-1--header .ann-message {
  white-space: nowrap !important;
  font-size: 13px !important;
}

body.trophe-shop-header-fix header.et-l--header .ann-divider,
body.trophe-shop-header-fix #et-1--header .ann-divider {
  color: rgba(255, 255, 255, 0.4) !important;
  padding: 0 4px !important;
}

body.trophe-shop-header-fix header.et-l--header .ann-right,
body.trophe-shop-header-fix #et-1--header .ann-right {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

@media (min-width: 981px) {
  body.trophe-shop-header-fix header.et-l--header .ann-bar .ann-right a,
  body.trophe-shop-header-fix #et-1--header .ann-bar .ann-right a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 20px !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-bar .ann-right a:first-child,
  body.trophe-shop-header-fix #et-1--header .ann-bar .ann-right a:first-child {
    margin-left: 0 !important;
  }
}

body.trophe-shop-header-fix header.et-l--header .ann-bar .ann-right a,
body.trophe-shop-header-fix #et-1--header .ann-bar .ann-right a {
  color: #ffffff !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
}

@media (min-width: 981px) {
  body.trophe-shop-header-fix .et_pb_row_2_tb_header {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.trophe-shop-header-fix .et_pb_column_4_tb_header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: center !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  body.trophe-shop-header-fix .et_pb_column_5_tb_header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    flex-grow: 0 !important;
  }

  /* Kill Divi module spacing inside logo column (image + tagline) */
  body.trophe-shop-header-fix .et_pb_column_5_tb_header .et_pb_module,
  body.trophe-shop-header-fix .et_pb_image_1_tb_header,
  body.trophe-shop-header-fix .et_pb_text_0_tb_header {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_text_0_tb_header .et_pb_text_inner,
  body.trophe-shop-header-fix .et_pb_text_0_tb_header p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
  }

  /* No gap between logo row (section 1) and nav row (section 2) */
  body.trophe-shop-header-fix header.et-l--header .et_pb_section_1_tb_header,
  body.trophe-shop-header-fix #et-1--header .et_pb_section_1_tb_header {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body.trophe-shop-header-fix header.et-l--header .et_pb_section_2_tb_header,
  body.trophe-shop-header-fix #et-1--header .et_pb_section_2_tb_header {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_row_2_tb_header {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_row_3_tb_header {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_column_6_tb_header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: center !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  body.trophe-shop-header-fix .et_pb_image_1_tb_header .et_pb_image_wrap,
  body.trophe-shop-header-fix .et_pb_image_1_tb_header img {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
  }

  body.trophe-shop-header-fix .et_pb_text_0_tb_header {
    text-align: center !important;
    width: 100% !important;
  }

  body.trophe-shop-header-fix .et_pb_social_media_follow_0_tb_header {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  body.trophe-shop-header-fix .et_pb_social_media_follow_0_tb_header li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

}

/* Header rows — zero Divi default vertical padding (all breakpoints) */
body.trophe-shop-header-fix header.et-l--header .et_pb_section_1_tb_header .et_pb_row_2_tb_header,
body.trophe-shop-header-fix header.et-l--header .et_pb_section_2_tb_header .et_pb_row_3_tb_header,
body.trophe-shop-header-fix #et-1--header .et_pb_section_1_tb_header .et_pb_row_2_tb_header,
body.trophe-shop-header-fix #et-1--header .et_pb_section_2_tb_header .et_pb_row_3_tb_header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.trophe-shop-header-fix .et_pb_column_5_tb_header .et_pb_module {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  /* Mobile TB uses section_0 (row_0 ann + row_1 toolbar) — hide desktop sections */
  body.trophe-shop-header-fix header.et-l--header .et_pb_section_1_tb_header,
  body.trophe-shop-header-fix header.et-l--header .et_pb_section_2_tb_header,
  body.trophe-shop-header-fix #et-1--header .et_pb_section_1_tb_header,
  body.trophe-shop-header-fix #et-1--header .et_pb_section_2_tb_header {
    display: none !important;
  }

  body.trophe-shop-header-fix header.et-l--header .et_pb_section_0_tb_header,
  body.trophe-shop-header-fix #et-1--header .et_pb_section_0_tb_header {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_row_0_tb_header,
  body.trophe-shop-header-fix .et_pb_row_1_tb_header {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_row_0_tb_header .et_pb_column,
  body.trophe-shop-header-fix .et_pb_column_0_tb_header {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.trophe-shop-header-fix .et_pb_row_0_tb_header .et_pb_code_inner,
  body.trophe-shop-header-fix .et_pb_column_0_tb_header .et_pb_module,
  body.trophe-shop-header-fix .et_pb_column_0_tb_header .et_pb_code_inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ann bar — match TB inline mobile layout (no font-family) */
  body.trophe-shop-header-fix header.et-l--header .ann-bar,
  body.trophe-shop-header-fix #et-1--header .ann-bar,
  body.trophe-shop-header-fix .ann-bar {
    height: auto !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 10px 14px !important;
    gap: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-left,
  body.trophe-shop-header-fix #et-1--header .ann-left,
  body.trophe-shop-header-fix .ann-bar .ann-left {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    column-gap: 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-phone,
  body.trophe-shop-header-fix #et-1--header .ann-phone,
  body.trophe-shop-header-fix .ann-bar .ann-phone {
    grid-column: 1 !important;
    justify-self: start !important;
    flex: 0 0 auto !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-left .ann-message,
  body.trophe-shop-header-fix header.et-l--header .ann-left .ann-divider,
  body.trophe-shop-header-fix #et-1--header .ann-left .ann-message,
  body.trophe-shop-header-fix #et-1--header .ann-left .ann-divider,
  body.trophe-shop-header-fix .ann-bar .ann-message,
  body.trophe-shop-header-fix .ann-bar .ann-divider {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-left::after,
  body.trophe-shop-header-fix #et-1--header .ann-left::after,
  body.trophe-shop-header-fix .ann-bar .ann-left::after {
    content: "Δωρεάν αποστολή άνω των 59€" !important;
    display: block !important;
    grid-column: 2 !important;
    justify-self: end !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.95) !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-right,
  body.trophe-shop-header-fix #et-1--header .ann-right,
  body.trophe-shop-header-fix .ann-bar .ann-right {
    display: flex !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-top: 14px !important;
    padding-bottom: 6px !important;
    margin: 12px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-bar .ann-right a,
  body.trophe-shop-header-fix #et-1--header .ann-bar .ann-right a,
  body.trophe-shop-header-fix .ann-bar .ann-right a {
    margin: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-bar .ann-right a:first-child,
  body.trophe-shop-header-fix #et-1--header .ann-bar .ann-right a:first-child,
  body.trophe-shop-header-fix .ann-bar .ann-right a:first-child {
    margin-left: 0 !important;
  }

  body.trophe-shop-header-fix header.et-l--header .ann-bar .ann-right a svg,
  body.trophe-shop-header-fix #et-1--header .ann-bar .ann-right a svg,
  body.trophe-shop-header-fix .ann-bar .ann-right a svg {
    width: 19px !important;
    height: 19px !important;
  }

  /* Mobile toolbar — hamburger | logo | bag+search */
  /* Override TB row custom CSS (flex row + min-height:80px on phone) */
  body.trophe-shop-header-fix .et_pb_row_1_tb_header,
  body.trophe-shop-header-fix .et_pb_row_1_tb_header.et_pb_row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_row_1_tb_header > .et_pb_column {
    align-self: center !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.trophe-shop-header-fix .et_pb_column_1_tb_header {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_column_2_tb_header {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_column_2_tb_header .et_pb_module,
  body.trophe-shop-header-fix .et_pb_column_2_tb_header .et_pb_image_wrap,
  body.trophe-shop-header-fix .et_pb_column_2_tb_header img {
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Right column — cart on top, search below (grid beats TB flex-row on column) */
  body.trophe-shop-header-fix .et_pb_row_1_tb_header .et_pb_column_3_tb_header,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header.et_pb_column,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header.et_flex_column {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    justify-items: end !important;
    align-content: center !important;
    align-self: center !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
  }

  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_module:has(.cart-link),
  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_module:has(.trophe-custom-cart),
  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_code_2_tb_header {
    grid-row: 1 !important;
    order: unset !important;
  }

  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_module:has(.et_pb_menu__search-button),
  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_module:has([class*="search"]),
  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_sidebar_0_tb_header {
    grid-row: 2 !important;
    order: unset !important;
  }

  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_module {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
  }

  body.trophe-shop-header-fix .et_pb_sidebar_0_tb_header {
    float: none !important;
    clear: none !important;
    display: block !important;
    width: 100% !important;
  }

  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_menu__wrap,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_menu__icon,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_widget_area {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 2px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_column_1_tb_header .et_pb_module,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header > .et_pb_module,
  body.trophe-shop-header-fix .et_pb_code_2_tb_header,
  body.trophe-shop-header-fix .et_pb_sidebar_0_tb_header {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Stop Divi flex widgets from stretching the column full height */
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_flex_column,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_widget_area,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_widget,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .fwidget,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .widget_block {
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.trophe-shop-header-fix .et_pb_code_2_tb_header .et_pb_code_inner,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .trophe-custom-cart {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    line-height: 0 !important;
    height: auto !important;
    width: 100% !important;
  }

  body.trophe-shop-header-fix .et_pb_column_3_tb_header .cart-link,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_menu__search-button,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_menu__cart-button,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header a[href*="search"],
  body.trophe-shop-header-fix .et_pb_column_3_tb_header button[class*="search"] {
    padding: 2px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
    color: #1a2b2a !important;
    width: auto !important;
    height: auto !important;
  }

  body.trophe-shop-header-fix .et_pb_column_3_tb_header .cart-link svg,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header .et_pb_menu__search-button svg,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header a svg,
  body.trophe-shop-header-fix .et_pb_column_3_tb_header button svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
}
/* =======================================================
   MOBILE — filter dropdown σχεδόν full width (τελευταίο override)
   ======================================================= */
@media (max-width: 767px) {
  body.archive #main-content .et_pb_row:has(.trophe-filter-inner),
  body.archive #main-content .et_pb_row:has(.trophe-filter-panel),
  body.archive #main-content .et_pb_row:has(.trophe-filter-btn),
  body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-inner),
  body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-panel),
  body.tax-product_cat #main-content .et_pb_row:has(.trophe-filter-btn),
  body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-inner),
  body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-panel),
  body.post-type-archive-product #main-content .et_pb_row:has(.trophe-filter-btn) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }

  body.archive #main-content .et_pb_column:has(.trophe-filter-inner),
  body.archive #main-content .et_pb_column:has(.trophe-filter-panel),
  body.archive #main-content .et_pb_column:has(.trophe-filter-btn),
  body.archive #main-content .et_pb_column:has(.trophe-filter-widget),
  body.tax-product_cat #main-content .et_pb_column:has(.trophe-filter-inner),
  body.tax-product_cat #main-content .et_pb_column:has(.trophe-filter-panel),
  body.tax-product_cat #main-content .et_pb_column:has(.trophe-filter-btn),
  body.post-type-archive-product #main-content .et_pb_column:has(.trophe-filter-inner),
  body.post-type-archive-product #main-content .et_pb_column:has(.trophe-filter-panel),
  body.post-type-archive-product #main-content .et_pb_column:has(.trophe-filter-btn),
  body.archive .et_pb_column_1_4:has(.trophe-filter-inner),
  body.archive .et_pb_column_1_4:has(.trophe-filter-panel),
  body.tax-product_cat .et_pb_column_1_4:has(.trophe-filter-inner),
  body.tax-product_cat .et_pb_column_1_3:has(.trophe-filter-inner) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  body.archive .et_pb_code:has(.trophe-filter-inner),
  body.archive .et_pb_code:has(.trophe-filter-panel),
  body.tax-product_cat .et_pb_code:has(.trophe-filter-inner),
  body.tax-product_cat .et_pb_code:has(.trophe-filter-panel),
  body.post-type-archive-product .et_pb_code:has(.trophe-filter-inner),
  body.archive .et_pb_code_inner:has(.trophe-filter-inner),
  body.archive .et_pb_code_inner:has(.trophe-filter-panel),
  body.archive .et_pb_code_inner:has(.trophe-filter-btn),
  body.tax-product_cat .et_pb_code_inner:has(.trophe-filter-inner),
  body.tax-product_cat .et_pb_code_inner:has(.trophe-filter-panel),
  body.post-type-archive-product .et_pb_code_inner:has(.trophe-filter-inner),
  .trophe-filter-widget,
  .trophe-filters-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Filter btn width — see MOBILE FILTER BAR at end of file */

  body.archive .trophe-filter-panel,
  body.archive .trophe-filter-dropdown,
  body.archive .trophe-filter-inner,
  body.tax-product_cat .trophe-filter-panel,
  body.tax-product_cat .trophe-filter-dropdown,
  body.tax-product_cat .trophe-filter-inner,
  body.post-type-archive-product .trophe-filter-panel,
  body.post-type-archive-product .trophe-filter-inner,
  .et_pb_column_1_3 .trophe-filter-panel,
  .et_pb_column_1_4 .trophe-filter-panel,
  .et_pb_column_1_4 .trophe-filter-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
  }

  /* Reset absolute layout for mobile — stack filter above grid */
  body.archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  body.tax-product_cat .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) {
    display: block !important;
    position: relative !important;
    padding-top: 0 !important;
  }

  body.archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child,
  body.tax-product_cat .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child,
  body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
  }

  body.archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
  body.tax-product_cat .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget,
  body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.archive .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count,
  body.tax-product_cat .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count,
  body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count {
    position: static !important;
    height: auto !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 0 10px !important;
    padding-left: 0 !important;
    min-height: 0 !important;
    border-bottom: none !important;
    justify-content: flex-start !important;
  }

  body.archive .et_pb_row:has(.trophe-filter-btn),
  body.tax-product_cat .et_pb_row:has(.trophe-filter-btn),
  body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn) {
    flex-wrap: wrap !important;
  }

  body.archive .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child),
  body.tax-product_cat .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child),
  body.post-type-archive-product .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.archive .trophe-filter-panel .trophe-filter-inner,
  body.tax-product_cat .trophe-filter-panel .trophe-filter-inner,
  body.post-type-archive-product .trophe-filter-panel .trophe-filter-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.archive .trophe-filter-header,
  body.tax-product_cat .trophe-filter-header,
  body.post-type-archive-product .trophe-filter-header {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.archive .trophe-filter-inner .wpf_form,
  body.tax-product_cat .trophe-filter-inner .wpf_form,
  body.post-type-archive-product .trophe-filter-inner .wpf_form,
  .trophe-filter-inner .wpf_items_wrapper,
  .trophe-filter-panel .wpf_items_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Shop page — same mobile stack (woocommerce-shop is not body.archive) */
  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce),
  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    flex-wrap: wrap !important;
  }

  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:first-child,
  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:first-child {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }

  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) > .et_pb_column:not(:first-child),
  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:not(:first-child) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .trophe-filter-widget {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-filter-btn):has(.woocommerce) .woocommerce-result-count {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border-bottom: none !important;
    text-align: left !important;
  }

  #main-content .trophe-filter-widget .trophe-filter-btn {
    width: 100% !important;
  }
}

/* =======================================================
   CUSTOM BREADCRUMB — [mytrophe_breadcrumb] (catalog only)
   Typography = section 14 .myt-product-breadcrumbs (single product Divi module)
   Layout = 85% / 1400px, αριστερά (ίδιο grid με filters+products)
   ======================================================= */

/* Divi row — ίδιο πλάτος με filters+grid, πάντα ορατό */
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop #main-content .et_pb_row:has(.trophe-breadcrumb),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body.tax-product_cat #main-content .et_pb_row:has(.trophe-breadcrumb),
body.tax-product_tag #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
body[class*="tax-pa_"] #main-content .et_pb_row:has(.trophe-breadcrumb-wrap) {
  display: flex !important;
  position: relative !important;
  z-index: 25 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 85% !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

body.woocommerce-shop .et_pb_column:has(.trophe-breadcrumb-wrap),
body.woocommerce-shop .et_pb_column:has(.trophe-breadcrumb),
body.tax-product_cat .et_pb_column:has(.trophe-breadcrumb-wrap),
body.tax-product_tag .et_pb_column:has(.trophe-breadcrumb-wrap),
body.post-type-archive-product .et_pb_column:has(.trophe-breadcrumb-wrap),
body[class*="tax-pa_"] .et_pb_column:has(.trophe-breadcrumb-wrap) {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.et_pb_code:has(.trophe-breadcrumb-wrap),
.et_pb_code_inner:has(.trophe-breadcrumb-wrap),
.et_pb_code:has(.trophe-breadcrumb),
.et_pb_code_inner:has(.trophe-breadcrumb) {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #7a7165 !important;
  text-shadow: none !important;
}

/* Divi Code module text-shadow / Woo .92em grey — reset on όλα τα levels */
body.woocommerce-shop .trophe-breadcrumb-wrap,
body.tax-product_cat .trophe-breadcrumb-wrap,
body.tax-product_tag .trophe-breadcrumb-wrap,
body.post-type-archive-product .trophe-breadcrumb-wrap,
body[class*="tax-pa_"] .trophe-breadcrumb-wrap,
body.woocommerce-shop .trophe-breadcrumb-wrap *,
body.tax-product_cat .trophe-breadcrumb-wrap *,
body.tax-product_tag .trophe-breadcrumb-wrap *,
body.post-type-archive-product .trophe-breadcrumb-wrap *,
body[class*="tax-pa_"] .trophe-breadcrumb-wrap * {
  text-shadow: none !important;
}

/* Wrap — ίδιο rhythm με .myt-breadcrumb-section */
.trophe-breadcrumb-wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 !important;
  padding: 18px 0 8px;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  clear: both;
  text-align: left;
  background: transparent;
  border: 0;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #7a7165 !important;
  text-shadow: none !important;
}

.trophe-breadcrumb {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-align: left;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #7a7165 !important;
  text-shadow: none !important;
}

/* Αν Woo/Divi output έχει .woocommerce-breadcrumb μέσα στο shortcode */
.trophe-breadcrumb-wrap .woocommerce-breadcrumb,
.trophe-breadcrumb.woocommerce-breadcrumb {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  color: #7a7165 !important;
  text-shadow: none !important;
}

/* Trail — ίδιο με .myt-product-breadcrumbs ul */
.trophe-breadcrumb__trail {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-family: inherit;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #7a7165;
  text-align: left;
}

/* Item — ίδιο με .myt-product-breadcrumbs li */
.trophe-breadcrumb__item {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: #7a7165 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Separator — ίδιο με .myt-product-breadcrumbs .separator */
.trophe-breadcrumb__sep {
  display: inline-flex;
  align-items: center;
  margin: 0 8px !important;
  color: #aaa094 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  user-select: none;
}

/* Links — beat Woo a { font-size:.92em; color:#767676 } */
.trophe-breadcrumb__item a,
.trophe-breadcrumb-wrap a,
body.woocommerce-shop .trophe-breadcrumb-wrap a,
body.tax-product_cat .trophe-breadcrumb-wrap a,
body.tax-product_tag .trophe-breadcrumb-wrap a,
body.post-type-archive-product .trophe-breadcrumb-wrap a,
body[class*="tax-pa_"] .trophe-breadcrumb-wrap a {
  color: #5f755f !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: color 0.2s ease;
}

.trophe-breadcrumb__item a:hover {
  color: #3f5e46 !important;
  text-decoration: none !important;
}

/* Current / plain text */
.trophe-breadcrumb__item span {
  color: #7a7165 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

.trophe-breadcrumb__item.is-current span {
  color: #7a7165 !important;
  font-weight: 400 !important;
}

/* Result count — ίδια αριστερή στοίχιση με grid (στήλη προϊόντων) */
body.woocommerce-shop .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.tax-product_tag .woocommerce-result-count,
body.post-type-archive-product .woocommerce-result-count {
  float: none !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-style: normal !important;
  color: #7a746e !important;
}

/* Divi / theme list resets (fixes 1. 2. numbered look) */
.trophe-breadcrumb ol,
.trophe-breadcrumb ul,
.trophe-breadcrumb li,
.et_pb_code_inner .trophe-breadcrumb ol,
.et_pb_code_inner .trophe-breadcrumb ul,
.et_pb_code_inner .trophe-breadcrumb li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  counter-reset: none !important;
}

.trophe-breadcrumb li::marker,
.trophe-breadcrumb ol::marker {
  content: none !important;
}

/*
 * Κρύβουμε default Divi/Woo breadcrumb ΜΟΝΟ όταν ΔΕΝ είναι το [mytrophe_breadcrumb].
 * Προσοχή: :has(.trophe-breadcrumb) ελέγχει descendants — όχι το ίδιο το στοιχείο.
 * Γι' αυτό εξαιρούμε ρητά .trophe-breadcrumb / .trophe-breadcrumb-wrap.
 */
body.woocommerce-shop .et_pb_breadcrumbs:not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.woocommerce-shop .woocommerce-breadcrumb:not(.trophe-breadcrumb):not(.trophe-breadcrumb-wrap):not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.tax-product_cat .et_pb_breadcrumbs:not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.tax-product_cat .woocommerce-breadcrumb:not(.trophe-breadcrumb):not(.trophe-breadcrumb-wrap):not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.tax-product_tag .et_pb_breadcrumbs:not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.tax-product_tag .woocommerce-breadcrumb:not(.trophe-breadcrumb):not(.trophe-breadcrumb-wrap):not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.post-type-archive-product .et_pb_breadcrumbs:not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body.post-type-archive-product .woocommerce-breadcrumb:not(.trophe-breadcrumb):not(.trophe-breadcrumb-wrap):not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body[class*="tax-pa_"] .et_pb_breadcrumbs:not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)),
body[class*="tax-pa_"] .woocommerce-breadcrumb:not(.trophe-breadcrumb):not(.trophe-breadcrumb-wrap):not(:has(.trophe-breadcrumb-wrap)):not(:has(.trophe-breadcrumb)) {
  display: none !important;
}

/* Custom shortcode — πάντα ορατό (override παραπάνω + Divi/Woo defaults) */
body.woocommerce-shop .trophe-breadcrumb-wrap,
body.woocommerce-shop nav.trophe-breadcrumb,
body.woocommerce-shop .trophe-breadcrumb-wrap .trophe-breadcrumb,
body.tax-product_cat .trophe-breadcrumb-wrap,
body.tax-product_cat nav.trophe-breadcrumb,
body.tax-product_tag .trophe-breadcrumb-wrap,
body.post-type-archive-product .trophe-breadcrumb-wrap,
body.post-type-archive-product nav.trophe-breadcrumb,
body[class*="tax-pa_"] .trophe-breadcrumb-wrap,
nav.trophe-breadcrumb.woocommerce-breadcrumb,
.trophe-breadcrumb-wrap.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 767px) {
  body.woocommerce-shop #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
  body.tax-product_cat #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
  body.tax-product_tag #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
  body.post-type-archive-product #main-content .et_pb_row:has(.trophe-breadcrumb-wrap),
  body[class*="tax-pa_"] #main-content .et_pb_row:has(.trophe-breadcrumb-wrap) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.woocommerce-shop .et_pb_column:has(.trophe-breadcrumb-wrap),
  body.tax-product_cat .et_pb_column:has(.trophe-breadcrumb-wrap),
  body.tax-product_tag .et_pb_column:has(.trophe-breadcrumb-wrap),
  body.post-type-archive-product .et_pb_column:has(.trophe-breadcrumb-wrap),
  body[class*="tax-pa_"] .et_pb_column:has(.trophe-breadcrumb-wrap) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .trophe-breadcrumb-wrap,
  .trophe-breadcrumb {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .trophe-breadcrumb-wrap {
    padding: 14px 0 6px;
  }

  .trophe-breadcrumb__trail,
  .trophe-breadcrumb__item,
  .trophe-breadcrumb__item a,
  .trophe-breadcrumb__item span,
  .trophe-breadcrumb__sep {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

/* =======================================================
   SHOP PAGE COHESION (pairs with [mytrophe_all_products])
   ======================================================= */
body.woocommerce-shop #main-content,
body.tax-product_cat #main-content,
body.tax-product_tag #main-content,
body.post-type-archive-product #main-content,
body[class*="tax-pa_"] #main-content {
  background-color: var(--trophe-cream) !important;
}

body.woocommerce-shop .woocommerce ul.products li.product,
body.tax-product_cat .woocommerce ul.products li.product,
body.post-type-archive-product .woocommerce ul.products li.product {
  background: var(--trophe-cream) !important;
  border-color: var(--trophe-border) !important;
}

body.woocommerce-shop .woocommerce-pagination,
body.tax-product_cat .woocommerce-pagination,
body.post-type-archive-product .woocommerce-pagination {
  margin-top: 28px !important;
  margin-bottom: 16px !important;
  text-align: center !important;
}

/* =======================================================
   FOOTER — shop / archive (links visible on green bg)
   ======================================================= */
body.woocommerce-page .trophe-footer h3,
body.woocommerce-page .trophe-footer h4,
body.woocommerce-page .trophe-footer .trophe-footer-heading,
body.tax-product_cat .trophe-footer h3,
body.tax-product_cat .trophe-footer h4,
body.tax-product_cat .trophe-footer .trophe-footer-heading,
body.archive .trophe-footer h3,
body.archive .trophe-footer h4,
body.post-type-archive-product .trophe-footer h3,
body.post-type-archive-product .trophe-footer h4 {
  color: rgba(255, 255, 255, 0.6) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;
}

body.woocommerce-page .trophe-footer a,
body.tax-product_cat .trophe-footer a,
body.archive .trophe-footer a,
body.post-type-archive-product .trophe-footer a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  visibility: visible !important;
  opacity: 0.9 !important;
}

body.woocommerce-page .trophe-footer a:hover,
body.tax-product_cat .trophe-footer a:hover,
body.archive .trophe-footer a:hover,
body.post-type-archive-product .trophe-footer a:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* =======================================================
   GLOBAL PRIMARY BUTTONS (CART, CHECKOUT, FILTERS, MY ACCOUNT)
   ======================================================= */
.woocommerce-cart table.actions .button,
.woocommerce-cart table.cart td.actions .button,
.wishlist_table .product-add-to-cart a.add_to_cart_button,
body ul.wishlist_view li .product-add-to-cart a.add_to_cart_button,
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #6d8366 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(109, 131, 102, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    gap: 8px !important;
}

/* Κρύβουμε τα default βελάκια του Divi στα κουμπιά */
.woocommerce-cart table.actions .button::after,
.woocommerce-cart table.cart td.actions .button::after,
.wishlist_table .product-add-to-cart a.add_to_cart_button::after,
body ul.wishlist_view li .product-add-to-cart a.add_to_cart_button::after,
.woocommerce-account .woocommerce .button::after,
.woocommerce-account .woocommerce button.button::after,
.woocommerce-account .woocommerce input.button::after {
    display: none !important;
    content: none !important;
}

.woocommerce-cart table.actions .button:hover,
.woocommerce-cart table.cart td.actions .button:hover,
.wishlist_table .product-add-to-cart a.add_to_cart_button:hover,
body ul.wishlist_view li .product-add-to-cart a.add_to_cart_button:hover,
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover {
    background-color: #456b50 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(69, 107, 80, 0.4) !important;
    padding: 12px 20px !important;
}

/* Cart SVG μόνο στα add-to-cart κουμπιά της wishlist */
.wishlist_table .product-add-to-cart a.add_to_cart_button::before,
body ul.wishlist_view li .product-add-to-cart a.add_to_cart_button::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* =======================================================
   UNIFIED REMOVE "X" BUTTON (CART & WISHLIST)
   ======================================================= */
.wishlist_table .product-remove a.remove,
.wishlist_table .product-remove a.remove_from_wishlist,
body ul.wishlist_view li .product-remove a.remove_from_wishlist,
.woocommerce-cart table.cart .product-remove a.remove,
.woocommerce-cart table.cart a.remove {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #fff3f3 !important;
    border: 1px solid #fadcdc !important;
    margin: 0 auto !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
}

.wishlist_table .product-remove a.remove::after,
.wishlist_table .product-remove a.remove_from_wishlist::after,
body ul.wishlist_view li .product-remove a.remove_from_wishlist::after,
.woocommerce-cart table.cart .product-remove a.remove::after,
.woocommerce-cart table.cart a.remove::after {
    display: none !important;
    content: none !important;
}

.wishlist_table .product-remove a.remove_from_wishlist i,
body ul.wishlist_view li .product-remove a.remove_from_wishlist i {
    display: none !important;
}

.wishlist_table .product-remove a.remove::before,
.wishlist_table .product-remove a.remove_from_wishlist::before,
body ul.wishlist_view li .product-remove a.remove_from_wishlist::before,
.woocommerce-cart table.cart .product-remove a.remove::before,
.woocommerce-cart table.cart a.remove::before {
    content: "×" !important;
    text-indent: 0 !important;
    color: #d9534f !important;
    font-size: 24px !important;
    font-family: sans-serif !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -1px !important;
    transition: all 0.2s ease !important;
}

.wishlist_table .product-remove a.remove:hover,
.wishlist_table .product-remove a.remove_from_wishlist:hover,
body ul.wishlist_view li .product-remove a.remove_from_wishlist:hover,
.woocommerce-cart table.cart .product-remove a.remove:hover,
.woocommerce-cart table.cart a.remove:hover {
    background: #d9534f !important;
    border-color: #d9534f !important;
    transform: scale(1.1) !important;
}

.wishlist_table .product-remove a.remove:hover::before,
.wishlist_table .product-remove a.remove_from_wishlist:hover::before,
body ul.wishlist_view li .product-remove a.remove_from_wishlist:hover::before,
.woocommerce-cart table.cart .product-remove a.remove:hover::before,
.woocommerce-cart table.cart a.remove:hover::before {
    color: #ffffff !important;
}

/* =======================================================
   COUPON ERROR NOTICE (CART LAYOUT FIX)
   ======================================================= */
body.woocommerce-cart .woocommerce table.cart td.actions .coupon {
    flex-wrap: wrap !important;
}
#coupon-error-notice, p.coupon-error-notice {
    display: block !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 10px 15px !important;
    background-color: #fdf2f2 !important;
    border: 1px solid #f2caca !important;
    border-radius: 8px !important;
    color: #b84c4c !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    order: 99 !important;
}

/* =======================================================
   WOOCOMMERCE "MY ACCOUNT" DASHBOARD
   ======================================================= */
@media (min-width: 768px) {
    .woocommerce-account .woocommerce {
        display: flex;
        gap: 40px;
        align-items: flex-start;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        flex: 0 0 25%;
        max-width: 280px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1;
    }
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px !important;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    background-color: #fbf8f1 !important;
    border: 1px solid #e2d8c9 !important;
    border-radius: 8px !important;
    color: #3b3530 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #6d8366 !important;
    color: #ffffff !important;
    border-color: #6d8366 !important;
    box-shadow: 0 4px 10px rgba(109, 131, 102, 0.2) !important;
}

.woocommerce-MyAccount-orders.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #e2d8c9 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}
.woocommerce-MyAccount-orders.shop_table th {
    background-color: #fbf8f1 !important;
    color: #6d8366 !important;
    padding: 15px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}
.woocommerce-MyAccount-orders.shop_table td {
    padding: 15px !important;
    border-top: 1px solid #e2d8c9 !important;
    vertical-align: middle !important;
    color: #3b3530 !important;
}

.woocommerce-account .u-columns.addresses {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.woocommerce-account .u-columns.addresses .u-column1,
.woocommerce-account .u-columns.addresses .u-column2 {
    flex: 1;
    min-width: 250px;
    background: #fbf8f1 !important;
    border: 1px solid #e2d8c9 !important;
    border-radius: 12px !important;
    padding: 24px !important;
}
.woocommerce-account .u-columns.addresses header.title h3 {
    font-size: 18px !important;
    color: #6d8366 !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #ded5c7 !important;
    padding-bottom: 10px !important;
}

.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-account .woocommerce form.edit-account {
    background: #fbf8f1 !important;
    border: 1px solid #e2d8c9 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 4px 15px rgba(60, 49, 33, 0.04) !important;
    margin-bottom: 30px !important;
}
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row textarea {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #ded5c7 !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    color: #3b3530 !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.woocommerce-account .woocommerce form .form-row input.input-text:focus {
    border-color: #6d8366 !important;
    box-shadow: 0 0 5px rgba(109, 131, 102, 0.2) !important;
    outline: none !important;
}

/* =======================================================
   CART / WISHLIST — MOBILE PRO LAYOUT (max-width: 767px)
   ======================================================= */
@media (max-width: 767px) {

    /* --- CART TABLE --- */
    body.woocommerce-cart .woocommerce table.cart {
        border: none !important;
    }
    body.woocommerce-cart .woocommerce table.cart thead {
        display: none !important;
    }
    body.woocommerce-cart .woocommerce table.cart tr {
        display: block !important;
        position: relative !important;
        padding: 15px !important;
        margin-bottom: 20px !important;
        border: 1px solid #e2d8c9 !important;
        border-radius: 12px !important;
        background: #fbf8f1 !important;
        box-shadow: 0 4px 10px rgba(60, 49, 33, 0.05) !important;
    }
    body.woocommerce-cart .woocommerce table.cart td {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border: none !important;
        padding: 8px 0 !important;
        text-align: right !important;
    }
    body.woocommerce-cart .woocommerce table.cart td::before {
        content: attr(data-title) !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
        color: #6d8366 !important;
        text-align: left !important;
        flex: 1 !important;
        padding-right: 10px !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.product-remove::before,
    body.woocommerce-cart .woocommerce table.cart td.product-thumbnail::before {
        display: none !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.product-remove {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        display: block !important;
        padding: 0 !important;
        width: auto !important;
        z-index: 2 !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.product-thumbnail {
        justify-content: center !important;
        margin-bottom: 10px !important;
        padding-top: 20px !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.product-thumbnail img {
        width: 80px !important;
        height: auto !important;
        border-radius: 8px !important;
    }

    /* --- YITH WISHLIST --- */
    body ul.wishlist_view {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    body ul.wishlist_view li {
        display: block !important;
        position: relative !important;
        padding: 15px !important;
        margin-bottom: 20px !important;
        border: 1px solid #e2d8c9 !important;
        border-radius: 12px !important;
        background: #fbf8f1 !important;
        box-shadow: 0 4px 10px rgba(60, 49, 33, 0.05) !important;
    }
    body ul.wishlist_view li .item-wrapper,
    body ul.wishlist_view li .additional-info-wrapper {
        display: block !important;
    }
    body ul.wishlist_view li .product-thumbnail {
        display: flex !important;
        justify-content: center !important;
        padding-top: 20px !important;
        margin-bottom: 15px !important;
    }
    body ul.wishlist_view li .product-thumbnail img {
        width: 80px !important;
        height: auto !important;
        border-radius: 8px !important;
    }
    body ul.wishlist_view li .product-remove {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        z-index: 5 !important;
    }
    body ul.wishlist_view li .product-name {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 0 !important;
        border: none !important;
    }
    body ul.wishlist_view li .product-name::before {
        content: "Προϊόν" !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
        color: #6d8366 !important;
        text-align: left !important;
        flex: 1 !important;
        padding-right: 10px !important;
    }
    body ul.wishlist_view li .product-name h3,
    body ul.wishlist_view li .product-name a {
        font-size: 14px !important;
        text-align: right !important;
        flex: 2 !important;
        margin: 0 !important;
    }
    body ul.wishlist_view li table.item-details-table,
    body ul.wishlist_view li table.additional-info {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        width: 100% !important;
    }
    body ul.wishlist_view li table tbody,
    body ul.wishlist_view li table tr {
        display: block !important;
        background: transparent !important;
        border: none !important;
    }
    body ul.wishlist_view li table tr {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 0 !important;
    }
    body ul.wishlist_view li table td {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: block !important;
    }
    body ul.wishlist_view li table td.label,
    body ul.wishlist_view li table th.label,
    body ul.wishlist_view li table .label {
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
        color: #6d8366 !important;
        text-align: left !important;
        flex: 1 !important;
        margin: 0 !important;
        padding-right: 10px !important;
    }
    body ul.wishlist_view li table td.value,
    body ul.wishlist_view li table .value {
        text-align: right !important;
        flex: 2 !important;
        margin: 0 !important;
    }
    body ul.wishlist_view li .product-add-to-cart {
        margin-top: 15px !important;
        display: block !important;
    }
    body ul.wishlist_view li .product-add-to-cart a.add_to_cart_button {
        width: 100% !important;
    }

    /* --- CART "ACTIONS" ROW (COUPON & UPDATE CART) --- */
    body.woocommerce-cart .woocommerce table.cart td.actions {
        display: block !important;
        padding: 15px !important;
        text-align: center !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.actions::before {
        display: none !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.actions .coupon {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
        border-bottom: 1px solid #e2d8c9 !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text {
        flex: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 15px !important;
        border: 1px solid #ded5c7 !important;
        border-radius: 8px !important;
        background: #ffffff !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.actions .button,
    body.woocommerce-cart .woocommerce table.cart td.actions .coupon .button {
        width: 100% !important;
    }
    body.woocommerce-cart .woocommerce table.cart td.actions .coupon .button {
        width: auto !important;
        flex: 0 0 auto !important;
    }
}

/* =======================================================
   MOBILE FILTER SHEET — bottom drawer, full width (phones)
   ======================================================= */
/* Backdrop element — appended to body by JS (avoids stacking-context trap) */
.trophe-filter-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(43, 38, 34, 0.42) !important;
  z-index: 2147483640 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.26s ease, visibility 0s linear 0.26s !important;
}

.trophe-filter-backdrop.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 0.26s ease, visibility 0s linear 0s !important;
}

@media (max-width: 767px) {
  body.trophe-filters-open {
    overflow: hidden !important;
  }

  #main-content .trophe-filter-widget,
  #main-content .trophe-filters-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Filter trigger bar — see MOBILE FILTER BAR block below */

  /* Closed: off-screen — direct child of body when portaled (above backdrop) */
  .trophe-filter-panel,
  .trophe-filter-dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    background: #fbf8f1 !important;
    border: none !important;
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -14px 48px rgba(40, 34, 28, 0.2) !important;
    z-index: 2147483641 !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: stretch !important;
    max-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
    transition:
      transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.26s ease,
      visibility 0s linear 0.34s,
      max-height 0s linear 0.34s !important;
  }

  .trophe-filter-widget.is-open > .trophe-filter-panel,
  .trophe-filter-widget.is-open > .trophe-filter-dropdown,
  .trophe-filter-panel.open,
  .trophe-filter-panel.is-open,
  .trophe-filter-panel.trophe-filter-portaled {
    max-height: 88vh !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition:
      transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.28s ease,
      visibility 0s linear 0s,
      max-height 0s linear 0s !important;
  }

  /* Sheet handle */
  .trophe-filter-widget.is-open > .trophe-filter-panel::after,
  .trophe-filter-panel.open::after,
  .trophe-filter-panel.is-open::after,
  .trophe-filter-panel.trophe-filter-portaled::after {
    content: "" !important;
    display: block !important;
    width: 42px !important;
    height: 4px !important;
    margin: 2px auto 14px !important;
    border-radius: 999px !important;
    background: #d4cdc0 !important;
    flex-shrink: 0 !important;
    order: -2 !important;
  }

  /* Sheet title */
  .trophe-filter-widget.is-open > .trophe-filter-panel::before,
  .trophe-filter-panel.open::before,
  .trophe-filter-panel.is-open::before,
  .trophe-filter-panel.trophe-filter-portaled::before {
    content: "Φίλτρα προϊόντων" !important;
    display: block !important;
    order: -1 !important;
    flex-shrink: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #e2d8c9 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #3b3530 !important;
    text-align: left !important;
  }

  .trophe-filter-panel > .trophe-filter-inner {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #fbf8f1 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    opacity: 1 !important;
    filter: none !important;
  }

  .trophe-filter-inner form,
  .trophe-filter-inner .wpf_form,
  .trophe-filter-inner .wpf_items_wrapper,
  .trophe-filter-inner .wpf_items,
  .trophe-filter-inner > div,
  .trophe-filter-inner .wpf_item,
  .trophe-filter-inner .wpf_item label,
  .trophe-filter-inner .wpf_item_name,
  .trophe-filter-inner input,
  .trophe-filter-inner button {
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  .trophe-filter-inner .wpf_item label {
    color: #3b3530 !important;
  }

  .trophe-filter-inner form,
  .trophe-filter-inner .wpf_form,
  .trophe-filter-inner .wpf_items_wrapper,
  .trophe-filter-inner .wpf_items,
  .trophe-filter-inner > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .trophe-filter-panel > .trophe-filter-reset {
    flex-shrink: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    align-self: stretch !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .trophe-filter-inner button.wpf_search_button {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    margin-top: 12px !important;
  }

  /* Open sheet: widget stays compact (toggle only), no extra gap */
  #main-content .trophe-filter-widget.is-open {
    margin-bottom: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
  .trophe-filter-panel,
  .trophe-filter-dropdown,
  .trophe-filter-widget.is-open > .trophe-filter-panel,
  .trophe-filter-panel.open,
  .trophe-filter-panel.is-open {
    transition: none !important;
    transform: none !important;
  }
}

/* =======================================================
   MOBILE FILTER BAR — full-width trigger (phones)
   ======================================================= */
@media (max-width: 767px) {
  #main-content .et_pb_row:has(.trophe-filter-btn) > .et_pb_column:first-child,
  #main-content .et_pb_column:has(.trophe-filter-widget) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  #main-content .et_pb_code:has(.trophe-filter-widget),
  #main-content .et_pb_code_inner:has(.trophe-filter-widget),
  #main-content .et_pb_code_inner:has(.trophe-filter-btn) {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }

  #main-content .trophe-filter-widget,
  #main-content .trophe-filters-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  #main-content .trophe-filter-widget .trophe-filter-btn,
  #main-content button.trophe-filter-btn,
  #main-content .trophe-filter-btn {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    background: #f5f1e6 !important;
    border: 1px solid #ddd4c4 !important;
    box-shadow: 0 2px 12px rgba(60, 49, 33, 0.07) !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-tap-highlight-color: transparent;
  }

  #main-content .trophe-filter-btn::after {
    content: "Φίλτρα" !important;
    flex: 1 1 auto !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #3b3530 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  /* Chevron (drawer affordance) instead of desktop switch */
  #main-content .trophe-filter-btn::before {
    content: "" !important;
    order: 2 !important;
    flex: 0 0 10px !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 2px 0 0 !important;
    border: none !important;
    border-right: 2px solid #7a746e !important;
    border-bottom: 2px solid #7a746e !important;
    border-radius: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform 0.22s ease, border-color 0.22s ease !important;
  }

  #main-content .trophe-filter-btn.is-on::before,
  #main-content .trophe-filter-btn[aria-pressed="true"]::before,
  #main-content .trophe-filter-widget.is-open .trophe-filter-btn::before {
    transform: rotate(-135deg) translateY(2px) !important;
    border-color: #6d8366 !important;
  }

  #main-content .trophe-filter-btn.is-on,
  #main-content .trophe-filter-btn[aria-pressed="true"],
  #main-content .trophe-filter-widget.is-open .trophe-filter-btn {
    background: #fbf8f1 !important;
    border-color: #6d8366 !important;
    box-shadow: 0 2px 14px rgba(109, 131, 102, 0.12) !important;
  }

  #main-content .trophe-filter-btn:active {
    transform: scale(0.99) !important;
  }

  /* Tighter catalog meta below trigger */
  #main-content .et_pb_row:has(.trophe-filter-btn) .trophe-breadcrumb-wrap {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
  }

  #main-content .et_pb_row:has(.trophe-filter-btn) .woocommerce-result-count {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: #7a746e !important;
    line-height: 1.4 !important;
  }
}
/* =======================================================
   TROPHE — CATALOG PRODUCT CARD ACTIONS — FINAL
   Shop / categories / brands / product taxonomies

   Simple product   → Wishlist + Bag
   Variable product → Wishlist + •••
   Out of stock     → Wishlist only
   ======================================================= */


/* =======================================================
   1. QUICK ACTION — COMMON CONTROL
   Desktop / Tablet
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product a.button.product_type_simple,

body.trophe-shop-header-fix #main-content
ul.products li.product a.button.product_type_variable {

    position: absolute !important;

    /* Wishlist: left 10px + 38px width + 8px gap */
    left: 56px !important;
    right: auto !important;
    bottom: 10px !important;

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    max-width: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 1px solid #ded5c7 !important;
    border-radius: 11px !important;

    background-color: #fbf8f1 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;

    overflow: visible !important;

    box-shadow: none !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    z-index: 10 !important;

    text-decoration: none !important;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease !important;
}


/* =======================================================
   2. REMOVE OLD / DIVI PSEUDO ICONS
   ::before επαναχρησιμοποιείται μόνο για tooltip
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple::before,

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable::before {

    content: none !important;
    display: none !important;
    background-image: none !important;
}


/* Variable button μπορεί να παίρνει Divi ::after icon */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable::after {

    content: none !important;
    display: none !important;
    background: none !important;
}


/* =======================================================
   3. SIMPLE PRODUCT — BAG
   Same visual language as MyTrophe header
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple {

    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23456b50' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")
        !important;
}


/* =======================================================
   4. VARIABLE PRODUCT — THREE DOTS
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable {

    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23456b50'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E")
        !important;
}


/* =======================================================
   5. HOVER / KEYBOARD FOCUS
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple:hover,

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple:focus-visible,

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable:hover,

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable:focus-visible {

    background-color: #456b50 !important;
    border-color: #456b50 !important;

    transform: translateY(-1px) scale(1.04) !important;

    box-shadow:
        0 5px 14px rgba(69, 107, 80, 0.22) !important;

    outline: none !important;
}


/* White bag on hover */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple:hover,

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple:focus-visible {

    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")
        !important;
}


/* White dots on hover */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable:hover,

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_variable:focus-visible {

    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E")
        !important;
}


/* =======================================================
   6. AJAX ADD-TO-CART SUCCESS FEEDBACK
   JS adds .trophe-cart-success temporarily
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.button.product_type_simple.trophe-cart-success {

    background-color: #456b50 !important;
    border-color: #456b50 !important;

    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")
        !important;

    transform: scale(1.08) !important;

    box-shadow:
        0 6px 16px rgba(69, 107, 80, 0.28) !important;
}


/* WooCommerce creates "View cart" after successful AJAX.
   Do not display it inside product cards. */

body.trophe-shop-header-fix #main-content
ul.products li.product
a.added_to_cart.wc-forward {

    display: none !important;
}


/* =======================================================
   7. OUT OF STOCK FALLBACK
   PHP already prevents output; CSS is extra protection.
   ======================================================= */

body.trophe-shop-header-fix #main-content
ul.products li.product.outofstock
a.button[class*="product_type_"] {

    display: none !important;
}


/* =======================================================
   8. TOOLTIPS
   Only devices with genuine hover / mouse
   ======================================================= */

@media (hover: hover) and (pointer: fine) {

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple::before,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable::before {

        /* Cancel old cart pseudo-element geometry */
        inset: auto !important;

        top: auto !important;
        right: auto !important;

        /*
         * Keep tooltip inside card because card uses
         * overflow:hidden.
         */
        left: -46px !important;
        bottom: calc(100% + 8px) !important;

        width: max-content !important;
        max-width: 190px !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 7px 9px !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 8px !important;

        background-color: #3f3a33 !important;
        background-image: none !important;

        color: #ffffff !important;

        box-shadow:
            0 6px 16px rgba(60, 49, 33, 0.16) !important;

        font-family: inherit !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;

        text-indent: 0 !important;
        white-space: nowrap !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transform: translateY(4px) !important;

        z-index: 50 !important;

        display: block !important;

        transition:
            opacity 0.16s ease,
            transform 0.16s ease,
            visibility 0.16s ease !important;
    }


    /* Simple tooltip */

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple::before {

        content: "Προσθήκη στο καλάθι" !important;
    }


    /* Variable tooltip */

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable::before {

        content: "Επίλεξε παραλλαγ" !important;
    }


    /* Show tooltip */

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple:hover::before,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple:focus-visible::before,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable:hover::before,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable:focus-visible::before {

        opacity: 1 !important;
        visibility: visible !important;

        transform: translateY(0) !important;
    }
}


/* =======================================================
   9. MOBILE — WISHLIST + QUICK ACTION ALIGNMENT
   ======================================================= */

@media (max-width: 767px) {

    /*
     * Both controls use the exact same outer box.
     */

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    button.yith-wcwl-add-to-wishlist-button,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable {

        bottom: 8px !important;

        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;

        max-width: 34px !important;
        max-height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        border: 1px solid #ded5c7 !important;
        border-radius: 11px !important;

        box-shadow: none !important;
    }


    /* Wishlist */

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    button.yith-wcwl-add-to-wishlist-button {

        left: 8px !important;
    }


    /*
     * 8px left
     * + 34px wishlist
     * + 8px gap
     * = 50px
     */

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable {

        left: 50px !important;

        background-size: 16px 16px !important;
    }
}


/* =======================================================
   10. ACCESSIBILITY
   ======================================================= */

@media (prefers-reduced-motion: reduce) {

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_simple,

    body.trophe-shop-header-fix #main-content
    ul.products li.product
    a.button.product_type_variable {

        transition: none !important;
    }
}