/* 
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
*/

/* Prevent the full-width culture carousel from creating horizontal page scroll. */
body.page-id-5808 {
    overflow-x: clip;
}

/* Arbel mobile home hero: full-bleed video directly below the header. */
@media (max-width: 767px) {
    body.home {
        overflow-x: clip;
    }

    body.home .elementor-6944 {
        margin-top: -20px !important;
    }

    body.home .elementor-element.elementor-element-d8138eb {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box;
    }

    body.home .elementor-element.elementor-element-d8138eb > .elementor-background-video-container {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    body.home .elementor-element.elementor-element-d8138eb .elementor-background-video-hosted {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        transform: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* Arbel mobile refinements batch — home, about, careers, contact and energy gallery. */
@media (max-width: 767px) {
    /* Home: three larger principle icons with tighter spacing. */
    body.page-id-6944 .elementor-6944 .elementor-element-54d3727 .swiper-slide {
        width: calc((100vw - 24px) / 3) !important;
        min-width: calc((100vw - 24px) / 3) !important;
        max-width: calc((100vw - 24px) / 3) !important;
        flex: 0 0 calc((100vw - 24px) / 3) !important;
        margin: 0 0 0 8px !important;
    }

    body.page-id-6944 .elementor-6944 .elementor-element-54d3727 .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* Home: activities and FAQ typography. */
    body.page-id-6944 .arbel-activity-card h3 {
        font-size: 22px !important;
    }

    body.page-id-6944 .arbel-activity-card p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body.page-id-6944 .arbel-why-content > h2 {
        font-size: 29px !important;
    }

    body.page-id-6944 .arbel-why-list summary {
        font-size: 19px !important;
    }

    body.page-id-6944 .arbel-faq-list summary {
        font-size: 17px !important;
    }

    /* About: founder copy, facts, vision and full-service section. */
    body.page-id-6853 .arbel-about-modern .ab-founder .ab-copy > p:not(:first-child) {
        font-size: 15px !important;
    }

    body.page-id-6853 .arbel-about-modern .ab-facts > div {
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 15px !important;
        padding-top: 10px !important;
    }

    body.page-id-6853 .arbel-about-modern .ab-vision h2,
    body.page-id-6853 .arbel-about-modern .ab-why h2 {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    body.page-id-6853 .arbel-about-modern .ab-vision p,
    body.page-id-6853 .arbel-about-modern .ab-why p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* Careers: jobs background. */
    body.page-id-5808 .arbel-jobs {
        background: #F8ECDB !important;
    }

    /* Contact: sand section and energy-page form treatment. */
    body.page-id-22 .elementor-element-6174e4f,
    body.page-id-22 .elementor-element-6174e4f > .e-con-inner,
    body.page-id-22 .elementor-element-0696393 {
        background: #F8ECDB !important;
        background-color: #F8ECDB !important;
    }

    body.page-id-22 .elementor-element-4ac61bf {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-form-fields-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field-group,
    body.page-id-22 .elementor-element-4ac61bf .elementor-col-50,
    body.page-id-22 .elementor-element-4ac61bf .elementor-col-100 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field-label:not(.elementor-screen-only) {
        display: block !important;
        margin: 0 0 7px !important;
        color: #171717 !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field {
        min-height: 55px !important;
        padding: 14px 18px !important;
        border: 1px solid #DCC7AA !important;
        border-radius: 10px !important;
        background: #FFFFFF !important;
        color: #171717 !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 16px !important;
    }

    body.page-id-22 .elementor-element-4ac61bf textarea.elementor-field {
        min-height: 125px !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field::placeholder {
        color: #756B60 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-button {
        width: 100% !important;
        min-height: 54px !important;
        padding: 15px 28px !important;
        border-radius: 8px !important;
        background: #E77C14 !important;
        color: #FFFFFF !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 17px !important;
        font-weight: 800 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .energy-consent {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #171717 !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .energy-consent input {
        width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        flex: 0 0 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .energy-consent a {
        color: #E77C14 !important;
        text-decoration: underline !important;
    }
}

/* Energy page: a dedicated seamless loop that cannot be overridden by older rules. */
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window {
    overflow: hidden !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track {
    animation: arbelEnergyGalleryLoopFinal 30s linear infinite !important;
    animation-play-state: running !important;
    animation-iteration-count: infinite !important;
    will-change: transform !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track:hover {
    animation-play-state: running !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window .swiper-pagination,
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window [class*="counter"],
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window [class*="pagination"] {
    display: none !important;
}

@keyframes arbelEnergyGalleryLoopFinal {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(-50% - 9px), 0, 0);
    }
}


/* Arbel requested mobile refinements follow-up */
@media (max-width: 767px) {
    /* Careers: extend the requested cream background across the complete jobs section. */
    body.page-id-5808 .elementor-element.elementor-element-8cb8521,
    body.page-id-5808 .elementor-element.elementor-element-8cb8521 > .e-con-inner,
    body.page-id-5808 .elementor-element.elementor-element-1dba9e1,
    body.page-id-5808 .elementor-element.elementor-element-d39af1b,
    body.page-id-5808 .arbel-jobs {
        background-color: #F8ECDB !important;
    }

    /* Contact: compact field typography and keep Hebrew phone text aligned right. */
    body.page-id-22 .elementor-element-4ac61bf .elementor-field {
        font-size: 14px !important;
    }

    body.page-id-22 .elementor-element-4ac61bf #form-field-field_e9a2e4c,
    body.page-id-22 .elementor-element-4ac61bf #form-field-field_e9a2e4c::placeholder {
        direction: rtl !important;
        text-align: right !important;
    }

    /* Contact inquiry select: custom arrow inset from the left edge. */
    body.page-id-22 .elementor-element-4ac61bf #contact-form-field-inquiry {
        -webkit-appearance: none !important;
        appearance: none !important;
        padding-left: 46px !important;
        background-color: #fff !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23E77C14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-position: left 18px center !important;
        background-size: 14px 9px !important;
        background-repeat: no-repeat !important;
    }
}


/* Energy gallery service-carousel alignment fix */
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window {
    overflow: hidden !important;
    direction: ltr !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track {
    display: flex !important;
    gap: 16px !important;
    width: max-content !important;
    direction: ltr !important;
    animation: arbelEnergyGalleryServiceLoop 30s linear infinite !important;
    animation-play-state: running !important;
    animation-iteration-count: infinite !important;
    will-change: transform !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window:hover .arbel-energy-gallery-track,
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track:hover {
    animation-play-state: running !important;
}

@keyframes arbelEnergyGalleryServiceLoop {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(-50% - 8px), 0, 0);
    }
}


/* Arbel floating contact controls */
.uwy #userwayAccessibilityIcon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
}

.uwy #userwayAccessibilityIcon .uiiw,
.uwy #userwayAccessibilityIcon .ups {
    transform: scale(.82) !important;
    transform-origin: center !important;
}

.arbel-global-whatsapp {
    position: fixed !important;
    right: 22px !important;
    left: auto !important;
    bottom: max(22px, env(safe-area-inset-bottom)) !important;
    z-index: 9998 !important;
    width: 56px !important;
    height: 56px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #E77C14 !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease !important;
}

/* 
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
*/

/* Prevent the full-width culture carousel from creating horizontal page scroll. */
body.page-id-5808 {
    overflow-x: clip;
}

/* Arbel mobile home hero: full-bleed video directly below the header. */
@media (max-width: 767px) {
    body.home {
        overflow-x: clip;
    }

    body.home .elementor-6944 {
        margin-top: -20px !important;
    }

    body.home .elementor-element.elementor-element-d8138eb {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box;
    }

    body.home .elementor-element.elementor-element-d8138eb > .elementor-background-video-container {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    body.home .elementor-element.elementor-element-d8138eb .elementor-background-video-hosted {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        transform: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* Arbel mobile refinements batch — home, about, careers, contact and energy gallery. */
@media (max-width: 767px) {
    /* Home: three larger principle icons with tighter spacing. */
    body.page-id-6944 .elementor-6944 .elementor-element-54d3727 .swiper-slide {
        width: calc((100vw - 24px) / 3) !important;
        min-width: calc((100vw - 24px) / 3) !important;
        max-width: calc((100vw - 24px) / 3) !important;
        flex: 0 0 calc((100vw - 24px) / 3) !important;
        margin: 0 0 0 8px !important;
    }

    body.page-id-6944 .elementor-6944 .elementor-element-54d3727 .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* Home: activities and FAQ typography. */
    body.page-id-6944 .arbel-activity-card h3 {
        font-size: 22px !important;
    }

    body.page-id-6944 .arbel-activity-card p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body.page-id-6944 .arbel-why-content > h2 {
        font-size: 29px !important;
    }

    body.page-id-6944 .arbel-why-list summary {
        font-size: 19px !important;
    }

    body.page-id-6944 .arbel-faq-list summary {
        font-size: 17px !important;
    }

    /* About: founder copy, facts, vision and full-service section. */
    body.page-id-6853 .arbel-about-modern .ab-founder .ab-copy > p:not(:first-child) {
        font-size: 15px !important;
    }

    body.page-id-6853 .arbel-about-modern .ab-facts > div {
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 15px !important;
        padding-top: 10px !important;
    }

    body.page-id-6853 .arbel-about-modern .ab-vision h2,
    body.page-id-6853 .arbel-about-modern .ab-why h2 {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    body.page-id-6853 .arbel-about-modern .ab-vision p,
    body.page-id-6853 .arbel-about-modern .ab-why p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* Careers: jobs background. */
    body.page-id-5808 .arbel-jobs {
        background: #F8ECDB !important;
    }

    /* Contact: sand section and energy-page form treatment. */
    body.page-id-22 .elementor-element-6174e4f,
    body.page-id-22 .elementor-element-6174e4f > .e-con-inner,
    body.page-id-22 .elementor-element-0696393 {
        background: #F8ECDB !important;
        background-color: #F8ECDB !important;
    }

    body.page-id-22 .elementor-element-4ac61bf {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-form-fields-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field-group,
    body.page-id-22 .elementor-element-4ac61bf .elementor-col-50,
    body.page-id-22 .elementor-element-4ac61bf .elementor-col-100 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field-label:not(.elementor-screen-only) {
        display: block !important;
        margin: 0 0 7px !important;
        color: #171717 !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field {
        min-height: 55px !important;
        padding: 14px 18px !important;
        border: 1px solid #DCC7AA !important;
        border-radius: 10px !important;
        background: #FFFFFF !important;
        color: #171717 !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 16px !important;
    }

    body.page-id-22 .elementor-element-4ac61bf textarea.elementor-field {
        min-height: 125px !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-field::placeholder {
        color: #756B60 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .elementor-button {
        width: 100% !important;
        min-height: 54px !important;
        padding: 15px 28px !important;
        border-radius: 8px !important;
        background: #E77C14 !important;
        color: #FFFFFF !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 17px !important;
        font-weight: 800 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .energy-consent {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #171717 !important;
        font-family: "ArbelSimplerPro", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .energy-consent input {
        width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        flex: 0 0 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-22 .elementor-element-4ac61bf .energy-consent a {
        color: #E77C14 !important;
        text-decoration: underline !important;
    }
}

/* Energy page: a dedicated seamless loop that cannot be overridden by older rules. */
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window {
    overflow: hidden !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track {
    animation: arbelEnergyGalleryLoopFinal 30s linear infinite !important;
    animation-play-state: running !important;
    animation-iteration-count: infinite !important;
    will-change: transform !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track:hover {
    animation-play-state: running !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window .swiper-pagination,
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window [class*="counter"],
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window [class*="pagination"] {
    display: none !important;
}

@keyframes arbelEnergyGalleryLoopFinal {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(-50% - 9px), 0, 0);
    }
}


/* Arbel requested mobile refinements follow-up */
@media (max-width: 767px) {
    /* Careers: extend the requested cream background across the complete jobs section. */
    body.page-id-5808 .elementor-element.elementor-element-8cb8521,
    body.page-id-5808 .elementor-element.elementor-element-8cb8521 > .e-con-inner,
    body.page-id-5808 .elementor-element.elementor-element-1dba9e1,
    body.page-id-5808 .elementor-element.elementor-element-d39af1b,
    body.page-id-5808 .arbel-jobs {
        background-color: #F8ECDB !important;
    }

    /* Contact: compact field typography and keep Hebrew phone text aligned right. */
    body.page-id-22 .elementor-element-4ac61bf .elementor-field {
        font-size: 14px !important;
    }

    body.page-id-22 .elementor-element-4ac61bf #form-field-field_e9a2e4c,
    body.page-id-22 .elementor-element-4ac61bf #form-field-field_e9a2e4c::placeholder {
        direction: rtl !important;
        text-align: right !important;
    }

    /* Contact inquiry select: custom arrow inset from the left edge. */
    body.page-id-22 .elementor-element-4ac61bf #contact-form-field-inquiry {
        -webkit-appearance: none !important;
        appearance: none !important;
        padding-left: 46px !important;
        background-color: #fff !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23E77C14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-position: left 18px center !important;
        background-size: 14px 9px !important;
        background-repeat: no-repeat !important;
    }
}


/* Energy gallery service-carousel alignment fix */
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window {
    overflow: hidden !important;
    direction: ltr !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track {
    display: flex !important;
    gap: 16px !important;
    width: max-content !important;
    direction: ltr !important;
    animation: arbelEnergyGalleryServiceLoop 30s linear infinite !important;
    animation-play-state: running !important;
    animation-iteration-count: infinite !important;
    will-change: transform !important;
}

body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-window:hover .arbel-energy-gallery-track,
body.page-id-6857 #arbel-energy-page .arbel-energy-gallery-track:hover {
    animation-play-state: running !important;
}

@keyframes arbelEnergyGalleryServiceLoop {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(-50% - 8px), 0, 0);
    }
}


/* Arbel floating contact controls */
.uwy #userwayAccessibilityIcon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
}

.uwy #userwayAccessibilityIcon .uiiw,
.uwy #userwayAccessibilityIcon .ups {
    transform: scale(.82) !important;
    transform-origin: center !important;
}

.arbel-global-whatsapp {
    position: fixed !important;
    right: 22px !important;
    left: auto !important;
    bottom: max(22px, env(safe-area-inset-bottom)) !important;
    z-index: 9998 !important;
    width: 56px !important;
    height: 56px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #E77C14 !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease !important;
}

.arbel-global-whatsapp:hover,
.arbel-global-whatsapp:focus-visible {
    background: #d96f0d !important;
    transform: translateY(-3px) scale(1.04) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

.arbel-global-whatsapp svg {
    width: 31px !important;
    height: 31px !important;
    display: block !important;
    fill: currentColor !important;
}

@media (max-width: 767px) {
    .uwy #userwayAccessibilityIcon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }

    .arbel-global-whatsapp {
        right: 16px !important;
        bottom: max(18px, env(safe-area-inset-bottom)) !important;
        width: 52px !important;
        height: 52px !important;
    }

    .arbel-global-whatsapp svg {
        width: 28px !important;
        height: 28px !important;
    }
}


/* Ensure the global WhatsApp shortcut stays visible above legacy inline rules. */
html body .arbel-global-whatsapp {
    display: grid !important;
}


/* 2026-08-30: smaller accessibility control and separated WhatsApp position. */
html body .uwy #userwayAccessibilityIcon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

html body .uwy #userwayAccessibilityIcon .uiiw,
html body .uwy #userwayAccessibilityIcon .ups {
    transform: scale(.70) !important;
    transform-origin: center !important;
}

html body .arbel-global-whatsapp {
    bottom: max(92px, env(safe-area-inset-bottom)) !important;
}

@media (max-width: 767px) {
    html body .uwy #userwayAccessibilityIcon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    html body .arbel-global-whatsapp {
        bottom: max(82px, env(safe-area-inset-bottom)) !important;
    }
}