/* Naswood mobil sabit WhatsApp ve telefon kısayolları.
 * WhatsApp öğesi Simple Chat Button eklentisinden, telefon öğesi bu eklentiden gelir. */
.nwhs-mobile-contact-buttons {
    display: none;
}

@media (max-width: 767px) {
    /* Simple Chat Button eklentisinin mevcut WhatsApp butonunu, Naswood için
       belirlenen mobil konuma taşır. Eklentinin kendi bağlantısı ve ikonu korunur. */
    html body #simple-chat-button--container {
        position: fixed !important;
        top: calc(67% - 31px) !important;
        right: max(14px, env(safe-area-inset-right)) !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 9999 !important;
        display: block !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }

    html body #simple-chat-button--button {
        position: relative !important;
        display: block !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        border: 1px solid rgba(255, 255, 255, .8) !important;
        border-radius: 999px !important;
        background-position: center !important;
        background-size: 38px 38px !important;
        box-shadow: 0 10px 26px rgba(18, 25, 22, .24) !important;
        -webkit-tap-highlight-color: transparent;
    }

    html body #simple-chat-button--text {
        display: none !important;
    }

    .nwhs-mobile-contact-buttons {
        position: fixed;
        top: calc(67% + 31px);
        right: max(14px, env(safe-area-inset-right));
        z-index: 9998;
        display: flex;
        flex-direction: column;
        gap: 10px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .nwhs-mobile-contact-button {
        position: relative;
        display: grid;
        width: 52px;
        height: 52px;
        place-items: center;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .8);
        border-radius: 999px;
        box-shadow: 0 10px 26px rgba(18, 25, 22, .24);
        text-decoration: none !important;
        transform: translateZ(0);
        transition: transform .22s ease, box-shadow .22s ease;
        pointer-events: auto;
        -webkit-tap-highlight-color: transparent;
    }

    .nwhs-mobile-contact-button::after {
        position: absolute;
        inset: 3px;
        border: 1px solid rgba(255, 255, 255, .24);
        border-radius: inherit;
        content: "";
        pointer-events: none;
    }

    .nwhs-mobile-contact-button:active {
        box-shadow: 0 6px 16px rgba(18, 25, 22, .2);
        transform: scale(.94);
    }

    .nwhs-mobile-contact-button:focus-visible,
    html body #simple-chat-button--button:focus-visible {
        outline: 3px solid rgba(204, 138, 86, .42) !important;
        outline-offset: 3px !important;
    }

    .nwhs-mobile-contact-button svg {
        position: relative;
        z-index: 1;
        display: block;
        width: 25px;
        height: 25px;
        fill: currentColor;
    }

    .nwhs-mobile-contact-button--phone {
        background: #333;
        color: #fff !important;
    }
}

@media (max-width: 767px) and (max-height: 560px) {
    html body #simple-chat-button--container {
        top: calc(59% - 27px) !important;
        width: 46px !important;
        height: 46px !important;
    }

    html body #simple-chat-button--button {
        width: 46px !important;
        height: 46px !important;
        background-size: 34px 34px !important;
    }

    .nwhs-mobile-contact-buttons {
        top: calc(59% + 27px);
        gap: 8px;
    }

    .nwhs-mobile-contact-button {
        width: 46px;
        height: 46px;
    }

    .nwhs-mobile-contact-button svg {
        width: 22px;
        height: 22px;
    }
}

@media print {
    .nwhs-mobile-contact-buttons,
    #simple-chat-button--container {
        display: none !important;
    }
}

.nwhs-mobile-contact-button .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}