/* ==============================================================
   استایل‌های عمومی (فقط برای بخش‌های افزونه A Minute English)
   ============================================================== */
.ame-container,
.ame-auth-container,
.ame-lessons {
    font-family: 'Vazirmatn', Arial;
    background-color: #f4f4f4;
    color: #333;
    line-height: 1.6;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* کانتینر اصلی */
.ame-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    box-sizing: border-box;
}

/* ==============================================================
   منوی مدیریت و کاربر
   ============================================================== */
#ame-admin-menu,
#ame-user-menu {
    background:#fff;
    padding:15px;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    width:20%;
    box-sizing:border-box;
    display:none;
}
#ame-admin-menu.active,
#ame-user-menu.active {display:block;}

#ame-admin-menu h3,
#ame-user-menu h3 {
    font-size:1.2em;
    color:#910E87;
    margin:0 0 10px;
    font-weight:bold;
}

/* لیست منو */
#ame-admin-menu-list,
#ame-user-menu-list {
    list-style:none;
    padding:0;
    margin:0;
}
#ame-admin-menu-list li,
#ame-user-menu-list li {margin:8px 0;}

#ame-admin-menu-list a,
#ame-user-menu-list a {
    text-decoration:none;
    color:#910E87;
    font-size:1em;
    display:block;
    transition:color .3s;
}
#ame-admin-menu-list a:hover,
#ame-user-menu-list a:hover {color:#6a0a63;}

/* فرم‌های داخل منو */
#ame-admin-menu-list form,
#ame-user-menu-list form {
    display:flex;
    gap:5px;
    margin:8px 0;
}
#ame-admin-menu-list input[type=text],
#ame-user-menu-list input[type=text] {
    width:70%;
    padding:6px;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:.9em;
    font-family:'Vazirmatn',Arial;
}
#ame-admin-menu-list button,
#ame-user-menu-list button {
    padding:6px 10px;
    background:#910E87;
    color:#fff;
    border:none;
    border-radius:4px;
    cursor:pointer;
    font-size:.9em;
    transition:background .3s;
}
#ame-admin-menu-list button:hover,
#ame-user-menu-list button:hover {background:#6a0a63;}

/* زیرمنوها */
#levels-list,
#admin-levels-list {display:none;list-style:none;padding-right:15px;margin:8px 0;}
#levels-list.active,
#admin-levels-list.active {display:block;animation:slideDown .3s;}

.ame-level-toggle {cursor:pointer;color:#910E87;font-weight:bold;}

.ame-section-list {display:none;list-style:none;padding-right:20px;margin:5px 0;}
.ame-section-list.active {display:block;animation:slideDown .3s;}
.ame-section-list li {margin:5px 0;}
.ame-section-list a {color:#555;font-size:.95em;text-decoration:none;transition:color .3s;}
.ame-section-list a:hover {color:#910E87;}

@keyframes slideDown{
    from{opacity:0;transform:translateY(-10px);}
    to{opacity:1;transform:translateY(0);}
}

/* ==============================================================
   درس‌ها – مهم: متن انگلیسی با کنترل کامل علامت‌گذاری
   ============================================================== */
.ame-lessons {
    width:77%;
    background:#fff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    box-sizing:border-box;
    text-align:left;
}

/* درس */
.lesson {
    margin-bottom:20px;
    padding:15px;
    border:1px solid #ddd;
    border-radius:8px;
    transition:box-shadow .3s;
}
.lesson:hover {box-shadow:0 4px 15px rgba(0,0,0,.2);}
.lesson.highlight {border:2px solid #910E87;background:#f9f0f8;}
.lesson h3 {font-size:1.2em;color:#910E87;margin:0 0 10px;font-weight:bold;}

/* عنوان درس */
.ame-lesson-title {
    font-weight:bold;
    color:#910E87;
    margin-bottom:8px;
    font-size:1.1em;
}

.ame-english-text,
.ame-english-text * {
    direction: ltr !important;          /* کل بلوک و بچه‌ها چپ به راست */
    unicode-bidi: bidi-override !important; /* ترتیب نوشتن رو دقیقا همون‌طور که تایپ شده نگه می‌داره */
    text-align: left !important;        /* چپ‌چین */
    font-family: 'Vazirmatn', Arial;
    white-space: pre-wrap;              /* حفظ خط جدید و فاصله‌ها */
    background:#f8f9fa;
    padding:12px;
    border-radius:6px;
    margin:10px 0;
    border-left:4px solid #910E87;
    font-size:1em;
    line-height:1.7;
    word-break: normal;
    overflow-wrap: normal;
}
/* ترجمه فارسی */
.ame-persian-translation {
    direction: rtl;
    text-align: right;
    unicode-bidi: embed;
    margin:15px 0 10px;
    padding:12px;
    background:#f0e6ef;
    border-radius:6px;
    border-right:4px solid #910E87;
    font-size:1em;
    line-height:1.8;
}

/* پلیر رسانه */
.ame-media-player {
    width:100%;
    max-width:100%;
    text-align:center;
    border-radius:30px;
    margin:0px 0;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.ame-media-player.playing {border:2px solid #910E87;}

/* دکمه راهنما */
.ame-guide {
    display:inline-block;
    padding:8px 15px;
    background:#910E87;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    margin-top:10px;
    font-size:.9em;
    transition:background .3s;
}
.ame-guide:hover {background:#6a0a63;}

/* ==============================================================
   صفحه‌بندی
   ============================================================== */
.ame-pagination {
    text-align:center;
    margin-top:25px;
    padding:10px 0;
}
.ame-pagination a {
    display:inline-block;
    padding:8px 12px;
    margin:0 4px;
    background:#910E87;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-size:.9em;
    transition:background .3s;
}
.ame-pagination a:hover {background:#6a0a63;}
.ame-pagination a.active {background:#6a0a63;cursor:default;font-weight:bold;}

/* ==============================================================
   فرم‌های ورود / ثبت‌نام
   ============================================================== */
.ame-auth-container {
    max-width:800px;
    margin:50px auto;
    display:flex;
    gap:20px;
    padding:20px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    box-sizing:border-box;
}
.ame-login-form,
.ame-register-form {
    width:50%;
    padding:20px;
    box-sizing:border-box;
}
.ame-login-form h3,
.ame-register-form h3 {
    font-size:1.5em;
    color:#910E87;
    margin:0 0 15px;
    font-weight:bold;
    text-align:center;
}
.ame-login-form label,
.ame-register-form label {
    display:block;
    font-weight:bold;
    margin-bottom:5px;
    font-size:.9em;
}
.ame-login-form input,
.ame-register-form input {
    width:100%;
    padding:10px;
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:12px;
    box-sizing:border-box;
    font-family:'Vazirmatn',Arial;
    font-size:.95em;
}
.ame-login-form input[type=submit],
.ame-register-form input[type=submit] {
    background:#910E87;
    color:#fff;
    border:none;
    border-radius:4px;
    cursor:pointer;
    padding:12px;
    font-size:1em;
    transition:background .3s;
    font-weight:bold;
}
.ame-login-form input[type=submit]:hover,
.ame-register-form input[type=submit]:hover {background:#6a0a63;}

.ame-access-denied {
    color:#d9534f;
    padding:15px;
    text-align:center;
    background:#f8d7da;
    border-radius:8px;
    margin-bottom:20px;
    font-size:.95em;
    border:1px solid #ebccd1;
}

/* ==============================================================
   فرم‌های مدیریت درس
   ============================================================== */
.form-table {width:100%;margin-bottom:20px;border-collapse:collapse;}
.form-table th {
    text-align:right;
    padding:12px 10px;
    font-weight:bold;
    background:#f9f0f8;
    color:#910E87;
}
.form-table td {padding:10px;background:#fff;}
.form-table input[type=text],
.form-table input[type=number],
.form-table textarea,
.form-table select {
    width:100%;
    max-width:400px;
    padding:10px;
    border:1px solid #ddd;
    border-radius:4px;
    font-family:'Vazirmatn',Arial;
    font-size:.95em;
}
.form-table textarea {height:120px;resize:vertical;}
.form-table input[type=file] {padding:8px 0;}
.form-table input[type=submit] {
    background:#910E87;
    color:#fff;
    border:none;
    padding:12px 24px;
    border-radius:4px;
    cursor:pointer;
    font-size:1em;
    transition:background .3s;
    font-weight:bold;
}
.form-table input[type=submit]:hover {background:#6a0a63;}

/* ==============================================================
   جدول‌های مدیریت
   ============================================================== */
.wp-list-table {
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    overflow:hidden;
}
.wp-list-table th,
.wp-list-table td {
    padding:12px;
    text-align:right;
    border-bottom:1px solid #eee;
}
.wp-list-table th {
    background:#f9f0f8;
    color:#910E87;
    font-weight:bold;
}
.wp-list-table a {color:#910E87;text-decoration:none;font-weight:500;}
.wp-list-table a:hover {color:#6a0a63;text-decoration:underline;}
.wp-list-table input[type=submit] {
    background:#910E87;
    color:#fff;
    border:none;
    padding:6px 12px;
    border-radius:4px;
    cursor:pointer;
    font-size:.9em;
    transition:background .3s;
}
.wp-list-table input[type=submit]:hover {background:#6a0a63;}

/* ==============================================================
   پیام‌های اطلاع‌رسانی
   ============================================================== */
.notice {
    padding:15px;
    margin:20px 0;
    border-radius:6px;
    font-size:.95em;
    border:1px solid transparent;
}
.notice-success {background:#dff0d8;color:#3c763d;border-color:#d6e9c6;}
.notice-error   {background:#f8d7da;color:#d9534f;border-color:#ebccd1;}

/* ==============================================================
   واکنش‌گرایی
   ============================================================== */
@media (max-width:992px){
    .ame-container{gap:20px;}
    #ame-admin-menu,#ame-user-menu{width:100%;order:-1;}
    .ame-lessons{width:100%;}
}
@media (max-width:768px){
    .ame-auth-container{flex-direction:column;gap:20px;padding:15px;}
    .ame-login-form,.ame-register-form{width:100%;}
    .form-table th,.form-table td{display:block;width:100%;text-align:right;}
    .form-table th{background:transparent;padding-bottom:5px;}
    .wp-list-table,.wp-list-table thead,.wp-list-table tbody,
    .wp-list-table th,.wp-list-table td,.wp-list-table tr{display:block;}
    .wp-list-table thead tr{position:absolute;top:-9999px;left:-9999px;}
    .wp-list-table tr{border:1px solid #ddd;margin-bottom:10px;border-radius:6px;overflow:hidden;}
    .wp-list-table td{
        border:none;
        position:relative;
        padding-left:50%;
        text-align:right;
    }
    .wp-list-table td:before{
        content:attr(data-label);
        position:absolute;
        left:10px;
        width:45%;
        font-weight:bold;
        color:#910E87;
    }
}
@media (max-width:480px){
    .ame-container{padding:10px;}
    .ame-media-player{max-width:100%;}
    .ame-pagination a{padding:6px 10px;font-size:.85em;}
}