/* ====== بدنه اصلی صفحه ====== */
body {
    background: linear-gradient(135deg, #f0f4ff, #ffffff);
}

.register-page {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    background-color: #f8f9fa;
}

/* ====== کارت ثبت‌نام ====== */
.register-card {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 100%;
    font-size: 1rem;
    margin-top: 3rem; /* جلوگیری از برخورد با هدر در موبایل */
}

    .register-card h2,
    .register-card p {
        margin-bottom: 1.5rem;
        text-align: center;
        color: #007b83;
        font-weight: 700;
    }

/* ====== عناصر فرم ====== */
.form-label {
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

.input-group-text {
    font-size: 1rem;
    background-color: #f8f9fa;
    border-left: 0;
    border-radius: 0.5rem 0 0 0.5rem;
}

/* ====== گرد کردن کامل input-group در حالت RTL ====== */
.input-group {
    direction: rtl;
}

    .input-group .input-group-text {
        border-radius: 0 0.5rem 0.5rem 0 !important; /* سمت راست گرد */
        border-left: 1px solid #ced4da; /* خط بین input و icon */
    }

    .input-group .form-control {
        border-radius: 0.5rem 0 0 0.5rem !important; /* سمت چپ گرد */
        text-align: right;
        direction: rtl;
    }


.form-control {
    font-size: 0.95rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0 0.5rem 0.5rem 0;
    direction: rtl;
    text-align: right;
}

/* اصلاح placeholder برای همه نوع input به ویژه email و tel */
input::placeholder {
    text-align: right;
    direction: rtl;
    font-size: 0.85rem;
    color: #999;
}

.form-control:focus {
    border-color: #007b83;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 131, 0.25);
}

/* ====== دکمه ثبت‌نام ====== */
.btn-primary {
    background-color: #007b83;
    border-color: #007b83;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.6rem 1rem;
    border-radius: 999px;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #005f62;
        border-color: #005f62;
    }

/* ====== لینک ورود ====== */
.register-card .text-center a {
    font-size: 0.85rem;
    color: #007b83;
    text-decoration: none;
}

    .register-card .text-center a:hover {
        text-decoration: underline;
    }

/* ====== اعتبارسنجی ====== */
.text-danger {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* ====== واکنش‌گرایی برای موبایل ====== */
@media (max-width: 576px) {
    .register-card {
        padding: 1.5rem 1rem;
        font-size: 0.9rem;
        margin-top: 4rem; /* افزایش فاصله از بالا */
    }

        .register-card h2,
        .register-card p {
            font-size: 1.3rem;
        }

    .form-label {
        font-size: 0.85rem;
    }

    .form-control {
        font-size: 0.9rem;
        padding: 0.45rem 0.65rem;
    }

    input::placeholder {
        font-size: 0.75rem;
    }

    .btn-primary {
        font-size: 0.95rem;
        padding: 0.5rem;
    }

    .input-group-text {
        font-size: 0.9rem;
    }

    .register-card .text-center a {
        font-size: 0.75rem;
    }
}