/*
 Theme Name:   Divi Child
 Theme URI:
 Description:  Divi Child Theme
 Author:       Djembe Videos
 Author URI:   https://djembe-videos.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line == */


/* GARDER POSSIBILITE D'EDITER FOOTERS ET BOUTONS RYTHMES DANS THEME BUILDER */

.ui-sortable {
	display: block!important;
}

/* Z-INDEX du header au lieu de 99999 */
.site-header {
    z-index: 999;
}

/* PADDING ICONE-TITRE BLURB */

.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 10px;
}

/* ENLEVER PADDING 27px LIGNES */

@media only screen and (min-width: 1350px) {
.et_pb_row {
	padding: 27px 0;
	}
}

/* Padding entre carré vidéo base et titres sur mobile */

@media (max-width: 980px) {
		.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
		margin-bottom: 30px!important;
	}
}

/* PADDING FOOTER RHYTHMS ET NEWS */

.et_pb_row_4_tb_footer,
.et_pb_row_5_tb_footer {
	padding: 0px 0px!important;
}

/* MASQUER LEGENDE POPUPS PARTITIONS */

.mfp-bottom-bar {
display: none!important;
}


/* MENU PRINCIPAL */

.nav li ul  {
	padding: 10px 10px;
	border-top: 2px solid #be1826;
	width: 190px;
}

#top-menu li {
	font-size: 13px;
	padding-right: 12px;
}

#top-menu li li {
	padding: 0 10px;
}

#top-menu li li a {
	padding: 6px 0px;
	width: 155px;
}

#top-menu .menu-item-has-children>a:first-child:after  {
	display: none; /* Masque les chevrons */
	}

#top-menu .menu-item-has-children>a:first-child, #et-secondary-nav .menu-item-has-children>a:first-child {
	padding-right: 0px; /* Enlève l'espace des chevrons */
	}

/* MENU ICONS (CD discographie et BOOK online store) */

.menu-CD-icon img {
    vertical-align: text-bottom!important;
    width: 20px!important;
    height: 20px!important;
}

.menu-store-icon img {
    vertical-align: text-bottom!important;
    width: 20px!important;
    height: 20px!important;
}

/* MENU : boutons LOGIN, JOIN, MY ACCOUNT, LOGOUT, METHOD, RHYTHMS, BOOKS, INTERVIEWS */

@media (min-width: 980px) {

.menu_login {
	padding: 0!important;
	border-radius: 10px;
	border: solid 2px #000;
	margin-right: 10px;
	transition: 0.3s;
}

.menu_join {
	padding: 0!important;
	border-radius: 10px;
	margin-right: 10px;
	background: #00a300;
	transition: 0.3s;
}

.menu_my_account {
	padding: 0!important;
	border-radius: 10px;
	border: solid 2px #000;
	margin-right: 10px;
	transition: 0.3s;
}

.menu_logout {
	padding: 0!important;
	border-radius: 10px;
	border: solid 2px #000;
	margin-right: 10px;
	transition: 0.3s;
}

.menu_method {
	padding: 0!important;
    border-radius: 10px;
	margin-right: 10px;
    background: #0080ff;
	transition: 0.3s;
}
	
.menu_rhythms {
	padding: 0!important;
    border-radius: 10px;
	margin-right: 10px;
    background: #be1826;
	transition: 0.3s;
}

.menu_books {
	padding: 0!important;
	border-radius: 10px;
	border: solid 2px #000;
	margin-right: 10px;
	transition: 0.3s;
}

.menu_interviews {
	padding: 0!important;
	border-radius: 10px;
	border: solid 2px #000;
	margin-right: 10px;
	transition: 0.3s;
}

.menu_login a{
	font-size: 12px!important;
	color: #000!important;
	padding: 8px 18px 8px 18px!important;
}

.menu_join a{
	font-size: 13px!important;
	color: #fff!important;
	font-weight: bold!important;
	padding: 10px 25px 10px 25px!important;
}

.menu_my_account a{
	font-size: 12px!important;
	color: #000!important;
	padding: 8px 18px 8px 18px!important;
}

.menu_logout a{
	font-size: 12px!important;
	color: #000!important;
	padding: 8px 18px 8px 18px!important;
}
	
.menu_rhythms a{
	font-size: 13px!important;
	color: #fff!important;
	font-weight: bold!important;
    border-radius: 10px;
	padding: 10px 25px 10px 25px!important;
}
	
.menu_method a{
	font-size: 13px!important;
	color: #fff!important;
	font-weight: bold!important;
    border-radius: 10px;
	padding: 10px 25px 10px 25px!important;
}	
	
.menu_books a{
	font-size: 12px!important;
	color: #000!important;
	padding: 8px 18px 8px 18px!important;
}
	
.menu_interviews a{
	font-size: 12px!important;
	color: #000!important;
	padding: 8px 18px 8px 18px!important;
}

#top-menu-nav .menu_login a:hover, #top-menu-nav .menu_join a:hover, #top-menu-nav .menu_my_account a:hover, #top-menu-nav .menu_logout a:hover, #top-menu-nav .menu_rhythms a:hover, #top-menu-nav .menu_method a:hover, #top-menu-nav .menu_books a:hover, #top-menu-nav .menu_interviews a:hover  {
	opacity: 1;
}
.menu_login:hover, .menu_join:hover, .menu_my_account:hover, .menu_logout:hover, .menu_method a:hover, .menu_rhythms a:hover, .menu_books a:hover, .menu_interviews a:hover {
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}      
}


/* Couleur texte toggle "Read More" */

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
	color: #333;
}

/* ICONE TOGGLE SCORES */

.et_pb_toggle_title:before {
	z-index: 100;
}

/* CONTACT FORM */

.et_pb_button { /* Bouton "SEND" */
	height: 40px;
	padding-left: 50px!important;
	padding-right: 35px!important;
	border-radius: 10px;
	background: #00a300;
	transition: 0.3s;
}

.et_pb_button:hover {
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}

.et_pb_contact_right p input { /* résultat captcha */
	padding: 10px;
}

/*.et-pb-contact-message { /* hauteur du message de succès d'envoi pour coller footer en bas de page en cas de faible contenu
	height: px;
}*/

/* https://help.elegantthemes.com/en/articles/2730977-opening-divi-modules-in-a-lightbox */

/* --- Patch robust pour Divi Contact Form dans les et-lb --- */

/* Conteneur initial : on évite visibility:hidden qui bloque l'init des modules */
body:not(.et-fb-root-ancestor) [class*='et-lb-content'], .et-lb-wrapper {
	position: fixed !important;
	top: 0;
	z-index: 999999;
	min-height: 100%;
	transition: all .25s ease;
	width: 100%;
	/* on ne met plus visibility:hidden ici */
}

/* État fermé : use display:none (évite que Divi considère le module comme "invisible" non initialisable) */
body:not(.et-fb-root-ancestor) [class*='et-lb-content']:not(.et-lb-open) {
	display: none !important;
	transform: scale(.95);
	opacity: 0;
}

/* État ouvert : rendre block/visible + animation */
body:not(.et-fb-root-ancestor) [class*='et-lb-content'].et-lb-open {
	display: block !important;
	visibility: visible !important;
	opacity: 1;
	transform: scale(1);
	width: 100%;
}

/* positionnement interne (inchangé) */
body:not(.et-fb-root-ancestor) [class*='et-lb-content'] .et_pb_row {
	position:relative;
	top:50px;
}

span.et-lb-close {
	font-size:46px;
	right:0vw;
	margin-top:-10px;
	display:block;
	color:#be1826; /* COLOR OF THE CLOSING ICON*/
	padding:10px;
	cursor:pointer;
	font-weight:bold;
	font-family:etmodules;
	z-index:99999999999999;
	position:absolute;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-content']:not(.et-lb-open) {
	transform:scale(.3);opacity:0;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-btn'] {
	cursor:pointer;
}

/* NEWS POPUP (bell pulse animation) */

.et_pb_blurb_3_tb_footer .et_pb_main_blurb_image .et-pb-icon {
	transform: scale(1.15);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}


/*KEY, NOTATION, INTERPRETATION lightbox Styling */

.mfp-content {
	text-align: center!important;
	vertical-align: top!important;
}

[class*="lightbox-trigger-"] {
	cursor:pointer;
}

[class*="lightbox-content-"] {
	position:relative;
	z-index: unset !important;
}

[class*="lightbox-content-"] .mfp-close {
	color:#fff!important;
	opacity: 1!important;
	font-size: 48px!important;
	right: -40px!important;
	top: 0px!important;
	font-family: Open Sans,Arial,sans-serif;
	font-weight: 200;
}

[class*="lightbox-content-"] .mfp-close:hover {
	opacity: 0.8!important;
}

[class*="lightbox-content-"] .mfp-close:active {
	top:0px !important;
}

/* SCORES lightbox Styling */

img.mfp-img {
	padding: 10px 0;
}

.mfp-image-holder .mfp-close {
	opacity: 1;
	right: -40px!important;
	top: 0px!important;
	font-size: 48px!important;
}

.mfp-image-holder .mfp-close:hover {
	opacity: 0.8!important;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/* Nouveau système score-lightbox dans les toggles */
.et_pb_toggle_content img:not(.et_pb_image img) { cursor: pointer; }
.mfp-score-fullwidth .mfp-img { max-width: 96vw; max-height: 96vh; width: auto; height: auto; }
.mfp-score-fullwidth .mfp-figure { max-width: none; }
.mfp-score-fullwidth .mfp-figure figure { margin: 0; }

/* COMPLIANZ COOKIES CONSENT */

.cmplz-cookiebanner {
right: 0px!important;
z-index: 999999999!important;

}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
font-size: 13px!important;
font-weight: 600!important;
height: 30px!important;
padding: 0px!important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}

/* COOKIES - En ligne sur mobiles */

@media (max-width: 768px) {
.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row!important;
}
}

/* ULTIMATE MEMBERSHIP PRO CONTENT LOCKER */

.ihc_locker_8 {
border: 0px!important;
-webkit-border-radius: 0px!important;
background-color: #000!important;
max-width: 2000px!important;
}

.ihc_locker_8 .lk_wrapper_top {
height: 0px!important;
}

.ihc_locker_8 .lk_wrapper_bottom {
height: 0px!important;
}

/* Bouton LOG IN du Content Locker — vert comme le menu JOIN */
.ihc_locker_8 input[type="submit"] {
    background: #00a300 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    transition: 0.3s;
}
.ihc_locker_8 input[type="submit"]:hover {
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}

/* ULTIMATE MEMBERSHIP PRO - CADRES autour du formulaire de carte bancaire STRIPE */

.ihc-stripe-connect-form-card-number-input {
border: solid 2px #be1826!important;
border-radius:5px!important;
}

.ihc-stripe-connect-input {
border: solid 2px #be1826!important;
}

/* NEWSLETTER */

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
text-align: left!important;
color: #fff!important;
top: 80%!important;
}


/* ========================================
   === BEGIN COPY-PROTECTION ===
   (déplacé en INLINE dans <head> via dv_copy_protection_inline_css
    dans functions.php — bypass cache LSADC + LiteSpeed Optimizer)
   === END COPY-PROTECTION === */