:root {
    --primary-purple: #5C51E8;
    --secondary-purple: #dadaf2;
    --light-bg: #f4f5fa;
    --white: #ffffff;
    --medium-text: #6c6c6c;
    --success-green: #27ae60;
    --flame-orange: #eb5e28;
    --dark-text: #2e2e2e;
    --light-text: #6c6c6c;
}

body {
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    background: var(--light-bg, #f4f5fa);
    color: var(--dark-text, #2e2e2e);
}

/* Simple Card Effects */
.glass-card {
    width: 240px;
    height: 360px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

/* Removed complex pseudo-elements for better performance */

/* Simple Feature Cards */
.glass-feature-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

/* Removed complex pseudo-elements and hover effects for better performance */

.glass-stats-card {
    background: rgba(255, 255, 255, 0.15);
    /* Removed backdrop-filter for better performance */
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    /* Removed transition for better performance */
}

.glass-stats-card:hover {
    /* Removed transform for better performance */
    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.glass-cta-card {
    background: rgba(255, 255, 255, 0.1);
    /* Removed backdrop-filter for better performance */
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    /* Removed transition for better performance */
}

.glass-cta-card:hover {
    /* Removed transform for better performance */
    box-shadow:
        0 25px 50px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

/* دکمه‌های واضح‌تر برای Hero Section */
.glass-button-clear {
    background: rgba(92, 81, 232, 0.9);
    /* Removed backdrop-filter for better performance */
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow:
        0 8px 32px rgba(92, 81, 232, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(255, 255, 255, 0.3);
    /* Removed transition for better performance */
}

.glass-button-clear:hover {
    background: rgba(92, 81, 232, 1);
    /* Removed transform for better performance */
    box-shadow:
        0 12px 40px rgba(92, 81, 232, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.4);
}

.glass-card-clear {
    background: rgba(255, 255, 255, 0.9);
    /* Removed backdrop-filter for better performance */
    border: 2px solid rgba(92, 81, 232, 0.8);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.3);
    /* Removed transition for better performance */
}

.glass-card-clear:hover {
    background: rgba(255, 255, 255, 1);
    /* Removed transform for better performance */
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.4);
}

/* Header styles moved to header.css - using only header.php and header.css for header styling */
/*
.glass-header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}
*/

.glass-button {
    background: rgba(92, 81, 232, 0.2);
    /* Removed backdrop-filter for better performance */
    border: 1px solid rgba(92, 81, 232, 0.3);
    /* Removed transition for better performance */
}

.glass-button:hover {
    background: rgba(92, 81, 232, 0.3);
    /* Removed transform for better performance */
    box-shadow: 0 10px 25px rgba(92, 81, 232, 0.3);
}

/* Removed floating shapes animation for better performance */



.feature-card {
    background: rgba(255, 255, 255, 0.4);
    /* Removed backdrop-filter for better performance */
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 12px 6px rgba(255, 255, 255, 0.6);
    position: relative;
    overflow: hidden;
    /* Removed transition for better performance */
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent);
}

.feature-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.8),
            transparent,
            rgba(255, 255, 255, 0.3));
}

.feature-card:hover {
    /* Removed transform for better performance */
    box-shadow:
        0 20px 40px rgba(92, 81, 232, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        inset 0 -1px 0 rgba(255, 255, 255, 0.2),
        inset 0 0 15px 8px rgba(255, 255, 255, 0.8);
}

.package-card {
    background: rgba(255, 255, 255, 0.4);
    /* Removed backdrop-filter for better performance */
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 12px 6px rgba(255, 255, 255, 0.6);
    position: relative;
    overflow: hidden;
    /* Removed transition for better performance */
}

.package-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent);
}

.package-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.8),
            transparent,
            rgba(255, 255, 255, 0.3));
}

.package-card:hover {
    /* Removed transform for better performance */
    box-shadow:
        0 20px 40px rgba(92, 81, 232, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        inset 0 -1px 0 rgba(255, 255, 255, 0.2),
        inset 0 0 15px 8px rgba(255, 255, 255, 0.8);
}

/* Removed shimmer effect for better performance */

/* Removed complex animations and hover effects for better performance */

/* انیمیشن ورود منوی موبایل */
/* تنظیمات drawer برای موبایل */
.drawer-side {
    z-index: 50;
}

.drawer-overlay {
    background: rgba(0, 0, 0, 0.5);
}

aside {
    width: 280px !important;
    max-width: 280px !important;
}

.glass-admin {
    background: rgba(255, 255, 255, 0.4);
    /* Removed backdrop-filter for better performance */
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 12px 6px rgba(255, 255, 255, 0.6);
    position: relative;
    overflow: hidden;
    /* Removed transition for better performance */
}

.glass-admin::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent);
}

.glass-admin::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.8),
            transparent,
            rgba(255, 255, 255, 0.3));
}

.glass-admin:hover {
    /* Removed transform for better performance */
    box-shadow:
        0 20px 40px rgba(92, 81, 232, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        inset 0 -1px 0 rgba(255, 255, 255, 0.2),
        inset 0 0 15px 8px rgba(255, 255, 255, 0.8);
}

/* دکمه اصلی آبی */
.btn-primary-blue {
    background: rgba(92, 81, 232, 0.9);
    /* Removed backdrop-filter for better performance */
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow:
        0 8px 32px rgba(92, 81, 232, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(255, 255, 255, 0.3);
    /* Removed transition for better performance */
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.btn-primary-blue:hover {
    background: rgba(92, 81, 232, 1);
    /* Removed transform for better performance */
    box-shadow:
        0 12px 40px rgba(92, 81, 232, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.4);
    color: white;
}

/* دکمه اصلی نارنجی */
.btn-primary-orange {
    background: rgba(234, 88, 12, 0.9);
    /* Removed backdrop-filter for better performance */
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow:
        0 8px 32px rgba(234, 88, 12, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(255, 255, 255, 0.3);
    /* Removed transition for better performance */
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.btn-primary-orange:hover {
    background: rgba(234, 88, 12, 1);
    /* Removed transform for better performance */
    box-shadow:
        0 12px 40px rgba(234, 88, 12, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.4);
    color: white;
}

/* جلوگیری از دارک مود */
input,
textarea,
select,
input[type="checkbox"] {
    background-color: white !important;
    color: #1f2937 !important;
}

input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
}

/* استایل مخصوص checkbox ها برای جلوگیری از dark theme */
input[type="checkbox"] {
    background-color: white !important;
    border: 2px solid #d1d5db !important;
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    position: relative !important;
}

input[type="checkbox"]:checked {
    background-color: #5C51E8 !important;
    border-color: #5C51E8 !important;
}

input[type="checkbox"]:checked::after {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

input[type="checkbox"]:focus {
    outline: 2px solid #5C51E8 !important;
    outline-offset: 2px !important;
}

/* اطمینان از عدم وجود دارک مود */
html {
    color-scheme: light;
}

body {
    background-color: #f4f5fa;
    color: #1f2937;
}

/* استایل‌های کاروسل */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Removed all complex animations for better performance */

/* Removed hover effects for better performance */

/* استایل‌های اضافی برای خطوط رنگی */
.border-top-primary {
    border-top-color: var(--primary-purple, #5C51E8);
    border-top-width: 4px;
}

.border-top-secondary {
    border-top-color: var(--secondary-purple, #dadaf2);
    border-top-width: 4px;
}

.border-top-success {
    border-top-color: var(--success-green, #27ae60);
    border-top-width: 4px;
}

.border-top-medium {
    border-top-color: var(--medium-text, #6c6c6c);
    border-top-width: 4px;
}

/* استایل‌های رنگ برای آیکون‌ها */
.icon-primary {
    color: var(--primary-purple, #5C51E8);
}

.icon-secondary {
    color: var(--secondary-purple, #dadaf2);
}

.icon-success {
    color: var(--success-green, #27ae60);
}

.icon-medium {
    color: var(--medium-text, #6c6c6c);
}

/* استایل‌های رنگ برای متن‌ها */
.text-primary {
    color: var(--primary-purple, #5C51E8);
}

.text-secondary {
    color: var(--secondary-purple, #dadaf2);
}

.text-success {
    color: var(--success-green, #27ae60);
}

.text-medium {
    color: var(--medium-text, #6c6c6c);
}

/* استایل‌های پس‌زمینه */
.bg-primary-light {
    background-color: rgba(92, 81, 232, 0.1);
}

.bg-secondary-light {
    background-color: rgba(218, 218, 242, 0.1);
}

.bg-success-light {
    background-color: rgba(39, 174, 96, 0.1);
}

.bg-medium-light {
    background-color: rgba(108, 108, 108, 0.1);
}