/* =====================================================
   LTR (English) Override Stylesheet
   المركز العربي لأبحاث الفضاء الإلكتروني
   يُحمّل فقط عندما تكون اللغة الإنجليزية مختارة
   ===================================================== */

/* --- Global Direction Override --- */
html[dir="ltr"],
html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

/* --- Typography Override for English --- */
html[dir="ltr"] body {
    font-family: 'Inter', 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif;
}

html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] .triple_main_headline,
html[dir="ltr"] .article_main_headline,
html[dir="ltr"] .broadsheet_header_title,
html[dir="ltr"] .masthead_brand_tagline {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
}

/* --- Header Masthead --- */
html[dir="ltr"] .masthead_wing_right {
    text-align: left;
}

html[dir="ltr"] .masthead_wing_left {
    text-align: right;
}

html[dir="ltr"] .masthead_editions {
    direction: ltr;
}

/* --- Navigation Bar & Dropdown Overrides (LTR) --- */
html[dir="ltr"] .broadsheet_nav_list {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .broadsheet_nav_list li > div,
html[dir="ltr"] .dropdown_menu {
    right: auto;
    left: 0;
    text-align: left;
}

html[dir="ltr"] .dropdown_menu a,
html[dir="ltr"] .broadsheet_nav_list li > div a {
    text-align: left;
}

html[dir="ltr"] .dropdown_menu a:hover,
html[dir="ltr"] .broadsheet_nav_list li > div a:hover {
    padding-right: 14px;
    padding-left: 18px;
}

html[dir="ltr"] .nav_dropdown_toggle {
    border-radius: 9999px 0 0 9999px;
    padding: 6px 10px 6px 8px;
}

html[dir="ltr"] .nav_item_group a.second_one {
    padding-left: 13px !important;
    padding-right: 4px !important;
}

html[dir="ltr"] .menu_search {
    margin-left: auto;
    margin-right: 0;
}

/* --- Mobile Drawer (LTR) --- */
html[dir="ltr"] .mobile_drawer_panel {
    right: auto;
    left: 0;
    transform: translateX(-100%);
    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.15);
}

html[dir="ltr"] .mobile_drawer_panel.is_open {
    transform: translateX(0);
}

html[dir="ltr"] .drawer_submenu {
    margin-right: 0;
    margin-left: 12px;
    border-right: none;
    border-left: 2px solid var(--border-light, #e2e8f0);
}

html[dir="ltr"] .mobile_top_inner {
    direction: ltr;
}

/* --- Article Detail --- */
html[dir="ltr"] .article_detail_page {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .article_text_body {
    direction: ltr;
    text-align: left;
    line-height: 1.85;
}

html[dir="ltr"] .article_read_header {
    text-align: left;
}

html[dir="ltr"] .article_author_meta_bar {
    direction: ltr;
}

html[dir="ltr"] .article_badge_row {
    justify-content: flex-start;
}

html[dir="ltr"] .article_interaction_bar {
    direction: ltr;
    justify-content: flex-start;
}

/* --- Category & Section Pages --- */
html[dir="ltr"] .category_grid_item,
html[dir="ltr"] .type_article_card {
    text-align: left;
}

/* --- Hero / Triple Section --- */
html[dir="ltr"] .editorial_triple_grid {
    direction: ltr;
}

html[dir="ltr"] .triple_lead_meta {
    text-align: left;
}

/* --- Ticker --- */
html[dir="ltr"] .container_news {
    direction: ltr;
}

html[dir="ltr"] .news_ticker_label {
    border-radius: 4px 0 0 4px;
}

/* --- Footer --- */
html[dir="ltr"] .footer_master_section {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .real_footer {
    direction: ltr;
}

html[dir="ltr"] .real_footer_right {
    text-align: left;
}

/* --- Comments --- */
html[dir="ltr"] .comment_card {
    text-align: left;
}

html[dir="ltr"] .comment_form_wrapper {
    direction: ltr;
}

/* --- Search --- */
html[dir="ltr"] .search_results {
    direction: ltr;
    text-align: left;
}

/* --- Related Articles --- */
html[dir="ltr"] .related_articles_section {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .related_bullet {
    margin-right: 8px;
    margin-left: 0;
}

/* --- Opinions Section --- */
html[dir="ltr"] .opinion_cards_grid {
    direction: ltr;
}

/* --- Books Section --- */
html[dir="ltr"] .book_shelf_grid {
    direction: ltr;
}

/* --- Interactive Section --- */
html[dir="ltr"] .interactive_section {
    direction: ltr;
    text-align: left;
}

/* --- Inner Pages --- */
html[dir="ltr"] .inner_page_header {
    text-align: left;
}

html[dir="ltr"] .inner_breadcrumb {
    direction: ltr;
}

/* --- Generic Flips --- */
html[dir="ltr"] .btn_action_pill svg,
html[dir="ltr"] .meta_date_tag svg,
html[dir="ltr"] .meta_views_tag svg {
    margin-right: 4px;
    margin-left: 0;
}

/* --- Pagination --- */
html[dir="ltr"] .pagination_wrap {
    direction: ltr;
}

/* --- Form Fields (shared) --- */
html[dir="ltr"] .form-control,
html[dir="ltr"] .input_field,
html[dir="ltr"] .textarea_field {
    text-align: left;
    direction: ltr;
}

/* --- Newsletter --- */
html[dir="ltr"] .footer_newsletter_wrap {
    text-align: left;
}

/* --- Brand Banner --- */
html[dir="ltr"] .brand_banner_section {
    direction: ltr;
    text-align: left;
}

/* --- Multimedia --- */
html[dir="ltr"] .multimedia_section {
    direction: ltr;
}

/* --- Sidebar (left) --- */
html[dir="ltr"] .sidebar_section {
    direction: ltr;
    text-align: left;
}

/* --- Language Switcher Active State --- */
html[dir="ltr"] .edition_link.active_edition {
    font-weight: 700;
}

/* --- Ad Units LTR Overrides --- */
html[dir="ltr"] .accr_ad_label,
html[dir="ltr"] .accr_ad_badge {
    font-family: 'Inter', system-ui, sans-serif;
    letter-spacing: 0.05em;
}

/* --- Broadsheet Column Hairlines Inversion (LTR) --- */
html[dir="ltr"] .triple_col_lead,
html[dir="ltr"] .triple_col_features {
    border-left: none;
    border-right: var(--hairline);
    padding-left: 0;
    padding-right: var(--space-xl);
}

html[dir="ltr"] .thematic_col {
    border-left: none;
    border-right: var(--hairline);
    padding-left: 0;
    padding-right: var(--space-xl);
}

html[dir="ltr"] .thematic_col:last-child {
    border-right: none;
    padding-right: 0;
}

html[dir="ltr"] .opinions_card_wrapper {
    border-left: none;
    border-right: var(--hairline);
    padding-left: 0;
    padding-right: var(--space-xl);
}

html[dir="ltr"] .dual_feature_col:first-child {
    border-left: none;
    border-right: var(--hairline);
    padding-left: 0;
    padding-right: var(--space-2xl);
}

html[dir="ltr"] .engagement_col {
    border-left: none;
    border-right: var(--hairline);
    padding-left: 0;
    padding-right: var(--space-2xl);
}

html[dir="ltr"] .engagement_col:last-child {
    border-right: none;
    padding-right: 0;
}

