/*
Theme Name: Mehena Academy Child Theme
Template: astra
Version: 1.0.0
*/

:root {
    --primary-color: #1a73e8;
    --text-color: #3c4043;
}

body { background-color: #f5f7f9; color: var(--text-color); font-family: sans-serif; }

/* Dashboard Layout */
.mehena-dashboard-container {
    max-width: 900px;
    margin: 40px auto;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.profile-section { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 20px; }
.profile-main-card { flex: 1; min-width: 250px; text-align: center; background: #f8f9fa; padding: 30px; border-radius: 10px; }
.dashboard-avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-bottom: 15px; }
.edit-profile-form { flex: 2; min-width: 300px; }
.edit-profile-form input[type="password"], .edit-profile-form input[type="file"] { width: 100%; padding: 10px; margin-top: 10px; border: 1px solid #ddd; border-radius: 5px; }

/* Forms & Buttons */
.mehena-form-container { max-width: 400px; margin: 50px auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.app-login-btn { background: var(--primary-color); color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: inline-block; font-weight: bold; }

/* Header Icon */
.mehena-header-icon-wrapper { position: relative; display: inline-block; }
.mehena-icon-dropdown { display: none; position: absolute; right: 0; background: #fff; min-width: 160px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); border-radius: 8px; z-index: 100; }
.mehena-header-icon-wrapper:hover .mehena-icon-dropdown { display: block; }
.mehena-icon-dropdown a { display: block; padding: 12px; color: #333; text-decoration: none; border-bottom: 1px solid #eee; }

/* =========================================
   নতুন আপডেট: Banner Slider Design
   ========================================= */
.mehena-slider-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    position: relative;
    background: #000;
}

.mehena-slider-track {
    display: flex;
    transition: transform 0.6s ease-in-out;
    width: 100%;
}

.mehena-slide {
    min-width: 100%;
    height: 400px; /* ডেস্কটপের জন্য ব্যানারের উচ্চতা */
    display: flex;
    justify-content: center;
    align-items: center;
}

.mehena-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ইমেজ না ফেটে পুরো স্ক্রিন জুড়ে থাকবে */
}

.mehena-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.mehena-slide iframe {
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 768px) {
    .profile-section { flex-direction: column; }
    .mehena-slide { height: 220px; } /* মোবাইলের জন্য ব্যানারের উচ্চতা */
}