/**

 * Yüzen WhatsApp butonu (ön yüz)

 */



.makro-wa-float {

    position: fixed;

    z-index: var(--makro-wa-z, 99999);

    bottom: var(--makro-wa-bottom, 24px);

    display: flex;

    align-items: flex-end;

    pointer-events: none;

}



.makro-wa-float--right {

    right: var(--makro-wa-side, 24px);

    left: auto;

    flex-direction: row-reverse;

}



.makro-wa-float--left {

    left: var(--makro-wa-side, 24px);

    right: auto;

    flex-direction: row;

}



.makro-wa-float__btn {

    pointer-events: auto;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    width: auto;

    min-width: var(--makro-wa-size, 56px);

    min-height: var(--makro-wa-size, 56px);

    padding: 0 14px;

    background: var(--makro-wa-bg, #25d366);

    color: var(--makro-wa-iconc, #fff);

    border-radius: var(--makro-wa-br, 28px);

    box-shadow: var(--makro-wa-shadow, 0 6px 24px rgba(0, 0, 0, 0.2));

    text-decoration: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.makro-wa-float__btn:hover,

.makro-wa-float__btn:focus {

    color: var(--makro-wa-iconc, #fff);

    transform: translateY(-2px);

    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);

}



.makro-wa-float__icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: var(--makro-wa-icon, 28px);

    height: var(--makro-wa-icon, 28px);

    flex-shrink: 0;

}



.makro-wa-float__icon svg {

    width: 100%;

    height: 100%;

}



.makro-wa-float__label {

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;

    max-width: 200px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.makro-wa-float--mobile-only {

    display: none;

}



@media (max-width: 782px) {

    .makro-wa-float--mobile-only {

        display: flex;

    }

}



@media (min-width: 783px) {

    .makro-wa-float--mobile-only {

        display: none !important;

    }

}



.makro-wa-float--pulse .makro-wa-float__btn {

    animation: makro-wa-pulse 2s ease-in-out infinite;

}



@keyframes makro-wa-pulse {

    0%,

    100% {

        box-shadow: var(--makro-wa-shadow, 0 6px 24px rgba(0, 0, 0, 0.2));

    }

    50% {

        box-shadow: 0 6px 32px rgba(37, 211, 102, 0.55);

    }

}



/* Ürün sayfası */

.woocommerce .makro-wa-order-btn {

    margin-top: 10px;

    margin-right: 8px;

    vertical-align: middle;

}