/*
Theme Name: Dark Patterns
Theme URI: https://supero.ch
Description: Dark Patterns
Author: SUPERO
Author URI: https://supero.ch
Template: hello-elementor
Version: 1.0.0
Text Domain: dark-patterns
*/

@import url("../hello-elementor/style.css");

/* ========================================
   Image à la une - Featured Image
   ======================================== */

.elementor-widget-theme-post-featured-image {
	width: 100%;
}

.elementor-widget-theme-post-featured-image img,
.elementor-widget-theme-post-featured-image .attachment-full {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	display: block !important;
}

.elementor-widget-theme-post-featured-image a {
	display: block;
	width: 100%;
}

/* ========================================
   Grille DAPA
   ======================================== */

/* Filtres */
.dapa-filters, .hall-of-shame-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
	justify-content: left;
}

.dapa-filter-btn,.hall-of-shame-filter-btn  {
	background: #fff;
	border: 2px solid #000;
	border-radius: 0;
	cursor: pointer;
	font-weight: 600;
    text-transform: uppercase;
	transition: all 0.3s ease;
	color: #000;
}

.hall-of-shame-filter-btn {
	background: #000;
	border: 2px solid #fff;
	color: #fff;
}

.dapa-filter-btn:hover{
	color: #000;
}

.dapa-filter-btn.active{
	color: #fff;
    background-color: #000;
	box-shadow: -5px 5px 0px 0px #000000 !important;
}
.hall-of-shame-filter-btn:hover,
.hall-of-shame-filter-btn.active {

		color: #000;
		background-color: #fff;
		border-color: #fff;
		box-shadow: -5px 5px 0px 0px #fff !important;
	}

/* Bouton "Alle Kategorien" uniquement (hall of shame) */
.hall-of-shame-filter-btn[data-filter="*"] {
	background: #000 !important;
	border: 3px solid #fff !important;
	color: #fff !important;
}

.hall-of-shame-filter-btn[data-filter="*"]:hover,
.hall-of-shame-filter-btn[data-filter="*"].active {
	background: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
	box-shadow: -5px 5px 0px 0px #fff !important;
}

/* ========================================
   Couleurs par catégorie
   ======================================== */

/* Catégorie 1 - Primary */
.dapa-filter-btn[data-category-id="1"]{
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-primary );*/
	color: var( --e-global-color-primary );
	border-color: #000;
	background-color: #fff;
}
.hall-of-shame-filter-btn[data-category-id="1"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-primary );*/
	color: var( --e-global-color-primary );
	border-color: var( --e-global-color-primary );
	background-color: #000;
}

.dapa-filter-btn[data-category-id="1"]:hover{
	background: var( --e-global-color-primary );
    color: #000 !important;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="1"]:hover {
	background: var( --e-global-color-primary );
    color: #000;
}

.dapa-filter-btn[data-category-id="1"].active{
	background: var( --e-global-color-primary ) !important;
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="1"].active {
	background: var( --e-global-color-primary ) !important;
    color: #000;
}

.titre_couleur[data-category-id="1"],
.titre_couleur[data-category-id="1"] h1,
.titre_couleur[data-category-id="1"] .elementor-heading-title {
	color: var( --e-global-color-primary ) !important;
}

body[data-category-id="1"] {
	background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-primary ) !important;
}

/* Catégorie 22 */
.dapa-filter-btn[data-category-id="22"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-d248e8e );*/
	color: var( --e-global-color-d248e8e );
	border-color: #000;
	background-color: #fff;
}
.hall-of-shame-filter-btn[data-category-id="22"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-d248e8e );*/
	color: var( --e-global-color-d248e8e );
	border-color: var( --e-global-color-d248e8e );
	background-color: #000;
}

.dapa-filter-btn[data-category-id="22"]:hover {
	background: var( --e-global-color-d248e8e );
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="22"]:hover {
	background: var( --e-global-color-d248e8e );
    color: #000;
}

.dapa-filter-btn[data-category-id="22"].active{
	background: var( --e-global-color-d248e8e );
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="22"].active {
	background: var( --e-global-color-d248e8e );
    color: #000;
}

.titre_couleur[data-category-id="22"],
.titre_couleur[data-category-id="22"] h1,
.titre_couleur[data-category-id="22"] .elementor-heading-title {
	color: var( --e-global-color-d248e8e ) !important;
}

body[data-category-id="22"] {
	background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-d248e8e ) !important;
}

/* Catégorie 16 */
.dapa-filter-btn[data-category-id="16"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-438a8ff);*/
	color: var( --e-global-color-438a8ff);
	border-color: #000;
	background-color: #fff;
}
.hall-of-shame-filter-btn[data-category-id="16"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-438a8ff);*/
	color: var( --e-global-color-438a8ff);
	border-color: var( --e-global-color-438a8ff);
	background-color: #000;
}

.dapa-filter-btn[data-category-id="16"]:hover {
	background: var( --e-global-color-438a8ff);
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="16"]:hover {
	background: var( --e-global-color-438a8ff);
    color: #000;
}

.dapa-filter-btn[data-category-id="16"].active{
	background: var( --e-global-color-438a8ff);
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="16"].active {
	background: var( --e-global-color-438a8ff);
    color: #000;
}

.titre_couleur[data-category-id="16"],
.titre_couleur[data-category-id="16"] h1,
.titre_couleur[data-category-id="16"] .elementor-heading-title {
	color: var( --e-global-color-438a8ff) !important;
}

body[data-category-id="16"] {
	background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-438a8ff) !important;
}

/* Catégorie 26 */
.dapa-filter-btn[data-category-id="26"]{
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-85582c7 );*/
	color: var( --e-global-color-85582c7 );
	border-color: #000;
	background-color: #fff;
}
.hall-of-shame-filter-btn[data-category-id="26"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-85582c7 );*/
	color: var( --e-global-color-85582c7 );
	border-color: var( --e-global-color-85582c7 );
	background-color: #000;
}

.dapa-filter-btn[data-category-id="26"]:hover {
	background: var( --e-global-color-85582c7 );
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="26"]:hover {
	background: var( --e-global-color-85582c7 );
    color: #000;
}

.dapa-filter-btn[data-category-id="26"].active {
	background: var( --e-global-color-85582c7 );
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="26"].active {
	background: var( --e-global-color-85582c7 );
    color: #000;
}

.titre_couleur[data-category-id="26"],
.titre_couleur[data-category-id="26"] h1,
.titre_couleur[data-category-id="26"] .elementor-heading-title {
	color: var( --e-global-color-85582c7 ) !important;
}

body[data-category-id="26"] {
	background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-85582c7 ) !important;
}

/* Catégorie 12 - Accent */
.dapa-filter-btn[data-category-id="12"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-accent ); */
	color: var( --e-global-color-accent );
	border-color: #000;
	background-color: #fff;
}
.hall-of-shame-filter-btn[data-category-id="12"] {
	/*background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-accent ); */
	color: var( --e-global-color-accent );
	border-color: var( --e-global-color-accent );
	background-color: #000
}

.dapa-filter-btn[data-category-id="12"]:hover {
	background: var( --e-global-color-accent );
    color: #000;
	border-color: #000;
}

.hall-of-shame-filter-btn[data-category-id="12"]:hover {
	background: var( --e-global-color-accent );
    color: #000;
}

.dapa-filter-btn[data-category-id="12"].active{
	background: var( --e-global-color-accent );
    color: #000;
	border-color: #000;
}
.hall-of-shame-filter-btn[data-category-id="12"].active {
	background: var( --e-global-color-accent );
    color: #000;
}

.titre_couleur[data-category-id="12"],
.titre_couleur[data-category-id="12"] h1,
.titre_couleur[data-category-id="12"] .elementor-heading-title {
	color: var( --e-global-color-accent ) !important;
}

body[data-category-id="12"] {
	background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), var( --e-global-color-accent ) !important;
}

/* ========================================
   Header - Couleur fond par catégorie (DAPA uniquement)
   ======================================== */

/* Catégorie 1 */
body.single-dapa[data-category-id="1"] .elementor-19 .elementor-element.elementor-element-5d0206a:not(.elementor-motion-effects-element-type-background),
body.single-dapa[data-category-id="1"] .elementor-19 .elementor-element.elementor-element-5d0206a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var( --e-global-color-primary ) !important;
}

/* Catégorie 22 */
body.single-dapa[data-category-id="22"] .elementor-19 .elementor-element.elementor-element-5d0206a:not(.elementor-motion-effects-element-type-background),
body.single-dapa[data-category-id="22"] .elementor-19 .elementor-element.elementor-element-5d0206a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var( --e-global-color-d248e8e ) !important;
}

/* Catégorie 16 */
body.single-dapa[data-category-id="16"] .elementor-19 .elementor-element.elementor-element-5d0206a:not(.elementor-motion-effects-element-type-background),
body.single-dapa[data-category-id="16"] .elementor-19 .elementor-element.elementor-element-5d0206a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var( --e-global-color-438a8ff ) !important;
}

/* Catégorie 26 */
body.single-dapa[data-category-id="26"] .elementor-19 .elementor-element.elementor-element-5d0206a:not(.elementor-motion-effects-element-type-background),
body.single-dapa[data-category-id="26"] .elementor-19 .elementor-element.elementor-element-5d0206a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var( --e-global-color-85582c7 ) !important;
}

/* Catégorie 12 - Accent */
body.single-dapa[data-category-id="12"] .elementor-19 .elementor-element.elementor-element-5d0206a:not(.elementor-motion-effects-element-type-background),
body.single-dapa[data-category-id="12"] .elementor-19 .elementor-element.elementor-element-5d0206a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var( --e-global-color-accent ) !important;
}

/* ========================================
   Header - Hall of Shame (fond noir, border blanc)
   ======================================== */

.single-hall-of-shame .elementor-19 .elementor-element.elementor-element-5d0206a:not(.elementor-motion-effects-element-type-background),
.single-hall-of-shame .elementor-19 .elementor-element.elementor-element-5d0206a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #000 !important;
	border: 3px solid #fff !important;
}

/* Élément de7b72e - Fond transparent */
.elementor-62 .elementor-element.elementor-element-de7b72e:not(.elementor-motion-effects-element-type-background),
.elementor-62 .elementor-element.elementor-element-de7b72e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: transparent !important;
}

/* Élément cd662d5 - Fond transparent */
.elementor-62 .elementor-element.elementor-element-cd662d5:not(.elementor-motion-effects-element-type-background),
.elementor-62 .elementor-element.elementor-element-cd662d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: transparent !important;
}

/* ========================================
   Grille DAPA
   ======================================== */

/* Grille */
.dapa-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 20px;
	margin: 20px 0;
}

.dapa-grid-item {
	position: relative;
	overflow: hidden;
	transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.5s ease;
	opacity: 1;
	transform: scale(1);
}

.dapa-drag-handle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 15%;
	z-index: 10;
	cursor: grab;
	background: transparent;
}

.dapa-grid-item.dragging .dapa-drag-handle {
	cursor: grabbing;
}

.dapa-grid-item.dragging {
	opacity: 0.5;
}

.dapa-grid-item.drag-over {
	border: 2px dashed #333;
	opacity: 0.7;
}

.dapa-grid-item.hidden {
	opacity: 0;
	transform: scale(0.9);
	position: absolute;
	visibility: hidden;
	pointer-events: none;
}

.dapa-grid-link {
	display: block;
	width: 100%;
	height: 100%;
}

.dapa-grid-item img {
	width: 100%;
	height: auto;
	display: block;
}

/* ========================================
   Hall of Shame - Même styles que DAPA
   ======================================== */


/* Grille Hall of Shame - Identique à DAPA */
.hall-of-shame-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 20px;
	margin: 20px 0;
}

.hall-of-shame-grid-item {
	position: relative;
	overflow: hidden;
	transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.5s ease;
	opacity: 1;
	transform: scale(1);
	aspect-ratio: 500 / 390;
}

.hall-of-shame-drag-handle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 15%;
	z-index: 10;
	cursor: grab;
	background: transparent;
}

/* Cadre SVG pour les images Hall of Shame */
.hall-of-shame-grid-frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.hall-of-shame-frame-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	z-index: 1;
	pointer-events: none;
}

.hall-of-shame-grid-link {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 85%;
	min-width: 0;
	min-height: 0;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 10%;
}

.hall-of-shame-grid-link img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.hall-of-shame-grid-item.dragging .hall-of-shame-drag-handle {
	cursor: grabbing;
}

.hall-of-shame-grid-item.dragging {
	opacity: 0.5;
}

.hall-of-shame-grid-item.drag-over {
	border: 3px dashed #333;
	opacity: 0.7;
}

.hall-of-shame-grid-item.hidden {
	opacity: 0;
	transform: scale(0.9);
	position: absolute;
	visibility: hidden;
	pointer-events: none;
}

.hall-of-shame-grid-item img {
	width: 100%;
	height: auto;
	display: block;
}

/* Responsive - Desktop 3 colonnes, Tablette 2 colonnes, Mobile 1 colonne */
@media (max-width: 1024px) {
	.dapa-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 15px;
	}
	.hall-of-shame-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 15px;
	}
}

@media (max-width: 600px) {
	.dapa-grid {
		grid-template-columns: 1fr !important;
		gap: 10px;
	}
	.hall-of-shame-grid {
		grid-template-columns: 1fr !important;
		gap: 10px;
	}
}

/* Menu - active bold, inactive normal */
.elementor-nav-menu .elementor-item {
	font-weight: 400 !important;
	transition: font-weight 0.3s ease, color 0.2s ease;
}

.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .elementor-item:focus,
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .current-menu-item > .elementor-item,
.elementor-nav-menu .current_page_item > .elementor-item,
.elementor-nav-menu .current-menu-ancestor > .elementor-item {
	font-weight: 700 !important;
}

/* Menu desktop - line-height */
.elementor-nav-menu--layout-horizontal .elementor-item {
	line-height: 0.8em !important;
}

/* Menu desktop - style bouton type dapa-filter-btn active */
@media (min-width: 1025px) {
	.elementor-nav-menu--layout-horizontal .elementor-item {
		background-color: #fff !important;
		color: #000 !important;
		border: 3px solid #000 !important;
		text-transform: uppercase;
		font-weight: 600 !important;
		padding: 10px 16px !important;
		display: inline-block;
	}

	.elementor-nav-menu--layout-horizontal .elementor-item:hover,
	.elementor-nav-menu--layout-horizontal .elementor-item:focus,
	.elementor-nav-menu--layout-horizontal .elementor-item.elementor-item-active {
		background-color: #000 !important;
		color: #fff !important;
		box-shadow: -5px 5px 0 0 #000;
	}
}

/* Menu desktop - inversion couleurs sur page 242 et posts hall of shame */
@media (min-width: 1025px) {
	.page-id-242 .elementor-nav-menu--layout-horizontal .elementor-item,
	.single-hall-of-shame .elementor-nav-menu--layout-horizontal .elementor-item {
		background-color: #000 !important;
		color: #fff !important;
		border: 3px solid #fff !important;
	}

	.page-id-242 .elementor-nav-menu--layout-horizontal .elementor-item:hover,
	.page-id-242 .elementor-nav-menu--layout-horizontal .elementor-item:focus,
	.page-id-242 .elementor-nav-menu--layout-horizontal .elementor-item.elementor-item-active,
	.single-hall-of-shame .elementor-nav-menu--layout-horizontal .elementor-item:hover,
	.single-hall-of-shame .elementor-nav-menu--layout-horizontal .elementor-item:focus,
	.single-hall-of-shame .elementor-nav-menu--layout-horizontal .elementor-item.elementor-item-active {
		background-color: #fff !important;
		color: #000 !important;
		box-shadow: -5px 5px 0 0 #fff;
	}
}

/* Menu déroulant - padding horizontal */
.elementor-nav-menu--dropdown .elementor-nav-menu {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* Menu déroulant - retirer les ombres sur mobile */
.elementor-nav-menu--dropdown .elementor-item {
	box-shadow: none !important;
}

/* Menu item - Hall of Shame avec bordure complète */
.elementor-nav-menu .menu-item-297 {
	border: 3px solid #000 !important;
	padding: 0 !important;
}

/* Menu item - Dark Pattern melden avec bordure (mobile/tablet uniquement) */
.elementor-nav-menu .menu-item-843 {
	border: 3px solid #000 !important;
	border-top: none !important;
	padding: 0 !important;
}

/* Enlever les bordures sur desktop */
@media (min-width: 1025px) {
	.elementor-nav-menu .menu-item-297,
	.elementor-nav-menu .menu-item-843 {
		border: none !important;
		padding: 0 !important;
	}
}

/* Menu déroulant - fond noir pour page 242 et posts hall of shame */
.page-id-242 .elementor-nav-menu--dropdown,
.single-hall-of-shame .elementor-nav-menu--dropdown {
	background-color: #000 !important;
}

/* Menu déroulant - style hall of shame (base noir, texte/bordure blanc) */
.page-id-242 .elementor-nav-menu--dropdown .elementor-item,
.single-hall-of-shame .elementor-nav-menu--dropdown .elementor-item {
	background-color: #000 !important;
	color: #fff !important;
	border: 3px solid #fff !important;
}

/* Menu déroulant - supprimer double contour (lien sans bordure) */
.page-id-242 .elementor-nav-menu--dropdown .elementor-item,
.single-hall-of-shame .elementor-nav-menu--dropdown .elementor-item {
	border: none !important;
	box-shadow: none !important;
}

/* Menu items - bordures blanches sur page 242 et posts hall of shame */
.page-id-242 .elementor-nav-menu .menu-item-297,
.page-id-242 .elementor-nav-menu .menu-item-843,
.single-hall-of-shame .elementor-nav-menu .menu-item-297,
.single-hall-of-shame .elementor-nav-menu .menu-item-843 {
	border-color: #fff !important;
}

.page-id-242 .elementor-nav-menu .menu-item-843,
.single-hall-of-shame .elementor-nav-menu .menu-item-843 {
	border-top: none !important;
}

/* Menu items - hover et actif texte noir sur page 242 et posts hall of shame */
.page-id-242 .elementor-nav-menu--dropdown .elementor-item:hover,
.page-id-242 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.single-hall-of-shame .elementor-nav-menu--dropdown .elementor-item:hover,
.single-hall-of-shame .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
	background-color: #fff !important;
	color: #000 !important;
}

/* Footer - force logo to stay white on dark background */
.elementor-location-footer .elementor-widget-theme-site-logo img {
	filter: brightness(0) invert(1);
}

/* Footer menu - espacement entre les items */
.elementor-location-footer .elementor-nav-menu li {
	margin-right: 15px !important;
	margin-bottom: 15px !important;
}

/* Footer menu mobile - style bouton (toutes pages) */
@media (max-width: 1024px) {
	.elementor-location-footer .elementor-nav-menu .elementor-item {
		background-color: #fff !important;
		color: #000 !important;
		border: 3px solid #000 !important;
		text-transform: uppercase;
		font-weight: 600 !important;
		padding: 10px 16px !important;
		display: inline-block;
	}

	.elementor-location-footer .elementor-nav-menu .elementor-item:hover,
	.elementor-location-footer .elementor-nav-menu .elementor-item.elementor-item-active {
		background-color: #000 !important;
		color: #fff !important;
		box-shadow: -5px 5px 0 0 #000;
	}
}

/* Footer menu mobile - style bouton inversé (page 242 et hall of shame) */
@media (max-width: 1024px) {
	.page-id-242 .elementor-location-footer .elementor-nav-menu .elementor-item,
	.single-hall-of-shame .elementor-location-footer .elementor-nav-menu .elementor-item {
		background-color: #000 !important;
		color: #fff !important;
		border: 3px solid #fff !important;
	}

	.page-id-242 .elementor-location-footer .elementor-nav-menu .elementor-item:hover,
	.page-id-242 .elementor-location-footer .elementor-nav-menu .elementor-item.elementor-item-active,
	.single-hall-of-shame .elementor-location-footer .elementor-nav-menu .elementor-item:hover,
	.single-hall-of-shame .elementor-location-footer .elementor-nav-menu .elementor-item.elementor-item-active {
		background-color: #fff !important;
		color: #000 !important;
		box-shadow: -5px 5px 0 0 #fff;
	}
}

/* Footer menu - hover et actif texte noir sur page 242 et posts hall of shame */
.page-id-242 .elementor-location-footer .elementor-item:hover,
.page-id-242 .elementor-location-footer .elementor-item.elementor-item-active,
.single-hall-of-shame .elementor-location-footer .elementor-item:hover,
.single-hall-of-shame .elementor-location-footer .elementor-item.elementor-item-active {
	background-color: #fff !important;
	color: #000 !important;
}

/* Page ID 242 - Fond noir */
body.page-id-242 {
	background-color: #000 !important;
}

/* Page ID 242 - Header fond noir */
.page-id-242 .elementor-location-header {
	background-color: #000 !important;
}

.page-id-242 .elementor-19 .elementor-element.elementor-element-c1b4365:not(.elementor-motion-effects-element-type-background),
.page-id-242 .elementor-19 .elementor-element.elementor-element-c1b4365 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
}

/* Page ID 242 - Logo blanc */
.page-id-242 .elementor-widget-theme-site-logo img {
	filter: brightness(0) invert(1);
}

/* Page ID 242 - Menu en blanc */
.page-id-242 .elementor-nav-menu .elementor-item,
.page-id-242 .elementor-menu-toggle,
.page-id-242 .elementor-menu-toggle svg,
.page-id-242 .elementor-menu-toggle path {
	color: #fff !important;
	fill: #fff !important;
}

/* Page ID 242 - Footer noir avec contour blanc */
.page-id-242 .elementor-location-footer {
}

.page-id-242 .elementor-343 .elementor-element.elementor-element-87b5ebc:not(.elementor-motion-effects-element-type-background),
.page-id-242 .elementor-343 .elementor-element.elementor-element-87b5ebc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #000 !important;
	border: 3px solid #fff !important;
}

.page-id-242 .elementor-location-footer .elementor-widget-theme-site-logo img {
	filter: brightness(0) invert(1) !important;
}

.page-id-242 .elementor-location-footer .elementor-nav-menu .elementor-item,
.page-id-242 .elementor-location-footer .elementor-menu-toggle,
.page-id-242 .elementor-location-footer .elementor-menu-toggle svg,
.page-id-242 .elementor-location-footer .elementor-menu-toggle path {
	color: #fff !important;
	fill: #fff !important;
}

/* Page 242 - Footer menu hover et actif en noir */
.page-id-242 .elementor-location-footer .elementor-item:hover,
.page-id-242 .elementor-location-footer .elementor-item.elementor-item-active {
	color: #000 !important;
}


/* Page ID 242 - Texte blanc */
.page-id-242 p,
.page-id-242 h1,
.page-id-242 h2,
.page-id-242 h3,
.page-id-242 h4,
.page-id-242 h5,
.page-id-242 h6 {
	color: #fff !important;
}

/* Posts Hall of Shame - Fond noir et texte blanc */
body.single-hall-of-shame {
	background-color: #000 !important;
}

/* Hall of Shame - Header fond noir */
.single-hall-of-shame .elementor-location-header {
	background-color: #000 !important;
}

.single-hall-of-shame .elementor-19 .elementor-element.elementor-element-c1b4365:not(.elementor-motion-effects-element-type-background),
.single-hall-of-shame .elementor-19 .elementor-element.elementor-element-c1b4365 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #000 !important;
}

.single-hall-of-shame .elementor-widget-theme-site-logo img {
	filter: brightness(0) invert(1);
}

.single-hall-of-shame .elementor-nav-menu .elementor-item,
.single-hall-of-shame .elementor-menu-toggle,
.single-hall-of-shame .elementor-menu-toggle svg,
.single-hall-of-shame .elementor-menu-toggle path {
	color: #fff !important;
	fill: #fff !important;
}

.single-hall-of-shame .elementor-nav-menu .elementor-item,
.single-hall-of-shame .elementor-menu-toggle,
.single-hall-of-shame .elementor-menu-toggle svg,
.single-hall-of-shame .elementor-menu-toggle path {
	color: #fff !important;
	fill: #fff !important;
}

/* Hall of Shame - Footer noir avec contour blanc */
.single-hall-of-shame .elementor-location-footer {
	background-color: #000 !important;
}

.single-hall-of-shame .elementor-343 .elementor-element.elementor-element-87b5ebc:not(.elementor-motion-effects-element-type-background),
.single-hall-of-shame .elementor-343 .elementor-element.elementor-element-87b5ebc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #000 !important;
	border: 3px solid #fff !important;
}

.single-hall-of-shame .elementor-location-footer .elementor-widget-theme-site-logo img {
	filter: brightness(0) invert(1) !important;
}

.single-hall-of-shame .elementor-location-footer .elementor-nav-menu .elementor-item,
.single-hall-of-shame .elementor-location-footer .elementor-menu-toggle,
.single-hall-of-shame .elementor-location-footer .elementor-menu-toggle svg,
.single-hall-of-shame .elementor-location-footer .elementor-menu-toggle path {
	color: #fff !important;
	fill: #fff !important;
}

/* Hall of Shame - Footer menu hover et actif en noir */
.single-hall-of-shame .elementor-location-footer .elementor-item:hover,
.single-hall-of-shame .elementor-location-footer .elementor-item.elementor-item-active {
	color: #000 !important;
}

.single-hall-of-shame p,
.single-hall-of-shame h1,
.single-hall-of-shame h2,
.single-hall-of-shame h3,
.single-hall-of-shame h4,
.single-hall-of-shame h5,
.single-hall-of-shame h6 {
	color: #fff !important;
}

/* Hall of Shame Related - Grille des posts associés */
.hall-of-shame-related {
	margin: 30px 0;
}

.hall-of-shame-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 20px;
}

.hall-of-shame-related-item {
	position: relative;
	overflow: hidden;
	aspect-ratio: 500 / 390;
}

.hall-of-shame-related-link {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 85%;
	min-width: 0;
	min-height: 0;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 10%;
}

.hall-of-shame-related-link img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 768px) {
	.hall-of-shame-related-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.hall-of-shame-related-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

/* Featured Image Frame - Image à la une avec cadre SVG */
.featured-image-frame-wrapper {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.featured-image-frame-item {
	position: relative;
	overflow: hidden;
	aspect-ratio: 500 / 390;
	max-width: 600px;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Bouton formulaire - Texte avec typo H4 bold */
.elementor-button-text {
	font-size: var(--e-heading-h3-font-size) !important;
	line-height: var(--e-heading-h3-line-height) !important;
	letter-spacing: var(--e-heading-h3-letter-spacing) !important;
	font-weight: 700 !important;
}

.featured-image-frame-link {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 85%;
	min-width: 0;
	min-height: 0;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 10%;
}

.featured-image-frame-link img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* Featured Image Frame - Ajustements mobile */
@media (max-width: 768px) {
	.featured-image-frame-item {
		aspect-ratio: auto;
		min-height: 300px;
	}
	
	.featured-image-frame-link {
		height: auto;
		min-height: 280px;
		max-height: 350px;
		margin-top: 10%;
		padding: 15px;
		overflow: hidden;
	}
	
	.featured-image-frame-link img {
		max-width: 85%;
		max-height: 280px;
	}
}

/* Boutons catégories enfants - fond noir, contour et texte en couleur parente */
.post-child-category-btn {
	padding: 10px 20px;
	background: #000 !important;
	border: 2px solid #000 !important;
	border-radius: 0;
	cursor: default;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

/* Appliquer les couleurs selon la catégorie parente */
.post-child-category-btn[data-category-id="1"] {
	color: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
}

.post-child-category-btn[data-category-id="12"] {
	color: var(--e-global-color-accent) !important;
	border-color: var(--e-global-color-accent) !important;
}

.post-child-category-btn[data-category-id="16"] {
	color: var(--e-global-color-438a8ff) !important;
	border-color: var(--e-global-color-438a8ff) !important;
}

.post-child-category-btn[data-category-id="22"] {
	color: var(--e-global-color-d248e8e) !important;
	border-color: var(--e-global-color-d248e8e) !important;
}

.post-child-category-btn[data-category-id="26"] {
	color: var(--e-global-color-85582c7) !important;
	border-color: var(--e-global-color-85582c7) !important;
}

/* Boutons étiquettes (tags) - fond noir, contour et texte blanc */
.post-tag-btn {
	padding: 10px 20px;
	background: #000 !important;
	border: 2px solid #fff !important;
	border-radius: 0;
	cursor: default;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
	color: #fff !important;
}

/* ========================================
   Header - Page 242 et posts Hall of Shame
   ======================================== */
.page-id-242 .elementor-element-5d0206a,
.single-hall_of_shame .elementor-element-5d0206a {
	background-color: #000 !important;
	border: 3px solid #fff !important;
}

/* Logo Mercator blanc sur page 242 et posts hall of shame */
.page-id-242 .elementor-element-30f7ee4 img,
.single-hall_of_shame .elementor-element-30f7ee4 img {
	filter: brightness(0) invert(1) !important;
}


.elementor-348 .elementor-element.elementor-element-bc349b6 .elementor-button[type="submit"] {
color: #000 !important;
font-size: 2.25rem !important;
background-color: #fff !important;

}
.elementor-348 .elementor-element.elementor-element-bc349b6 .elementor-button[type="submit"]:hover {
background-color: var( --e-global-color-accent)!important;

}

/* ========================================
   Liens dans le contenu
   ======================================== */

/* Souligner les liens dans les blocs de contenu texte - sauf header et footer */
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-text-editor a,
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-theme-post-content a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

/* Liens dans le contenu au survol */
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-text-editor a:hover,
.elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-theme-post-content a:hover {
	text-decoration-thickness: 2px;
}