.elementor-6322 .elementor-element.elementor-element-82ce84e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6322 .elementor-element.elementor-element-82ce84e:not(.elementor-motion-effects-element-type-background), .elementor-6322 .elementor-element.elementor-element-82ce84e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6322 .elementor-element.elementor-element-82ce84e::before, .elementor-6322 .elementor-element.elementor-element-82ce84e > .elementor-background-video-container::before, .elementor-6322 .elementor-element.elementor-element-82ce84e > .e-con-inner > .elementor-background-video-container::before, .elementor-6322 .elementor-element.elementor-element-82ce84e > .elementor-background-slideshow::before, .elementor-6322 .elementor-element.elementor-element-82ce84e > .e-con-inner > .elementor-background-slideshow::before, .elementor-6322 .elementor-element.elementor-element-82ce84e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-6322 .elementor-element.elementor-element-3590359{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:43px;--padding-bottom:43px;--padding-left:43px;--padding-right:43px;}.elementor-6322 .elementor-element.elementor-element-13ee44d .eael-single-product-images .product_image_slider__container .swiper-slide-active img{border-radius:21px 21px 21px 21px;}.elementor-6322 .elementor-element.elementor-element-65df11c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:43px;--padding-bottom:43px;--padding-left:43px;--padding-right:43px;}.elementor-6322 .elementor-element.elementor-element-65df11c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6322 .elementor-element.elementor-element-4f57da8 > .elementor-widget-container{margin:0px 0px -14px 0px;padding:13px 0px 0px 0px;}.elementor-6322 .elementor-element.elementor-element-4f57da8{text-align:right;}.elementor-6322 .elementor-element.elementor-element-4f57da8 .elementor-heading-title{font-family:"Noto Kufi Arabic", Sans-serif;font-size:37px;font-weight:600;}.elementor-6322 .elementor-element.elementor-element-ccf5f85 > .elementor-widget-container{padding:26px 0px 0px 0px;}.elementor-6322 .elementor-element.elementor-element-f599b83 > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-6322 .elementor-element.elementor-element-f599b83 .cart button, .elementor-6322 .elementor-element.elementor-element-f599b83 .cart .button{font-family:"Droid Arabic Kufi", Sans-serif;font-size:8px;transition:all 0.2s;}.elementor-6322 .elementor-element.elementor-element-f599b83 .quantity .qty{transition:all 0.2s;}.elementor-6322 .elementor-element.elementor-element-b977eba{--display:flex;}.elementor-6322 .elementor-element.elementor-element-304cdca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6322 .elementor-element.elementor-element-4fc09b8{font-family:"Noto Kufi Arabic", Sans-serif;}.elementor-6322 .elementor-element.elementor-element-fc618d0{--display:flex;}.elementor-6322 .elementor-element.elementor-element-945f3a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6322 .elementor-element.elementor-element-aa478d5{font-family:"Noto Kufi Arabic", Sans-serif;}.elementor-6322 .elementor-element.elementor-element-04feb36{--display:flex;}.elementor-6322 .elementor-element.elementor-element-b461157{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6322 .elementor-element.elementor-element-5ea46dd{font-family:"Noto Kufi Arabic", Sans-serif;}.elementor-6322 .elementor-element.elementor-element-dbd7379{--n-accordion-title-font-size:18px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-6322 .elementor-element.elementor-element-dbd7379 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Droid Arabic Kufi", Sans-serif;}.elementor-6322 .elementor-element.elementor-element-c3bfc34{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-6322 .elementor-element.elementor-element-c3bfc34:not(.elementor-motion-effects-element-type-background), .elementor-6322 .elementor-element.elementor-element-c3bfc34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6322 .elementor-element.elementor-element-fa283cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-6322 .elementor-element.elementor-element-fa283cc:not(.elementor-motion-effects-element-type-background), .elementor-6322 .elementor-element.elementor-element-fa283cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6322 .elementor-element.elementor-element-588d36e .elementor-heading-title{font-family:"Droid Arabic Kufi", Sans-serif;font-size:23px;font-weight:600;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .uael-woo-products-summary-wrap .button{background-color:#0D7C68;font-family:"Droid Arabic Kufi", Sans-serif;margin-bottom:19px;margin-right:0px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .uael-woo-products-summary-wrap .button:hover{background-color:#096252;}.elementor-6322 .elementor-element.elementor-element-2acad95{z-index:0;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce li.product{padding-right:calc( 24px/2 );padding-left:calc( 24px/2 );margin-bottom:25px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce ul.products{margin-left:calc( -24px/2 );margin-right:calc( -24px/2 );}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woo-product-wrapper{box-shadow:0px 0px 10px 0px rgba(202.11110534667972, 194.64178188821546, 194.64178188821546, 0.5);border-style:none;background-color:#F8F8F8;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woo-products-summary-wrap{padding:17px 0px 0px 0px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .uael-loop-product__link, .elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .woocommerce-loop-product__title{color:#313131;font-family:"Droid Arabic Kufi", Sans-serif;font-size:19px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .woocommerce-loop-product__title{margin-bottom:13px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce li.product .price{color:#0D7C68;font-family:"Droid Arabic Kufi", Sans-serif;font-size:16px;margin-bottom:15px;}@media(max-width:1024px){.elementor-6322 .elementor-element.elementor-element-3590359{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6322 .elementor-element.elementor-element-65df11c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-6322 .elementor-element.elementor-element-4f57da8 > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-6322 .elementor-element.elementor-element-4f57da8 .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-6322 .elementor-element.elementor-element-3590359{--padding-top:15px;--padding-bottom:15px;--padding-left:10px;--padding-right:15px;}.elementor-6322 .elementor-element.elementor-element-65df11c{--padding-top:0px;--padding-bottom:25px;--padding-left:12px;--padding-right:15px;}.elementor-6322 .elementor-element.elementor-element-4f57da8 .elementor-heading-title{font-size:28px;}.elementor-6322 .elementor-element.elementor-element-f599b83 .cart button, .elementor-6322 .elementor-element.elementor-element-f599b83 .cart .button{font-size:13px;}.elementor-6322 .elementor-element.elementor-element-fa283cc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6322 .elementor-element.elementor-element-588d36e > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-6322 .elementor-element.elementor-element-588d36e .elementor-heading-title{font-size:18px;}.elementor-6322 .elementor-element.elementor-element-2acad95 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-6322 .elementor-element.elementor-element-2acad95{z-index:0;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce li.product{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:13px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce ul.products{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .uael-loop-product__link, .elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .woocommerce-loop-product__title{font-size:14px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce li.product .price{font-size:13px;margin-bottom:7px;}.elementor-6322 .elementor-element.elementor-element-2acad95 .uael-woocommerce .uael-woo-products-summary-wrap .button{padding:7px 5px 7px 5px;font-size:13px;}}@media(min-width:768px){.elementor-6322 .elementor-element.elementor-element-3590359{--width:50%;}.elementor-6322 .elementor-element.elementor-element-65df11c{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6322 .elementor-element.elementor-element-65df11c{--width:345.556px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-f599b83 *//* Variation buttons */
.cfvsw-swatches-option {
    border: 2px solid #d1d5db !important; /* light gray */
    border-radius: 12px !important;       /* rounded corners */
    background-color: #f9fafb !important; /* light background */
    padding: 10px 20px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
    min-width: auto !important;
    min-height: auto !important;
}

/* Text inside variation */
.cfvsw-swatches-option .cfvsw-swatch-inner {
    color: #374151 !important; /* dark gray */
    font-size: 14px !important;
}

/* On hover */
.cfvsw-swatches-option:hover {
    border-color: #16a34a !important;
}

/* Selected state */
.cfvsw-swatches-option.cfvsw-selected-swatch {
    border-color: #16a34a !important;
    background-color: #d1fae5 !important; /* light green */
    color: #065f46 !important;
}

/* Add title before the variation swatches */
.cfvsw-product-container::before {
    content: "الوزن :";
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
}



/* Hide "إزالة" reset variations link */
form.variations_form a.reset_variations {
    display: none !important;
}




/* ============ Quantity box styling ============ */
.woocommerce div.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    height: 56px; /* same as h-14 */
    width: 100%;
    max-width: 200px;
    margin-bottom: 1rem;
    overflow: hidden;
}

.woocommerce div.quantity a.minus,
.woocommerce div.quantity a.plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;   /* w-14 */
    height: 100%;
    font-size: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
    text-decoration: none;
}

.woocommerce div.quantity a.minus:hover,
.woocommerce div.quantity a.plus:hover {
    background: #f5f5f5; /* hover:bg-gray-100 */
}

.woocommerce div.quantity input.qty {
    width: 80px;   /* w-20 */
    text-align: center;
    font-size: 18px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
    pointer-events: none; /* makes it behave like <span> */
}


/* Optional: add cart icon before text */
.woocommerce .single_add_to_cart_button:before {
    content: "🛒";
    margin-left: 8px;
    font-size: 20px;
}




/* ============ Quantity Box ============ */
.woocommerce div.quantity {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 56px;
    width: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.woocommerce div.quantity .minus,
.woocommerce div.quantity .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 100%;
    font-size: 22px;
    font-weight: bold;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    color: #333;
}

.woocommerce div.quantity .minus:hover,
.woocommerce div.quantity .plus:hover {
    background: #f5f5f5;
}

.woocommerce div.quantity .qty {
    width: 80px;
    text-align: center;
    font-size: 18px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    pointer-events: none; /* disable typing */
}

/* ============ Add to Cart Button ============ */
.woocommerce .single_add_to_cart_button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 56px;
    background-color: #16524;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    padding: 0 20px;
}

.woocommerce .single_add_to_cart_button:hover {
    background-color: ##165245;
}

/* Cart Icon inside button */
.woocommerce .single_add_to_cart_button:before {
    content: "🛒";
    font-size: 20px;
    margin-left: 5px;
}

/* ============ Price inside button ============ */
.price-in-button {
    font-size: 18px;
    margin-right: auto;
    color: #fff;
}


/* -------------------------
  Force-center Add to Cart text
  Works for: simple buttons or buttons with inner div + price
  Paste into Customizer → Additional CSS
--------------------------*/

/* Basic: make button a flex container and center */
.single_add_to_cart_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;   /* needed for absolute centering of inner pieces */
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

/* Remove unexpected margins from immediate children that push text */
.single_add_to_cart_button > * {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* If the button contains an inner wrapper structure (e.g. <button><div>...<span>label</span></div><span>price</span></div>),
   absolutely center the label container and pin the price to the right. These .elementor-6322 .elementor-element.elementor-element-f599b83s try to match common variations. */
.single_add_to_cart_button .btn-text,
.single_add_to_cart_button .text-lg,
.single_add_to_cart_button .btn-centered,
.single_add_to_cart_button .woocommerce-Price-amount + *,
.single_add_to_cart_button > div > div:first-child,
.single_add_to_cart_button > div > div:first-child span,
.single_add_to_cart_button > div > div:first-child .btn-text {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  white-space: nowrap !important;
}

/* Pin any right-side price/span inside the button to the right */
.single_add_to_cart_button > div > span,
.single_add_to_cart_button .btn-price,
.single_add_to_cart_button .price-in-button,
.single_add_to_cart_button .woocommerce-Price-amount {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* Make sure SVG/icon doesn't push the label — keep it visually left of the centered text */
.single_add_to_cart_button svg {
  position: relative !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
  left: auto !important;
}

/* Prevent label from being cropped on small widths */
.single_add_to_cart_button {
  min-height: 48px !important;
  padding-left: 2.2rem !important;
  padding-right: 3.2rem !important; /* space for pinned price on small screens */
}

/* If some theme rule still forces space-between, override it */
.single_add_to_cart_button[style*="space-between"],
.single_add_to_cart_button[style*="justify-content:space-between"] {
  justify-content: center !important;
}


.woocommerce div.product form.cart .single_add_to_cart_button {
    font-size: 20px !important; /* Makes text bigger */
    font-weight: bold !important; /* Optional: bold text */
    text-align: center !important; /* Keep text centered */
}


/* Style Add to Cart button */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: #165245 !important; /* Default background color */
    color: #ffffff !important;            /* Text color */
    font-size: 18px !important;           /* Bigger text */
    font-weight: bold !important;         /* Bold text */
    text-align: center !important;        /* Center text */
    border: none !important;              /* Remove border if needed */
    padding: 12px 20px !important;        /* Button padding */
    border-radius: 8px !important;        /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

/* Hover state */
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: #10493d !important; /* Hover background color */
    color: #ffffff !important;            /* Keep text white */
}




/* Target only the variation price inside single_variation_wrap */
.woocommerce div.product .single_variation_wrap .woocommerce-variation-price {
    display: block;
    margin-bottom: 15px;
    position: relative;
    top: -180px; /* adjust this value to move it above variations */
}

/* Optional: add spacing so it doesn’t overlap */
.woocommerce div.product .variations {
    margin-top: 50px; /* adjust to prevent overlap */
}


.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a {
    color: #165245;
}/* End custom CSS */
/* Start custom CSS for uael-woo-products, class: .elementor-element-2acad95 *//* Add 6px border-radius to all WooCommerce add-to-cart buttons */
a.button.add_to_cart_button {
    border-radius: 6px !important;
}

/* Add border radius to WooCommerce product cards */
.uael-woo-product-wrapper {
    border-radius: 15px; /* Adjust the value as needed */
    overflow: hidden; /* Ensures child elements like images don't overflow the corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow for better appearance */
}

/* Optional: add hover effect */
.uael-woo-product-wrapper:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
}


/* Target "أضف إلى السلة" buttons inside product cards */
.uael-woo-product-wrapper a.button {
    border-radius: 6px !important;
    padding: 10px 20px; /* optional: adjust size */
    transition: 0.3s ease;
}

/* Optional hover effect */
.uael-woo-product-wrapper a.button:hover {
    background-color: #e59400 !important; /* change hover color */
    color: #fff !important;
}/* End custom CSS */