/*
 Theme Name:   Divi Enfant PSP REA
 Description:  Thème enfant de Divi pour psp-rea.com. N'y ajouter du code que si un besoin apparaît.
 Author:       Eric / PSP REA
 Template:     Divi
 Version:      1.0.1
 Text Domain:  divi-enfant-psp-rea
*/

/* Boutons des blocs WooCommerce (panier, commande) aux couleurs de la charte,
   comme les boutons Divi : Divi ne les style pas lui-même. */
.wc-block-components-button:not(.is-link) {
	background-color: #2A3591;
	color: #fff;
	border-radius: 6px;
}

.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus {
	background-color: #0A083B;
	color: #fff;
}

/* Panier en blocs : Divi ajoute bordure et marges à toutes les cellules de tableau,
   ce qui fait déborder la ligne produit sur mobile. On rend la main à WooCommerce. */
.entry-content table.wc-block-cart-items {
	border: 0;
}

/* Sur mobile, le contenu Divi ne fait que 80 % de l'écran : le prix passe sous le produit. */
@media (max-width: 767px) {
	#main-content .wc-block-cart table.wc-block-cart-items td,
	#main-content .wc-block-cart table.wc-block-cart-items th {
		padding: 0;
	}

	#main-content .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row {
		padding: 16px 0;
	}

	#main-content .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
		grid-column: 2 / 4;
		grid-row-start: 2;
	}

	#main-content .wc-block-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
		align-items: flex-start;
	}
}

/* Émojis remplacés par des images par WordPress : Divi ne charge pas la règle de taille
   du cœur, ils s'affichaient en pleine largeur. Règle reprise de WordPress. */
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/* Titres tapés dans un bloc de texte Elementor : ils prennent la couleur et l'interligne
   du bloc (comme sous Tutor Starter), pas la couleur des titres Divi. */
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6 {
	color: inherit;
	line-height: 1.4;
}

/* Icône YouTube du pied de page (ajoutée dans includes/social_icons.php) :
   Divi ne charge le glyphe que pour les réseaux qu'il affiche lui-même. */
.et-social-youtube a.icon:before {
	content: "\e0a3";
}

/* REA Performance : l'appli occupe toute la largeur de la page, sans le titre de page Divi. */
body:has(#rea-app) #main-content .container {
	width: 100%;
	max-width: none;
	padding-top: 0;
}

body:has(#rea-app) #main-content .container:before {
	display: none;
}

body:has(#rea-app) .main_title,
body:has(#rea-app) .entry-title {
	display: none;
}

/* Conteneurs Elementor autour de l'appli : plus de largeur limitée ni de marges. */
.elementor-element:has(> .e-con-inner #rea-app),
.elementor-element:has(> #rea-app),
.elementor-element:has(#rea-app) > .e-con-inner {
	--content-width: 100%;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

body:has(#rea-app) .rea-app {
	border-radius: 0;
}

/* Tablette et téléphone : la page défile d'un seul tenant (plus de zone défilante interne)
   et la barre d'onglets de Match Live colle au bas de l'écran tant que l'appli est visible,
   puis repart avec elle (elle ne se détache plus au-dessus du bas de page). */
@media (max-width: 1024px) {
	#rea-app .rea-main {
		max-height: none;
		overflow: visible;
	}

	#rea-app #match-live-screen {
		padding-bottom: 0;
	}

	#rea-app .ml-tabs {
		position: sticky;
		left: auto;
		right: auto;
		bottom: calc(6px + env(safe-area-inset-bottom));
	}
}

/* Chariot de l'en-tête masqué tant que le panier est vide (voir functions.php). */
html:not(.psp-panier-plein) .et-cart-info {
	display: none;
}

/* Pages refaites en Divi : sections sur fond bleu nuit (texte blanc) et étoiles de notation. */
.psp-fond-sombre,
.psp-fond-sombre h1,
.psp-fond-sombre h2,
.psp-fond-sombre h3,
.psp-fond-sombre h4,
.psp-fond-sombre h5,
.psp-fond-sombre h6,
.psp-fond-sombre p {
	color: #fff;
}

.psp-etoiles {
	color: #F5B622;
	font-size: 20px;
	letter-spacing: 2px;
}

/* Pages en pleine largeur : Divi y imprime quand même la colonne de widgets
   (vue sous le contenu de la page Log in). Elle ne sert que sur les actualités. */
.et_full_width_page #sidebar {
	display: none;
}

/* Pastille des cookies (CookieYes) : sur l'appli REA Performance, elle recouvrait
   l'onglet « Saisie » de la barre du bas. On la remonte au-dessus de la barre. */
body:has(#rea-app) .cky-btn-revisit-wrapper {
	bottom: 96px !important;
}

/* Divi met des puces aux listes du contenu : on les retire des boutons de paiement express. */
.entry-content .wc-block-components-express-payment ul,
.entry-content .wc-block-components-express-payment li {
	list-style: none;
	padding-left: 0;
}