.post-thumbnail {
	height: 100%;
	padding-top: 30px;
}
.oikos-archive-image-wrap {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  overflow: hidden; /* κόβει ό,τι περισσεύει στο cover */
}

/* Ίδια εικόνα: full width, fixed height, cover */
.oikos-archive-image-wrap .oikos-archive-image {
  display: block;
  width: 100%;
  height: 220px;          /* ζητούμενο ύψος */
  object-fit: cover;       /* για να μην «ζαλίζει» */
  object-position: center; /* κεντράρισμα καδραρίσματος */
}

.woocommerce-products-header h1 {
  text-align: center;
  margin-bottom: 10px;
}

.rank-math-breadcrumb {
  text-align: center;
}

.woocommerce-result-count {
  display: none!important;
}

.woocommerce-ordering {
  position: relative;
}

.rank-math-breadcrumb p:first-child {
  margin-top: 0;
}

.woocommerce-loop-category__title .count {
  display: none;
}

/* ΜΟΝΟ Χρώμα & Brand */
.rocket_filters .berocket_single_filter_widget_174645 .bapf_sfilter,
.rocket_filters .berocket_single_filter_widget_174649 .bapf_sfilter {
  position: relative; /* anchor for absolute dropdown */
}

/* Το panel που ανοίγει */
.rocket_filters .berocket_single_filter_widget_174645 .bapf_body,
.rocket_filters .berocket_single_filter_widget_174649 .bapf_body {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1000;

  background: #fff;
  padding: 12px 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.10);

  /* μέγεθος & scroll */
  max-height: 300px;
  overflow: auto;
  min-width: 220px;
  width: max-content; /* όσο χρειάζεται το περιεχόμενο */

  /* transitions */
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
  transition:
    opacity .22s ease,
    transform .22s ease,
    max-height .22s ease,
    visibility 0s;
}

/* ΚΛΕΙΣΤΟ state – όταν το icon είναι chevron-down */
.rocket_filters .berocket_single_filter_widget_174645 .bapf_sfilter:has(.bapf_head .fa-chevron-down) .bapf_body,
.rocket_filters .berocket_single_filter_widget_174649 .bapf_sfilter:has(.bapf_head .fa-chevron-down) .bapf_body {
  opacity: 0;
  transform: translateY(-6px);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity .22s ease,
    transform .22s ease,
    max-height .22s ease,
    visibility 0s linear .22s; /* να “κλειδώνει” μετά το animation */
}

/* Αν το plugin βάζει inline style display:none, αγνοήσ'το */
.rocket_filters .berocket_single_filter_widget_174645 .bapf_body[style*="display:none"],
.rocket_filters .berocket_single_filter_widget_174649 .bapf_body[style*="display:none"] {
  display: block !important;
}

/* Προαιρετικό: scrollbar (webkit) */
.rocket_filters .berocket_single_filter_widget_174645 .bapf_body::-webkit-scrollbar,
.rocket_filters .berocket_single_filter_widget_174649 .bapf_body::-webkit-scrollbar { width: 10px; }
.rocket_filters .berocket_single_filter_widget_174645 .bapf_body::-webkit-scrollbar-thumb,
.rocket_filters .berocket_single_filter_widget_174649 .bapf_body::-webkit-scrollbar-thumb { background: rgba(0,0,0,.18); border-radius: 8px; }


ul.products li.product-category h2.woocommerce-loop-category__title {
    position: absolute;
    inset: auto 0 0 0;
    padding: 0!important;
    min-height: fit-content;
    height: 60px;
    display: block;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .83) 100%);
    transition: height .5s, background-color .5s;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-weight:500;font-size:2rem!important;line-height:2.5rem
}

.woocommerce ul.products li.product a img:not(.oikos-offers-inner ul.products li.product a img):not(.woocommerce ul.products li.product-category a img) {
  margin-bottom: 0;
  height: 21vw;
  object-fit: contain;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
  width: 32.75%;
  padding-bottom: 0!important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 0 0.8% 0.992em 0;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
  margin-right: 0;
}

/* Κάρτες κατηγοριών: προετοιμασία */
ul.products li.product-category a {
  display: block;
  overflow: hidden;           /* κόβει τα «περισσεύματα» στο zoom */
}

.woocommerce-ordering .orderby {
  padding: 14px 48px 14px 15px; /* 14/15 + extra δεξιά για το βελάκι */
  background-color: var(--wp--preset--color--roz-anoixto);
  line-height: 1.2;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 18px 18px;
  border: none;
  font-size: 12px;
}

.woocommerce-ordering .orderby:focus {
  outline: none;
}

ul.products.columns-5:not(.oikos-offers-inner ul.products.columns-5), .woocommerce-products-header, .term-description, .rank-math-breadcrumb {
  width:100%;/* padding:0 50px; */margin:0 auto;
}

.term-description p {
    padding-top: 40px;
    padding-bottom: 40px;
}

.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
  width: 18.3%;
  margin: 0 2.12% 2.12% 0;
}

.woocommerce ul.products.columns-5 li.product.last {
  margin-right: 0;
}

/* Η εικόνα */
ul.products li.product-category a img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transform-origin: center center;
  transition: transform .35s ease;  /* ομαλή μετάβαση */
  will-change: transform;
  margin-bottom: 0!important;
}

/* Zoom στο hover/focus */
ul.products li.product-category a:hover img,
ul.products li.product-category a:focus-visible img {
  transform: scale(1.08);     /* ρύθμισε π.χ. 1.06–1.12 ανάλογα με το γούστο σου */
}

 
ins .woocommerce-Price-amount {
  font-family: "EB Garamond", serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.5rem;
  color: var(--wp--preset--color--prasino-apalo);
}

.price ins {
  text-decoration: none;
}

.price {
  align-items: center !important;
}

.price ins .woocommerce-Price-amount,
.price .woocommerce-Price-amount {
  font-size: 1.5294rem;
}

.price del .woocommerce-Price-amount {
  font-size: 1.2941rem;
  display: flex;
  font-family: "EB Garamond", serif;
}

ul.products .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
  top: 0;
  right: 0;
  left: unset;
  width: fit-content;
}

.yith-wcwl-add-to-wishlist span {
  display: none;
}

/* Κοινά: καθάρισμα theme floats/πλάτους ΜΟΝΟ στα related/upsells */
/* (κανόνας αφαιρέθηκε γιατί αφορούσε μόνο related/upsells) */

/* (κανόνας αφαιρέθηκε γιατί αφορούσε μόνο related/upsells) */

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist a.add_to_wishlist {
  background-color: var(--wp--preset--color--roz-anoixto);
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  top: 4px;
  right: 3px;
}

.yith-wcwl-wishlistaddedbrowse .yith-wcwl-icon,
.yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon {
  display: none !important;
}

.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse {
  border: none;
  padding: 0;
}

.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a {
  background-color: var(--wp--preset--color--roz-anoixto) !important;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  top: 0;
  right: 3px;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
  font-size: 0;
  text-indent: -9999px;
}

/* ΓΕΜΑΤΗ καρδιά στο added state */
.yith-wcwl-wishlistaddedbrowse a::after,
.yith-wcwl-wishlistexistsbrowse a::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  background: var(--wp--preset--color--basic-kafe, #4F4A45);
  -webkit-mask: url('/wp-content/uploads/2025/10/oikos-add-to-wishlist-heart-1.svg') no-repeat center / contain;
  mask: url('/wp-content/uploads/2025/10/oikos-add-to-wishlist-heart-1.svg') no-repeat center / contain;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
  display: none !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist a.add_to_wishlist::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  background: var(--wp--preset--color--basic-kafe, #4F4A45);
  -webkit-mask: url('/wp-content/uploads/2025/10/add-to-wish-heart-1.svg') no-repeat center / contain;
  mask: url('/wp-content/uploads/2025/10/add-to-wish-heart-1.svg') no-repeat center / contain;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  text-align: center;
  line-height: 16px;
  font-size: 0.7059rem!important;
  font-family: 'Open Sans', sans-serif;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 400;
  margin-bottom: 2px;
  min-height: 60px;
}

.woocommerce-LoopProduct-link img.attachment-woocommerce_thumbnail {
  margin-bottom: 0 !important;
}

ul.products li.product .price {
  display: flex;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  flex-direction: row-reverse;
  gap: 7px;
}

.price {
  color: var(--wp--preset--color--prasino-apalo) !important;
}

.woocommerce ul.products li.product .price del {
    color: var(--wp--preset--color--roz-anoixto) !important;
}

.star-rating {
  display: none !important;
}

.oikos-stock-sku {
  justify-content: center;
}

ul.products li.product a.add_to_cart_button {
  display: inline-flex!important;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--wp--preset--color--prasino-apalo);
  padding: 10px 30px !important;
  background-color: var(--wp--preset--color--prasino-apalo);
  color: #fff;
}

 a.add_to_cart_button:hover {
  background-color: transparent!important;
  color: var(--wp--preset--color--prasino-apalo)!important;
  border: 1px solid var(--wp--preset--color--prasino-apalo)!important;
}

/* SVG icon πριν το κείμενο */
ul.products li.product a.add_to_cart_button::before {
  content: "";
  width: 14px;
  height: 13px;
  display: inline-block;
  background: none;
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M5.26172 10.9121C5.42413 11.0785 5.52734 11.3133 5.52734 11.5781C5.52734 12.1079 5.12208 12.4998 4.66699 12.5C4.21177 12.5 3.80566 12.1081 3.80566 11.5781C3.80566 11.2264 3.98878 10.9286 4.24707 10.7734L4.54688 10.5928L4.47949 10.249L4.44531 10.0781L5.26172 10.9121ZM11.6895 10.5693L12.0342 10.7441C12.3193 10.8887 12.5273 11.2023 12.5273 11.5781C12.5273 12.1079 12.1221 12.4998 11.667 12.5C11.2118 12.5 10.8057 12.1081 10.8057 11.5781C10.8057 11.3131 10.9097 11.0785 11.0723 10.9121L11.7695 10.1973L11.6895 10.5693ZM0.583008 0.5H3.0752C3.09843 0.5 3.14371 0.51952 3.15625 0.583008L3.37891 1.7207L3.45801 2.125H13.416C13.4342 2.125 13.4551 2.13269 13.4746 2.1582C13.4945 2.18422 13.506 2.22086 13.4971 2.2627L12.3477 7.54395C12.3342 7.6056 12.2906 7.62492 12.2676 7.625H4.53516L4.65137 8.2207L4.81055 9.0332L4.88965 9.4375H11.8252C11.8434 9.4375 11.8643 9.44519 11.8838 9.4707C11.9036 9.49675 11.9143 9.53331 11.9053 9.5752L11.7998 10.0625H4.44336L2.77246 1.5293L2.69336 1.125H0.583008C0.567279 1.12492 0.549674 1.11881 0.532227 1.10059C0.514293 1.08185 0.5 1.05298 0.5 1.01562V0.609375C0.5 0.572024 0.514293 0.543149 0.532227 0.524414C0.549674 0.506188 0.567279 0.50008 0.583008 0.5Z' stroke='black'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M5.26172 10.9121C5.42413 11.0785 5.52734 11.3133 5.52734 11.5781C5.52734 12.1079 5.12208 12.4998 4.66699 12.5C4.21177 12.5 3.80566 12.1081 3.80566 11.5781C3.80566 11.2264 3.98878 10.9286 4.24707 10.7734L4.54688 10.5928L4.47949 10.249L4.44531 10.0781L5.26172 10.9121ZM11.6895 10.5693L12.0342 10.7441C12.3193 10.8887 12.5273 11.2023 12.5273 11.5781C12.5273 12.1079 12.1221 12.4998 11.667 12.5C11.2118 12.5 10.8057 12.1081 10.8057 11.5781C10.8057 11.3131 10.9097 11.0785 11.0723 10.9121L11.7695 10.1973L11.6895 10.5693ZM0.583008 0.5H3.0752C3.09843 0.5 3.14371 0.51952 3.15625 0.583008L3.37891 1.7207L3.45801 2.125H13.416C13.4342 2.125 13.4551 2.13269 13.4746 2.1582C13.4945 2.18422 13.506 2.22086 13.4971 2.2627L12.3477 7.54395C12.3342 7.6056 12.2906 7.62492 12.2676 7.625H4.53516L4.65137 8.2207L4.81055 9.0332L4.88965 9.4375H11.8252C11.8434 9.4375 11.8643 9.44519 11.8838 9.4707C11.9036 9.49675 11.9143 9.53331 11.9053 9.5752L11.7998 10.0625H4.44336L2.77246 1.5293L2.69336 1.125H0.583008C0.567279 1.12492 0.549674 1.11881 0.532227 1.10059C0.514293 1.08185 0.5 1.05298 0.5 1.01562V0.609375C0.5 0.572024 0.514293 0.543149 0.532227 0.524414C0.549674 0.506188 0.567279 0.50008 0.583008 0.5Z' stroke='black'/%3E%3C/svg%3E") no-repeat center / contain;

}

/* Hover: switch color to your CSS variable */
ul.products li.product a.add_to_cart_button:hover::before {
  background-color: var(--wp--preset--color--prasino-apalo);
}

/* ========== Global: filter title typography ========== */
.rocket_filters .bapf_head h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
}

/* ========== Layout row for the pills ========== */
.rocket_filters {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
  float: left;
  padding-left: 50px;
}

/* Helper: a thicker chevron we can reuse */
@supports (-webkit-mask: none) or (mask: none) {
  :root {
    --oikos-chevron-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

/* ========== Pink pills ONLY for Χρώμα & Brand ========== */
.berocket_single_filter_widget_174645 .bapf_head h3,
.berocket_single_filter_widget_174649 .bapf_head h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 14px 5px; /* same as ordering */
  font-size: 12px;
  background: var(--wp--preset--color--roz-anoixto);
  color: var(--wp--preset--color--basic-kafe, #4F4A45);
  border-radius: 0;
  line-height: 1;
  width: auto;
  cursor: pointer;
  max-height: 41px;
}

/* hide plugin’s default tiny arrow for those two */
.berocket_single_filter_widget_174645 .bapf_head h3 .bapf_colaps_smb,
.berocket_single_filter_widget_174649 .bapf_head h3 .bapf_colaps_smb {
  display: none !important;
}

/* add thicker chevron to those two */
.berocket_single_filter_widget_174645 .bapf_head h3::after,
.berocket_single_filter_widget_174649 .bapf_head h3::after {
  content: "";
  width: 23px; height: 23px; display: inline-block;
  background: none;
  -webkit-mask: var(--oikos-chevron-svg) no-repeat center / contain;
          mask: var(--oikos-chevron-svg) no-repeat center / contain;
  background-color: currentColor;
}

/* optional: rotate when open (if plugin adds .bapf_open) */
.bapf_open .bapf_head h3::after { transform: rotate(180deg); }

/* ========== “SHOW FILTERS” → “Περισσότερα Φίλτρα” button ========== */
a.berocket_element_above_products_is_hide_toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 14px 5px;      /* same as ordering */
  font-size: 0;
  background: var(--wp--preset--color--roz-anoixto);
  color: var(--wp--preset--color--basic-kafe, #4F4A45);
  text-decoration: none;
  line-height: 1;
  border-radius: 0;
  margin: 0;
  min-height: 42px;
  width: auto!important;
}

/* hide built-in icon stack */
.berocket_element_above_products_is_hide_toggle span { display: none !important; }

/* replace label with Greek text */
.berocket_element_above_products_is_hide_toggle { color: transparent; }
.berocket_element_above_products_is_hide_toggle::before {
  content: "Περισσότερα Φίλτρα";
  color: var(--wp--preset--color--basic-kafe, #4F4A45);
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
}

/* add the same chevron on the right */
.berocket_element_above_products_is_hide_toggle::after {
  content: "";
  width: 23px; height: 23px; margin-left: 8px; display: inline-block;
  -webkit-mask: var(--oikos-chevron-svg) no-repeat center / contain;
          mask: var(--oikos-chevron-svg) no-repeat center / contain;
  background-color: var(--wp--preset--color--basic-kafe, #4F4A45);
}

/* ========== Inner filters INSIDE “Περισσότερα Φίλτρα” ========== */
/* Titles inherit the global font; make them simple with pink text */
.berocket_element_above_products_is_hide .bapf_head h3 {
  font-size: 1.2rem!important;
  background: transparent;
  padding: 0;                   /* no pill padding inside */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px 0;
}

.berocket_element_above_products_is_hide .bapf_head h3:after {
  display: none!important;
}

/* hide plugin’s default chevron & add a pink one that matches text */
.berocket_element_above_products_is_hide .bapf_head h3 .bapf_colaps_smb { display: none !important; }
.berocket_element_above_products_is_hide .bapf_head h3::after {
  content: "";
  width: 12px; height: 12px; display: inline-block;
  -webkit-mask: var(--oikos-chevron-svg) no-repeat center / contain;
          mask: var(--oikos-chevron-svg) no-repeat center / contain;
  background-color: currentColor; /* pink via current text color */
}

/* ========== DRAWER (Περισσότερα Φίλτρα) – Διορθώσεις ========== */

/* Panel: fixed αριστερά, λευκό, δεν επηρεάζει layout */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide {
  position: fixed;
  top: 0;
  left: 0;
  width: min(350px, 92vw);
  height: 100vh;
  background: #fff;                 /* ΛΕΥΚΟ background */
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  z-index: 10010;

  /* always rendered, ελέγχουμε ορατότητα με transform/opacity */
  display: block !important;
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform .28s ease, opacity .28s ease;
  overflow: hidden;                 /* το ίδιο το panel δεν κάνει scroll, το περιεχόμενο ναι */
}

/* ΑΝΤΙ για "> div { height:100% }": κάνε το ΙΔΙΟ το panel να έχει internal scroller */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide {
  padding: 14px;                    /* διακριτικό padding στο drawer */
  overflow: auto!important;                   /* scroll όλου του περιεχομένου αν ξεπερνά το 100vh */
}

/* Άνοιγμα όταν το κουμπί είναι active */
.berocket_ajax_filters_toggle.active + .berocket_element_above_products_is_hide {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

/* Overlay πίσω από το drawer */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity .28s ease;
}
.berocket_ajax_filters_toggle.active + .berocket_element_above_products_is_hide::before {
  opacity: 1;
}

/* ========== Περιεχόμενα κάθε φίλτρου στο drawer ========== */

/* Διαχωριστικά ανάμεσα στα blocks */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .berocket_single_filter_widget {
  padding: 10px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--basic-kafe, #4F4A45) 30%, transparent);
}
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .berocket_single_filter_widget:last-of-type {
  border-bottom: 0;
}

/* Τίτλοι consistent */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .bapf_head h3 {
  font-family: "Open Sans", system-ui, -apple-system, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--wp--preset--color--basic-kafe, #4F4A45);
}

/* ΤΑ ΠΕΡΙΕΧΟΜΕΝΑ ΠΟΥ ΑΝΟΙΓΟΥΝ: max-height 300px + scroll */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .bapf_body {
  max-height: 300px;               /* ζητούμενο */
  overflow: auto;                   /* εσωτερικό scroll */
  padding: 8px;                     /* διακριτικό padding μέσα στο body */
  background: #fff;                 /* λευκό, για να “κάθεται” καθαρά πάνω στο panel */
}

/* Μικρή απόσταση του body από τον τίτλο */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .bapf_head + .bapf_body {
  margin-top: 8px;
}

/* Προσεγμένο scrollbar στα bodies (προαιρετικό) */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .bapf_body::-webkit-scrollbar { width: 10px; }
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide .bapf_body::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2); border-radius: 8px;
}

/* Αν το plugin περνά inline display:none στο panel, αγνόησέ το */
.berocket_ajax_filters_toggle + .berocket_element_above_products_is_hide[style*="display:none"] {
  display: block !important;
}

/* ΑΦΑΙΡΕΣΕ τον παλιό ::before overlay του drawer για να μην διπλοφαίνεται */

/* ΝΕΟ overlay element */
#filtersOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);   /* μαύρο με 0.5 */
  z-index: 10005;               /* κάτω από το drawer (που είναι 10010) */
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* όταν ανοίγουν τα "Περισσότερα Φίλτρα" */
.berocket_ajax_filters_toggle.active ~ #filtersOverlay {
  opacity: 1;
  pointer-events: auto;
}

/* Προαιρετικό: κλείδωμα scroll στο body όταν είναι ανοιχτό */
body.filters-open {
  overflow: hidden;
}

.berocket_element_above_products_is_hide {
  position: fixed !important;      /* ignore transformed ancestors */
  top: 0; left: 0; bottom: 0;       /* full height */
  height: 100vh !important;         /* lock height */
  width: min(92vw, 350px);
  max-width: 350px;
  background: #fff;                 /* white bg as requested */
  z-index: 10010;
  box-sizing: border-box;
  padding: 16px;
  overflow: hidden;                  /* drawer itself doesn’t scroll infinitely */
  transform: translateX(-100%);      /* closed state */
  transition: transform .25s ease;   /* smooth open */
}

/* If plugin injects inline height/display, neutralize it */
.berocket_element_above_products_is_hide[style] {
  display: block !important;
  height: 100vh !important;
}

/* Open when toggle is active */
.berocket_ajax_filters_toggle.active ~ .berocket_element_above_products_is_hide {
  transform: translateX(0);
}

/* Inner scrolling per filter (not the whole drawer) */
.berocket_element_above_products_is_hide .bapf_body {
  max-height: 300px;
  overflow: auto;
}

/* Tidy spacing + subtle separator between filters */
.berocket_element_above_products_is_hide .berocket_single_filter_widget {
  padding: 10px 0;
  border-top: 1px solid var(--wp--preset--color--basic-kafe, #4F4A45);
}
.berocket_element_above_products_is_hide .berocket_single_filter_widget:first-child {
  border-top: none;
}

/* prevent weird inherited heights from slider blocks */
.berocket_element_above_products_is_hide .bapf_slidr_all {
  height: auto !important;
}

/* Overlay sits under the drawer but above everything else */
#filtersOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 10005;              /* drawer is 10010, so this is below it */
  opacity: 0;
  pointer-events: none;         /* disabled when closed */
  transition: opacity .2s ease;
}

/* When filters open, enable overlay + lock body scroll */
body.filters-open {
  overflow: hidden;
}
body.filters-open #filtersOverlay {
  opacity: 1;
  pointer-events: auto;         /* catch all outside clicks */
}


.oikos-stock-sku span.stock.in-stock, .oikos-stock-sku span.stock.on-backorder {
  color: var(--wp--preset--color--prasino-apalo)!important;
}

.oikos-offers-inner ul.products li.product {
  margin-bottom: 0;
}

.oikos-offers-inner ul.products li.product img.attachment-woocommerce_thumbnail {
    height: 15vw;
    object-fit: contain;
    min-height: 275px;
}

/* (section.upsells.products αφαιρέθηκε) */

/* Δεξιά: θα γίνει Swiper */
.oikos-offers-right {
  position: relative;
  overflow: hidden;
}

/* Αριστερά: τετράγωνο block */
.oikos-offers-left {
  background: var(--wp--preset--color--prasino-apalo);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px;
  min-height: 240px;
  text-align: center;
}

.oikos-offers-title {
  margin: 0 0 11px 0;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

.oikos-offers-sub {
  margin: 0 auto;
  color: #fff;
  max-width: 223px;
}

/* Woo grid “καθαρό” για Swiper */
/* (moved to bottom with .oikos-full-offers) */

/* Slides συμπεριφορά */
/* (moved to bottom with .oikos-full-offers) */

ul.products li.product .onsale {
  top: 7px !important;
  left: 0 !important;
  right: unset !important;
  padding: 10px 8.1px;
  background-color: var(--wp--preset--color--roz-anoixto);
  border-radius: 0;
  left: 0 !important;
  right: unset;
  line-height: 1;
  min-height: unset;
  min-width: unset;

}

ul.products li.product {
  text-align: center;
  border: 1px solid var(--wp--preset--color--roz-anoixto);
  padding-bottom: 10px !important;
}

/* ===== Layout: full-width χωρίς πλευρικά paddings ===== */
.oikos-full-offers {
  --oikos-offers-bg: var(--parasino-apalo, #cfe5dd);
  --oikos-gap: 39px;
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 70px;
  margin-bottom: 39px;
}

.oikos-full-offers .oikos-offers-inner {
  display: grid;
  grid-template-columns: 1.17fr 2.5fr;
  gap: var(--oikos-gap);
  align-items: stretch;
}

/* Woo grid “καθαρό” για Swiper */
.oikos-full-offers .products {
  margin: 0;
}

/* Slides συμπεριφορά */
.oikos-full-offers .products.swiper-wrapper {
  display: flex !important;
  gap: 0 !important;
}

.oikos-full-offers .products li.product.swiper-slide {
  width: auto;
}

.oikos-offers-inner ul.products {
  margin-bottom: 21px;
  margin-top: 24px;
}

@media screen and (max-width: 1400px) {
  ul.products li.product-category h2.woocommerce-loop-category__title {
    font-size: 1.4rem!important;
  }
}


@media screen and (max-width: 1199.98px) and (min-width: 769px)  {
    .oikos-full-offers { --oikos-gap: 24px; }
  
    /* Make the product UL a flex grid */
    .woocommerce ul.products.columns-5 {
      display: flex;
      flex-wrap: wrap;
      /* use gap for spacing; if older browser, keep the margins below */
      gap: 2.12% 2.9%; /* row-gap col-gap */
    }
  
    /* Neutralize float-era rules */
    .woocommerce ul.products.columns-5 li.product {
      float: none !important;
      clear: none !important;
    }
    .woocommerce ul.products li.first,
    .woocommerce-page ul.products li.first,
    .woocommerce ul.products li.last,
    .woocommerce-page ul.products li.last {
      clear: none !important;
      margin-right: 0 !important; /* we'll control spacing uniformly */
    }
  
    /* Three columns with margins that sum correctly */
    .woocommerce ul.products.columns-5 li.product {
      /* 3 columns: subtract 2 column gaps from 100% and divide by 3 */
      width: 31% !important;
      margin: 0 .6% 2.3% 0 !important; /* fallback if gap unsupported */
    }

    .woocommerce ul.products::before {
        display: none;
    }
  
    /* No extra right margin on every 3rd item (for the margin fallback) */
    .woocommerce ul.products.columns-5 li.product:nth-child(3n) {
      margin-right: 0 !important;
    }
  }

@media (max-width: 1023.98px) {
  .oikos-full-offers .oikos-offers-inner {
      grid-template-columns: 1fr;
  }

  .oikos-offers-left {
      min-height: 180px;
  }
}

@media (max-width: 900px) {
  ul.products li.product-category h2.woocommerce-loop-category__title {
    font-size: 1.1rem!important;
  }

}

/* έως 767.98px — (mobile) */
@media (max-width: 768px) {
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 49%;
    margin: 0px 0 2%;
  }

  .oikos-full-offers {
      --oikos-gap: 16px;
  }

  .oikos-full-offers .oikos-offers-inner {
      grid-template-columns: 1fr;
  }

  /* (όλα τα rules για related/upsells swiper αφαιρέθηκαν) */

  .oikos-swiper-nav {
      background: rgba(0, 0, 0, .25) !important;
      backdrop-filter: blur(2px);
      cursor: pointer;

      position: absolute;
      top: 50% !important;
      transform: translateY(200%);
      z-index: 1500;

      width: 51px !important;
      height: 44px;
      border: 1px solid rgba(255, 255, 255, .6);
      border-radius: 50%;

      opacity: 1;
      pointer-events: auto;
      transition: opacity .25s, transform .35s, box-shadow .2s;
      padding: 23px 19px !important;
  }

  .oikos-swiper-nav:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, .25);
  }

  .oikos-swiper-nav::before {
      content: "";
      display: block;
      width: 48px;
      height: 18px;
      margin: 13px auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 25px 25px;
  }

  .oikos-swiper-prev {
      left: 20px;
  }

  .oikos-swiper-next {
      right: 20px;
  }

  .oikos-swiper-prev::before {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='15 18 9 12 15 6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .oikos-swiper-next::before {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9 18 15 12 9 6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .oikos-offers-title {
      font-size: 2.1rem;
  }

  .oikos-offers-sub {
      font-size: 1.5rem;
      line-height: 2rem;
  }

  .woocommerce ul.products li.product a img:not(.oikos-offers-inner ul.products li.product a img):not(.woocommerce ul.products li.product-category a img) {
    margin-bottom: 0;
    height: 31vw;
    object-fit: contain;
}
}

/* Mobile: make them look like the rest inside the drawer */
@media (max-width: 644px) {
  .rocket_filters > .berocket_single_filter_widget[data-id="174645"],
  .rocket_filters > .berocket_single_filter_widget[data-id="174649"],
  .rocket_filters > .berocket_single_filter_widget:has([data-taxonomy="pa_chroma"]),
  .rocket_filters > .berocket_single_filter_widget:has([data-taxonomy="pa_brand"]) {
    display: none;
  }
  /* Τα 2 φίλτρα που μετακινούμε μέσα στο panel */
  .berocket_element_above_products_is_hide .berocket_single_filter_widget.in-panel .bapf_body {
    display: block !important;
    max-height: 300px;
    overflow: auto;
  }

  div.rocket_filters .berocket_single_filter_widget_174645 .bapf_sfilter div.bapf_body, div.rocket_filters .berocket_single_filter_widget_174649 .bapf_sfilter div.bapf_body {
    display: block !important;
    max-height: 300px!important;
    height: auto!important;
    visibility: visible!important;
    pointer-events: all!important;
    opacity: 1!important;
    position: static!important;
    box-shadow: none!important;
    width: 100%!important;
  }

  /* Απενεργοποιούμε το click-to-toggle μόνο για αυτά */
  .berocket_element_above_products_is_hide .berocket_single_filter_widget.in-panel .bapf_head.bapf_colaps_togl {
    pointer-events: none;
  }

  /* (προαιρετικό) δείξε το chevron σαν "ανοιχτό" οπτικά */
  .berocket_element_above_products_is_hide .berocket_single_filter_widget.in-panel .bapf_colaps_smb {
    transform: rotate(180deg);
  }
}


@media screen and (max-width: 480px) {

    .xoo-wsc-sc-count {
        top: -4px!important;
    }

    .woocommerce ul.products li.product a img:not(.oikos-offers-inner ul.products li.product a img):not(.woocommerce ul.products li.product-category a img) {
        height: 50vw;
    }

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    margin-right: 0;
  }

  .woocommerce ul.products[class*=columns-] li.product.type-product, .woocommerce-page ul.products[class*=columns-] li.product.type-product {
    width: 49%;
  }

  .woocommerce ul.products[class*=columns-] li.product.type-product .price ins .woocommerce-Price-amount, .woocommerce ul.products[class*=columns-] li.product.type-product .price .woocommerce-Price-amount {
    font-size: 1rem;
  }

  .woocommerce ul.products[class*=columns-] li.product.type-product .oikos-stock-sku span.stock.in-stock, .woocommerce ul.products[class*=columns-] li.product.type-product .oikos-stock-sku span.stock.on-backorder {
    font-size: .72rem;
  }

  .woocommerce ul.products[class*=columns-] li.product.type-product a.add_to_cart_button {
    padding: 10px 20px !important;
    font-size: .8rem;
  }

  .woocommerce ul.products[class*=columns-] li.product.type-product h2.woocommerce-loop-product__title {
    height: 53px;
    overflow-y: hidden;
    min-height: unset;
  }

  .woocommerce ul.products li.product.type-product .button {
    margin-top: .5em;
 }

 .woocommerce ul.products li.product.type-product .price {
    margin-bottom: -6px;
 }

  .woocommerce-ordering {
    right: 20px;
  }
  
  .rocket_filters {
    padding-left: 20px;
  }

  ul.products.columns-5:not(.oikos-offers-inner ul.products.columns-5), .woocommerce-products-header, .term-description, .rank-math-breadcrumb {
    padding:0 20px;
  }

  ul.products li.product .onsale {
    font-size: .7em;
    padding: 7px 6px;
    top: 5px !important;
  }

  .term-description p {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .woocommerce-pagination {
    margin-top: 27px;
  }

  /* .woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart button.single_add_to_cart_button.disabled {
    width: 100%;
    max-width: unset;
  } */
}
@media (max-width: 767px) {
    .page-template-default article.padding {
        padding: 5px ;
    }
}