/**
 * Contact Channels Widget Styles
 */ 

/* حالت مخفی */
.cc-box.cc-hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

/* حالت نمایش */
.cc-box.cc-visible {
    display: flex !important;
    opacity: 0;
    visibility: visible;
    transition: opacity 0.3s ease;
}

/* انیمیشن نمایش */
.cc-box.cc-visible.cc-animated {
    opacity: 1;
}

/* استایل‌های پایه - مخفی به صورت پیش‌فرض */
.cc-box {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 400px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

/* Backdrop - پس‌زمینه تیره */
.cc-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.cc-backdrop.cc-visible {
    opacity: 1;
    visibility: visible;
}

/* responsive */
@media (max-width: 768px) {
    .cc-box {
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
    }
}

/* انیمیشن hover برای دکمه بستن */
.cc-close {
    transition: opacity 0.3s ease;
}

.cc-close:hover {
    opacity: 0.6;
}

/* انیمیشن hover برای آیکن‌ها */
.cc-icon {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.cc-icon:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

/* انیمیشن hover برای آیتم‌های لیست */
.cc-item {
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.cc-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    transform: translateX(-5px);
}