/**
 * RTL (Right-to-Left) and Urdu Language Styles
 * Applied when lang="ur" is active
 */

/* ==================== DIRECTION ==================== */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body {
    text-align: right;
}

/* ==================== URDU FONT SIZES (INCREASED) ==================== */

/* Base font size increase for Urdu */
html[lang="ur"] {
    font-size: 18px;
    /* Increased from 16px */
}

/* ==================== HEADER URDU FONT SIZES ==================== */

html[lang="ur"] .header-datetime {
    font-size: 15px;
    /* Increased from 13px */
}

html[lang="ur"] .btn-watch {
    font-size: 15px;
    /* Increased from 13px */
}

html[lang="ur"] .language-dropdown-toggle {
    font-size: 15px;
    /* Increased from 13px */
}

html[lang="ur"] .language-dropdown-menu a {
    font-size: 15px;
    /* Increased from 13px */
}

html[lang="ur"] .nav-link {
    font-size: 25px;
    /* Increased from 14px */
}

html[lang="ur"] .mobile-nav-link {
    font-size: 18px;
    /* Increased from 16px */
}

html[lang="ur"] .search-bar-input,
html[lang="ur"] .search-bar-submit {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .mobile-search-input {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .mobile-action-btn {
    font-size: 16px;
    /* Increased from 14px */
}

/* ==================== CONTENT URDU FONT SIZES ==================== */

/* Headings */
html[lang="ur"] h1,
html[lang="ur"] .h1 {
    font-size: 27px;
    /* Increased from 32px */
}

html[lang="ur"] h2,
html[lang="ur"] .h2 {
    font-size: 30px;
    /* Increased from 24px */
}

html[lang="ur"] h3,
html[lang="ur"] .h3 {
    font-size: 24px;
    border-right: 3px solid #FF5722;
    padding-right: 15px;
    padding-left : 0px;
    border-left: none;
}

html[lang="ur"] h4,
html[lang="ur"] .h4 {
    font-size: 18px;
    font-weight: 600;
    /* Increased from 18px */
}

html[lang="ur"] h5,
html[lang="ur"] .h5 {
    font-size: 18px;
    /* Increased from 16px */
}

html[lang="ur"] h6,
html[lang="ur"] .h6 {
    font-size: 16px;
    /* Increased from 14px */
}

/* Body text */
html[lang="ur"] p,
html[lang="ur"] .body-text {
    font-size: 24px;
    /* Increased from 16px */
    line-height: 1.3;
    /* Increased line height for better readability */
}

/* ==================== HOME PAGE URDU FONT SIZES ==================== */

/* Breaking Ticker */
html[lang="ur"] .breaking-ticker-text {
    font-size: 16px;
    /* Increased from 14px */
}

/* Hero Section */
html[lang="ur"] .hero-main-title {
    font-size: 32px;
    /* Increased from 28px */
}

html[lang="ur"] .hero-main-description {
    font-size: 18px;
    /* Increased from 16px */
}

html[lang="ur"] .hero-card-title {
    font-size: 18px;
    /* Increased from 16px */
}

/* Trending Section */
html[lang="ur"] .trending-featured-title {
    font-size: 26px;
    /* Increased from 22px */
}

html[lang="ur"] .trending-featured-description {
    font-size: 17px;
    /* Increased from 15px */
}

html[lang="ur"] .trending-grid-title {
    font-size: 17px;
    /* Increased from 15px */
}

html[lang="ur"] .more-trending-title {
    font-size: 16px;
    /* Increased from 14px */
}

/* Category Sections */
html[lang="ur"] .section-title {
    font-size: 28px;
    /* Increased from 24px */
}

html[lang="ur"] .category-card-title {
    font-size: 18px;
    /* Increased from 16px */
}

/* Video Sidebar */
html[lang="ur"] .video-title {
    font-size: 17px;
    /* Increased from 15px */
}

/* Breaking Cards */
html[lang="ur"] .breaking-card-title {
    font-size: 19px;
    /* Increased from 17px */
}

/* Reels Section */
html[lang="ur"] .reel-title {
    font-size: 16px;
    /* Increased from 14px */
}

/* Recommended Section */
html[lang="ur"] .recommended-title {
    font-size: 18px;
    /* Increased from 16px */
}

/* Random Picks */
html[lang="ur"] .random-pick-title {
    font-size: 18px;
    /* Increased from 15px */
}

/* ==================== CATEGORY PAGE URDU FONT SIZES ==================== */

html[lang="ur"] .category-page-title {
    font-size: 38px;
    /* Increased from 32px */
}

/* Top Section */
html[lang="ur"] .cat-top-first-featured-title {
    font-size: 26px;
    /* Increased from 22px */
}

html[lang="ur"] .cat-top-first-featured-desc {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .cat-top-first-small-title {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .cat-top-second-large-title {
    font-size: 20px;
    /* Increased from 18px */
}

html[lang="ur"] .cat-top-second-grid-title {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .cat-top-third-title {
    font-size: 18px;
    /* Increased from 16px */
}

/* Mid Section */
html[lang="ur"] .cat-mid-grid-title {
    font-size: 17px;
    /* Increased from 15px */
}

/* Bottom Section 3 */
html[lang="ur"] .cat-bottom-3-left-title {
    font-size: 18px;
    /* Increased from 16px */
}

html[lang="ur"] .cat-bottom-3-right-title {
    font-size: 16px;
    /* Increased from 14px */
}

/* Bottom Section 4 */
html[lang="ur"] .cat-bottom-4-title {
    font-size: 28px;
    /* Increased from 24px */
}

html[lang="ur"] .cat-bottom-4-featured-title {
    font-size: 20px;
    /* Increased from 18px */
}

html[lang="ur"] .cat-bottom-4-grid-title {
    font-size: 17px;
    /* Increased from 15px */
}

/* ==================== NEWS DETAIL PAGE URDU FONT SIZES ==================== */

html[lang="ur"] .news-detail-category {
    font-size: 14px;
    /* Increased from 12px */
}

html[lang="ur"] .news-detail-title {
    font-size: 32px;
    /* Increased from 32px */
}

html[lang="ur"] .news-detail-timestamp {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .news-detail-share-label {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .news-detail-description {
    font-size: 20px;
    /* Increased from 18px */
    line-height: 2;
    /* Increased for better readability */
}

html[lang="ur"] .news-detail-related-title {
    font-size: 28px;
    /* Increased from 24px */
}

html[lang="ur"] .news-detail-related-item-title {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .news-detail-sidebar-title {
    font-size: 24px;
    /* Increased from 20px */
}

html[lang="ur"] .news-detail-sidebar-item-title {
    font-size: 20px;
    font-weight: 500;
    /* Increased from 15px */
}

html[lang="ur"] .news-detail-bottom-column-title {
    font-size: 24px;
    /* Increased from 20px */
}

html[lang="ur"] .news-detail-bottom-item-title {
    font-size: 18px;
    padding-bottom: 2px;
    font-weight: 500;
    /* Increased from 14px */
}

/* ==================== FOOTER URDU FONT SIZES ==================== */

html[lang="ur"] .footer-link {
    font-size: 16px;
    /* Increased from 14px */
}

html[lang="ur"] .footer-copyright {
    font-size: 15px;
    /* Increased from 13px */
}

/* ==================== SUBSCRIPTION BANNER URDU FONT SIZES ==================== */

html[lang="ur"] .subscription-banner-text {
    font-size: 20px;
    /* Increased from 18px */
}

/* ==================== RTL LAYOUT ADJUSTMENTS (MINIMAL) ==================== */

/* Only adjust dropdown position for RTL */
[dir="rtl"] .language-dropdown-menu {
    right: auto;
    left: 0;
}

/* Flip play icon for RTL */
[dir="rtl"] .btn-watch svg {
    transform: scaleX(-1);
}

/* Mobile menu close button position */
[dir="rtl"] .mobile-menu-close {
    right: auto;
    left: 20px;
}

/* Text alignment for specific elements */
[dir="rtl"] .search-bar-input,
[dir="rtl"] .mobile-search-input {
    text-align: right;
}

/* ==================== RESPONSIVE URDU ADJUSTMENTS ==================== */

@media (max-width: 768px) {
    html[lang="ur"] {
        font-size: 17px;
        /* Slightly smaller on mobile but still larger than English */
    }

    html[lang="ur"] .news-detail-title {
        font-size: 28px;
        /* Increased from 24px */
    }

    html[lang="ur"] .news-detail-description {
        font-size: 18px;
        /* Increased from 16px */
    }

    html[lang="ur"] .category-page-title {
        font-size: 28px;
        /* Increased from 24px */
    }
}

@media (max-width: 480px) {
    html[lang="ur"] {
        font-size: 16px;
    }

    html[lang="ur"] .news-detail-title {
        font-size: 24px;
        /* Increased from 20px */
    }

    html[lang="ur"] .news-detail-description {
        font-size: 17px;
        /* Increased from 15px */
    }

    html[lang="ur"] .category-page-title {
        font-size: 24px;
        /* Increased from 20px */
    }
}

/* ==================== BREAKING NEWS TICKER RTL FIXES ==================== */

/* Fix height issue caused by larger Urdu font */
html[lang="ur"] .breaking-news-ticker {
    padding: 8px 0;
    /* Slightly reduce padding */
}

html[lang="ur"] .ticker-label {
    font-size: 24px;
    /* Increased from 14px for readability */
    line-height: 1.2;
    /* Control line height */
}

html[lang="ur"] .ticker-content a {
    font-size: 24px;
    /* Increased from 14px for readability */
    line-height: 1.2;
    /* Control line height */
}

html[lang="ur"] .grid-story-card .grid-title {
    font-size: 18px;
    font-weight: 500;
}

html[lang="ur"] .breaking-news-card .breaking-title {
    font-size: 18px;
    font-weight: 500;
}

/* Fix border position */
[dir="rtl"] .ticker-label {
    padding-left: 20px;
    padding-right: 0;
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    border-right: none;
}

/* Fix animation */
[dir="rtl"] .ticker-content a {
    animation: scroll-ticker-rtl 25s linear infinite;
    padding-left: 100%;
    padding-right: 0;
}

@keyframes scroll-ticker-rtl {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

/* ==================== TRENDING SECTION RTL ADJUSTMENTS ==================== */

/* Move grid padding from left to right */
[dir="rtl"] .trending-grid {
    padding-left: 0;
    padding-right: 15px;
}

/* Move left vertical line to right */
[dir="rtl"] .trending-grid::before {
    left: auto;
    right: 14px;
}

/* Move right column vertical line */
[dir="rtl"] .trending-grid::after {
    left: auto;
    right: calc(50% + 11px);
}

/* Move orange dots to right for odd items */
[dir="rtl"] .trending-grid-wrapper:nth-child(odd)::before {
    left: auto;
    right: -7px;
}

/* Move orange dots to right for even items */
[dir="rtl"] .trending-grid-wrapper:nth-child(even)::before {
    left: auto;
    right: -7px;
}

/* Reverse the flex direction of grid items */
[dir="rtl"] .trending-grid-item {
    flex-direction: row-reverse;
}

/* Adjust underline position */
[dir="rtl"] .trending-grid-item::after {
    left: 12px;
    right: 12px;
}

/* Adjust content text alignment */
[dir="rtl"] .trending-grid-content {
    text-align: right;
}

/* Adjust trending right section border */
[dir="rtl"] .trending-right {
    border-left: none;
    border-right: 2px solid #FD4C00;
}

/* Reverse hover transform direction for more trending items */
[dir="rtl"] .more-trending-item:hover {
    transform: translateX(-5px);
}
[dir="rtl"] .category-title {
    border-left: 0;
    border-right: 2px solid #FD4C00;
}

[dir="rtl"] .category-list-bullet {
    border-right: 7px solid #FF5722;
    border-left: 0;
}
[dir="rtl"] .recommended-section .section-title {
    border-right: 3px solid #FF5722;
    border-left: 0;
    padding-right: 15px;
}
[dir="rtl"] .reels-section .section-title {
    border-right: 3px solid #FF5722;
    border-left: 0;
    padding-right: 15px;
}
[dir="rtl"] .breaking-news-title {
    border-right: 3px solid #FF5722;
    border-left: 0;
    padding-right: 15px;
}

/* Orange Arrow/Chevron */
[dir="rtl"] .cat-bottom-4-arrow {
    border-left: 2px solid #FF5722;
    border-top: 2px solid #FF5722;
}

/* ==================== TRENDING SECTION URDU FONT SIZES ==================== */

html[lang="ur"] .trending-left .section-title {
    font-size: 28px;
    /* Increased from 24px */
}

html[lang="ur"] .category-list-title {
    font-size: 17px;
}

html[lang="ur"] .trending-featured-title {
    font-size: 26px;
    /* Increased from 22px */
}

html[lang="ur"] .trending-featured-description {
    font-size: 17px;
    /* Increased from 15px */
}

html[lang="ur"] .trending-featured-time {
    font-size: 15px;
    /* Increased from 13px */
}

html[lang="ur"] .trending-grid-title {
    font-size: 17px;
    /* Increased from 15px */
}

html[lang="ur"] .trending-right .section-title {
    font-size: 24px;
    /* Increased from 20px */
}

html[lang="ur"] .more-trending-number {
    font-size: 32px;
    /* Increased from 28px */
}

html[lang="ur"] .more-trending-title {
    font-size: 16px;
    /* Increased from 14px */
}

/* Mobile adjustments for Urdu */
@media (max-width: 768px) {
    html[lang="ur"] .trending-featured-title {
        font-size: 22px;
    }

    html[lang="ur"] .trending-featured-description {
        font-size: 16px;
    }
}

@media (max-width: 480px) {

    html[lang="ur"] .trending-left .section-title,
    html[lang="ur"] .trending-right .section-title {
        font-size: 20px;
    }

    html[lang="ur"] .trending-featured-title {
        font-size: 20px;
    }

    html[lang="ur"] .trending-featured-description {
        font-size: 15px;
    }

    html[lang="ur"] .more-trending-title {
        font-size: 14px;
    }
}

/* ==================== NEWS DETAIL BOTTOM SECTION RTL ADJUSTMENTS ==================== */

/* Flip padding from left to right */
[dir="rtl"] .news-detail-bottom-items {
    padding-left: 0;
    padding-right: 15px;
}

/* Move vertical line from left to right */
[dir="rtl"] .news-detail-bottom-items::before {
    left: auto;
    right: 14px;
}

/* Move orange dots from left to right */
[dir="rtl"] .news-detail-bottom-item-wrapper::before {
    left: auto;
    right: -7px;
}

/* Reverse flex direction for items */
[dir="rtl"] .news-detail-bottom-item {
    flex-direction: row-reverse;
}

/* Right-align content text */
[dir="rtl"] .news-detail-bottom-content {
    text-align: right;
}

/* ==================== REELS SECTION RTL ADJUSTMENTS ==================== */

/* Swap navigation button positions */
[dir="rtl"] .reels-nav-left {
    left: auto;
    right: -10px;
}

[dir="rtl"] .reels-nav-right {
    right: auto;
    left: -10px;
}

/* Flip the SVG arrows visually (optional - makes arrows point in intuitive direction) */
[dir="rtl"] .reels-nav-left svg {
    transform: scaleX(-1);
}

[dir="rtl"] .reels-nav-right svg {
    transform: scaleX(-1);
}

/* Adjust reels container scroll behavior for RTL */
[dir="rtl"] .reels-slider {
    direction: rtl;
}


/* ==================== SERIES DETAIL PAGE RTL ADJUSTMENTS ==================== */

/* Hero Section */
[dir="rtl"] .series-hero {
    direction: rtl;
}

[dir="rtl"] .series-meta {
    direction: rtl;
}

/* Tabs */
[dir="rtl"] .series-controls {
    direction: rtl;
}

/* Sort Select Arrow Position */
[dir="rtl"] .series-sort-select {
    padding: var(--space-2) var(--space-4) var(--space-2) var(--space-10);
    background-position: left var(--space-3) center;
}

/* Episodes Grid - RTL alignment */
[dir="rtl"] .series-episode-info {
    text-align: right;
}

/* Shorts Slider Navigation - Swap positions */
[dir="rtl"] .series-shorts-nav-left {
    left: auto;
    right: 0;
}

[dir="rtl"] .series-shorts-nav-right {
    right: auto;
    left: 0;
}

/* Flip SVG arrows for RTL */
[dir="rtl"] .series-shorts-nav-left svg {
    transform: scaleX(-1);
}

[dir="rtl"] .series-shorts-nav-right svg {
    transform: scaleX(-1);
}

/* Play button icon flip */
[dir="rtl"] .series-play-latest-btn svg {
    transform: scaleX(-1);
}

/* Shorts slider direction */
[dir="rtl"] .series-shorts-slider {
    direction: rtl;
}

/* ==================== SERIES DETAIL PAGE URDU FONT SIZES ==================== */

html[lang="ur"] .watch-comment-text {
    font-size: 18px;
}
html[lang="ur"] .series-title {
    font-size: 36px;
}

html[lang="ur"] .series-type-badge {
    font-size: 15px;
}

html[lang="ur"] .series-description {
    font-size: 20px;
    line-height: 1.8;
}

html[lang="ur"] .series-meta {
    font-size: 16px;
}

html[lang="ur"] .series-play-latest-btn {
    font-size: 18px;
}

html[lang="ur"] .series-tab {
    font-size: 18px;
}

html[lang="ur"] .series-sort-select {
    font-size: 16px;
}

html[lang="ur"] .series-episode-title {
    font-size: 18px;
}

html[lang="ur"] .series-episode-time {
    font-size: 15px;
}

html[lang="ur"] .series-no-content {
    font-size: 20px;
}

/* Mobile Urdu adjustments */
@media (max-width: 768px) {
    html[lang="ur"] .series-title {
        font-size: 28px;
    }

    html[lang="ur"] .series-description {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    html[lang="ur"] .series-title {
        font-size: 24px;
    }

    html[lang="ur"] .series-tab {
        font-size: 16px;
    }
}