/*
Theme Name: BD IT School
Author: Md Jahidul Bashar
Description: A custom school management theme.
Version: 1.0
Text Domain: bditschool
*/

body { font-family: 'Hind Siliguri', sans-serif; background-color: #fff; color: #333; }
.container-custom { max-width: 1140px; margin: 0 auto; }
.teal-bg { background-color: #004d40; }
.nav-bg { background-color: #8bc34a; }
.orange-grad { background: linear-gradient(to right, #ff7043, #f4511e); }
.green-grad { background: linear-gradient(to right, #9ccc65, #689f38); }
.golden-bg { background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%); }
.teacher-card-top { background: linear-gradient(to bottom, #7986cb, #3f51b5); }
.teacher-card-footer { background-color: #00bcd4; }
.photo-dashed { border: 2px dashed #ffffff; padding: 2px; }
.notice-list li { border-bottom: 1px solid #eee; padding: 8px 0; font-size: 14px; }
.date-box { background-color: #e2e8f0; font-size: 11px; padding: 2px 6px; border-radius: 4px; border: 1px solid #cbd5e1; font-family: monospace; }

/* Main Grid for Home Page Slider Area */
.main-grid { display: grid; grid-template-columns: 72% 28%; gap: 20px; }
@media (max-width: 1024px) { .main-grid { grid-template-columns: 100%; } }

/* পুরো সাইটের জন্য শ্যাডো বর্ডার ডিজাইন */
body {
    background-color: #f0f2f5; /* দুই পাশের খালি অংশের কালার হালকা ধূসর (যাতে শ্যাডো বুঝা যায়) */
    margin: 0;
    padding: 0;
}

#site-main-wrapper {
    max-width: 1140px; /* আপনার রিকুয়্যারমেন্ট অনুযায়ী ১১৪০ পিক্সেল */
    margin: 0 auto; /* স্ক্রিনের মাঝখানে রাখার জন্য */
    background-color: #ffffff; /* ভিতরের ব্যাকগ্রাউন্ড সাদা */
    
    /* দুই পাশে স্মুথ শ্যাডো বর্ডার */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); 
    
    /* শ্যাডোটাকে আরও প্রফেশনাল করার জন্য */
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    
    min-height: 100vh; /* যাতে কন্টেন্ট কম থাকলেও শ্যাডো নিচে পর্যন্ত থাকে */
}

/* মোবাইলে যাতে ডিজাইন না ভেঙে যায় */
@media (max-width: 1200px) {
    #site-main-wrapper {
        max-width: 100%;
        box-shadow: none; /* মোবাইলে শ্যাডোর দরকার নেই */
        border: none;
    }
    body {
        background-color: #ffffff; /* মোবাইলে পুরো ব্যাকগ্রাউন্ড সাদা */
    }
}


/* কন্টেইনার কন্ট্রোল */
.bd-stats-wrapper {
    width: 100%;
    max-width: 1140px; /* ১১৪০ পিক্সেল সীমাবদ্ধতা */
    margin: 40px auto;
    padding: 0 20px; /* দুই পাশে সুন্দর ফাঁকা জায়গা (Padding) */
}

.bd-stats-card {
    background: #ffffff;
    padding: 35px 20px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* স্মুথ শ্যাডো */
    border-top: 5px solid #006a4e; /* আপনার থিমের সবুজ বর্ডার */
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* শাইন বা গ্লসি ইফেক্ট */
.bd-stats-card::before {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: 0.8s;
}
.bd-stats-card:hover::before {
    left: 200%;
}

/* আইটেম লেআউট */
.bd-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* আইকন বক্স */
.bd-icon-box {
    width: 45px; height: 45px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    margin-bottom: 12px;
    font-size: 20px;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 768px) {
    .bd-icon-box { width: 70px; height: 70px; font-size: 32px; border-radius: 18px; }
}

.bd-stat-item:hover .bd-icon-box {
    transform: scale(1.1) translateY(-5px);
}

/* টেক্সট স্টাইল */
.bd-stat-number {
    font-size: 20px;
    font-weight: 800;
    color: #1a202c;
    margin: 0;
    line-height: 1.2;
}
@media (min-width: 768px) {
    .bd-stat-number { font-size: 36px; }
}

.bd-stat-label {
    font-size: 11px;
    font-weight: 700;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 5px;
}
@media (min-width: 768px) {
    .bd-stat-label { font-size: 14px; letter-spacing: 1px; }
}

/* রেসপন্সিভ টাচ */
@media (max-width: 640px) {
    .bd-stats-card { padding: 25px 10px; gap: 5px; }
}