.whatsapp-btn {
	position: relative;
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	background-color: #25D366;
	color: white;
	padding: 10px 20px;
	border-radius: 10px;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	transition: background-color 0.3s ease;
}
.whatsapp-btn i.fa {
	font-size: 18px;
}

.whatsapp-btn:hover {
	background-color: #128C7E;
	text-decoration: none;
	color:white;

}

/* ====================================
   WordPress Login Page Styling
   ================================== */
body.login {
    background-color: #FFB8E5;
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding: 0;
}

#login {
    width: 380px !important;
    padding: 2% 0 0 !important;
    margin: 0 auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

#login h1 a {
    background-image: url('/wp-content/uploads/2024/04/hanut-haiot2-4-1-Traced-1.png') !important;
    width: 320px;
    height: 80px;
    background-size: 320px 80px;
}

.login form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 26px 24px 34px;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.login #loginform input[type="text"],
.login #loginform input[type="password"] {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.login #wp-submit {
    background-color: #FF689A;
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
}

.login #wp-submit:hover {
    background-color: #FFB8E5;
}

.login .message {
    border-radius: 10px;
}

.login #nav {
    color: #ffffff !important;
    font-size: 18px !important;
    text-align: center;
    margin: 24px 0 0 0;
    padding: 0 24px;
}

.login #nav a {
    color: #ffffff !important;
    font-size: 18px !important;
    text-decoration: none;
}

.login #nav a:hover {
    text-decoration: underline;
}

/* ====================================
   WooCommerce Customer Login Form Styling
   ================================== */

/* Container div for login form - respect column layout */
.woocommerce .u-column1,
.woocommerce-account .u-column1,
.u-column1.col-1 {
    margin: 0 !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* Form containers - login and registration - stronger selectors to override theme CSS */
.woocommerce .woocommerce-form.woocommerce-form-login.login,
.woocommerce-account .woocommerce-form-login,
.woocommerce form.woocommerce-form-login,
form.woocommerce-form.woocommerce-form-login.login,
.woocommerce .woocommerce-form.woocommerce-form-register.register,
.woocommerce-account .woocommerce-form-register,
.woocommerce form.woocommerce-form-register,
form.woocommerce-form.woocommerce-form-register.register {
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
    padding: 26px 24px 34px !important;
    margin-bottom: 2em !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative !important;
    overflow: visible !important;
    min-height: auto !important;
    height: auto !important;
}

/* Form rows - stronger selectors to override theme CSS */
.woocommerce .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-login .form-row,
form.woocommerce-form-login .form-row {
    margin-bottom: 1.5em !important;
    width: 100% !important;
    max-width: none !important;
}

/* Fix paragraph positioning within forms */
.woocommerce-form-login p,
.woocommerce-form-register p,
.woocommerce .woocommerce-form-login p,
.woocommerce .woocommerce-form-register p,
.woocommerce-account .woocommerce-form-login p,
.woocommerce-account .woocommerce-form-register p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Labels */
.woocommerce-form-login label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0.5em;
    display: block;
    color: #333;
}

/* Input fields - login and registration - stronger selectors to override theme CSS */
.woocommerce .woocommerce-form-login .woocommerce-Input,
.woocommerce .woocommerce-form-login .input-text,
.woocommerce-account .woocommerce-form-login .woocommerce-Input,
.woocommerce-account .woocommerce-form-login .input-text,
form.woocommerce-form-login .woocommerce-Input,
form.woocommerce-form-login .input-text,
.woocommerce .woocommerce-form-register .woocommerce-Input,
.woocommerce .woocommerce-form-register .input-text,
.woocommerce-account .woocommerce-form-register .woocommerce-Input,
.woocommerce-account .woocommerce-form-register .input-text,
form.woocommerce-form-register .woocommerce-Input,
form.woocommerce-form-register .input-text {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 12px 15px !important;
    border: 2px solid #e1e1e1 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    transition: border-color 0.3s ease !important;
    background-color: #fff !important;
    position: relative !important;
    z-index: 1 !important;
}

.woocommerce .woocommerce-form-login .woocommerce-Input:focus,
.woocommerce .woocommerce-form-login .input-text:focus,
.woocommerce-account .woocommerce-form-login .woocommerce-Input:focus,
.woocommerce-account .woocommerce-form-login .input-text:focus,
form.woocommerce-form-login .woocommerce-Input:focus,
form.woocommerce-form-login .input-text:focus,
.woocommerce .woocommerce-form-register .woocommerce-Input:focus,
.woocommerce .woocommerce-form-register .input-text:focus,
.woocommerce-account .woocommerce-form-register .woocommerce-Input:focus,
.woocommerce-account .woocommerce-form-register .input-text:focus,
form.woocommerce-form-register .woocommerce-Input:focus,
form.woocommerce-form-register .input-text:focus {
    border-color: #FF689A !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(255, 104, 154, 0.3) !important;
}

/* Login and Registration buttons */
.woocommerce-form-login .woocommerce-button,
.woocommerce-form-login .button,
.woocommerce-form-login-__submit,
.woocommerce-form-register .woocommerce-button,
.woocommerce-form-register .button,
.woocommerce-form-register-__submit {
    background-color: #FF689A !important;
    border: none !important;
    border-radius: 25px;
    color: #fff !important;
    font-size: 16px;
    padding: 12px 25px !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 600;
    min-width: 150px;
    margin-right: 1em;
    position: relative !important;
    z-index: 1 !important;
}

.woocommerce-form-login .woocommerce-button:hover,
.woocommerce-form-login .button:hover,
.woocommerce-form-register .woocommerce-button:hover,
.woocommerce-form-register .button:hover {
    background-color: #FFB8E5 !important;
    color: #fff !important;
    text-decoration: none;
}

/* Remember me checkbox */
.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 1em;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: auto !important;
    margin: 0;
}

.woocommerce-form-login__rememberme span {
    font-size: 14px;
    color: #666;
}

/* Lost password link */
.woocommerce-LostPassword a {
    color: #FF689A;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.woocommerce-LostPassword a:hover {
    color: #333;
    text-decoration: underline;
}

/* Password input with show/hide - WooCommerce forms */
.password-input {
    position: relative !important;
    display: block;
}

/* Ensure password input containers are positioned to contain show/hide buttons */
.woocommerce-form-login .password-input,
.woocommerce-form-register .password-input,
.woocommerce .password-input,
span.password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ensure password inputs have space for the show/hide button */
span.password-input input[type="password"],
.password-input input[type="password"] {
    width: 100% !important;
    padding-right: 45px !important;
    box-sizing: border-box !important;
}

/* RTL: Adjust padding for Hebrew */
html[dir="rtl"] span.password-input input[type="password"],
html[dir="rtl"] .password-input input[type="password"],
html[lang="he-IL"] span.password-input input[type="password"],
html[lang="he-IL"] .password-input input[type="password"],
html[lang="he"] span.password-input input[type="password"],
html[lang="he"] .password-input input[type="password"] {
    padding-right: 15px !important;
    padding-left: 45px !important;
}

/* Fix show/hide password button positioning for WooCommerce forms */
.woocommerce-form-login .show-password-input,
.woocommerce-form-register .show-password-input,
.woocommerce .show-password-input,
.password-input .show-password-input,
span.password-input .show-password-input {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    color: #999 !important;
    font-size: 16px !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* LTR positioning (Russian/English) */
.woocommerce-form-login .show-password-input,
.woocommerce-form-register .show-password-input,
.woocommerce .show-password-input,
.password-input .show-password-input,
span.password-input .show-password-input {
    right: 10px !important;
    left: auto !important;
}

/* RTL positioning (Hebrew) */
html[dir="rtl"] .woocommerce-form-login .show-password-input,
html[dir="rtl"] .woocommerce-form-register .show-password-input,
html[dir="rtl"] .woocommerce .show-password-input,
html[dir="rtl"] .password-input .show-password-input,
html[dir="rtl"] span.password-input .show-password-input,
html[lang="he-IL"] .woocommerce-form-login .show-password-input,
html[lang="he-IL"] .woocommerce-form-register .show-password-input,
html[lang="he-IL"] .woocommerce .show-password-input,
html[lang="he-IL"] .password-input .show-password-input,
html[lang="he-IL"] span.password-input .show-password-input,
html[lang="he"] .woocommerce-form-login .show-password-input,
html[lang="he"] .woocommerce-form-register .show-password-input,
html[lang="he"] .woocommerce .show-password-input,
html[lang="he"] .password-input .show-password-input,
html[lang="he"] span.password-input .show-password-input {
    left: 10px !important;
    right: auto !important;
}

/* Required asterisk */
.required {
    color: #FF689A !important;
    font-weight: 700;
}

/* Form row with button */
.woocommerce-form-login .form-row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .woocommerce-form-login {
        padding: 20px 15px;
        margin: 0 10px 2em 10px;
    }
    
    .woocommerce-form-login .form-row:last-child {
        flex-direction: column;
        align-items: stretch;
    }
    
    .woocommerce-form-login .woocommerce-button,
    .woocommerce-form-login .button {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    
    /* WordPress Login Page Mobile Responsive */
    #login {
        width: 90%;
        max-width: 380px;
        padding: 5% 0 0;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 20px auto;
    }
    
    body.login {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ====================================
   CRITICAL FIX: Force form content to stay within containers
   ================================== */
   
   
/* Ensure all form elements are contained within their white background cards */
.woocommerce-form-login *,
.woocommerce-form-register *,
.woocommerce .woocommerce-form-login *,
.woocommerce .woocommerce-form-register *,
.woocommerce-account .woocommerce-form-login *,
.woocommerce-account .woocommerce-form-register * {
    position: relative !important;
    box-sizing: border-box !important;
}

/* Ensure form containers contain all their content */
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    contain: layout style !important;
    display: block !important;
    position: relative !important;
    overflow: visible !important;
}

/* Force form content to respect boundaries */
.woocommerce-form-login > *,
.woocommerce-form-register > * {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 1em !important;
}

/* ====================================
   RTL/LTR WooCommerce Account Navigation Padding
   ================================== */

/* Default LTR (Left-To-Right) - Russian/English */
.woocommerce-account .woocommerce-MyAccount-navigation {
    padding-right: 20px !important;
    padding-left: 0 !important;
}

/* RTL (Right-To-Left) - Hebrew */
html[dir="rtl"] .woocommerce-account .woocommerce-MyAccount-navigation {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

/* Alternative RTL selector for Hebrew language */
html[lang="he-IL"] .woocommerce-account .woocommerce-MyAccount-navigation,
html[lang="he"] .woocommerce-account .woocommerce-MyAccount-navigation {
    padding-left: 20px !important;
    padding-right: 0 !important;
}


/* ========== header ========== */
.container-header {
    display: flex;
}
.container-header .main-header-content { }



.accessability_container  button.aicon_link {
    width:42px !important;
    height:42px !important;


    background-color: #236478 !important;
padding-left: 6px !important;
padding-bottom: 6px !important;
padding-top: 4px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border:0px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;

    border-image-width: 0px !important;
    border-image-outset: 0px !important;
    border-image-repeat: stretch !important;
    border-image-slice: 100% !important;
    border-image-source: none !important;
    border-image-width: 0px !important;
    border-image-outset: 0px !important;
    border-image-repeat: stretch !important;
    border-image-slice: 100% !important;
}
.accessability_container  button.aicon_link img {
    width:32px !important;
    height:32px !important;
}


/* ====================================
   Десктопный переключатель языка
   ================================== */

.language-switcher-desktop {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: white;
    margin-right: 25px;
}
html[dir="rtl"] .language-switcher-desktop {
    margin-left: 25px;
    margin-right: 0px;
}

.language-switcher-desktop .lang-link {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 18px;
    text-decoration:none;
    
}
.language-switcher-desktop .lang-link::first-letter {
    text-transform: uppercase;
  }

.language-switcher-desktop .lang-link:hover {
    color: white;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}

.language-switcher-desktop .lang-link.active {
    color: rgba(255, 255, 255, 1) !important;
font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}

.language-switcher-desktop .separator {
    color: rgba(255, 255, 255, 0.8);
    font-weight: normal;
    margin: 0 8px;
    font-size: 30px;
}

/* ====================================
   Мобильный переключатель языка
   ================================== */

.language-switcher-mobile {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: black;
margin: 0 20px;
}

.language-switcher-mobile .lang-link {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
}

.language-switcher-mobile .lang-link::first-letter {
    text-transform: uppercase;
}

.language-switcher-mobile .lang-link:hover {
    color: black;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}

.language-switcher-mobile .lang-link.active {
    color: rgba(0, 0, 0, 1) !important;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}

.language-switcher-mobile .separator {
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    margin: 0 8px;
    font-size: 20px;
}



/*header desktop cart icon*/



/* RTL Hebrew-specific styles */
html[dir="rtl"],
html[lang="he-IL"],
html[lang="he"] {
    /* Categories alignment */
    .categoriesb {
        justify-content: flex-start !important;
    }

    .woocommerce-shop.ast-left-sidebar #secondary {
        padding-left: 20px !important;
        padding-right: 0px !important;
    }

    /* Product grid layout for Hebrew */
    @media (min-width: 1520px) {
        .woocommerce-shop .products li {
            border-radius: 35px;
            padding-top: 22px !important;
            margin-right: 23px !important;
            margin-bottom: 23px !important;
            width: 340px !important;
            height: 533px;
        }



        .woocommerce-shop .products li:nth-child(3n + 1) {
            margin-right: 0px !important;
        }

        .woocommerce-shop .products li:nth-child(3n) {
            margin-right: 23px !important;
        }
    }



    .woocommerce-shop .products {
        display: flex !important;
        column-gap: 0 !important;
    }

    .widget-area.secondary {
        padding: 0px !important;
        margin-left: 0px !important;
    }

    .ast-left-sidebar #primary {
        padding-right: 0px !important;
    }

    .footer-inf-one li {
        text-align: left !important;
        direction: rtl !important;
    }

    /* RTL animation */
    @keyframes moveLeft {
        0% {
            transform: translateX(-200%);
        }
        100% {
            transform: translateX(120%);
        }
    }

    /* Mobile adjustments for RTL */
    @media (max-width: 768px) {
        .woocommerce-shop .products li {
            margin-right: 0px !important;
        }

        .woocommerce-shop .products li:nth-child(2n) {
            margin-right: calc(1.19vw * var(--margin-multiplier)) !important;
        }

        .wrapper-header-txt {
            animation: moveLeft 30s linear infinite !important;
        }
    }
}

/* Catalog section page.. if product out by filter, hide top zone with category title and footer text */
.woocommerce-shop:has(.products.wpfCurrentProductBlock) .woocommerce-products-header {
    display: none;
}
.woocommerce-shop:has(.products.wpfCurrentProductBlock)  .woocommerce-term-description-2 {
    display: none;
}

.woocommerce-term-description-2 h2 {
    font-weight:500;
    font-size: 22px;
}


.breadcrumbs-wrapper-custom {


}
.breadcrumbs-wrapper-custom nav.woocommerce-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom:15px;
}
.breadcrumbs-wrapper-custom nav a, .breadcrumbs-wrapper-custom nav span  {
    display: inline-block;
    max-width:140px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    color: #363636 !important;
}
@media (max-width: 568px) {
    .breadcrumbs-wrapper-custom nav a,.breadcrumbs-wrapper-custom nav span  {
        font-size: 12px;
        line-height: 15px;
    }
}

/*в фильтре какието пустые п в начале и конце которые делают лишние отступы*/
.ast-filter-wrap {
    display:flex;
}
.ast-filter-wrap p {
    display:none;
}

/*отключчаем выпадалку с сортировками а то она на одном языке показывается, */
/*на другом нет и вроде как вообще лишняя*/
.woocommerce-ordering {
    display:none !important;
}


/* (optional) xxl = ≥1200px */
@media (min-width: 1200px) {
    .container { max-width: 1500px; }
    .container-lg { max-width: 1500px; }
    .container-xl { max-width: 1500px; }
    .container-xxl { max-width: 1500px; }
}