/**
 * File: idk-spans.css
 * Theme: Mehrle (thème enfant de PIP'N'HUB)
 * Description: Styles des 5 variantes de censure visuelle appliquées par
 *              mehrle_random_spans_shortcode() (functions.php) aux shortcodes
 *              [gore] et [sexe] sur les articles de la catégorie
 *              "intimate-diary-of-a-killer".
 *              gore{N} et sexe{N} partagent actuellement la même structure —
 *              seule la couleur sera différenciée ultérieurement.
 */

/* ============================================================
   VARIANTES 1-3 — trait simple / épais / double
   ============================================================ */

/* Variante 1 : trait simple */
.gore1,
.sexe1 {
	text-decoration: line-through;
	text-decoration-color: #000;
	text-decoration-thickness: 2px;
}

/* Variante 2 : trait épais */
.gore2,
.sexe2 {
	text-decoration: line-through;
	text-decoration-color: #000;
	text-decoration-thickness: 5px;
}

/* Variante 3 : trait double */
.gore3,
.sexe3 {
	text-decoration: line-through;
	text-decoration-style: double;
	text-decoration-color: #000;
	text-decoration-thickness: 2px;
}

/* ============================================================
   VARIANTE 4 — rature grattée (3 traits superposés inclinés)
   ============================================================ */
.gore4::before,
.gore4::after,
.sexe4::before,
.sexe4::after {
	content: "";
	position: absolute;
	left: -4%;
	width: 108%;
	height: 3px;
	background: #b91c1c;
}

.gore4::before,
.sexe4::before {
	top: calc(50% - 4px);
	transform: rotate(-2deg);
}

.gore4::after,
.sexe4::after {
	top: calc(50% + 4px);
	transform: rotate(1.5deg);
}

/* 3e trait — porté par le span enfant .trait3 généré par le shortcode */
.gore4 .trait3,
.sexe4 .trait3 {
	position: absolute;
	left: -4%;
	width: 108%;
	height: 3px;
	background: #b91c1c;
	top: 50%;
	transform: rotate(-0.5deg);
}

/* 3e trait — porté par le span enfant .trait3 généré par le shortcode */
.gore4 .trait3,
.sexe4 .trait3 {
	position: absolute;
	left: -4%;
	width: 108%;
	height: 3px;
	background: #b91c1c;
	top: 50%;
	transform: rotate(-0.5deg) translateY(0px);
}

/* ============================================================
   VARIANTE 5 — surimpression de texte
   ============================================================ */

.gore5,
.sexe5 {
	display: inline-grid;
	justify-items: center;
	align-items: center;
}

.gore5 .fond,
.sexe5 .fond,
.gore5 .dessus,
.sexe5 .dessus {
	grid-column: 1;
	grid-row: 1;
}

.gore5 .fond,
.sexe5 .fond {
	color: #333;
}

.gore5 .dessus,
.sexe5 .dessus {
	color: #e60000;
	font-weight: 900;
	letter-spacing: 1px;
}