/*
Theme Name: Hadaf Online School
Author: Your Name
Version: 1.0
*/

/* ۱. تعریف متغیرهای رنگی مکتب هدف */
:root {
    --primary: #002347;    /* سرمه‌ای تیره */
    --gold: #c5a059;       /* طلایی مخصوص */
    --light: #F0FBFC;
    --dark: #181d38;
}

/* ۲. تنظیمات پایه برای جلوگیری از جابجایی هدر */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Tahoma', sans-serif;
    background-color: #f8f9fa;
}

/* ۳. استایل اختصاصی هدر (برای جلوگیری از نمایش در وسط) */
.navbar {
    background: #ffffff !important;
    border-bottom: 3px solid var(--gold) !important;
    padding: 10px 0;
    z-index: 1050; /* اطمینان از قرارگیری روی بقیه المان‌ها */
}

.nav-link {
    color: var(--primary) !important;
    font-weight: 700 !important;
    transition: 0.3s;
}

.nav-link:hover {
    color: var(--gold) !important;
}

/* ۴. استایل کارت‌های تیم در ایندکس */
.card {
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

/* ۵. استایل پنل‌های کشویی (Offcanvas) */
.offcanvas-bottom {
    height: 75vh !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-top: 5px solid var(--gold);
}

/* تنظیمات وزن فونت */
.fw-medium { font-weight: 600 !important; }
.fw-semi-bold { font-weight: 700 !important; }

/* دکمه بازگشت به بالا */
.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}
#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}