/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: This is a child theme of Rey.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 8.7
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */


#page {
    background: white !important;
}

.menu-item ul{
	margin-left: 0px !important;
}

.elementor-section,
.elementor-container,
.elementor-column {
  overflow-x: hidden;
}
/* Prevent horizontal scroll */
html, body {
  overflow-x: hidden;
}

/* Ensure all containers respect boundaries */
* {
  box-sizing: border-box;
}


div#content {
    margin-left: 4%;
    margin-right: 4%;
}

.newsletter {
    background-image: url('https://e-shop.advonpitenis.eu/wp-content/uploads/2025/06/bg-red-full.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3rem;
    color: white;
	border-radius: 0px !important;
}

.newsletter .newsletter-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
}

.newsletter .description {
    flex: 1 1 300px;
}

.newsletter form {
    flex: 1 1 400px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.newsletter form p {
    margin: 0;
}

.newsletter input[type="email"] {
    width: 100%;
    padding: 0.5rem;
    border: none;
    border-bottom: 1px solid white;
    background: transparent;
    color: white;
    font-size: 1rem;
}

.newsletter input[type="submit"] {
    align-self: flex-start;
    padding: 0.5rem 1.5rem;
    border: 2px solid white;
    border-radius: 0px;
    background: transparent;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

.newsletter input[type="submit"]:hover {
    background: white;
    color: red;
}

.newsletter input[type="checkbox"] {
    transform: scale(1.2);
    margin-right: 0.5rem;
}


input#dgwt-wcas-search-input-2 {
    border-color: black !important;
}

/* Mobile (up to 767px) */
@media only screen and (max-width: 767px) {
  .rey-siteHeader {
    z-index: 20;
  }
}

.rey-overlay.rey-overlay--header {
    z-index: 10;
}

.otgs-development-site-front-end {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}








.orderby-label-text {
    color: #000 !important;
    background-color: #fff !important;
}


.rey-headerIcon-btnText {
  color: #000 !important; /* or any high-contrast color */
}

/* Fix low contrast text inside labels and required spans */
.woocommerce-form label,
.woocommerce-form .required,
.woocommerce-form .screen-reader-text {
    color: #000 !important;
    background: transparent !important;
    font-weight: 600;
}

/* Ensure required asterisk is visible */
.woocommerce-form .required[aria-hidden="true"] {
    color: #d00 !important;
    font-size: 16px;
    margin-left: 4px;
}

.woo-variation-swatches .variable-items-wrapper {
    gap: 25px !important;
}

.rey-checkoutBar-wrapper.--icon {
    display: none !important;
}

.wc-proceed-to-checkout a {
    background: red;
    color: white;
    font-weight: bold;
    text-align: center;
}



/*__________________________________________________________________*/
.e-con-top.elementor-element.elementor-element-0816f3b.rey-section-stretched.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
  padding-left: 0px !important;
  margin-left: 0px !important;
}
@media (min-width: 768px) {
    .elementor-11544 .elementor-element.elementor-element-0816f3b {
        --width: 100%;
    }
}
.elementor-element.elementor-element-e424921.e-con-full.e-flex.e-con.e-child {
	padding: 0px !important;
}
.elementor-element.elementor-element-e35a914.e-con-full.e-flex.e-con.e-child {
	padding-left: 0px !important;
}

/*____________________________________________*/
.custom-pagination-wrapper {
    margin-top: 2rem;
    text-align: center;
}

.pagination-list {
    list-style: none;
    display: inline-flex;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
}

.pagination-item {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
    color: #333;
    transition: all 0.2s ease;
}

.pagination-item a {
    text-decoration: none;
    color: inherit;
}

.pagination-item.active {
    background: #333;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}

/*___________________________________________________________________________________*/

.show-mobile {
  display: block;
}

@media (min-width: 1025px) {
  .show-mobile {
    display: none !important;
  }
}

/*________________________________________Πιτένης 1___________________________________________*/
:root{
  --icon-circle-size: 42px;   /* διάμετρος κύκλου */
  --icon-stroke: 1.6px;       /* πάχος περιγράμματος (ίδιο για κύκλο + SVG) */
}

/* 1) Καθάρισε containers + buttons */
.elementor-275 [data-widget_type^="reycore-header-"] > .elementor-widget-container{
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.elementor-275 [data-widget_type^="reycore-header-"] .rey-headerIcon-btn{
  background: transparent !important;
  padding: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
}

/* 2) Ενιαίος κύκλος */
.elementor-275 [data-widget_type^="reycore-header-"] .rey-headerIcon .__icon{
  width: var(--icon-circle-size);
  height: var(--icon-circle-size);
  border-radius: 9999px;
  border: var(--icon-stroke) solid currentColor;
  display: inline-grid;
  place-items: center;
}

/* 3) Κάνε ΟΛΑ τα SVG outline (όχι γεμισμένα) */
.elementor-275 .rey-headerIcon .__icon svg{
  width: 60%;
  height: 60%;
  fill: none !important;
  stroke: black !important;
  vector-effect: non-scaling-stroke;
}
.elementor-275 .rey-headerIcon .__icon svg *,
.elementor-275 .rey-headerIcon .__icon svg{
  stroke-width: 5px  !important; 
  fill: none !important;
}

/* ειδικά για τα γεμισμένα icons του theme (cart/user) */
.elementor-275 .rey-icon-cart path,
.elementor-275 .rey-icon-user path{
  fill: none !important;
  stroke: black !important;
  stroke-width: 5px  !important; 
}

/* 4) Κρύψε counters & το “Χ” */
.elementor-275 .rey-headerIcon-counter,
.elementor-275 .rey-headerIcon .__close-icon{
  display: none !important;
}

/* 5) Ασφάλεια: μην μπαίνουν pseudo-στοιχεία */
.elementor-275 [data-widget_type^="reycore-header-"] .rey-headerIcon .__icon::before,
.elementor-275 [data-widget_type^="reycore-header-"] .rey-headerIcon .__icon::after{
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 6) Προαιρετικό: ίδια σειρά με την 1η εικόνα (User • Heart • Cart) */
.elementor-275 [data-id="358e78e"]{ display:flex; gap:12px; align-items:center; }
.elementor-275 [data-widget_type="reycore-header-account.default"]{ order:1; }
.elementor-275 [data-widget_type="reycore-header-wishlist.default"]{ order:2; }
.elementor-275 [data-widget_type="reycore-header-cart.default"]{ order:3; }

.cls-1 {
  stroke: black !important;
}

/*______________________________________Πιτένης 2_____________________________________________*/

/* Αφαίρεση background από το wrapper */
.dgwt-wcas-style-pirx:not(.dgwt-wcas-layout-icon) .dgwt-wcas-sf-wrapp {
    background: transparent !important;
    box-shadow: none !important;
}

/* Αφαίρεση background από το input */
html:not(.dgwt-wcas-overlay-mobile-on) 
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact 
.dgwt-wcas-sf-wrapp 
input[type="search"].dgwt-wcas-search-input {
    background: white !important;
}

/* Στοχεύουμε το search icon και αλλάζουμε fill */
button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier path{
  fill:#000 !important;
  stroke:#000 !important;
}

/*_______________________________________Πιτένης 2.3____________________________________________*/

/* Move the filter button to the top of the sidebar */
.wpfFilterButtons {
  order: -1;                 /* sends it before other elements */
  margin-bottom: 12px;       /* space below */
  text-align: left;          /* align button to the left */
}

/* Make it match the "Επιστροφή" button style */
.wpfFilterButton.wpfButton {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px !important;
  background-color: #E71D2F;
  color: #fff;
  border: none;
  border-radius: 24px !important;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

/* Hover effect */
.wpfFilterButton.wpfButton:hover {
  background-color: #cc0010; /* darker red on hover */
}


/* =================== ΝΗΣΤΙΣΙΜΟ BADGE =================== */

.woocommerce ul.products li.product { position: relative; }

/* Single product gallery container (overlay anchor) */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product div.images {
  position: relative;
}

.badge-nistisimo {
  position: absolute;
  top: 12px;
  left: 100px;
  width: 68px;
  height: auto;
  z-index: 5;
  pointer-events: none;
}
.badge-nistisimo img {
  display: block;
  width: 100%;
  height: auto;
}


table.shop_attributes td {
	text-align: start;
}

table.shop_attributes th {
	min-width: 0px
}


address {
	font-style: normal;
}

.text-uppercase {
  text-transform: uppercase; /* makes it ALL CAPS */
  font-weight: bold;        /* makes it bold */
}


/* --- Variation pills: equal size + clean layout --- */

/* Layout the list */
.variable-items-wrapper.button-variable-items-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px; /* space between pills */
  align-items: center;
}

/* Pill box (all same size) */
.variable-items-wrapper.button-variable-items-wrapper .variable-item {
  width: 100px !important;      /* ← adjust if you want wider/narrower */
  height: 44px !important;      /* ← adjust height */
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #000 !important;
  border-radius: 40px !important;
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Selected/hover states (optional, keep same look) */
.variable-items-wrapper.button-variable-items-wrapper .variable-item.selected {
  border-color: #000 !important;
}
.variable-items-wrapper.button-variable-items-wrapper .variable-item:hover {
  border-color: #000 !important;
}

/* Inner text element should NOT affect size */
.variable-items-wrapper.button-variable-items-wrapper 
.variable-item .variable-item-span {
  display: inline-block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;   /* prevent 2 lines like "200 gr" */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Remove plugin’s border/padding from the span variants */
span.variable-item-span.variable-item-span-button {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Ensure the li has no extra borders/shadows from plugin */
li.variable-item.button-variable-item {
  border: none;                /* handled above */
  box-shadow: none !important;
}

/* Minor spacing above swatches block */
td.value.woo-variation-items-wrapper {
  margin-top: 20px;
}

/* Unrelated rule kept */
.rey-cartBtnQty div.quantity {
  color: #ffffff !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	padding-top: 3rem;
}

.wpfPriceFilterRange.ui-slider.ui-widget-content .ui-slider-handle {
    border: 1px solid red !important;
    border-radius: 50% !important;
}



/* ---------------------------------------*/
/* Highlight selected swatch in red */
.variable-item.button-variable-item.selected {
    border-color: red !important;
    background-color: #E71D2F !important;
  	color: #000 !important;
}

.variable-item.button-variable-item.selected .variable-item-span {
  	color: #000 !important;
}

/* Hide the quantity screen-reader label properly (scoped, very specific) */
.single-product
.woocommerce-variation-add-to-cart
.rey-cartBtnQty .quantity label.screen-reader-text {
  position: absolute !important;
  left: -9999px !important;  /* off-screen fallback */
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  background: white !important;
  color: black !important;
}





/* Ensure product images scale and stay contained */
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Prevent overflow from zoom container */
.woocommerce-product-gallery .rey-zoomContainer img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}


.screen-reader-text {
    background: black !important;
    color: white !important;
}

.input-text.qty.text {
    background: black !important;
    color: white !important;
}


.woocommerce-variation-price {
    display: none !important;
}



.badge-blackfriday {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 68px;
  height: auto;
  z-index: 5;
  pointer-events: none;
}
.badge-blackfriday img {
  display: block;
  width: 100%;
  height: auto;
}


        /* ⭐ override WooCommerce image CSS */
        .pitenis-swiper .swiper-slide img,
        .pitenis-swiper .swiper-slide .woocommerce img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block;
        }

#footer-thankyou{
	display:none !important;
}