DeAnnoy euronews.com [papo] (autohide header, menu by papo

/* ==UserStyle==
@name           DeAnnoy euronews.com [papo] (autohide header, menu)
@namespace      github.com/paponius/userstyles
@version        1.0.6
@description    Updated: 2024-11. Notes and feedback: https://github.com/paponius/userstyles/. Removed distracting and annoying elements, more responsive. Check what it does in style Options, or read @var descriptions on top of the code.
@author         Papo
@homepageURL    https://github.com/paponius/userstyles/
@supportURL     https://github.com/paponius/userstyles/
@license        CC BY-NC-SA 4.0
@preprocessor   less

# --- END: common block ---

@var checkbox UnstickHeader          "Unstick the header" 1
@var checkbox HideTopHeader          'Hide top navi header on article pages. (When ON, Go to Home Page to access it.)' 0
@var select   TopHeaderHeight        'TopHeaderHeight (if not hidden by the above)' ["orig:Original height", "smaller:Smaller height", 'tiny:Tiny height']
@var checkbox blockPopupMenus        "Block popup menus, opening on hover over page content. (When ON, use Menu icon to see the same menu.)" 1
@var checkbox HideSwiper             'Hide prev/next buttons on article pages.' 1

# --- optional common block ---
#var checkbox UnstickHeader          "Unstick the header" 1

#var checkbox HidePriHeader          'Hide primary navi header on article pages. (When ON, Go to Home Page to access it.)' 0
#var checkbox HideSecHeader          'Hide secondary navi header on article pages. (When ON, Go to Home Page to access it.)' 0
#var checkbox DeclutterHeaders       'Remove links and menus from headers on article pages. (When ON, Go to Home Page to access menu.)' 0

#var checkbox smallerHeader          "Smaller Header" 1
#var checkbox oneHeader              "One joined header" 1

# - recycle - recirc -
#var checkbox HideMidArticleAnnoy    "Hide mid-article subscription and unrelated annoyance boxes" 1
#var checkbox HideMidArticleRecirc   "Hide mid-article recirculation cards" 0
#var checkbox HideOutbrainRecycle    'Hide 3rd party visitor Recycle elements' 1
#var checkbox NoRecycle              'Distraction Free: Do not Recycle me (no More Stories, no Related, ...)' 0
#var checkbox Declutter              'Remove excessive elements, which have nothing to do with opened article.' 0

#var checkbox xxx                    'Find and install my "Dark BBC [papo]" Style for Dark but colorful restyling' 1

#var checkbox FullWidth              "Full Width (must enable also Distraction Free)" 0
#var checkbox responsive             "Make page more responsive to the size of a browser. (Not perfect.)" 0

#var checkbox hideFloatingShareBar   "Hide floating share bar." 1
#var checkbox hideOverPicShare       "Hide picture share overlay - icon over each picture in the article." 1
#var checkbox hideOverPicCnt         "Hide picture album overlay - icon over each picture in the article." 1
#var checkbox hideSelTextShare       "Hide share box poping up after a text is selected in an article." 0
#var checkbox fixEmptiness           "Remove excessive whitespace padding." 0

#var checkbox HideNewsletter         "Hide Newsletter subscription box" 1

#var checkbox HideComments           "Hide comments" 0

#var checkbox dont_degrade_images    '"Do not highlight images" There are some images, placed in a block big as the screen, where it is hard to find a spot for a mouse to not hover over this box and degrade the image.' 1
#var checkbox liveScreenSaver        'Live feed: screen space saver' 1
#var checkbox liveNormalSizeCaption  'Live feed: normal size caption' 1


#var checkbox blockPopupMenus           "Block popup menus, opening on hover over page content." 1

### Video player ###
#var checkbox hidePausedVideoOverlay "Hide spam on paused video. Enabling to see freezed video." 1
#var checkbox hideVidRecom           "Video Player: Hide recommendation overlay on pause" 1
#var checkbox hideVidBackdrop        "Video Player: Hide Video Backdrop overlay. Half of video is darker on mouse hover." 1
#var checkbox hideChromelessPlayer   "Hide floating video player, playing unrelated stories at the bottom of a page." 1
#var checkbox hideSmallPlayer        "Small Video Player: Hide always" 0
#var checkbox dontAutoPlayPreview    "Don't autoplay a video preview on some videos within the article. Show a video poster instead." 1
#var checkbox movePlayerPrevNext     "Video Player: Move big video overlaying Prev Next buttons to control panel. And remove black shade from video on mouse hover." 1
#var checkbox movePlayerVolume       "Video Player: Change volume control to horizontal. To avoid clicking it by mistake instead of the progress bar." 1
#var checkbox showProgressPossition  "Video Player: Show currently playing position." 1

#var checkbox hideRelatedVideo       'Small Video Player: Hide unrelated "Related videos". Sometimes it shows unrelated videos.' 1
#var checkbox moveControlsDown       "Small Video Player: Move nonsensicaly big red overlaying control buttons down" 1
#var checkbox moveVidContrUp         "Video Player: Move control buttons up. Usefull for videos with subtitles or a crawl text." 0
#var checkbox hideVidLogo            "Video Player: Hide Independent Logo" 0
#var checkbox hideVidSomething       "Video Player: Hide more overlays. No idea what. Let me know." 0
#var checkbox hideVidCaptions        "Video Player: Hide captions. No idea when, did not see any. Let me know." 0
#var checkbox hideVidContr           "Video Player: Hide control buttons. This could be useful to temporarily hide to take a screenshot." 0
#var checkbox showProgressPossition  "Video Player: Show ball on currently playing position." 1
#var checkbox movePlayerVolume       "Video Player: Change volume control to horizontal. To avoid clicking it by mistake instead of the progress bar." 1

#var checkbox fixControls            "Video Player: Move controls and buttons from video overlay down to blank space." 1
#var checkbox vidRemoveShade         "Video Player: Remove shade when mouse hover" 1
#var checkbox vidDisableShade        "vidDisableShade" 1

# --- END: optional common block ---


==/UserStyle== */
/* This preprocesor header and global variables are common part used in many of my styles. Version: 1.2.0 24-10 */
@-moz-document domain("euronews.com") {

/* HP does not have body.is-template-article, article pages seems to have */

& when (@UnstickHeader = 1) {
	.o-site-hr {
		position: static;
		/* --was-position: sticky; */
	}
}

& when (@TopHeaderHeight = orig) {
}
& when (@TopHeaderHeight = smaller) or (@TopHeaderHeight = tiny) {
	.o-site-hr__first-level__container {
		height: unset;
		/* --was-height: calc(var(--o-site-hr-top-medium)*-1); */
	}
	.o-site-hr__first-level .c-language-switcher__btn {
		height: unset;
		/* --was-height: 40px; */
	}
	header.o-site-hr {
		top: -32px;
	}
}
& when (@TopHeaderHeight = tiny) {
	.c-search-form__input.c-search-engine__input {
		height: unset;
	}
	header.o-site-hr {
		top: -18px;
	}
}

& when (@HideTopHeader = 1) {
	body.is-template-article .o-site-hr__first-level {
		display: none;
	}
	/* weird way the orig site moves the parent to accommodate the TopHeader */
	header.o-site-hr {
		top: 0;
	}
}

& when (@blockPopupMenus = 1) {
@media (hover: hover) {
    .o-site-hr__second-level__dropdown:hover, :hover + .o-site-hr__second-level__dropdown {
		display: none;
		/* --was-display: initial; */
    }

    .o-site-hr__second-level__dropdown:hover + .o-site-hr__second-level__dropdown-mask, :hover + .o-site-hr__second-level__dropdown + .o-site-hr__second-level__dropdown-mask {
		display: none;
		/* --was-display: initial; */
    }
}
}

& when (@HideSwiper = 1) {
	.c-swiper--full-article .js-swip-btn {
		display: none;
	}
}

}