/* Override Click to Chat WhatsApp Icon sizes and styling */

/* Make the overall container use the site's font */
.ht-ctc-chat {
    font-family: 'Montserrat', sans-serif !important;
}

/* Make the icon smaller and apply site-specific shadows */
.ht-ctc-chat img, 
.ht-ctc-chat svg {
    width: 45px !important;
    height: 45px !important;
    box-shadow: 0 4px 12px rgba(0, 1, 18, 0.25) !important; /* Midnight blue shadow */
    border-radius: 50% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover effects */
.ht-ctc-chat:hover img, 
.ht-ctc-chat:hover svg {
    transform: scale(1.08) !important;
    box-shadow: 0 6px 16px rgba(42, 82, 190, 0.4) !important; /* Primary blue glow on hover */
}

/* If the plugin displays a text label/tooltip next to the icon */
.ht-ctc-chat .ctc-text {
    color: #000112 !important; /* Midnight blue text */
    font-size: 13px !important;
    font-weight: 500 !important;
    background: #FFFFFF !important;
    padding: 6px 12px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 10px rgba(0, 1, 18, 0.1) !important;
    margin-right: 12px !important;
    border: 1px solid rgba(42, 82, 190, 0.1) !important;
}