/* 
Theme Name: Brnd
Theme URI: https://github.com/elementor/hello-theme/
Description: Israpol Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: brnd
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
*/
/*FOR MOBILE HERE*/
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 8px;
}
  
::-webkit-scrollbar-track {
background: #333132;
/*border-left:1px solid #ccc;*/
}
  
::-webkit-scrollbar-thumb {
background: #B18E66;
/* background: -moz-linear-gradient(180deg, rgba(25, 120, 133, 1) 5%, rgba(255, 239, 0, 1) 100%); */
/* background: linear-gradient(180deg, rgba(25, 120, 133, 1) 5%, rgba(255, 239, 0, 1) 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#197885", endColorstr="#FFEF00", GradientType=1); */
/*border:1px solid #eee;*/
height:100px;
/*border-radius:5px;*/
}
  
::-webkit-scrollbar-thumb:hover {
background: #CBB499;
}

/*
body, img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
}
*/
.blurry{
    backdrop-filter: blur(10px);
}
.page-header{
    display: none;;
}

body {
    cursor: url(./cursor.svg) 0 0, auto;
}
/* shrinking header section */

.e-contact-buttons.has-h-alignment-end .e-contact-buttons__chat-button-container {
    transform: scale(0.7);
    padding-inline-end: 10px;
}

.shrinker {
	background: transparent;
        height: (set your header height in pixels);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #fff;
        height: (set your header height after shrinking in pixels)!important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

/* shrinking logo image */

/*
.shrinking-logo img {
	width: 60px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects img {
	width: 30px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
*/

/* PAGES */
.page-id-70 #footer-ctn{display: none;}

/* Footer */
.footer-branch-hover .footer-branch-img{
    opacity: 0;
    /*display: none;*/
    position: absolute;
    bottom: 0;
    left: 0;
transition: all .3s ease-in-out;
transform: rotate(0deg);
width: 150px;
}

.footer-branch-hover .footer-branch-img img{
    border-radius: 20px;
}
.footer-branch-hover:hover .footer-branch-img{
    opacity: 1;
    /*display: block;*/
    transform: rotate(5deg);
}

/*Gallery */
.acf-gallery-btn-masonry svg path, .acf-gallery-btn-scroll svg path {
    fill: #B18E66;
    stroke: #B18E66;
    transition: all .3s ease;
}
.acf-gallery-btn-masonry:hover svg path, .acf-gallery-btn-scroll:hover svg path {
    fill: rgba(177, 142, 102, 0);
    stroke: #B18E66;
}

    /************** Language Translator ******************/

    a.glink.gt-current-lang {
      display: none;
    }
    a.glink {
      text-decoration: none;
      font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
      font-size: 18px;
      color: black!important;
        transition: all .3s ease-in-out;
    }
    a.glink:hover {
        color:var( --e-global-color-accent )!important;
}



/*Category Loop Items*/
    .category-item-wrap svg{
        transition: transform .3s ease-in-out;

    }
    .category-item-wrap:hover svg{
        transform: rotate(45deg);
    }
    .product-loop-img img{
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    .woocommerce-loop-category__title .count {
        display: none;
    }
    .product-new-carousel .swiper {
        padding-bottom: 50px;
    }
.archive-sub-category .woocommerce ul.products li.product a img{
    border-radius: 10px;
    margin: 0 0 10px;
}

/*Categories list in sidebar*/
       /* your original */
.product-categories-list ul {
    list-style-type: none;
}
.product-categories-list {
    list-style: none;
    padding-right: 0;
    font-family: "crag", sans-serif;
}
.product-categories-list li a {
    color: black;
    font-size: 18px;
}
.product-categories-list li {
    margin: 0 0 8px;
}
.product-categories-list li.active a {
    font-weight: bold;
    color: #000;
}

/* --- additions for flex column-wrap layout --- */

/* control knobs */
.product-categories-list {
    --col-width: 260px;   /* approx width of each column */
    --col-height: 560px;  /* max height before wrapping to next column */
    --row-gap: 20px;
    --col-gap: 20px;
}

/* make ONLY the top-level UL a flex column-wrap container */
.product-categories-list > ul {
    display: flex;
    flex-direction: column;   /* fill top-to-bottom first */
    flex-wrap: wrap;          /* then wrap into new column */
    align-content: flex-start;/* pack columns from the start */
    gap: var(--row-gap) var(--col-gap);
    max-height: var(--col-height); /* sets the column height */
    margin: 0;
    padding: 0;
}

/* each parent category (LI) becomes a "block" in the column */
.product-categories-list > ul > li {
    flex: 0 0 auto;
    width: var(--col-width);  /* controls how many columns fit */
    break-inside: avoid;      /* avoid splitting complex items */
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* keep child ULs as simple single-column lists */
.product-categories-list ul ul {
    display: block;                 /* ensure normal flow */
    margin: 8px 0 10px 0;
    padding-inline-start: 1rem;     /* indent; RTL-safe */
    column-count: 1 !important;     /* guard against theme columns */
}

/* responsive: collapse to a single column on narrow screens */
@media (max-width: 700px) {
  .product-categories-list > ul {
    max-height: none;       /* no wrapping by height */
    flex-wrap: nowrap;      /* single column */
  }
  .product-categories-list > ul > li {
    width: 100%;
  }
}


/* Woocommerce alert */
        .woocommerce-notices-wrapper {
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 99;
        }
        .woocommerce-message {
            border-top-color: #b18e66;
        }

        .woocommerce-error, .woocommerce-info, .woocommerce-message {
            padding: 1em 3.5em 1em 2em;
            margin: auto;
            position: relative;
            background-color: #ffffff73;
            color: #515151;
            border-top: 0px solid #720eec;
            list-style: none outside;
            width: auto;
            word-wrap: break-word;
            /* z-index: 9; */
            backdrop-filter: blur(5px);
            box-shadow: inset 0px 15px 25px white;
            box-shadow: inset -5px -5px 20px #00000026;
        }
        a.button.wc-forward {
            border-radius: 20px;
        }

/* Woocommerce */
    button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
        background: var( --e-global-color-accent );
        border: 1px solid var( --e-global-color-accent );
        font-size: 18px;
        transition: all .3s ease-in-out;
        border-radius: 10px;
    }

    button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
        background: transparent;
    }
    .wc-block-components-checkout-place-order-button__text{
        color: white;
        transition: all .3s ease-in-out;

    }
        .page-id-70 .wc-block-components-order-summary-item__description{
            align-content: center;

        }
        .page-id-70 .span.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price, .page-id-70 .wc-block-components-product-metadata, .page-id-70 .wc-block-components-product-metadata__description{
            display: none;
        }
        .page-id-70 .wc-block-components-order-summary .wc-block-components-order-summary-item__image, .page-id-70 .wc-block-components-order-summary .wc-block-components-order-summary-item__description{
            padding-bottom: 0;
        }
        button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover .wc-block-components-checkout-place-order-button__text {
                color: black;
        }
        .woocommerce-additional-fields__field-wrapper {
                margin-bottom: 20px;
        }
        body.page-id-72 {
                font-family: 'crag', sans-serif;
        }
        #event_fields h3{
            margin-bottom: 0;

        }
        .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1{
            margin: 0!important;
        }
        .elementor-widget-woocommerce-checkout-page a {
            color: var(--e-global-color-primary) !important;
        }

        button.single_add_to_cart_button.button.alt {
            margin: 0 !important;
        }

        .e-checkout__order_review {
            box-shadow: 0px 8px 24px #0000001c;
            background-color: hsla(26, 0%, 100%, 1);
            background-image:
                radial-gradient(at 64% 1%, hsla(0, 0%, 100%, 1) 0px, transparent 50%),
                radial-gradient(at 92% 10%, hsla(188, 0%, 100%, 1) 0px, transparent 50%),
                radial-gradient(at 0% 41%, hsla(355, 0%, 100%, 1) 0px, transparent 50%),
                radial-gradient(at 39% 60%, hsla(32, 32%, 54%, 0.1) 0px, transparent 50%),
                radial-gradient(at 0% 100%, hsla(32, 32%, 54%, 0.1) 0px, transparent 50%),
                radial-gradient(at 99% 99%, hsla(240, 0%, 100%, 1) 0px, transparent 50%),
                radial-gradient(at 0% 0%, hsla(32, 32%, 54%, 0.35) 0px, transparent 50%) !important;
        }

        .wc-product-note-outside {font-family: 'crag', sans-serif; transition: all .3s ease;}
        .wc-product-note-outside .input-text:hover, .wc-product-note-outside .input-text:focus, .wc-product-note-outside .input-text:focus-visible {background: white; border: 1px solid #bcbcbc; }
        .wc-product-note-outside .input-text, 
        .wc-product-note-outside textarea { background: #f7f7f7; width: 100%; max-width: 500px; border-radius: 10px; border: 1px solid #d5d8dc; }
        .elementor-menu-cart__product .variation{font-family: 'crag', sans-serif;}
        dl.variation {
            font-size: 14px;
            display: flex
        ;
            font-weight: 400;
        }
        dd.variation- {
            margin-right: 10px;
        }

/* CART */
        .elementor-menu-cart__subtotal {
            display: none;
        }
        .elementor-menu-cart__product-image img{
            border-radius: 10px!important;
        }
        .elementor-widget-woocommerce-cart .woocommerce .input-text.qty{
            border-radius: 5px!important;
            min-height: 40px!important;
            max-height: 50px!important;
            text-align: center!important;
        }
        .elementor-menu-cart__products{
/*            overflow-y: clip;*/
        }
        .single_add_to_cart_button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            /* space between icon and text */
        }

        .single_add_to_cart_button::before {
            content: "";
            display: inline-block;
            width: 20px;
            /* adjust size */
            height: 20px;
            background: url('/wp-content/uploads/2025/07/add-to-cart-icon.svg') no-repeat center center;
            background-size: contain;
            transform: translateY(5px) translateX(5px);
        }
        span.woocommerce-Price-amount.amount {display: none;}
        span.product-quantity::after {
            content: "\00a0 יח'";
            display: inline-block;
            width: 20px;
            /* adjust size */
/*            transform: translateY(5px) translateX(5px);*/
        }
        th.product-name {
            font-size: 18px !important;
        }
        .woocommerce a.remove{
            font-size: 2em;
        }
        .cart_totals.calculated_shipping table.shop_table.shop_table_responsive, .cart_totals.calculated_shipping h2 {
            display: none;
        }
        .cart_totals h2  {
            display: none;
        }
        .cart_totals table.shop_table.shop_table_responsive {
            display: none;
        }
        button#place_order{
            font-family: "crag", sans-serif;
            font-size: 1.2em;
        }
        .woocommerce-additional-fields {
            display: flex !important;
            flex-direction: column-reverse;
        }



.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward){color:var(--e-global-color-primary)!important;}
.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):hover{color:var( --e-global-color-secondary )!important;}
        
.elementor-slideshow__title{
    display: none;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu{
    justify-content: space-between;
    width: 100%;
}

#catalog span{
/*    color: var( --e-global-color-accent );*/
    font-weight: bold;
}

.slide-nav nav > ul {
    justify-content: space-between;
}
.slide-nav nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li {
    position: relative;
    z-index: 1;
    flex-grow:0;
}
.slide-nav nav > ul > li::before {
    content:'';
    position:absolute;
    width: 100%;
    height:2px; /* How thick the line is */
    background: linear-gradient(270deg, #B18E66, #B18E66); /* Color of the line */
    transition: transform 0.7s cubic-bezier(1, 0, 0, 1); /* Adjust the transition duration and timing function here , use website cubic-bezier.com for a fancy timing function */
    bottom:4px; /* Vertical positioning of the line*/
    opacity: 1 !important; /* !important is only needed for nav menu element , you can delete it for the others */
    left:0;
    z-index: -3;
    transform: scaleX(0);
    transform-origin:left;
}
.slide-nav nav > ul > li:hover::before {
    transform:scaleX(1);
    transform-origin:right; 
}
.slide-nav nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li > a {
margin-inline-end:0px;
margin-inline-start:0px;
}
.slide-nav .elementor-nav-menu:after {
    content: none;
}

.slide-nav-v nav > ul {
display: flex;
flex-direction: column;
align-items: center;
}




/*
.elementor-31 .elementor-element.elementor-element-9d58c45 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before {
    background: linear-gradient(270deg, #bfdcd4, #f5c0c2);
}
.e--pointer-overline .elementor-item:before {
    top: 45px!important;
}
*/

.divider{
    width: 100%;
    height: 5px;
    
}

.reveal{
    --speed: .5s !important;
    animation: none !important;
}
.reveal > *{
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) !important;
    transition: all var(--speed) ease-in-out !important;
}
.reveal.animated > *{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;

}

.reveal-up{
        --speed: 2s !important;
        animation: none !important;
    }
    .reveal-up > *{
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%) !important;
        transition: all var(--speed) ease-in-out !important;
    }
    .reveal-up.animated > *{
        clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0) !important;

    }

        .reveal-left{
            --speed: 2s !important;
            animation: none !important;
        }
        .reveal-left > *{
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%) !important;
            transition: all var(--speed) ease-in-out !important;
        }
        .reveal-left.animated > *{
            clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%) !important;

        }



/*
p {
    margin: 0!important;
}
*/


 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

.elementor-widget-woocommerce-product-content span {
    font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
}


/*
#elementor-popup-modal-40 .dialog-widget-content{
    opacity: .97;
}
.close-popup{cursor: pointer;
}
*/

.elementor-field-type-acceptance {
    order: 2;
}


.ctn-btn{
    border: 1px solid #121212;
    width: 200px;
    height: 200px;
    justify-content: center;
    display: flex;
    border-radius: 100%;
    font-family: 'Heebo', Sans-Serif;
    font-size: 18px
}
.ctn-btn span {
    margin: auto;
    color: #121212;
    transition: letter-spacing .3s ease-in-out;
}
.ctn-btn:hover span{
    letter-spacing: 4px;
}

.rotate {
  -webkit-animation: rotate 15s normal linear infinite;
  animation: rotate 15s normal linear infinite;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}


input#form-field-name:focus, input#form-field-phone:focus, input#form-field-email:focus {
    color: #D7C6BF;
    border-bottom: 1px solid #D7C6BF;
    }

input::placeholder {
    text-align: right;
    transition: opacity .3s ease;
}

input:focus::placeholder {
    opacity: 1 !important;
}


/*DESKTOP ONLY*/
@media only screen and (min-width: 769px) {

        .shrinking-logo img {
            width: 100px !important;
        }

        .shrinker.elementor-sticky--effects img {
            width: 50px !important;
        }
        .wc-block-checkout__sidebar.is-sticky{
            top: 150px;
        }
    
}

TABLET ONLY*/
@media (max-width: 1024px) and (min-width: 768px) {

}


/* Media query for small screens (e.g., mobile) */
@media only screen and (max-width: 600px) {
    .woocommerce-message a.button.wc-forward {
    display: none;
}
}

/* Media query for medium screens (e.g., tablets) */
@media only screen and (min-width: 768px) {
    
}

/* Media query for large screens (e.g., desktops) */
@media only screen and (min-width: 1024px) {
    
}
/*****************************************************************************/