/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/hello-elementor-child/
 Description:  A child theme for the Hello Elementor theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         hello-elementor, child-theme, elementor
 Text Domain:  hello-elementor-child
*/

/* Add your custom CSS below this line */

/* 1. تعریف فونت Kalame */
@font-face {
    font-family: 'Kalame';
    src: url('fonts/Kalame.woff2') format('woff2'),
         url('fonts/Kalame.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 2. اعمال فونت به کل سایت */
body, 
h1, h2, h3, h4, h5, h6, 
p, a, span, div, li, button, input, textarea {
    font-family: 'Kalame', Tahoma, sans-serif !important;
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text { 
 color: #fff;
}

.wc-block-components-button:not(.is-link) { 
 background-color: #333;
}

body .wq_questionTextCtr h4  { 
   font-size: 18px;
	line-height: 2;
	text-align: justify;
}

h1.entry-title { 
	text-align: center;
}


.wq-quiz.wq-skin-flat .wq_questionTextCtr { 
	background-color: #fff2f2;
}

.wq-quiz.wq-skin-flat .wq_singleAnswerCtr:last-child { 
	margin-bottom: 10px;
}






/* کل پنل */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* منوی سمت راست */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 260px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
    overflow: hidden;
}

/* آیتم های منو */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #eee;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    transition: all .3s ease;
}

/* هاور */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #f5f7ff;
    color: #f27474;
    padding-right: 30px;
}

/* آیتم فعال */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: #f27474;
    color: #fff;
}

/* محتوای سمت چپ */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

/* جدول نتایج */
.woocommerce-account table.shop_table {
    border-radius: 10px;
    overflow: hidden;
    border: none;
}

.woocommerce-account table.shop_table th {
    background: #f27474;
    color: #fff;
    padding: 15px;
}

.woocommerce-account table.shop_table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

/* کارت خوش آمدگویی */
.woocommerce-account .woocommerce-MyAccount-content p:first-child {
    background: #f5f7ff;
    padding: 15px;
    border-radius: 10px;
}

/* موبایل */
@media (max-width: 768px){

    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}

/* فرم ورود و ثبت نام */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {

    background: #fff;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

/* فیلدها */
.woocommerce form .form-row input.input-text {

    height: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 15px;
    transition: .3s;
}

.woocommerce form .form-row input.input-text:focus {

    border-color: #f27474;
    box-shadow: 0 0 0 3px rgba(79,70,229,.15);
    outline: none;
}

/* دکمه ها */
.woocommerce button.button,
.woocommerce .button {

    background: #f27474 !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 12px 25px;
    border: none;
    transition: .3s;
}

.woocommerce button.button:hover,
.woocommerce .button:hover {

    transform: translateY(-2px);
}

/* عنوان ها */
.woocommerce h2 {

    text-align: center;
    margin-bottom: 25px;
}

/* فرم دو ستونه ورود و ثبت نام */
.woocommerce-account .u-columns {

    display: flex;
    gap: 30px;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {

    width: 50%;
}

@media(max-width:768px){

    .woocommerce-account .u-columns {

        flex-direction: column;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {

        width: 100%;
    }
}

/* باکس فرم */
.az-register-form,
.login {

    max-width: 500px;
    margin: 50px auto;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

/* عنوان */
.az-register-form h2,
.login h2 {

    text-align: center;
    margin-bottom: 30px;
}

/* لیبل ها */
.az-register-form label,
.login label {

    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: #333;
}

/* فیلدها */
.az-register-form input,
.login input {

    width: 100%;
    height: 55px;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all .3s ease;
    box-sizing: border-box;
}

.az-register-form input:focus,
.login input:focus {

    border-color: #f27474;
    box-shadow: 0 0 0 4px rgba(79,70,229,.15);
    outline: none;
}

/* دکمه */
.az-register-form button,
.login input[type="submit"] {

    width: 100%;
    height: 55px;
    border: none;
    border-radius: 12px;
    background: #f27474;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}

.az-register-form button:hover,
.login input[type="submit"]:hover {

    transform: translateY(-2px);
	background: #333;
}

/* لینک ها */
.az-register-form a,
.login a {

    color: #f27474;
    text-decoration: none;
}

/* موبایل */
@media(max-width:768px){

    .az-register-form,
    .login{

        margin:20px;
        padding:25px;
    }
}

/* فرم ورود */
.login {
    max-width: 500px;
    margin: 50px auto;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

/* فیلدها */
.login input[type="text"],
.login input[type="password"] {

    width: 100%;
    height: 55px;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-top: 8px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {

    border-color: #f27474;
    outline: none;
    box-shadow: 0 0 0 4px rgba(79,70,229,.15);
}

/* دکمه ورود */
.login input[type="submit"] {

    width: 100%;
    height: 55px;
    border: none;
    border-radius: 12px;
    background: #f27474;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    margin-top: 15px;
}

/* مرا به خاطر بسپار */
.login .forgetmenot {

    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

/* لینک ثبت نام */
.az-auth-links {

    text-align: center;
    margin-top: 20px;
}

.az-auth-links a {

    color: #f27474;
    font-weight: 600;
    text-decoration: none;
}

/* رفع مشکل چک باکس مرا به خاطر بسپار */

.login .forgetmenot input[type="checkbox"]{

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 4px;
    vertical-align: middle;
}

.login .forgetmenot label{

    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 500;
}

.login .forgetmenot{

    margin: 15px 0;
}

.login input:not([type="checkbox"]) {

    width: 100%;
    height: 55px;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 15px;
    box-sizing: border-box;
}

.az-register-form input:not([type="checkbox"]),
.login input:not([type="checkbox"]) {

    width: 100%;
    height: 55px;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all .3s ease;
    box-sizing: border-box;
}

.login-remember label{

    display:flex;
    align-items:center;
    gap:10px;
    justify-content:flex-start;
    font-size:15px;
    cursor:pointer;
}

.login-remember input[type="checkbox"]{

    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    margin:0 !important;
    padding:0 !important;
}


/* نمایش تصاویر آزمون در اندازه واقعی */

.wq_answerImgCtr img,
.wq_quizCtr img {

    width: auto !important;
    max-width: none !important;
    height: auto !important;
    display: inline-block !important;
}

/* وسط چین شدن تصاویر */
.wq_answerImgCtr {

    text-align: center;
}


.az-success-message{
    background:#e8fff0;
    border:1px solid #4CAF50;
    color:#2e7d32;
    padding:15px;
    border-radius:12px;
    margin-bottom:20px;
    text-align:center;
    font-weight:700;
}

.az-error-message{
    background:#fff0f0;
    border:1px solid #f44336;
    color:#c62828;
    padding:15px;
    border-radius:12px;
    margin-bottom:20px;
    text-align:center;
    font-weight:700;
}