html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Global selection styling */
::selection {
  background-color: #af9034;
  color: #fff;
}

/* Για παλαιότερους Firefox */
::-moz-selection {
  background-color: #af9034;
  color: #fff;
}

html {
  scroll-behavior: smooth;
}

h1.entry-title {
  display: none !important;
}

* {
  text-decoration: none !important;
}

.contentFit {
  width: fit-content !important;
}

/* 
  Ensure that the elementor-icon is vertically centered within the icon wrapper.
  Using Flexbox on the wrapper makes vertical centering straightforward.
*/
.elementor-icon-wrapper {
  display: flex;
  align-items: center; /* Vertically centers child elements */
}

.elementor-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional: center horizontally as well */
  height: 100%; /* Make sure the wrapper takes full height */
}

/*/===============================*/
/*/////SCROLLBAR////*/
/*/===============================*/
body::-webkit-scrollbar {
  width: 12px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #ffffff; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #888888; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid white; /* creates padding around scroll thumb */
}
/*/===============================*/
/*/////SCROLLBAR////*/
/*/===============================*/

/*///////////////////////////////*/
/*===============================*/
/*///////////////////////////////*/
.cta--img-border-radius .elementor-cta__bg-wrapper,
.cta-single_pro .elementor-cta__bg-wrapper {
  border-radius: 12px !important;
}

/* RADIO BUTTONS */
:root {
  --radio-size: 0.85rem; /* a bit larger overall */
  --radio-border: 0.1rem;
  --radio-inner: 0.45rem; /* proportionally bigger dot */
  --radio-green: #7b6f4c;
  --radio-dark: #6c603c;
}

[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  background: #fff;
  border: var(--radio-border) solid #ccc;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: border-color 0.15s ease;
}

[type="radio"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--radio-inner);
  height: var(--radio-inner);
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  transition: background 0.15s ease;
}

[type="radio"]:hover {
  border-color: var(--radio-dark);
}

[type="radio"]:checked {
  border-color: var(--radio-green);
}
[type="radio"]:checked::before {
  background: var(--radio-green);
}

[type="radio"]:checked:hover::before {
  background: var(--radio-dark);
}

input:focus,
textarea:focus {
  box-shadow: none !important;
  border: 0 0 1px 0;
}

[for="form-field-one_time_disc_email"],
[for="form-field-field_44dece6"] {
  color: #ffffff00 !important;
}

@media (max-width: 767px) {
  .contact-us-tabs .e-n-tabs .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    flex-wrap: flex-wrap !important;
  }

  .contact-us-tabs .e-n-tabs .e-n-tabs-heading button {
    padding: 15px 15px 15px 15px;
  }
}

.affiliate_Application_Form form label {
  color: #121212 !important;
}

/* Target checkbox inside the affiliate_Application_Form */
.affiliate_Application_Form input[type="checkbox"] {
  accent-color: #af9034; /* Χρώμα όταν είναι τσεκαρισμένο */
  margin-top: 0px; /* Κατεβάζει το checkbox λίγο πιο κάτω */
  vertical-align: middle; /* Διατηρεί την ευθυγράμμιση με το κείμενο */
}

/*///////////////////////////////*/
/*===============================*/
/*///////////////////////////////*/
/*/===============================*/
/*/////ALL WOOCOMMERCE CSS////*/
/*/===============================*/
/*///////////////////////////////*/
/*===============================*/
/*///////////////////////////////*/

.woocommerce-product-gallery__image.flex-active-slide a + img,
.elementor-lightbox-image {
  border-radius: 12px !important;
}

.zoomImg {
  display: none !important;
}

/*Making sure that the price tag is black in color and the clear button below the size dropdown is also black*/
.reset_variations,
bdi,
.stock.out-of-stock {
  color: #121212 !important;
}

/* Elegant styling for variation price */
.woocommerce-variation .woocommerce-variation-price .price {
  display: inline-block;
  margin-bottom: 1.5rem; /* Adjust spacing below */
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.3px;
}

button[name="woocommerce_checkout_place_order"] {
  margin-top: 25px !important;
}

.woocommerce div.product div.images {
  margin-bottom: 0 !important;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a img {
  border-radius: 8px !important;
}

form.cart .variations th {
  border-radius: 12px 0 0 12px !important;
}

.woocommerce div.product form.cart .variations td {
  border-radius: 0 12px 12px 0 !important;
}

.quantity input {
  border-radius: 8px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt.disabled {
  color: #12121212;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button.alt.disabled:hover {
  background-color: #fff;
  color: #12121280;
}

.woocommerce div.product div.images img {
  border-radius: 12px !important;
}

.woocommerce-product-gallery__trigger {
  display: none !important;
}

.acfw-bogo-summary li::marker {
  content: none;
}

/* Styling the table of the ADD TO CART so that the variations and the size level are better set. */
/* Stack label above variations and left-align everything */
.variations tbody tr {
  display: block;
  margin-bottom: 1rem;
}

/* Size label: no background, left aligned */
.variations th.label {
  display: block;
  padding: 0;
  margin: 0 0 0.5rem 0;
  background: transparent !important;
  text-align: left;
}
.variations th.label label {
  display: block;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* Variations cell: left aligned, no extra background/padding */
.variations td.value {
  display: block;
  padding: 0;
  background: transparent;
  text-align: left;
}

/* Holder for the variation boxes:
   - shrink to content width
   - vertically center the items
   - no internal padding, minimal outer spacing
*/
.variations .variable-items-wrapper {
  display: inline-flex; /* shrink-to-fit width */
  flex-wrap: nowrap;
  align-items: center; /* vertical centering of boxes */
  justify-content: flex-start; /* left-align */
  gap: 0.5rem; /* spacing between boxes */
  padding: 0; /* no internal padding */
  margin: 0.25rem 0; /* subtle spacing around holder */
  width: auto; /* only as wide as its boxes */
}

/* Reset UL/LI default spacing for clean box alignment */
.variations .variable-items-wrapper,
.variations .variable-items-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* (Optional) keep Clear link hidden alignment-safe */
.variations a.reset_variations {
  margin-left: 0.75rem;
}

/* Force strike-through on original price in WooCommerce variation pricing */
.woocommerce-variation-price .price del .woocommerce-Price-amount.amount {
  text-decoration: line-through !important; /* Middle strike-through */
  text-decoration-thickness: 2px !important; /* Line thickness */
  text-decoration-color: #999 !important; /* Line color */
  color: #999 !important; /* Match text color for elegance */
  font-weight: 500 !important; /* Slightly lighter for refined look */
}

/* Button with underline 5px below the text, smooth removal on hover */
.e-wc-message-notice .woocommerce-message .button {
  background-color: transparent !important; /* No background */
  border: none !important; /* Remove border */
  border-radius: 0 !important; /* No rounded corners */
  text-decoration: underline !important; /* Add underline */
  text-decoration-thickness: 1px !important; /* Underline thickness */
  text-decoration-color: #121212 !important; /* Underline color */
  text-underline-offset: 5px !important; /* Space between text and underline */
  color: #121212 !important; /* Text color */
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important; /* Smooth hover effect */
}

.e-wc-message-notice .woocommerce-message .button:hover {
  text-decoration-color: transparent !important; /* Smoothly remove underline */
  color: #121212 !important; /* Keep text color on hover */
}

/* Container styles */
.e-wc-message-notice .woocommerce-message {
  background-color: #f3f1ee !important; /* Background color */
  border: none !important; /* Remove border */
  border-radius: 8px !important; /* Rounded corners */
  color: #121212 !important; /* All text inside should be this color */
}

/* Icon before the message */
.e-wc-message-notice .woocommerce-message:before {
  color: #121212 !important; /* Icon color */
}

/* "Return to shop" button - same style as .woocommerce-message .button + Playfair Display font */
.return-to-shop .button.wc-backward {
  background-color: transparent !important; /* No background */
  border: none !important; /* Remove border */
  border-radius: 0 !important; /* No rounded corners */
  font-family: "Playfair Display", serif !important; /* Playfair Display font */
  text-decoration: underline !important; /* Add underline */
  text-decoration-thickness: 1px !important; /* Underline thickness */
  text-decoration-color: #121212 !important; /* Underline color */
  text-underline-offset: 5px !important; /* Space between text and underline */
  color: #121212 !important; /* Text color */
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important; /* Smooth hover effect */
}

.return-to-shop .button.wc-backward:hover {
  text-decoration-color: transparent !important; /* Smoothly remove underline */
  color: #121212 !important; /* Keep text color on hover */
}

/* (767px and down) */
@media screen and (max-width: 767px) {
  .woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    display: block !important;
  }

  .product-thumbnail::before {
    display: none !important;
    content: none !important;
  }
}


body > div.elementor.elementor-94 > div > div > div > div.elementor-element.elementor-element-3ab9600.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-cb8ca05.elementor-widget.elementor-widget-woocommerce-purchase-summary.animated.fadeIn > div > div > p {
display: none !important;
}

/*///////////////////////////////*/
/*===============================*/
/*///////////////////////////////*/
/*/===============================*/
/*/////ALL WOOCOMMERCE CSS////*/
/*/===============================*/
/*///////////////////////////////*/
/*===============================*/
/*///////////////////////////////*/

#customer_details > div.col-2 > div.woocommerce-shipping-fields {
  display: none !important;
}

.popUp-Form form label {
  pointer-events: none !important;
}

.popUp-Form input.elementor-field-textual,
.popUp-Form textarea.elementor-field-textual {
  padding-left: 14px !important;
  position: relative !important;
}

.popUp-Form input::placeholder,
.popUp-Form textarea::placeholder {
  color: #717171 !important;
  opacity: 1 !important;
}
.popUp-Form input::-webkit-input-placeholder,
.popUp-Form textarea::-webkit-input-placeholder {
  color: #717171 !important;
  opacity: 1 !important;
}
.popUp-Form input::-moz-placeholder,
.popUp-Form textarea::-moz-placeholder {
  color: #717171 !important;
  opacity: 1 !important;
}
.popUp-Form input:-ms-input-placeholder,
.popUp-Form textarea:-ms-input-placeholder {
  color: #717171 !important;
  opacity: 1 !important;
}
.popUp-Form input::-ms-input-placeholder,
.popUp-Form textarea::-ms-input-placeholder {
  color: #717171 !important;
  opacity: 1 !important;
}

@media (max-width: 1024px) {
  .popUp-Form input[type="date"].elementor-date-field.flatpickr-mobile {
    position: relative !important;
  }

  .popUp-Form input[type="date"].elementor-date-field.flatpickr-mobile::after {
    content: attr(placeholder) !important; /* pull from placeholder attribute */
    color: #717171 !important; /* requested placeholder color */
    position: absolute !important;
    left: 14px !important; /* same start as other fields */
    top: 50% !important;
    transform: translateY(-50%) !important; /* vertical center */
    pointer-events: none !important; /* do not block taps */
    display: block !important;
    text-align: left !important;
    line-height: 1 !important;
  }
}

.popUp-Form input,
.popUp-Form textarea {
  text-align: left !important;
}
