/* Theme selection is client-side so cached pages never leak another reader's choice. */
html{color-scheme:light}
.theme-toolbar{width:1050px;max-width:calc(100% - 24px);margin:0 auto;padding:5px 0;display:flex;align-items:center;justify-content:flex-end;gap:8px;box-sizing:border-box;direction:rtl}
.theme-toolbar-label{font:10px 'Droid Arabic Kufi',sans-serif;color:#646b75}
.theme-switch{display:inline-flex;border:1px solid #d7dce3;border-radius:6px;padding:2px;gap:2px;background:#f3f5f7}
.theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;min-width:58px;padding:3px 8px;border:0;border-radius:4px;background:transparent;color:#4c5561;cursor:pointer;font:11px 'Droid Arabic Kufi',sans-serif}
.theme-switch button[aria-pressed=true]{background:#fff;color:#a61523;box-shadow:0 1px 3px #0002}
.theme-switch button:focus-visible{outline:2px solid #c72332;outline-offset:2px}
html[data-theme=dark]{color-scheme:dark;--mainColor:#ed4350;--mainColorAlpha:#ed4350bb;background:#11151c}
html[data-theme=dark] body,html[data-theme=dark] .site_container{background:#11151c;color:#dce3ed}
html[data-theme=dark] :is(.header_top_bar_container,.header_container,.header,.menu_container,.sf-menu,.sf-menu ul,.mobile_menu_container,.mobile-menu,.footer_container,.footer,.copyright_row,.gallery_popup,.gallery_popup .header_container){background-color:#171d27;color:#dce3ed;border-color:#343d4b}
html[data-theme=dark] :is(h1,h2,h3,h4,h5,h6,a,.post_content,p,li,td,label){color:#e1e7f0}
html[data-theme=dark] :is(h1 a,h2 a,h3 a,h4 a,h5 a,h6 a){color:#f0f3f9}
html[data-theme=dark] a:hover,html[data-theme=dark] .post.single .text a{color:#ff838b}
html[data-theme=dark] :is(.box_header,.page_header,.bread_crumb,.tabs_navigation li a,.taxonomies a,blockquote,.quote,.read_more,.more,.pagination a,.pagination span,.comment,.search_form,.search .search_input){background-color:#222b38;color:#dce3ed;border-color:#3a4656}
html[data-theme=dark] :is(.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu li.selected,.mobile-menu li:hover,.mobile-menu li.selected){background-color:#283345}
html[data-theme=dark] :is(.tabs_navigation li a.selected,.tabs_navigation li.ui-tabs-active a,.more.active,.read_more:hover,.pagination a:hover){background-color:#c92736;color:#fff;border-color:#c92736}
html[data-theme=dark] :is(.post_details,.post_details a,.post_details li,.date,.timeago,.bread_crumb li,.bread_crumb a,.copyright_row,.theme-toolbar-label){color:#b3bece}
html[data-theme=dark] :is(hr,.divider,.blog .post,.row,.search,.latest_news_scrolling_list_container .category,.latest_news_scrolling_list_container li.left,.latest_news_scrolling_list_container li.right){border-color:#343e4e}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:#202938;color:#edf2fa;border-color:#455268}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b3bece}
html[data-theme=dark] .theme-switch{background:#242e3d;border-color:#46536a}
html[data-theme=dark] .theme-switch button{color:#c7d2e2}
html[data-theme=dark] .theme-switch button[aria-pressed=true]{background:#3a485e;color:#fff}
html[data-theme=dark] :is(.logo img,.mobile_logo img){background:#fff;border-radius:4px}
html[data-theme=dark] :is(.social_icons.dark .social_icon,.search_submit,.mobile-menu-switch .line){filter:brightness(1.8)}
/* Keep photographs, weather symbols and team logos in their original colors. */
html[data-theme=dark] #football-scores,html[data-theme=dark] #egypt-weather{background:#171e29;color:#e1e7f0;border-color:#354154}
html[data-theme=dark] #football-scores :is(h2,.score-team,.score-center),html[data-theme=dark] #egypt-weather :is(h2,h3,.weather-temp,.weather-condition){color:#edf2fa}
html[data-theme=dark] #football-scores .score-row,html[data-theme=dark] #football-scores.score-compact .score-row,html[data-theme=dark] #egypt-weather .weather-city{background:#222c3b;border-color:#38465a}
html[data-theme=dark] #football-scores .score-league{background:#283448;color:#e1e7f0}
html[data-theme=dark] #football-scores :is(.score-time,.score-note,.score-status),html[data-theme=dark] #football-scores.score-compact .score-row:before,html[data-theme=dark] #egypt-weather :is(header span,.weather-note,.weather-credit){color:#b8c4d6}
html[data-theme=dark] #football-scores :is(.score-live,.score-more),html[data-theme=dark] #egypt-weather .weather-high{color:#ff9098}
html[data-theme=dark] #egypt-weather .weather-low{color:#91caff}
html[data-theme=dark] #football-scores .score-more{background:#242e3d;border-color:#47536a}
html[data-theme=dark] :is(.score-team img,.entity-tag-logo){background:#f0f3f8;border-radius:3px}
html[data-theme=dark] .slider_content_box,html[data-theme=dark] .slider_content_box :is(a,h2,h5,p){color:#fff}
@media(max-width:1069px){.theme-toolbar{max-width:calc(100% - 20px);width:auto}.theme-switch button{min-height:32px}}

html[data-theme=dark] .sf-menu li{background-color:#171d27;border-color:#343d4b}
html[data-theme=dark] .sf-menu li a,html[data-theme=dark] .sf-menu li a:visited{background-color:transparent;color:#e1e7f0}
html[data-theme=dark] .sf-menu li.selected,html[data-theme=dark] .sf-menu li:hover,html[data-theme=dark] .sf-menu li.sfHover{background-color:#283345}
html[data-theme=dark] .sf-menu li a:hover,html[data-theme=dark] .sf-menu li.selected a{color:#fff}
html[data-theme=dark] .post.single .text{color:#dce3ed}
html[data-theme=dark] .mobile-menu li a,html[data-theme=dark] .mobile-menu li a:visited,html[data-theme=dark] .mobile-menu li.selected ul a{background-color:#202a39;color:#e1e7f0}
html[data-theme=dark] .mobile-menu li.selected>a,html[data-theme=dark] .mobile-menu li a:hover{background-color:#2b384d;color:#fff}

/* Publisher markup can contain its own text/background colors. Normalize the
   reading surface and nested formatting without altering photos or embeds. */
html[data-theme=dark] .post.single .text,
html[data-theme=dark] .post.single .text :where(p,div,span,font,strong,b,em,i,u,s,small,big,ul,ol,li,blockquote,table,thead,tbody,tfoot,tr,td,th,caption,figcaption,h1,h2,h3,h4,h5,h6,pre,code,mark){color:#e8edf5!important;background-color:transparent!important;text-shadow:none!important}
html[data-theme=dark] .post.single .text a,
html[data-theme=dark] .post.single .text a *{color:#9fcbff!important;text-decoration:underline;text-underline-offset:3px}
html[data-theme=dark] .post.single .text :is(td,th,blockquote){border-color:#526179}

/* Shared section dividers scale with their column and use no light-only image. */
.divider_block{display:flex;align-items:center;direction:rtl;height:2px;margin-bottom:24px;clear:both}
.divider_block .divider{float:none;flex:none;height:2px;margin:0;border:0;background:#dce1e8}
.divider_block .divider.first{width:30px;background:#cf2635}
.divider_block .divider.subheader_arrow{display:none;background-image:none}
.divider_block .divider.last{width:auto;flex:1;min-width:0}
html[data-theme=dark] .divider_block .divider{background:#394659}
html[data-theme=dark] .divider_block .divider.first{background:#ed4350}
html[data-theme=dark] .bread_crumb .separator{background-image:none;color:#b3bece}
html[data-theme=dark] .bread_crumb .separator:before{content:'‹';display:block;text-align:center}

/* Compact, icon-only theme controls occupy the former top-bar social links. */
.header_top_bar .header-theme-switch{float:left;margin:5px 0;vertical-align:middle}
.header_top_bar .header-theme-switch button{min-width:32px;min-height:30px;padding:0}
.header-theme-switch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(max-width:767px){.header_top_bar .header-theme-switch{margin:5px 6px}.header_top_bar .header-theme-switch button{min-width:38px;min-height:36px}}

/* Leave breathing room between the theme icons and breaking-news label. */
.header_top_bar .latest_news_scrolling_list_container .category{border-left:0}
@media(min-width:768px){.header_top_bar .header-theme-switch{margin-right:8px}}

/* Give the utility bar its own surface above the main header in dark mode. */
html[data-theme=dark] .site_container .header_top_bar_container{background-color:#0c1119;border-bottom:1px solid #303b4b}

.header_top_bar .search{margin-right:0}

.post.single .article-publication-date{margin:12px 0 14px;padding:0;font-size:12px;line-height:1.9;color:#67717d}
html[data-theme=dark] .post.single .article-publication-date{color:#b3bece}

/* Shared section heading palette and widget typography. */
html{--section-heading-color:#25282A}
html[data-theme=dark]{--section-heading-color:#dce3ed}
html .site_container .page .box_header,html .site_container .page .home-section-heading,html .site_container .home-trending .home-trending-group h4,html[data-theme] #football-scores header h2.home-section-heading,html[data-theme] #egypt-weather header h2.home-section-heading{color:var(--section-heading-color)}
html[data-theme] #football-scores header h2.home-section-heading,html[data-theme] #egypt-weather header h2.home-section-heading{font:400 18px/1.4 'Droid Arabic Kufi',sans-serif}
html[data-theme] #football-scores header h2.home-section-heading>span,html[data-theme] #egypt-weather header h2.home-section-heading>span{font:inherit;color:inherit}