/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
*{font-family: "Assistant", Assistant;}
button.single_add_to_cart_button.button.alt.wp-element-button {
    border-radius: unset !important;
    margin: 0 !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: left !important;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: right  !important;}
.woocommerce ul.products li.product .button {
    background-color: transparent;
    background-image: linear-gradient(70deg, #D87F29 0%, #f2295b 100%);
    border-style: none;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 30px 10px 30px;
    color: #fff;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: #fff;
    border-radius: 10px;
    padding: 10px 0;
    height: 340px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, img.woocommerce-placeholder.wp-post-image {
    max-height: 200px;
    width: auto !important;
    margin: 0 auto !important;
    display: block;
    position: relative;
}
h2.woocommerce-loop-product__title {
    text-align: center;
    color: #000;
}

.woocommerce ul.products li.product .button {
    margin: 0 auto !important;
    display: block;
    width: 160px;
}
.pagetitlec {
    color: #fff;
    font-size: 18px;
}
.woocommerce ul.products li.product .price {
    color: #000;
    display: block;
    width: 140px;
    text-align: center;
    margin: 0 auto 10px;
    height:40px;
}
header {
  /*  margin-bottom: 100px; */
}
.button {
    background-color: transparent !important;
    background-image: linear-gradient(70deg, #D87F29 0%, #f2295b 100%) !important;
    border-style: none;
    color: #fff !important;
    border-radius: 50px 50px 50px 50px !important;
    padding: 10px 30px 10px 30px !important;
}
.woocommerce-info, .woocommerce-message {
    border-top-color: #D87F29 !important;
}
a, .woocommerce-info::before , .woocommerce-message::before{color: #D87F29;}
td.product-thumbnail img {
    max-height: 100px !important;
}
li.menu-item .sub-arrow {
    display: block;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 25px;
}
.sub-menu li.menu-item .sub-arrow {
    top: 15px;
    left: 10%;
}
header.elementor-section.elementor-top-section.elementor-element.elementor-element-36f75bd2.elementor-section-full_width.elementor-section-height-min-height.elementor-section-content-middle.elementor-section-height-default.elementor-section-items-middle {
    padding-bottom: 10px;
}
ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
    background-color: #C2C2C2 !important;
    color:#000  !important;
}
ul.sub-menu li.menu-item a {
    font-size: 18px !important;
    color: #000;
    font-weight: 400 !important;
}
ul.sub-menu li a:before{
    content: ' > ';
    padding-left: 10px;
    color:#FF7B22;
}

/* Owl Carousel Styles */
.recommended-products-slider.owl-carousel {
    direction:ltr;
    max-width: 1100px;
    margin: 100px auto 50px;
}
.recommended-products-slider.owl-carousel .owl-item {
    padding-right: 15px;
    padding-left: 15px;
}

.recommended-products-slider.owl-carousel .owl-item:last-child {
    margin-right: 0;
}

.recommended-products-slider.owl-carousel .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recommended-products-slider.owl-carousel .item img {
    max-width: 100%;
    height: auto;
}

/* Owl Carousel Navigation Arrows Styles */
.recommended-products-slider.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 104%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    margin-left: -2%;
}

.bestseller-products-slider.owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 107%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    margin-left: -4%;
}
.recommended-products-slider.owl-carousel .owl-nav .owl-prev,
.recommended-products-slider.owl-carousel .owl-nav .owl-next {
    display: flex;
    align-items: center;
    font-size: 32px;
    background-color: transparent;
    color: orange;
    font-weight: 600;
}
.bestseller-products-slider.owl-carousel .owl-nav .owl-prev,
.bestseller-products-slider.owl-carousel .owl-nav .owl-next {
    display: flex;
    align-items: center;
    font-size: 32px;
    background-color: transparent;
    color: orange;
    font-weight: 600;
}
.owl-carousel .owl-stage-outer {
    height: 400px;
;
}
/* Prevent the pre-init flash: before owl finishes initializing, the raw product list stacks
   vertically (up to ~3900px of gray cards) and then collapses to the carousel — a multi-second
   jump on slower loads. Cap the slider height until owl adds .owl-loaded, so only one row shows. */
.recommended-products-slider.owl-carousel:not(.owl-loaded) {
    height: 400px;
    overflow: hidden;
}
.recommended-products-slider.owl-carousel .owl-nav .owl-prev {
    margin-right: 10px;
}

.recommended-products-slider.owl-carousel .owl-nav .owl-next {
    margin-left: 10px;
}
.slideritem li.product.type-product {
    box-shadow: -5px 3px 10px 1px rgba(105,105,105,0.65);
    width: 250px;
    height: 380px;
    list-style-type: none;
    padding-top: 10px;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
}
.slideritem h2.woocommerce-loop-product__title {
    text-align: center;
    color: #000;
    padding: 0.5em 0;
    margin: 0;
    font-size: 1em;
    height: 40px;
}
.slideritem .hpp_buttons {
    margin: 0 auto !important;
    display: block;
    width: 160px;
}
.slideritem a.button.add_to_cart_button {
    bottom: 20px;
    position: absolute;
    text-decoration: none;
}
.slideritem .price {
    color: #000;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto 10px;
    height: 40px;
}
.slideritem span.onsale {
    display: inline-block;
    background-image: url(https://test4me55.lmaancha.co.il/wp-content/uploads/2023/05/sell.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    position: absolute;
    width: 70px;
    height: 70px;
    background-color: transparent;
    z-index: 1;
    top: 0;
    left: 0;
}
img.imgtitleforslider {
    margin: 0 auto -50px;
    width: 400px;
    display: block;
    padding-top: 50px;
}
.topbuttonshp {
    display: block;
    max-width: 100%;
    height: 200px;
    width: 400px;
    margin: 25px auto -55px;
}
.topbuttonshp img {
    width: 180px;
}
img.imgtitleforsliderb {
    float: left;
}
img.imgtitleforsliderc {
    float: right;
    width:175px;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-3371848.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    /*background-color: #000;*/
    /*background-image: url('https://test4me55.lmaancha.co.il/wp-content/uploads/2023/05/bottomrightarchive.png');*/
    background-repeat: no-repeat;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-43417b2.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    /*background-color: #000;*/
    background-image: url('https://test4me55.lmaancha.co.il/wp-content/uploads/2023/05/bottomrightarchive.png');
    background-repeat: no-repeat;
    padding-bottom: 80px;
}

.bestseller-products-slider.owl-carousel.owl-loaded.owl-drag {
    direction: ltr;
    max-width: 800px;
    margin: 100px auto 50px;
}
.bestseller-products-slider .owl-item.active {
    width: 270px !important;
}



main.site-main {
    padding: 150px 0;
}
main.site-main.post-2.page.type-page.status-publish.hentry {
    padding: 0;
}
.elementor-location-footer .elementor-section.elementor-section-boxed > .elementor-container {
    width: 1280px !important;
    max-width: 100% !important;
}

li.woocommerce-MyAccount-navigation-link {
    font-family: "Assistant", Assistant;
    font-weight: 500;
    background-color: transparent;
    background-image: linear-gradient(70deg, #D87F29 0%, #f2295b 100%);
    border-style: none;
    border-radius: 50px 50px 50px 50px;
    color: #fff;
    padding: 10px 30px 10px 30px;
    width: 200px;
    margin: 5px 0;
    text-decoration: none;
}
li.woocommerce-MyAccount-navigation-link a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
.membersmsg img{
height: auto;
max-height: 50px;
display: block;
margin: 7px 0 0;
}

.cart thead tr, .cart thead th {border: none !important;}
.cart td, .cart th {border: none;}

form.post-password-form {
    margin: 0 auto;
    width: 420px;
    max-width: 90%;
    display: block;
}

.post-password-form p {
    font-size: 18px;
    font-weight: 600;
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
    .elementor-2 .elementor-element.elementor-element-6b6369f:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-6b6369f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        height: 782px !important;
    }
}

@media screen and (max-width: 767px) {
/* Mobile: drop the lopsided left card-shadow on the product sliders (looks bad on small screens) */
.bestseller-slider .slideritem li.product.type-product {
    box-shadow: none;
    /* Anchor the absolutely-positioned SALE badge to the CARD instead of the wider owl-item.
       Otherwise the badge floats to the slide's left edge and the NEXT card's badge peeks in on the right. */
    position: relative;
}
/* Mobile: the slider shortcodes were shrinking/offsetting because the wrapping
   ul.products keeps the default list padding/margin. Zero it ONLY for shortcode-
   embedded product lists (the sliders) so the slider fills the column and the
   single visible card centers. Scoped to .elementor-shortcode so the shop/category
   ul.products grids are untouched. */
.elementor-shortcode ul.products {
    padding: 0 !important;
    margin: 0 !important;
}
/* Mobile: the owl-nav was width:104% + negative margin (tuned for the old narrow slider).
   Now that the slider fills the column, that pushed the prev arrow onto the screen edge and
   the next arrow off-screen. Fit the nav to the slider so both arrows sit at its edges. */
.recommended-products-slider.owl-carousel .owl-nav,
.bestseller-slider.owl-carousel .owl-nav {
    width: 100%;
    margin-left: 0;
    padding: 0;
}
/* Place each arrow with an explicit inset. The right inset is +10px larger to cancel the
   ~10px asymmetric left margin the Elementor column carries, so both arrows end up the same
   distance from the screen edges. */
.recommended-products-slider.owl-carousel .owl-nav .owl-prev,
.bestseller-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.recommended-products-slider.owl-carousel .owl-nav .owl-next,
.bestseller-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.homebox,.homeboxc,.homeboxd {
    width: 50%;
    margin:0 auto 10px;
}
/* Homepage ONLY (.elementor-2 — the classes also exist on the צרכנות page and the bannerbox
   template, so keep this scoped). Top two cards (.homebox): pin each card's button block to
   the card bottom so both buttons sit at the same height regardless of the club-specific
   title length. Titles/buttons are swapped per club AFTER window.load (banner-manager
   script.js + the legacy session JS in header.php), which raced the JS measure-and-match
   aligner and left the buttons misaligned on slow loads. The two card columns already
   stretch to equal height, so an absolute bottom anchor is deterministic. The button lives
   in the card's first inner section; margin:0 also kills the unequal negative top-margins
   (-32px / -45px) Elementor gave those sections per card. */
.elementor-2 .homebox > .elementor-widget-wrap {
    padding-bottom: 62px !important; /* reserve room so a long title never overlaps the pinned button */
}
.elementor-2 .homebox > .elementor-widget-wrap > section.elementor-inner-section:first-of-type {
    position: absolute;
    bottom: 5px; /* lift the buttons a bit off the card edge (client request) */
    left: 0;
    right: 0;
    margin: 0 !important;
}
.elementor-2 #homeb1, .elementor-2 #homeb2 {
    margin: 0 !important; /* beats any stale inline margin left by the JS aligner */
}
.elementor-2 #homeb1 > .elementor-widget-container,
.elementor-2 #homeb2 > .elementor-widget-container {
    /* neutralize the old manual FB-button push (the .elementor-element-99ecdd9 margin:50px 0
       rule below in this block) — obsolete now that the section is pinned to the card bottom */
    margin: 0 !important;
}
/* identical button box in both cards (the FB icon otherwise makes one button 1px taller) */
.elementor-2 #homeb1 a.elementor-button, .elementor-2 #homeb2 a.elementor-button {
    height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}
.homeboxb{
    width: 95%;
    margin: 0 auto 10px;
}
.homeboxe {
    width: 100%;
    margin: 50px auto 30px;
}
.elementor-element.elementor-element-4abc0d0.elementor-widget.elementor-widget-text-editor {
    display: none;
}
.elementor-element.elementor-element-c4ad565.elementor-widget__width-auto.elementor-widget.elementor-widget-text-editor {
    margin: 20px auto 0;
}
.elementor-2 .elementor-element.elementor-element-99ecdd9 > .elementor-widget-container {
    margin: 50px 0;
}
.elementor-element.elementor-element-cedc956.elementor-align-left.elementor-widget__width-initial.elementor-widget.elementor-widget-button {
    margin: 50px auto 0;
}
.elementor-element.elementor-element-f91afff.elementor-align-center.elementor-widget__width-inherit.elementor-widget.elementor-widget-button {
    padding-bottom: 10px;
}
.slideritem li.product.type-product {margin: 10px auto;}
.elementor-2 .elementor-element.elementor-element-451150e {margin-top: 5px;}
.elementor-11 .elementor-element.elementor-element-87ac21c img {width: 50%;margin: 6% 0 0 0;}
.elementor-11 .elementor-element.elementor-element-57f9e879 div.elementor-menu-toggle {
    color: orange !important;
    margin: -35px auto;
}
.recommended-products-slider.owl-carousel {margin: 100px -15px 50px 0px;}
.middel-line {
    display: none;
}
.pordut-right {
    width: 100% !important;
    float: none !important;
    padding-right: 15px;
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}
.pordut-left {
    float: none !important;
    margin: 0 auto !important;
    width: 90% !important;
    padding: 0 !important;
}
iframe {
    max-width: 100% !important;
}

}

@media screen and (max-width: 365px) {
.elementor-11 .elementor-element.elementor-element-57f9e879 div.elementor-menu-toggle {
    color: orange;
    position: absolute !important;
    left: auto !important;
    right: 30px !important;
    top: 15px;
}
}

@media screen and (max-width: 400px) {
.elementor-2 .elementor-element.elementor-element-c4ad565 {
    font-size: 14px;
}
.woocommerce ul.products li.product .button {
    margin: 0 auto !important;
    display: block;
    width: 85%;
    font-size: 11px;
}
}

@media screen and (max-width: 330px) {
.elementor-11 .elementor-element.elementor-element-57f9e879 div.elementor-menu-toggle {
    color: orange;
    position: absolute !important;
    left: auto !important;
    right: 10px !important;
    top: 15px;
}
/* 320px screens: the 30px horizontal padding on the Elementor buttons makes them too wide
   for the narrow cards (bloated / overflow their card). Tighten it on the home page. */
.elementor-2 .elementor-button {
    padding: 8px 16px !important;
}
}