/* فایل: assets/css/style.css */

/* --- تنظیم فونت برای تمام اجزای سایت --- */
* {
    font-family: 'Vazirmatn', sans-serif !important;
}

:root {
    --primary-color: #6C63FF;
    --secondary-color: #FF6584;
    --bg-color: #F8F9FE;
    --text-dark: #333333;
    --glass-bg: rgba(255, 255, 255, 0.95);
}

body {
    background-color: var(--bg-color);
    color: var(--text-dark);
    line-height: 1.8;
    overflow-x: hidden;
}

/* --- استایل‌های انیمیشن اسکرول (جدید) --- */
.reveal {
    position: relative;
    transform: translateY(80px); /* المان 80 پیکسل پایین‌تر است */
    opacity: 0; /* و کاملا محو است */
    transition: all 1s ease; /* با سرعت نرم حرکت می‌کند */
}

.reveal.active {
    transform: translateY(0); /* به جای اصلی برمی‌گردد */
    opacity: 1; /* کاملا ظاهر می‌شود */
}

/* --- منو و هدر --- */
.navbar {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding: 15px 0;
}
.navbar-brand { font-weight: 900; font-size: 1.5rem; color: var(--primary-color) !important; }
.nav-link { font-weight: 500; color: #555 !important; border-radius: 50px; padding: 8px 20px !important; transition: all 0.3s ease; }
.nav-link:hover, .nav-link.active { background-color: var(--primary-color); color: #fff !important; transform: translateY(-2px); }

/* --- دکمه‌ها --- */
.btn { border-radius: 50px; padding: 10px 25px; font-weight: 700; transition: all 0.3s; border: none; }
.btn-primary-custom { background: linear-gradient(45deg, var(--primary-color), #8B85FF); color: white; box-shadow: 0 4px 15px rgba(108, 99, 255, 0.4); }
.btn-primary-custom:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(108, 99, 255, 0.6); color: white; }

/* --- هیرو سکشن --- */
.hero-wrapper { position: relative; padding: 80px 0; background: white; border-radius: 0 0 50px 50px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); overflow: hidden; }
.blob { position: absolute; border-radius: 50%; filter: blur(50px); z-index: 0; opacity: 0.6; }
.blob-1 { top: -50px; left: -50px; width: 300px; height: 300px; background: var(--secondary-color); opacity: 0.1; }
.blob-2 { bottom: -50px; right: -50px; width: 400px; height: 400px; background: var(--primary-color); opacity: 0.1; }
.hero-content { position: relative; z-index: 1; }

/* --- کارت‌ها --- */
.feature-card { background: white; border-radius: 20px; padding: 40px 30px; text-align: center; border: 1px solid rgba(0,0,0,0.02); box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.4s ease; height: 100%; }
.feature-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.icon-box { width: 80px; height: 80px; margin: 0 auto 25px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: white; transform: rotate(-10deg); transition: 0.3s; }
.feature-card:hover .icon-box { transform: rotate(0deg) scale(1.1); }
.bg-purple { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); }
.bg-orange { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }
.bg-blue   { background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }

/* --- فوتر --- */
.custom-footer { position: relative; background-color: #3f3d56; color: white; padding-top: 50px; margin-top: 100px; }
.footer-wave { position: absolute; top: -50px; left: 0; width: 100%; line-height: 0; }
.footer-link { color: rgba(255,255,255,0.7); text-decoration: none; transition: 0.3s; }
.footer-link:hover { color: var(--secondary-color); padding-right: 10px; }


/* --- استایل‌های اختصاصی صفحه اصلی (منتقل شده از index.php) --- */
.carousel-item {
    height: 600px;
    background-color: #333; /* رنگ پیش‌فرض قبل از لود عکس */
}
.carousel-item img {
    height: 100%;
    object-fit: cover;
    opacity: 0.7; /* تاریک کردن عکس برای خوانایی متن */
}
.carousel-caption {
    bottom: 30%;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
/* جداکننده موج‌دار */
.wave-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.wave-divider svg {
    position: relative;
    display: block;
    width: calc(138% + 1.3px);
    height: 80px;
}
.wave-divider .shape-fill {
    fill: #ffffff;
}
/* استایل کارت خبر */
.news-card-home {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    height: 100%;
}
.news-card-home:hover {
    transform: translateY(-5px);
}
.teacher-avatar-home {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin-bottom: -50px;
    position: relative;
    z-index: 10;
}