DeAnnoy AP news [papo] by papo

/* ==UserStyle==
@name           DeAnnoy AP news [papo]
@namespace      github.com/paponius/userstyles
@version        1.1.0
@description    Updated: 2024-11. Notes and feedback: https://github.com/paponius/userstyles/ 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

@var checkbox UnstickHeader          "Unstick the header" 1
@var checkbox FooterCondense         'Condense the footer' 1
@var checkbox HideExternalRecycle    'Hide 3rd party visitor Recycle elements with ADs (Taboola: below article and right-bottom overlay window)' 0
@var checkbox HideAccessibilityButton 'Hide accessibility button' 0


==/UserStyle== */
/* tpl: 1.2.1 24-11 */
@-moz-document domain("apnews.com") {


/* hide the section if it has no ADs. 2x taboola, 1x AD */
.Page-below:not(:has(> * > *)) {
	display: none;
}

/* hide first taboola with its padding, if it's empty */
#taboola-mid-article-reco-reel-slider:not(:has(*)) {
	display: none;
}


& when (@UnstickHeader = 1) {
	/* position: static, needed to offset when AD is visible (relative would leave a gap) */
	.Page-header-stickyWrap {
		background: var(--color-header-bg);
/* 		can't be absolute */
/* 		position: relative; */
		position: static;
		/* --was-position: sticky; */
		top: var(--stickyPos);
		transition: top .2s ease-in;
		z-index: 26;
	}
}



& when (@FooterCondense = 1) {
	@media only screen and (min-width: 1280px) {
	  .Page-footer-columns > div:first-child {
		flex: 1;
		margin-right: 0;
		/* --was-margin-right: 60px; */
		max-width: unset;
		/* --was-max-width: 320px; */
		
/* 		flex: 100%; */
		width: 100%;
	  }
	}

	.Page-footer-bottom {
		margin-top: 5px;
		padding-top: 0;
		/* --was-padding-top: 20px; */
	}

	.FooterNavigationItem a, .FooterNavigationItem span {
		margin-bottom: 0;
		/* --was-margin-bottom: 20px; */
	}
	
	.Page-footer {
		padding-top: 10px;
		/* --was-padding-top: 60px; */
		padding-bottom: 0;
		/* --was-padding-bottom: 30px; */
	}
}



& when (@HideAccessibilityButton = 1) {
	#usntA40Toggle {
		display: none !important;
	}
}



& when (@HideExternalRecycle = 1) {
/* 	[data-testid="outbrain"] {
		display: none;
		--p-switched-off-in-stylus-options: 1;
	} */
	
	.TaboolaRecommendationModule {
		display: none;
		--p-switched-off-in-stylus-options: 1;
	}
}


}