/**
 * Bengali version of Promotions 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 ===== */
.promotion-card__content {
    text-align: right;
}

.promotion-terms__list li {
    text-align: right;
}

.promotion-terms__list li::before {
    right: -20px;
    left: auto;
}

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

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

.promotion-card__title {
    font-size: 1.6rem;
    line-height: 1.4;
}

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

.vip-program__title {
    line-height: 1.4;
}

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

.vip-benefit__description {
    line-height: 1.6;
}

.promotion-terms__title {
    line-height: 1.4;
}

/* ===== PROMOTION CATEGORIES ADJUSTMENTS ===== */
.promotion-categories__button {
    padding: var(--spacing-sm) var(--spacing-lg);
    margin: 0 var(--spacing-sm) var(--spacing-sm);
}

/* ===== PROMOTION TABLE ADJUSTMENTS ===== */
.promotion-table th,
.promotion-table td {
    text-align: right;
}

/* ===== VIP PROGRAM ADJUSTMENTS ===== */
.vip-program__description {
    line-height: 1.6;
}

/* ===== MEDIA QUERIES ===== */
@media (max-width: 992px) {
    .promotions-header__title {
        font-size: 1.9rem;
    }
    
    .promotion-card__title {
        font-size: 1.4rem;
    }
}

@media (max-width: 768px) {
    .promotions-header__title {
        font-size: 1.7rem;
    }
    
    .promotions-header__description {
        font-size: 1.05rem;
    }
    
    .promotion-card__title {
        font-size: 1.3rem;
    }
    
    .vip-benefit__title {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .promotions-header__title {
        font-size: 1.5rem;
    }
    
    .promotion-card__title {
        font-size: 1.2rem;
    }
    
    .promotion-card__meta {
        flex-direction: column;
        align-items: flex-end;
    }
}