/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* کانتینر اصلی محصول */
.product-container {
    max-width: 1200px;
    margin: 40px auto;
    background: rgba(255, 255, 255, 0.95);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

/* چینش شبکه‌ای برای دسکتاپ */
.product-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1024px) {
    .product-grid {
        flex-direction: row;
        align-items: flex-start;
    }
    .product-image {
        flex: 1;
    }
    .product-info {
        flex: 1;
        text-align: left;
    }
}

/* عنوان محصول */
.product-title {
    font-size: 28px;
    font-weight: bold;
    color: #5C3A7D;
    text-align: center;
}

@media (min-width: 1024px) {
    .product-title {
        text-align: left;
    }
}

/* جداکننده */
.divider {
    width: 80%;
    height: 3px;
    background: #B97AC9;
    margin: 15px auto;
}

@media (min-width: 1024px) {
    .divider {
        width: 100%;
    }
}

/* تصویر محصول */
.product-image img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* دکمه خرید */
.buy-button {
    display: block;
    width: 100%;
    padding: 12px;
    margin: 15px 0;
    background: #B97AC9;
    color: white;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    transition: 0.3s;
}
.buy-button:hover {
    background: #8A2BE2;
}

/* دکمه خرید پایین صفحه */
.bottom-button {
    margin-top: 30px;
}

/* توضیحات کوتاه */
.short-description {
    margin-top: 15px;
    padding: 15px;
    background: #F8F8FF;
    border-radius: 10px;
    color: #5C3A7D;
}

/* اطلاعات دوره */
.info-box-container {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin: 20px auto;
    max-width: 400px;
}

.info-box {
    background: #FFFACD;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.info-box img {
    width: 24px;
    height: 24px;
}

/* توضیحات کامل */
.full-description {
    text-align: left;
    margin-top: 20px;
}

/* سایر دوره‌ها */
.related-products {
    margin-top: 40px;
}
.related-products h2 {
    text-align: center;
    color: #5C3A7D;
}






/* 🎨 استایل جدید بخش "Diğer Kurslar" */
.custom-related-products {
    margin-top: 40px;
    padding: 20px;
    background: #fafafa;
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.custom-related-products h2 {
    font-size: 22px;
    font-weight: bold;
    color: #5C3A7D;
    margin-bottom: 15px;
}

/* کانتینر محصولات */
.custom-products-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

/* استایل کارت محصول */
.custom-product-card {
    background: white;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
    text-align: center;
    width: calc(25% - 15px);
    min-width: 200px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.custom-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* تصویر محصول */
.custom-product-card img {
    max-width: 100%;
    border-radius: 8px;
    transition: transform 0.2s ease;
}

.custom-product-card:hover img {
    transform: scale(1.02);
}

/* عنوان محصول */
.custom-product-card h3 {
    font-size: 18px;
    color: #5C3A7D;
    margin: 10px 0;
}

/* قیمت محصول */
.custom-price {
    font-size: 16px;
    color: #8A2BE2;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/* دکمه خرید */
.custom-add-to-cart {
    display: inline-block;
    padding: 8px 12px;
    background: #B97AC9;
    color: white;
    font-size: 14px;
    border-radius: 6px;
    transition: background 0.3s ease;
    text-decoration: none;
}

.custom-add-to-cart:hover {
    background: #8A2BE2;
}

/* ✅ تنظیمات برای موبایل */
@media (max-width: 768px) {
    .custom-products-container {
        flex-direction: column;
    }
    .custom-product-card {
        width: 100%;
    }
}



/* استایل کلی جدول عضویت */
.custom_membership_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

/* عنوان جدول */
.custom_membership_table th {
    background: linear-gradient(135deg, #6a11cb, #c084fc);
    color: white;
    font-size: 18px;
    padding: 12px;
    text-align: left;
}

/* ردیف‌های جدول */
.custom_membership_table tr {
    border-bottom: 1px solid #ddd;
    transition: all 0.3s ease-in-out;
}

.custom_membership_table tr:last-child {
    border-bottom: none;
}

/* لینک دوره‌ها */
.custom_membership_table td a {
    display: block;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #6a11cb;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

/* افکت هاور */
.custom_membership_table tr:hover {
    background: #f5e6ff;
}

.custom_membership_table td a:hover {
    color: #9b1ddb;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .custom_membership_table th {
        font-size: 16px;
        padding: 10px;
    }
    .custom_membership_table td a {
        font-size: 14px;
        padding: 10px;
    }
}

















/*استایل های داشبورد ووکامرس*/
/* بهبود استایل عنوان صفحه */
.page-header {
    padding: 14px 20px; /* افزایش پدینگ برای فاصله از کناره‌ها */
    margin-bottom: 25px;
    background: linear-gradient(135deg, #f9f7ff, #ece8ff); /* یاسی روشن */
    border-radius: 6px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
}

/* متن عنوان */
.page-header .entry-title {
    font-size: 22px;
    font-weight: bold;
    color: #6a11cb;
    letter-spacing: 0.5px;
    display: block;
    text-align: inherit; /* ارث‌بری از موقعیت فعلی */
    padding-left: 10px; /* متن کمی جلوتر بیاید */
}

/* خط باریک زیر عنوان برای زیبایی */
.page-header .entry-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #6a11cb;
    margin: 6px 0 0;
    border-radius: 2px;
}

/* 📱 موبایل - وسط چین شدن */
@media (max-width: 768px) {
    .page-header .entry-title {
        text-align: left;
        padding-left: 0; /* در موبایل متن وسط بماند */
    }
}







/* 🔹 استایل کلی منوی حساب کاربری */
.woocommerce-MyAccount-navigation {
    background: linear-gradient(135deg, #fdf3ff, #f8e7ff); /* پس‌زمینه ملایم یاسی */
    border-radius: 10px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
    padding: 20px;
    max-width: 280px;
    border: 1px solid #f3d1ff; /* حاشیه لطیف */
}

/* 🔹 حذف نقطه‌های پیش‌فرض لیست */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 🔹 آیتم‌های منو */
.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid rgba(106, 17, 203, 0.1); /* خط جداساز کم‌رنگ */
    transition: all 0.3s ease-in-out;
    padding: 6px 0;
}

/* آخرین آیتم بدون خط */
.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

/* 🔹 لینک‌های منو */
.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #6a11cb; /* بنفش ملایم */
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-radius: 6px;
}

/* 🔹 افکت هاور برای لینک‌ها */
.woocommerce-MyAccount-navigation a:hover {
    background: rgba(106, 17, 203, 0.1); /* بنفش کم‌رنگ‌تر */
    color: #4a148c; /* کمی تیره‌تر هنگام هاور */
    transform: scale(1.05);
}

/* 🔹 آیتم فعال در منو */
.woocommerce-MyAccount-navigation .is-active a {
    background: linear-gradient(135deg, #f0e3ff, #d4bfff); /* بنفش ملایم و لطیف */
    color: #4a148c !important; /* بنفش تیره‌تر برای خوانایی */
    box-shadow: 0px 2px 6px rgba(106, 17, 203, 0.2);
    border-radius: 8px;
}

/* 📱 ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        max-width: 100%;
        padding: 15px;
    }
    .woocommerce-MyAccount-navigation a {
        font-size: 14px;
        padding: 10px;
    }
}










/* 🎨 استایل اختصاصی پیام خوش‌آمدگویی */
.woocommerce-MyAccount-content > p:first-of-type {
    background: linear-gradient(135deg, #faf0ff, #f5e1ff); /* گرادینت یاسی روشن */
    padding: 14px 22px;
    border-radius: 12px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
    font-size: 17px;
    font-weight: 500;
    color: #5a189a;
    text-align: center;
    margin-bottom: 18px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* هایلایت نام کاربر */
.woocommerce-MyAccount-content > p:first-of-type strong {
    color: #6a11cb;
    font-weight: bold;
}

/* لینک خروج از حساب */
.woocommerce-MyAccount-content > p:first-of-type a {
    color: #d63384;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-content > p:first-of-type a:hover {
    text-decoration: underline;
    color: #9d148c;
}

/* 🎨 استایل لینک‌های مدیریت حساب */
.woocommerce-MyAccount-content > p:nth-of-type(2) {
    font-size: 15px;
    color: #444;
    text-align: center;
    line-height: 1.6;
    margin-top: 10px;
}

/* استایل لینک‌های داخل پیام مدیریت حساب */
.woocommerce-MyAccount-content > p:nth-of-type(2) a {
    color: #6a11cb;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-content > p:nth-of-type(2) a:hover {
    text-decoration: underline;
    color: #5a189a;
}

/* 📱 ریسپانسیو - تنظیم در موبایل */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content > p:first-of-type {
        font-size: 15px;
        padding: 12px 18px;
        margin-bottom: 16px;
    }
    .woocommerce-MyAccount-content > p:nth-of-type(2) {
        font-size: 14px;
    }
}





/* 🎨 استایل کلی فرم */
.woocommerce-EditAccountForm {
    background: #ffffff; /* پس‌زمینه سفید */
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
    max-width: 600px;
    margin: 20px auto;
}

/* 🎯 استایل فیلدهای ورودی */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s ease-in-out;
    background: #f9f9f9;
}

/* 🎯 تغییر رنگ فیلد هنگام فوکوس */
.woocommerce-EditAccountForm input:focus {
    border-color: #a56cc1;
    box-shadow: 0px 0px 6px rgba(165, 108, 193, 0.3);
}

/* 📌 استایل برچسب‌ها */
.woocommerce-EditAccountForm label {
    font-size: 15px;
    font-weight: bold;
    color: #444;
    margin-bottom: 6px;
    display: block;
}

/* ⚡ استایل دکمه ذخیره */
.woocommerce-EditAccountForm .woocommerce-Button {
    display: block;
    width: fit-content;
    margin: 25px auto 10px auto; /* فاصله بیشتر از بالا */
    padding: 12px 24px;
    background: linear-gradient(135deg, #c084fc, #a56cc1);
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    border: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

/* 🎯 افکت هاور روی دکمه */
.woocommerce-EditAccountForm .woocommerce-Button:hover {
    background: linear-gradient(135deg, #a56cc1, #c084fc);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

/* ✅ استایل بخش تغییر رمز */
.woocommerce-EditAccountForm fieldset {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background: #fcfcfc;
    margin-top: 20px;
}

/* 🎯 استایل عنوان بخش تغییر رمز */
.woocommerce-EditAccountForm fieldset legend {
    font-size: 16px;
    font-weight: bold;
    color: #5a189a;
    padding: 0 8px;
}

/* 🔹 استایل دکمه نمایش رمز */
.woocommerce-EditAccountForm .password-input button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #5a189a;
    transition: color 0.3s ease-in-out;
}

.woocommerce-EditAccountForm .password-input button:hover {
    color: #9d148c;
}

/* 📱 تنظیمات ریسپانسیو */
@media (max-width: 768px) {
    .woocommerce-EditAccountForm {
        padding: 20px;
        max-width: 90%;
    }

    .woocommerce-EditAccountForm input {
        font-size: 14px;
        padding: 10px;
    }

    .woocommerce-EditAccountForm .woocommerce-Button {
        width: 100%;
        padding: 14px;
        font-size: 15px;
    }
}




nav.woocommerce-MyAccount-navigation {
    margin-bottom: 20px;
}







/* کانتینر کلی منوی کاربری */
.user-menu {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* دکمه‌های لینک - استایل فلت، مینیمال و مدرن */
.user-menu .icon-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background-color: #FFF8F8; /* پس‌زمینه پایه */
    color: #3B2E42; /* رنگ متن */
    border-radius: 50px; /* لبه‌های کاملاً گرد و تمیز */
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    border: 1px solid #E6E2F0; /* حاشیه ظریف با رنگ Secondary */
    white-space: nowrap;
}

/* آیکون‌ها */
.user-menu .icon-link i {
    font-size: 16px;
    color: #C3B4D2; /* رنگ آیکون‌ها از Primary */
    transition: color 0.3s ease;
}

/* استایل دکمه اول (Giriş - ورود) */
.user-menu .icon-link:nth-child(1) {
    background-color: #FFF8F8;
}

/* هاور دکمه ورود */
.user-menu .icon-link:nth-child(1):hover {
    background-color: #E6E2F0; /* تغییر به Secondary در حالت هاور */
    border-color: #C3B4D2;
}

.user-menu .icon-link:nth-child(1):hover i {
    color: #3B2E42; /* تیره شدن آیکون در هاور برای خوانایی */
}

/* استایل دکمه دوم (Kayıt Ol - ثبت نام) به عنوان دکمه کال‌تو‌اکشن اصلی */
.user-menu .icon-link:nth-child(2) {
    background-color: #FFC9C9; /* استفاده از رنگ Accent برای جلب توجه */
    border-color: #FFC9C9;
}

.user-menu .icon-link:nth-child(2) i {
    color: #3B2E42; /* خوانایی آیکون روی پس‌زمینه رنگی */
}

/* هاور دکمه ثبت نام */
.user-menu .icon-link:nth-child(2):hover {
    background-color: #C3B4D2; /* تغییر به Primary */
    border-color: #C3B4D2;
    color: #FFF8F8; /* روشن شدن متن */
}

.user-menu .icon-link:nth-child(2):hover i {
    color: #FFF8F8;
}

/* 📱 تنظیمات رسپانسیو برای موبایل */
@media (max-width: 768px) {
    .user-menu {
        flex-wrap: wrap; 
        justify-content: center;
        gap: 10px;
        width: 100%;
    }

    .user-menu .icon-link {
        padding: 6px 16px;
        font-size: 14px;
    }

    .user-menu .icon-link i {
        font-size: 15px;
    }
}





















/*صفحه صورتحساب */
/* 🛍 استایل کلی فرم پرداخت */
#customer_details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: rgba(255, 255, 255, 0.98);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* 📝 تنظیمات ستون‌های فرم */
.col-1, .col-2 {
    flex: 1;
    min-width: 300px;
}

/* 🎯 عنوان‌های فرم */
.woocommerce h3 {
    font-size: 20px;
    font-weight: bold;
    color: #5C3A7D;
    border-bottom: 2px solid #B97AC9;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* 📌 استایل فیلدهای فرم */
.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-additional-fields__field-wrapper .form-row {
    margin-bottom: 15px;
}

.woocommerce form .form-row input,
.woocommerce form .form-row textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    background: #f9f9ff;
    transition: all 0.3s ease-in-out;
}

/* 🚀 فوکوس روی فیلدها */
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #B97AC9;
    box-shadow: 0 0 5px rgba(185, 122, 201, 0.4);
}

/* 🎟️ استایل لیبل‌ها */
.woocommerce-billing-fields__field-wrapper label,
.woocommerce-additional-fields__field-wrapper label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

/* 🔥 دکمه‌های فرم */
.woocommerce button.button.alt {
    background: #B97AC9;
    color: white;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    border: none;
}

.woocommerce button.button.alt:hover {
    background: #8A2BE2;
}

/* 🛠 تنظیم فیلد تلفن و یادداشت */
#billing_phone_field, #order_comments_field {
    width: 100%;
}

/* 📌 ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    #customer_details {
        flex-direction: column;
    }

    .col-1, .col-2 {
        width: 100%;
    }

    .woocommerce button.button.alt {
        width: 100%;
    }
}

/* 🟢 پیام موفقیت‌آمیز سفارش */
.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: #e9fce9;
    color: #2d6a2d;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    border-left: 5px solid #3b873b;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
}

/* 📌 استایل لیست اطلاعات سفارش */
.woocommerce-order-overview {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.woocommerce-order-overview li {
    font-size: 16px;
    color: #333;
    padding: 12px;
    background: #f9f9ff;
    border-radius: 6px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 🔹 شماره سفارش و دیگر اطلاعات کلیدی */
.woocommerce-order-overview strong {
    color: #5C3A7D;
    font-size: 16px;
}

/* 🏦 بخش اطلاعات بانکی */
.woocommerce-bacs-bank-details {
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
}

/* 📌 عنوان "Banka Bilgilerimiz" */
.wc-bacs-bank-details-heading {
    font-size: 20px;
    font-weight: bold;
    color: #5C3A7D;
    border-bottom: 2px solid #B97AC9;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* 🔹 نام حساب بانکی */
.wc-bacs-bank-details-account-name {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 10px;
}

/* 📌 لیست اطلاعات بانکی */
.wc-bacs-bank-details ul {
    list-style: none;
    padding: 0;
}

.wc-bacs-bank-details li {
    font-size: 16px;
    padding: 10px;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.wc-bacs-bank-details li:last-child {
    border-bottom: none;
}

/* اطلاعات بانکی مهم */
.wc-bacs-bank-details strong {
    color: #8A2BE2;
}

/* 📌 ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .woocommerce-order-overview {
        grid-template-columns: 1fr;
    }

    .woocommerce-order-overview li {
        flex-direction: column;
        align-items: start;
    }

    .woocommerce-order-overview li strong {
        margin-top: 5px;
    }

    .woocommerce-bacs-bank-details {
        padding: 15px;
    }
}



/*woocommerce membership stylies in dashboard*/
a.button.cancel {
    display: none !important;
}
a.button.view {
    width: 100%;
    text-align: center;
    color: #c50fdd;
}


li.iban {
    margin-bottom: 10px;
    margin-top: 10px;
}






/* Style for product kitab page button */
.mbnail-btn-scroll {
  display: block;
  background: #ff4da6;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;      /* متن داخل دکمه وسط */
  width: max-content;      /* عرض دکمه فقط به اندازه متن */
  margin: 12px auto 0;     /* دکمه وسط‌بندی افقی */
  box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* کمی افکت برای زیبایی */
}

.mbnail-btn-scroll:hover {
  background: #ff1a8c;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}


/* اسکرول نرم سراسری (برای لینک‌های #anchor) */
html { scroll-behavior: smooth; }

/* استایل سکشن سوالات */
.faq-section{
  margin: 32px 0;
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.faq-title{
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 16px;
}

/* لیست مرتب شکیل و خوانا */
.faq-list{
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
  column-gap: 48px;
}
@media (min-width: 992px){
  .faq-list{ columns: 2; } /* دو ستونه روی دسکتاپ */
}
.faq-list li{
  break-inside: avoid;
  position: relative;
  margin: 0 0 10px 0;
  padding: 10px 12px 10px 42px;
  border-radius: 8px;
  transition: background .2s ease, transform .2s ease;
}
.faq-list li::before{
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 12px;
  top: 10px;
  font-weight: 800;
  opacity: .55;
}
.faq-list li:hover{
  background: rgba(255,77,166,.06); /* هم‌خوان با رنگ دکمه‌ها */
  transform: translateX(2px);
}

.faq-bottom{
  margin-top: 20px;
  text-align: center;
}