.zavolani-wrapper {
    /* externí styl už doplňuje, inline CSS skrývá a dává FOUC-fix */
}

.zavolani-icon {
    flex-shrink: 0;
    position: relative;
}

.zavolani-icon img {
    display: flex;
    width: 32px;
    height: 32px;
    transition: transform 0.2s;
}

.zavolani-icon img:hover {
    transform: scale(1.2);
}

.zavolani-status-indicator {
    display: none;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

.zavolani-status-indicator.zavolani-active {
    display: block;
    background-color: #31b275;
    animation: zavolani-pulse 1.5s ease-in-out infinite;
}

@keyframes zavolani-pulse {
    0%   { box-shadow: 0 0 0 0   rgba(49,178,117,0.7); }
    70%  { box-shadow: 0 0 0 8px rgba(49,178,117,0);   }
    100% { box-shadow: 0 0 0 0   rgba(49,178,117,0);   }
}

.zavolani-content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.zavolani-top-row {
    display: flex;
    align-items: center;
    gap: 2px;
}

.zavolani-tel {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.zavolani-tel-disabled {
    cursor: default;
    opacity: 1;
}

.zavolani-bottom-row {
    color: #666;
    font-size: 10px;
}

.zavolani-text {
    font-weight: 500;
}