/**
 * Bengali version of Invite 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 ===== */
.invite-header__description,
.reward-card__content,
.social-card__content,
.step__content,
.testimonial__quote {
    text-align: right;
}

.leaderboard__table th,
.leaderboard__table td {
    text-align: right;
}

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

.leaderboard__avatar {
    margin-right: 0;
    margin-left: var(--spacing-md);
}

.calculator__label,
.calculator__result-item {
    text-align: right;
}

.calculator__result-item {
    flex-direction: row-reverse;
}

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

.testimonial__avatar {
    margin-right: 0;
    margin-left: var(--spacing-md);
}

.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 ===== */
.invite-header__title {
    font-size: 2.3rem; /* Slightly larger to accommodate Bengali characters */
    line-height: 1.3;
}

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

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

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

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

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

.leaderboard__title {
    line-height: 1.4;
}

.calculator__title {
    line-height: 1.4;
}

.calculator__label {
    font-size: 1.05rem;
}

.how-it-works__title {
    line-height: 1.4;
}

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

.step__description {
    line-height: 1.6;
}

.testimonial__quote {
    line-height: 1.6;
    padding-left: 0;
    padding-right: var(--spacing-md);
}

.testimonial__quote::before {
    left: auto;
    right: 0;
}

/* ===== CALCULATOR FORM ADJUSTMENTS ===== */
.calculator__input {
    text-align: right;
}

/* ===== MEDIA QUERIES ===== */
@media (max-width: 992px) {
    .invite-header__title {
        font-size: 2rem;
    }
    
    .reward-card__title {
        font-size: 1.2rem;
    }
    
    .social-card__title {
        font-size: 1.2rem;
    }
    
    .step__title {
        font-size: 1.2rem;
    }
}

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

@media (max-width: 576px) {
    .invite-header__title {
        font-size: 1.6rem;
    }
    
    .calculator__result-item {
        flex-direction: column;
        align-items: flex-end;
    }
    
    .calculator__result-label {
        margin-bottom: var(--spacing-xs);
    }
}
