/**
 * Bengali version of Deposit page CSS for 11kk Casino website
 * Contains Bengali-specific styles and overrides
 */

/* ===== FONT ADJUSTMENTS ===== */
body {
    font-family: 'Hind Siliguri', 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Hind Siliguri', 'Prata', serif;
}

/* ===== TEXT DIRECTION ADJUSTMENTS ===== */
.deposit-header__description,
.login__subtitle,
.deposit-method__description,
.bonus-card__description,
.faq-item__answer p,
.step__content {
    text-align: right;
}

.faq-item--active .faq-item__answer {
    padding: 0 var(--spacing-md) var(--spacing-md);
    max-height: 500px;
}
.login-form__label,
.login-form__options,
.login-form__remember,
.login-form__register {
    text-align: right;
}


.login-form__options {
    flex-direction: row-reverse;
}

.login-form__remember {
    flex-direction: row-reverse;
}

.login-form__checkbox {
    margin-right: 0;
    margin-left: var(--spacing-xs);
}

.faq-item__question {
    flex-direction: row-reverse;
}

.step {
    flex-direction: row-reverse;
}

.step__number {
    margin-right: 0;
    margin-left: var(--spacing-lg);
}

.step:not(:last-child)::after {
    right: 20px;
    left: auto;
}

/* ===== SPECIFIC ELEMENT ADJUSTMENTS ===== */
.deposit-header__title {
    font-size: 2.3rem; /* Slightly larger to accommodate Bengali characters */
    line-height: 1.3;
}

.deposit-header__description {
    line-height: 1.6;
}

.login__title {
    font-size: 2.1rem;
    line-height: 1.3;
}

.login__subtitle {
    line-height: 1.6;
}

.login-form__label {
    font-size: 1.05rem;
}

.deposit-methods__title {
    line-height: 1.4;
}

.deposit-method__title {
    font-size: 1.3rem;
    line-height: 1.4;
}

.deposit-method__description {
    line-height: 1.6;
}

.deposit-bonuses__title {
    line-height: 1.4;
}

.bonus-card__title {
    font-size: 1.3rem;
    line-height: 1.4;
}

.bonus-card__description {
    line-height: 1.6;
}

.faq__title {
    line-height: 1.4;
}

.faq-item__question {
    font-size: 1.05rem;
}

.faq-item__answer p {
    line-height: 1.6;
}

.deposit-steps__title {
    line-height: 1.4;
}

.step__title {
    font-size: 1.3rem;
    line-height: 1.4;
}

.step__description {
    line-height: 1.6;
}

/* ===== FORM ADJUSTMENTS ===== */
.login-form__input {
    text-align: right;
    direction: rtl;
}

/* Password Toggle */
.password-toggle {
    right: auto;
    left: 10px;
}

/* ===== MEDIA QUERIES ===== */
@media (max-width: 992px) {
    .deposit-header__title {
        font-size: 2rem;
    }
    
    .login__title {
        font-size: 1.8rem;
    }
    
    .deposit-method__title,
    .bonus-card__title,
    .step__title {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .deposit-header__title {
        font-size: 1.8rem;
    }
    
    .deposit-header__description {
        font-size: 1.05rem;
    }
    
    .login__title {
        font-size: 1.6rem;
    }
    
    .login-form__options {
        flex-direction: column;
        align-items: flex-end;
    }
    
    .login-form__remember {
        margin-bottom: var(--spacing-sm);
    }
    
    .step {
        flex-direction: column;
        align-items: flex-end;
    }
    
    .step__number {
        margin-left: 0;
        margin-bottom: var(--spacing-sm);
    }
}

@media (max-width: 576px) {
    .deposit-header__title {
        font-size: 1.6rem;
    }
    
    .login__title {
        font-size: 1.5rem;
    }
}