.cluster_click_ratings_stack { display: none !important; }
						.punish_badge { display: none !important; }
					

	/* Dark mode styles */
	/* @media (prefers-color-scheme: dark) { */

	/* Dark mode styles (user-controllable via html[data-theme="dark"]) */
	html[data-theme="dark"] {
		--inline-bg: #1E1E1E;

  		body { 	/* background-color: #121212; */
				background-color: #1E1E1E;
				color: #fff; }

		header { }
		.header_top_part { background-color: #1E1E1E; }

		h1 { color: rgb(220,220,220) !important; }		
		h2 { color: rgb(220,220,220) !important; }

		.the_very_title { color: rgb(220,220,220) !important; }
		.the_very_subtitle { color: rgb(155, 155, 155) !important; }

  		.golden_ratio_image_item { border: 2px solid #1E1E1E !important; }
  		.header_logo img { -webkit-filter: invert(100%); /* Safari/Chrome */ filter: invert(100%); }
  		.footer_menu_item img { -webkit-filter: invert(100%); /* Safari/Chrome */ filter: invert(100%); }
  		.footer_socnet_menu .footer_menu_item { border-right-color: rgb(60, 60, 60); }
  		.footer_socnet_menu .footer_menu_item:last-of-type { border-right: none; }
  		.footer { border-top-color: rgb(60,60,60); }

		.horizontal_divider { background-color: rgb(60,60,60); }

		.header_menu_info_time { color: rgb(80,80,80); }

		.header_menu_whole .header_menu_item { border-right: 1px solid rgb(60, 60, 60); }
		.header_menu_whole_greyed a .header_menu_item { color: rgb(120,120,120); }
		.header_menu_whole .header_menu_item { color: rgb(255,255,255); }

		.title_greyed { color: rgb(100,100,100) !important; }

		.body_copy {
						/* color: rgb(190,190,190) !important; */
						color: rgb(190,190,190);
					}
		.body_copy_greyed { color: rgb(100,100,100) !important; }

		/* Search stream: spinner ring must stay visible on the dark background */
		.search_result_prop .photo_tile_spinner_ring { border-color: rgba(255,255,255,.18); border-top-color: rgba(255,255,255,.75); }

		/* Search v2 tic-tac-toe lines: standard dark separator color.
		   Color-only override so sides set to none stay none. */
		.search_block_v2 .search_item_v2 { border-right-color: rgb(60,60,60); border-bottom-color: rgb(60,60,60); }
		.section_block.search_block_v2 { border-top-color: rgb(60,60,60); }
		.search_filters_header .header_menu_item { border-right-color: rgb(60,60,60); }

		/* Top-photos "more" overlay: fade into the dark page background */
		.photo_tile .photo_tile_more_overlay { background: linear-gradient(to right, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 50%); }
		.section_subblock_4 .horizontal_slider_item > .photo_tile_more_overlay { background: linear-gradient(to right, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 66%); }


		.body_copy_main_single > .body_copy { color: rgb(190,190,190) !important; }
		.body_copy_main_single > .body_copy_main_greyed { color: rgb(100,100,100) !important; }

		.body_copy_all_bullet,
		.body_copy_all_bullet_inline { background-color: white; }

		.expanded_div_parent_background { background-color: rgb(80, 80, 80); }
		.body_copy_primary_article.expanded { color: rgb(220,220,220); }
		.body_copy.body_copy_greyed.expanded { color: rgb(140,140,140); }

		.top_content_eliminate { background: unset; /* color: rgb(120,80,80); */ } 

		.level_1,
		.level_2,
		.level_11,
		.level_12,
		.section_subblock_4 .horizontal_slider_item { border-bottom: 1px solid rgb(60, 60, 60); }

		.section_subblock_4 .horizontal_slider_item a.horizontal_slider_item_icon {
										border-bottom: none;
										padding-bottom: 0px;
									}
		.section_subblock_4 .horizontal_slider_item:has(.horizontal_slider_item_icon){
										margin-bottom: 15px;
									}

		.level_3 { border-left: 1px solid rgb(60, 60, 60); }
		/* Search page: the ad_filled_grid + top-block .level_3 carry a light-grey
		   rgb(226,226,226) bottom-border separator (see html_styles), which had no
		   dark counterpart and rendered as a bright line on the dark background.
		   Recolor to the same rgb(60,60,60) used for every other dark separator. */
		.news_wrapper.search_results_wrapper .ad_filled_grid,
		.news_wrapper.search_results_wrapper .level_3 { border-bottom-color: rgb(60, 60, 60); }
		.section_subblock_2 { border-left: 1px solid rgb(60, 60, 60) !important; }
		.level_13 { border-left: 1px solid rgb(60, 60, 60) !important; }
		
		.section_subblock_4 { border-top: 1px solid rgb(60, 60, 60) !important; }
		.section_subblock_4 { border-left: 1px solid rgb(80, 80, 80); }

		.manual_ad_top { background: rgb(60,60,60) !important; }

		.ads_intro{
			background:linear-gradient(to bottom, rgba(80,80,80,1), rgba(80,80,80,0)) !important;
			border-top:2px solid rgb(220,220,220) !important;
		}

		.ads_outro{
			background:linear-gradient(to top, rgba(80,80,80,1), rgba(80,80,80,0)) !important;
			border-bottom:2px solid rgb(220,220,220) !important;
		}

		.body_copy_timeline_grid { background-color: #333333; --inline-bg: #333333; }
		.social_content_wrapper_grid { background-color: #333333; }

  		.tab-pane { background-color: #333333; }
  		.nav-link { color: #fff !important; }
  		.nav-link.active { background-color: #333333 !important; }
  		
  		.horizontal_slider_item { /* background-color: #333333; border-right: 1px solid rgb(60, 60, 60); */ }
		.horizontal_slider_item a { /* border-right: 1px solid rgb(30,30,30); */ border-right: none; }
  		.section_block .horizontal_slider_item { background-color: unset; }
  		.body_copy_all_grid.tab-pane { background-color: unset; }
		  
		.wordcloud_paragraph { background-color: white; color: black; }

		.trending_icon img { filter: invert(100%); }
		.horizontal_slider_frame.top_keywords > .horizontal_slider_item { background-color: rgb(54,54,54); }
		.horizontal_slider_frame.top_keywords .header_menu_item { /* padding: 0; */ }

		.hover_window { background-color: #333; border: 1px solid #555; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
		/* REQUEST (2026-07-31): wordcloud sources popup had only light colors
		   (#fff bg / #111 text / #e0e0e0 border) — it rendered as a white card on
		   the dark page. Match the dark hover_window. */
		.wordcloud_sources_popup { background: #333; color: #fff; border-color: #555; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5); }
  		.hover_window img { -webkit-filter: none; /* Safari/Chrome */ filter: none; }

		.related_articles_block .horizontal_slider_item { border-right: 1px solid rgb(60, 60, 60); }

		.arrow { filter: invert(100%); }
	
		.tweet { background: #1e1e1e; border: 1px solid #444; color: #fff; }
		.tweet-header, .tweet-user-info, .tweet-user-name, .tweet-user-screenname, .tweet-created-at { color: #fff; }
		.tweet-text, .tweet-content { color: #fff; }
		.tweet-quoted { background: #2a2a2a; border: 1px solid #444; color: #fff; padding: 8px; border-radius: 14px; }
		.tweet-footer a { color: #1da1f2; color: #4da6ff; }

		.video-card { 	background: #1e1e1e;
						border: 1px solid #444;
						border: none;
						color: #fff; }

		#latest #timeline_all_div a:first-of-type ul>li:last-of-type { font-size: 14px; font-weight: 600; color: rgb(220,220,220); }
		#latest #timeline_slider .horizontal_slider_item:first-of-type ul > li:last-of-type { font-size: 14px; font-weight: 600; font-style: normal; color: rgb(220,220,220); }

		.titles_wrapper .source_article_body,
		.body_remaining_titles_grid .source_article_body,
		.news_block .show_source .source_article_body,
		.body_copy_timeline_single .body_copy_source .source_article_body,
		.body_copy_all_single .subtitle .source_article_body,
		.body_copy_main_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article_body,
		.body_copy_all_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article_body {
			background: var(--inline-bg) !important;
		}

		.titles_wrapper h1::after,
		.titles_wrapper h2::after,
		.news_block .show_source h1::after,
		.news_block .show_source h2::after,
		.body_copy_timeline_single .body_copy_source::after,
		.body_copy_main_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) p::after,
		.body_copy_all_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) p::after {
			background: linear-gradient(to right, transparent, var(--inline-bg) 90%) !important;
		}

		#latest #timeline_all_div, #timeline_slider { --inline-bg: #333333; }
		.body_copy_timeline_single .body_copy_source::after { background: linear-gradient(to right, transparent, var(--inline-bg) 90%); }
		.body_copy_timeline_single .body_copy_source .source_article_body { background: var(--inline-bg) !important; }

		.sources_bar_item.more_information { color: black !important; }

		/* Day-labels (dark, Bojan 2026-08-13): today = the same blue #0066CC, future
		   = the dark red rgb(255,75,75) (the account/staging badge red — matched on
		   those badges below so everything agrees); WHITE ink on both. "N days ago"
		   = the blue dimming toward the page as it ages, light ink kept readable.
		   Re-assert the colour consumers: this block is nested under
		   html[data-theme="dark"], so dark .body_copy is (0,2,1) and would beat the
		   light sheet's (0,2,0) chip colour — this (0,3,1) wins. Divider reads
		   --day-bg (set on the bar). */
		.day_label_bar .day_label_chip { background-color: var(--day-bg); color: var(--day-fg); }
		.day_label_today  { --day-bg: #0066CC; --day-fg: #ffffff; }
		.day_label_ago1   { --day-bg: rgba(0,102,204,.55); --day-fg: #eaf3fb; }
		.day_label_ago2   { --day-bg: rgba(0,102,204,.44); --day-fg: #dbeaf7; }
		.day_label_ago3   { --day-bg: rgba(0,102,204,.34); --day-fg: #cfe3f5; }
		.day_label_ago4   { --day-bg: rgba(0,102,204,.26); --day-fg: #c3dcf2; }
		.day_label_ago5   { --day-bg: rgba(0,102,204,.20); --day-fg: #b6d4ef; }
		.day_label_future { --day-bg: rgb(255,75,75); --day-fg: #ffffff; }
		/* grade-2 soft chips: re-assert the ink ramp for dark (base rules leak —
		   and now the LIGHT per-bucket --day-soft ramp is (0,2,0), so the aged
		   buckets MUST be re-asserted here at equal specificity or the light
		   medium-blues would win under the dark media query too). */
		.day_label_bar .day_label_chip.day_label_chip_soft { background-color: transparent; color: var(--day-soft, #b6d4ef); }
		.day_label_chip_soft { --day-soft: #b6d4ef; }
		.day_label_chip_soft.day_label_today { --day-soft: #7db8f0; }
		/* REQUEST (2026-08-15b, Bojan): dark aged ink was flat #b6d4ef (a touch too
		   bright, esp. for the oldest). Give it a GENTLE fade with age, floored so
		   the 10/20/30-day (ago5) chips stay clearly readable on the dark page. */
		.day_label_chip_soft.day_label_ago1 { --day-soft: #b6d4ef; }
		.day_label_chip_soft.day_label_ago2 { --day-soft: #a9cce9; }
		.day_label_chip_soft.day_label_ago3 { --day-soft: #9dc4e3; }
		.day_label_chip_soft.day_label_ago4 { --day-soft: #93bdde; }
		.day_label_chip_soft.day_label_ago5 { --day-soft: #8bb7da; }   /* fade floor */
		.day_label_chip_soft.day_label_future { --day-soft: rgb(255,95,95); }
		/* REQUEST (2026-08-15, Bojan): dark twin of the multi-badge line blue —
		   lighter than the light-mode blue so the 1px underline + separators read on
		   the dark page (light uses rgba(0,124,187,.6)).
		   REQUEST (2026-08-15b, Bojan): dark twin of the all-future red line —
		   lightened the same way so the red underline/separators read on dark. */
		.day_label_bar_soft { --day-line-blue: rgba(125, 184, 240, 0.6); --day-line-red: rgba(255, 120, 120, 0.6); }
		/* REQUEST (2026-08-13, Bojan): the account notification badge and the
		   Staging (branch_name) badge over the logo use the SAME dark red as the
		   future day-label in dark, so every red on the page agrees (they stay
		   #CC0066 in light — the light default in html_styles). */
		.account_notif_badge { background: rgb(255,75,75); }
		.header_version_badge { background-color: rgb(255,75,75); }

		.titles_wrapper .source_article::before,
		.body_remaining_titles_grid .source_article::before,
		.news_block .show_source .source_article::before,
		.body_copy_main_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article::before,
		.body_copy_all_single .body_copy:not(.body_copy_main_greyed):not(.body_copy_greyed) .source_article::before,
		.body_copy_all_single .subtitle .source_article::before { 	background: linear-gradient(to right,
																	transparent, var(--inline-bg) 90%) !important;
																}
		.related_articles_block .news_block .show_source .source_article::before {
												background: linear-gradient(to right, transparent, rgb(18, 18, 18) 90%) !important;
												}

		#timeline_all_div .body_copy_timeline_single .source_article::before,
		#timeline_slider .body_copy_timeline_single .source_article::before {
												background: linear-gradient(to right, transparent, var(--inline-bg) 90%) !important;
												}

		
		#timeline_slider .horizontal_slider_item:first-of-type a { border-right: 1px solid black; }
		.social_content { border-right: 1px solid black; }

		.sources_bar:not(.scroll_x_at_end) .more_information::before { background: linear-gradient(to right, rgba(255,255,255,0) 0%, #1E1E1E 70%); }
		.sources_scroll_inner.can_scroll_x:not(.scroll_x_at_start)::before { background: linear-gradient(to left, rgba(255,255,255,0) 0%, #1E1E1E 70%); }

		.section_block_header > a, .v2_summary .section_block_header > div { border-bottom: 3px solid rgb(220,220,220); }

		.section_block_header .title_11 { background-color: #1E1E1E; }
		.v2_summary .section_block_header .title_11 { background: var(--inline-bg); }

		.section_block_header_emphasized > a {
											border-bottom: 5px solid white;
										}

		.section_block_header_emphasized > a > h1 {
											background-color: white !important;
											color: black !important;
											padding: 3 7 !important;
										}

		.section_subblock_4::after {
							background: linear-gradient(to bottom, transparent, #1E1E1E 100%);
						}

		.subtitle_1,
		.subtitle_2,
		.subtitle_3,
		.subtitle_11,
		.subtitle_12,
		.subtitle_13,
		.subtitle_14 { color: rgb(155,155,155); }

		.title_style_1 {
							/* color: rgb(0, 124, 187); */
						}

		.body_copy.source_article,
		.sources_bar_item.more_information,
		.sources_bar_item.source_article 	{
												color: rgb(0, 124, 187);
												color: #0066CC;
												color: rgb(0, 124, 187);
												color: #4da6ff;
											}

		/* Catch-all: plain .source_article elements otherwise inherit the base blue from style.css */
		.source_article { color: #4da6ff; }

		.is-fresh { color: rgb(255, 75, 75) !important; }
		.is-fresh .title_style_1,
		.is-fresh .title_style_2 {
									/* color: rgb(255, 75, 75) !important; */
									color: rgb(255, 75, 75);
								}
		.sources_bar .sources_bar_item span.is-fresh { color: rgb(255, 75, 75) !important; }

		.the_very_title .title_style_1, 
		.the_very_title .title_style_2 { color: rgb(220,220,220); }
		
		/* REQUEST (2026-08-04): match this element's bottom border to the dark
		   source-blue. Its text shifts #0066CC -> #4da6ff in dark (via
		   .source_article / .body_copy.source_article above), but the border-bottom
		   kept the light-mode #0066CC (set outside this block at 14398), so border
		   and text hues diverged. Move the border to the same blue. Nesting under
		   html[data-theme="dark"] makes this (0,2,1) so it beats that base rule;
		   the .is-fresh red border below is (0,3,1)+!important and still wins. */
		.source_article_on_top_of_body_text { border-bottom-color: #4da6ff; }
		.source_article_on_top_of_body_text.is-fresh { border-bottom-color: rgb(255, 75, 75) !important; }

		.background-emphasized { background-color: rgb(255, 75, 75) !important; }
		.background-emphasized-blue  { background-color: rgb(0, 124, 187) !important; }
		.background-emphasized-green  { background-color: rgb(30, 130, 76)  !important; }
		.background-emphasized-orange { background-color: rgb(212, 96, 26)   !important; }

		/* -----------   Skrol.mk changes ---------------*/
		/* --------------------------------------------- */

		.search_input { background-color: #1E1E1E; }
		.search_icon { filter: invert(100%); }
		.header_menu_search.is-open .search_box,
		.header_menu_search .search_box:focus-within { outline: 1px solid rgb(200,200,200); }
		.header_menu_search .search_input { color: rgb(255,255,255);}

		.header .header_menu.header_menu_search { background-color: #1E1E1E; }
		.header .header_menu.header_menu_search::before { background: linear-gradient(to right, transparent, #1E1E1E 90%); }
		
		.level_3 { border-left: 0 !important; }
		.section_subblock_2 { border-left: 0 !important; }
		.level_13 { border-left: 0 !important; }
		.section_subblock_4 { border-top: 0 !important; }

		.body_copy.source_article.more_information { /* color: black !important; */
													color: rgb(220,220,220) !important;
												}

		.video_channel_pill { background: rgba(255,255,255,0.08); color: rgb(220,220,220); }
		.video_channel_pill:hover { background: rgba(255,255,255,0.14); }

		/* V2 composite timeline */
		.v2_summary { background-color: #333333; --inline-bg: #333333; }
		.body_copy_timeline_content_text { color: rgb(165,165,165); }
		.body_copy_timeline_greyed { color: rgb(150,150,150); }
		.v2_composite_grid .body_copy_time { color: #4da6ff; }

		.v2_composite_grid .body_copy_timeline_single { background: var(--inline-bg) !important; }
		.v2_composite_grid .body_copy_timeline_single .source_article::before { background: linear-gradient(to left, var(--inline-bg) 20%, transparent 100%) !important; }
		.v2_composite_grid .body_copy_timeline_single .mst_left_ind { background: linear-gradient(to right, var(--inline-bg) 20%, transparent 100%) !important; }

		.v2_composite_grid .body_copy_timeline_content .body_copy_timeline_content_text { color: rgb(220,220,220); }

		.v2_top_title_emphasis_0 { color: rgb(220,220,220); }
		.v2_top_title_emphasis_1 { color: rgb(220,220,220); }
		.v2_top_title_emphasis_2 { color: rgb(220,220,220); }
		.v2_top_title_emphasis_3 { color: rgb(220,220,220); }
		
		.v2_composite_grid .connecting_line_longer,
		.v2_composite_grid .connecting_line_shorter,
		.v2_composite_grid .connecting_line_preceding { background-color: rgb(100,100,100); }

		#v_compare_tabs .nav-link{ background: none; font-weight: 200; color: grey ! important; }
		#v_compare_tabs .nav-link.active{ font-weight: 800; color: white ! important; }
		
		/* --------------------------------------------- */


	}
	
	/* @media screen and (max-width: 560px) and (prefers-color-scheme: dark) { */
	@media screen and (max-width: 560px) {
		html[data-theme="dark"] {

		.level_1,
		.level_3,
		.level_11,
		.level_12,
		.section_subblock_2,
		.level_13,
		.section_subblock_4,
		.section_subblock_4 .horizontal_slider_item { border: none !important; }

		/* In normal mode, shade used is rbg(200,200,200), which is for 55 less than the brightest (255,255,255). */
 		/* In dark mode, 55 less than the darkest (0,0,0) is rbg(54,54,54) */
		.horizontal_slider_item { background-color: rgb(54,54,54); }

		/* #RelatedArticles .horizontal_slider_item { background-color: transparent; } */

		.body_copy_timeline_single { background: linear-gradient(to right, transparent, rgb(54,54,54) 90%) !important; }

		.sources_bar:not(.scroll_x_at_end) .more_information::before { background: linear-gradient(to right, transparent, rgb(18, 18, 18) 70%); }
		.related_articles_block .sources_bar:not(.scroll_x_at_end) .more_information::before { background: linear-gradient(to right, transparent, rgb(54, 54, 54) 70%); }
		.sources_scroll_inner.can_scroll_x:not(.scroll_x_at_start)::before { background: linear-gradient(to left, transparent, rgb(18, 18, 18) 70%); }
		.related_articles_block .sources_scroll_inner.can_scroll_x:not(.scroll_x_at_start)::before { background: linear-gradient(to left, transparent, rgb(54, 54, 54) 70%); }
		.body_copy_all_single .subtitle .source_article::before { background: linear-gradient(to right, transparent, rgb(18, 18, 18) 90%) !important; }

		.related_articles_block .news_block .show_source .source_article { background-color: rgb(54,54,54) !important; }
		.related_articles_block .news_block .show_source .source_article::before { background: linear-gradient(to right, transparent, rgb(54,54,54) 90%) !important; }

		.level_2 { border-bottom: 0; }

		.section_subblock_4 .horizontal_slider_item a.horizontal_slider_item_icon {
								border-bottom: none;
								padding-bottom: 0px;
							}

		.section_subblock_4 { border: 0; }
		
		/* -----------   Skrol.mk changes ---------------*/
		/* --------------------------------------------- */

		.horizontal_divider { background: none; }

		.header_top_part.has-border {
										border-bottom: 1px solid rgb(55,55,55);
										box-shadow: 0 3px 6px rgba(255,255,255,0.15);
									}

		/* --------------------------------------------- */

		}
	}

	
		html[data-theme="dark"] .account_icon{background-color:#cfd2d6;}
		html[data-theme="dark"] .account_logo{filter:invert(100%);}
		html[data-theme="dark"] .account_button:hover .account_icon{background-color:#ffffff;}
		html[data-theme="dark"] .account_button.logged_in .account_icon{background-color:#4da6ff;}
		html[data-theme="dark"] .account_modal{background:#1e1e1e;border:1px solid rgba(255,255,255,0.14);}
		html[data-theme="dark"] .account_modal_title{color:#f2f2f2;}
		html[data-theme="dark"] .account_modal_subtitle,
		html[data-theme="dark"] .account_menu_email,
		html[data-theme="dark"] .account_prefs_email,
		html[data-theme="dark"] .account_prefs_label{color:#aaa;}
		html[data-theme="dark"] .account_input{background:#2a2a2a;border-color:#444;color:#eee;}
		/* Filled submit keeps the #0066CC "Преглед" blue in dark too (white text = 5.5:1).
		   Blue *text* accents + focus ring lighten to the site dark-link blue #4da6ff —
		   exactly what the "Преглед" link itself does — since #0066CC text on #1e1e1e is only ~3:1. */
		html[data-theme="dark"] .account_input:focus{border-color:#4da6ff;box-shadow:0 0 0 3px rgba(77,166,255,.20);}
		html[data-theme="dark"] .account_switch{color:#4da6ff;}
		html[data-theme="dark"] .account_switch:hover{color:#7dbcff;}
		html[data-theme="dark"] .account_change{color:#4da6ff;}
		html[data-theme="dark"] .account_provider_btn{background:#2a2a2a;border-color:#444;color:#eee;}
		html[data-theme="dark"] .account_provider_btn:hover{background:#333;}
		html[data-theme="dark"] .account_divider{color:#888;}
		html[data-theme="dark"] .account_divider::before,
		html[data-theme="dark"] .account_divider::after{background:#3a3a3a;}
		html[data-theme="dark"] .account_menu{background:#1e1e1e;border-color:#333;}
		html[data-theme="dark"] .account_menu_header{border-color:#333;}
		html[data-theme="dark"] .account_menu_username{color:#f2f2f2;}
		html[data-theme="dark"] .account_menu_item{color:#eee;}
		html[data-theme="dark"] .account_menu_item:hover{background:#2b2b2b;}
		html[data-theme="dark"] .account_toast{background:#f2f2f2;color:#1e1e1e;}