/* AI Customizations: Mobile layout improvements, hiding phone in header, removing red dots, raising chat */

@media screen and (max-width: 767px) {
    /* 1. Hide phone number and phone icon inside the logo link on mobile */
    html body .header-two__logo a:not([href="/"]):not([href=""]):not([href^="/?"]):not([href^="https://mirnasosov.ru"]) {
        display: none !important;
    }
    html body .header-two a[href^="tel"],
    html body .header-two [href*="tel"],
    html body .header-two [class*="phone"],
    html body .header-two [class*="contact"],
    html body .header-two svg[class*="phone"],
    html body .header-two use[xlink\:href*="phone"] {
        display: none !important;
    }

    /* 2. Vertically align and center the logo text and image */
    html body .header-two__logo {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
        float: none !important;
        width: 100% !important;
    }
    
    html body .header-two__logo * {
        text-align: center !important;
        margin: 2px auto !important;
        float: none !important;
        display: block !important;
    }
    
    html body .header-two__logo img {
        display: block !important;
        margin: 0 auto !important;
        max-height: 35px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    html body .header-two__main {
        max-height: none !important;
        height: auto !important;
    }
}

/* 4. Raise JivoChat mobile button above sticky bottom panels (for all screen widths up to 1023px) */
@media screen and (max-width: 1023px) {
    jdiv[class*="jivo"],
    jdiv[class*="wrap__"],
    [class*="jivoMobileButton"],
    #jivo-iframe-container {
        bottom: 65px !important;
        margin-bottom: 0px !important;
    }
}

/* ==========================================================================
   AI Global Customizations (Applies to all screen sizes)
   ========================================================================== */

/* Remove red dots from tabs list and detailed characteristics list */
html body li::before,
html body .footer-block__item_name::before,
html body .footer-block__item_name a::before,
html body .footer-block__item::before,
html body .property-title::before,
html body .detailed-tabs-list__item-name::before,
html body .detailed-tabs-list__item::before,
html body .detailed-tabs-list__item-dots,
html body .detailed-tabs-list__item-name a::before,
html body li::after,
html body .footer-block__item_name::after,
html body .footer-block__item_name a::after,
html body .footer-block__item::after,
html body .property-title::after,
html body .detailed-tabs-list__item-name::after,
html body .detailed-tabs-list__item::after,
html body .detailed-tabs-list__item-name a::after {
    display: none !important;
    content: none !important;
}

html body li,
html body .footer-block__item_name,
html body .footer-block__item_name a,
html body .footer-block__item,
html body .property-title,
html body .detailed-tabs-list__item-name,
html body .detailed-tabs-list__item {
    list-style: none !important;
    list-style-type: none !important;
    background-image: none !important;
}