/**
 * Cyber Elementor Widgets - Frontend Styles
 * استایل‌های اصلی ویجت‌های سایبری
 */

/* ===== تنظیمات پایه ===== */
.cyber-glitch-title,
.cyber-button-wrapper,
.cyber-pulse-wrapper,
.cyber-image-wrapper {
    direction: rtl;
}

/* ===== ویجت تایتل گلیچ ===== */
.cyber-glitch-title .cyber-title-wrapper {
    margin: 0;
    padding: 0;
}

.cyber-glitch-title .glitch-wrapper {
    position: relative;
    display: inline-block;
}

.cyber-glitch-title .gradient-text {
    display: inline-block;
}

/* ===== ویجت دکمه سایبری ===== */
.cyber-button-wrapper {
    display: flex;
}

.cyber-button-wrapper .btn-cyber {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    outline: none;
}

.cyber-button-wrapper .btn-cyber .btn-text,
.cyber-button-wrapper .btn-cyber .cyber-btn-icon {
    position: relative;
    z-index: 10;
}

.cyber-button-wrapper .btn-cyber .cyber-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cyber-button-wrapper .btn-cyber .cyber-btn-icon svg {
    fill: currentColor;
}

/* ===== ویجت متن پالس ===== */
.cyber-pulse-wrapper {
    display: block;
}

.cyber-pulse-wrapper .cyber-pulse-text {
    display: inline-block;
    margin: 0;
}

.cyber-pulse-wrapper .cyber-pulse-text.has-border {
    border-bottom-style: solid;
}

/* ===== ویجت تصویر سایبری ===== */
.cyber-image-wrapper {
    display: flex;
}

.cyber-image-wrapper .cyber-image-container {
    position: relative;
    display: inline-block;
}

.cyber-image-wrapper .cyber-image-main {
    display: block;
}

.cyber-image-wrapper .outer-ring,
.cyber-image-wrapper .inner-ring {
    pointer-events: none;
}

.cyber-image-wrapper .glow-effect {
    pointer-events: none;
}

.cyber-image-wrapper .status-badge {
    pointer-events: none;
    user-select: none;
}

/* ===== انیمیشن‌های عمومی ===== */
@keyframes cyber-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes cyber-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* ===== ریسپانسیو ===== */
@media (max-width: 768px) {
    .cyber-glitch-title .cyber-title-wrapper {
        font-size: 2.5rem;
    }
    
    .cyber-button-wrapper .btn-cyber {
        padding: 12px 24px;
        font-size: 0.9rem;
    }
    
    .cyber-image-wrapper .status-badge {
        font-size: 8px;
        padding: 3px 8px;
    }
}

@media (max-width: 480px) {
    .cyber-glitch-title .cyber-title-wrapper {
        font-size: 2rem;
    }
    
    .cyber-button-wrapper .btn-cyber {
        padding: 10px 20px;
        font-size: 0.85rem;
    }
}