/* ============================================================
   APPEND THESE RULES TO THE BOTTOM OF template/assets/css/admin.css
   ============================================================ */

/* Mobile number + action icons wrapper */
.mobile-links-wrap {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    margin-bottom: 2px;
}

/* The number itself as a plain call link */
.mobile-num-link {
    color: #1f2937;
    font-size: 13px;
    text-decoration: none;
}
.mobile-num-link:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

/* Shared icon button style */
.action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    text-decoration: none;
    transition: background .15s, transform .1s;
    flex-shrink: 0;
}
.action-icon:hover { transform: scale(1.12); text-decoration: none; }

/* Phone / Call icon */
.call-icon {
    background: #e0f2fe;
    color: #0369a1;
    font-size: 13px;
}
.call-icon:hover { background: #0369a1; color: #fff; }

/* WhatsApp icon */
.wa-icon {
    background: #dcfce7;
}
.wa-icon:hover { background: #16a34a; }

.wa-svg {
    width: 16px;
    height: 16px;
    fill: #16a34a;
    display: block;
}
.wa-icon:hover .wa-svg { fill: #fff; }