/* F91F1D4C1 — REAL rendered Telegram / WhatsApp icon repair.
   Loaded after F91F1D4C. The contact URLs are not changed. */

/* Remove the older injected mark when C1 has taken ownership. */
a[data-ybx-f91f1d4c1-ready="1"] > .ybx-f91f1d4c-brand-icon {
    display: none !important;
}

.ybx-f91f1d4c1-official-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 3 !important;
    color: inherit !important;
}

.ybx-f91f1d4c1-official-icon svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    fill: currentColor !important;
    pointer-events: none !important;
}

/* The floating/contact buttons are truly icon-only.
   This fixes the clipped words ("القناة", "tsApp") seen in the real screenshots. */
a[data-ybx-f91f1d4c1-mode="icon-only"] {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    padding: 0 !important;
    margin-inline: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: 0 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(2, 8, 16, .22) !important;
    -webkit-tap-highlight-color: transparent !important;
}

a[data-ybx-f91f1d4c1-mode="icon-only"][data-ybx-f91f1d4c1-brand="telegram"] {
    background: #229ED9 !important;
    border: 1px solid #229ED9 !important;
    color: #ffffff !important;
}

a[data-ybx-f91f1d4c1-mode="icon-only"][data-ybx-f91f1d4c1-brand="whatsapp"] {
    background: #25D366 !important;
    border: 1px solid #25D366 !important;
    color: #ffffff !important;
}

a[data-ybx-f91f1d4c1-mode="icon-only"] .ybx-f91f1d4c1-official-icon {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
}

/* Text links such as footer/social lists keep their text, but receive the correct brand mark. */
a[data-ybx-f91f1d4c1-mode="text-link"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

a[data-ybx-f91f1d4c1-mode="text-link"][data-ybx-f91f1d4c1-brand="telegram"] {
    --ybx-f91f1d4c1-brand-color: #229ED9;
}

a[data-ybx-f91f1d4c1-mode="text-link"][data-ybx-f91f1d4c1-brand="whatsapp"] {
    --ybx-f91f1d4c1-brand-color: #25D366;
}

a[data-ybx-f91f1d4c1-mode="text-link"] .ybx-f91f1d4c1-official-icon {
    color: var(--ybx-f91f1d4c1-brand-color) !important;
}

/* Focus stays obvious. */
a[data-ybx-f91f1d4c1-ready="1"]:focus-visible {
    outline: 3px solid rgba(69, 169, 232, .32) !important;
    outline-offset: 3px !important;
}

@media (max-width: 720px) {
    a[data-ybx-f91f1d4c1-mode="icon-only"] {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }

    a[data-ybx-f91f1d4c1-mode="icon-only"] .ybx-f91f1d4c1-official-icon {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
}