/*
Theme Name:   Rockon – Le Purple
Theme URI:    https://www.le-purple.fr/
Description:  Thème enfant de Rockon pour Le Purple (Lens). Les personnalisations du site vont ici, jamais dans le thème parent, pour survivre à ses mises à jour.
Author:       Jereweb
Author URI:   https://www.jereweb.net/
Template:     rockon
Version:      1.8.5
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  rockon-le-purple
*/

/* ==========================================================================
   Personnalisations Le Purple
   Ce fichier est chargé APRÈS toutes les feuilles de style de Rockon :
   une règle écrite ici l'emporte sur celle du thème parent.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Identité : palette de la démo « DJ Beatz », polices du Purple
   -------------------------------------------------------------------------- */
:root {
	/* Couleurs de la démo Rockon « DJ Beatz » */
	--lp-violet: #9f23c1;        /* violet */
	--lp-violet-sombre: #3a53d8; /* bleu */
	--lp-cyan: #1384cc;
	--lp-violet-texte: #db5eff;  /* rose-violet, lisible sur fond sombre */
	--lp-degrade: linear-gradient(108.39deg, #9f23c1 24.53%, #3a53d8 59.54%, #1384cc 81.64%);
	--lp-fond: #0f0c25;
}
body { font-family: 'Arimo', sans-serif; }
h1, h2, h3, h4, h5, h6, .entry-title { font-family: 'Roboto', sans-serif; }
ul.rockon_menu li a { font-family: 'Archivo Narrow', sans-serif; letter-spacing: .03em; }
ul.rockon_menu li.current-menu-item > a, ul.rockon_menu li.current_page_item > a { color: var(--lp-violet-texte); }

/* --------------------------------------------------------------------------
   2. En-tête « Header 4 » (mode podcast) : logo, menu en haut, bouton animé
   -------------------------------------------------------------------------- */
.rock-podcast-header-wrapper:not(.rock-podcast-header-wrapper-fixed) { background: linear-gradient(180deg, rgba(11, 10, 31, .85) 0%, rgba(11, 10, 31, 0) 100%); }
/* Au défilement (Rockon ajoute -fixed au-delà de 500 px, écrans ≥ 1200 px) : menu collé en haut
   sur un fond flouté, comme la démo. */
.rock-podcast-header-wrapper.rock-podcast-header-wrapper-fixed { position: fixed; top: 0; z-index: 99; background: rgba(255, 255, 255, .04); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 1px 0 rgba(255, 255, 255, .06); }
.admin-bar .rock-podcast-header-wrapper.rock-podcast-header-wrapper-fixed { top: 32px; }
/* Barre d'administration (connecté) : 32 px sur ordinateur, 46 px sur mobile. Évite qu'elle cache le logo et le bouton menu. */
.admin-bar .rock-podcast-header-wrapper { top: 32px; }
@media (max-width: 782px) { .admin-bar .rock-podcast-header-wrapper { top: 46px; } }
.rock-podcast-main-logo img { max-height: 70px; width: auto; }
.rock-podcast-nav-menu ul { margin: 0; padding: 0; list-style: none; }
.rock-podcast-nav-menu ul li a { font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: .04em; }
.rock-podcast-nav-menu ul li.current-menu-item > a, .rock-podcast-nav-menu ul li.current_page_item > a { color: var(--lp-violet-texte); }
.rock-podcast-nav-menu ul li.current-menu-item > a::before, .rock-podcast-nav-menu ul li.current_page_item > a::before { width: 100%; }
.rock-podcast-btn { font-family: 'Archivo Narrow', sans-serif; letter-spacing: .05em; }
.rock-podcast-btn:hover, .rock-podcast-btn:focus { color: #fff; }
.rock-podcast-btn:focus-visible { outline: 3px solid var(--lp-violet-texte); outline-offset: 3px; }

/* Menu sur une seule ligne (au-delà de 1199 px ; en dessous, menu mobile de Rockon) */
@media (min-width: 1200px) {
	.rock-podcast-nav-menu { flex: 0 1 auto; min-width: 0; }
	.rock-podcast-nav-menu #bs-example-navbar-collapse-1, .rock-podcast-nav-menu > div > ul { flex-wrap: nowrap; gap: clamp(14px, 1.6vw, 30px); }
	.rock-podcast-nav-menu ul li a { white-space: nowrap; }
	.rock-podcast-header-right { flex-shrink: 0; }
}
/* Logo centré entre le bord gauche de l'écran et « Accueil » ; menu centré sur la page.
   Le menu est encadré par deux zones de même largeur (logo à gauche, vide à droite). */
@media (min-width: 1200px) {
	.rock-podcast-header-wrapper .container { max-width: none; padding-left: 0; padding-right: 0; }
	.rock-podcast-header-parent { gap: 0; }
	.rock-podcast-main-logo { flex: 1 1 0; min-width: 0; display: flex; justify-content: center; }
	.rock-podcast-header-right { flex: 1 1 0; min-width: 0; justify-content: flex-end; }
	.rock-podcast-nav-menu { flex: 0 0 auto; }
	.rock-podcast-nav-menu #bs-example-navbar-collapse-1, .rock-podcast-nav-menu > div > ul { padding-left: 0; margin-left: 0; justify-content: flex-start; flex-basis: auto; flex-grow: 0; width: auto; }
	/* Rockon ajoute un élément vide (::before) en tête de menu : il décalait « Accueil » de 25 px. */
	.rock-podcast-nav-menu #bs-example-navbar-collapse-1::before, .rock-podcast-nav-menu #bs-example-navbar-collapse-1::after { display: none; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.rock-podcast-nav-menu ul li a { font-size: 15px; letter-spacing: .02em; }
	.rock-podcast-header-right { gap: 18px; }
	.rock-podcast-main-logo img { max-height: 58px; }
}

/* --------------------------------------------------------------------------
   2b. Accueil (front-page.php) : bannière de la démo « DJ Beatz »
   -------------------------------------------------------------------------- */
/* Contenu calé en haut (et non centré dans tout l'écran) : écart fixe d'environ 45 px sous le menu. */
.lp-banniere { position: relative; overflow: hidden; min-height: min(100vh, 760px); min-height: min(100svh, 760px); display: flex; align-items: flex-start;
	background: radial-gradient(ellipse at 75% 40%, rgba(159, 35, 193, .35) 0%, rgba(159, 35, 193, 0) 55%), linear-gradient(135deg, #0b0a1f 0%, #171c39 45%, #0f0c25 100%); }
.lp-banniere > .container { position: relative; z-index: 2; width: 100%; }
.lp-banniere .rock-podcast-banner-parent { padding-top: 145px; }
@media (max-width: 1199px) {
	.lp-banniere { min-height: 0; }
	.lp-banniere .rock-podcast-banner-parent { padding-top: 40px; }
}
@media (max-width: 767px) {
	.lp-banniere .rock-podcast-banner-parent { padding-top: 50px; }
}
.lp-banniere .rock-podcast-banner-content { padding-bottom: 20px; }
.lp-banniere__rangee { display: flex; flex-wrap: wrap; align-items: center; }
.lp-banniere .rock-podcast-banner-content h4 { font-family: 'Archivo Narrow', sans-serif; font-size: 20px; letter-spacing: .08em; color: var(--lp-violet-texte); margin: 0 0 6px; }
.lp-hero__messages { display: grid; min-height: 210px; align-items: center; }
.lp-hero__message { grid-area: 1 / 1; opacity: 0; transform: translateY(12px); transition: opacity .9s ease, transform .9s ease; }
.lp-hero__message.is-active { opacity: 1; transform: none; }
.lp-banniere .rock-podcast-banner-content .lp-titre { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: clamp(38px, 5vw, 60px); line-height: 1.08; color: #fff; margin: 0 0 14px; }
.lp-banniere .rock-podcast-banner-content .lp-texte { font-size: clamp(18px, 2vw, 22px); line-height: 1.4; color: #d9d9de; margin: 0; max-width: 640px; }
.lp-banniere .rock-podcast-banner-btns { flex-wrap: wrap; gap: 18px 24px; margin-top: 26px; }
.lp-banniere .rock-podcast-btn { min-height: 50px; padding: 0 28px; }
/* Visuel : photos dans un triangle, contour violet, réseaux flottants */
.lp-banniere__visuel { position: relative; height: 460px; max-width: 460px; margin: 0 auto; }
.lp-triangle-contour { position: absolute; inset: -6% -8% -2% -8%; width: 116%; height: 108%; transform: rotate(-6deg); filter: drop-shadow(0 0 14px rgba(219, 94, 255, .45)); }
.lp-banniere__photos { position: absolute; inset: 6% 4% 4% 4%; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: #0f0c25; }
.lp-hero__slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1.06); transition: opacity 1.6s ease, transform 9s linear; }
.lp-hero__slide.is-active { opacity: 1; transform: scale(1); }
.lp-flottant { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 14px; z-index: 3;
	background: rgba(15, 12, 37, .85); border: 1px solid rgba(219, 94, 255, .45); box-shadow: 0 8px 24px rgba(0, 0, 0, .45), 0 0 18px rgba(159, 35, 193, .35); color: #fff !important; font-size: 24px; }
.lp-flottant svg { width: 24px; height: 24px; }
.lp-flottant:hover, .lp-flottant:focus { background: var(--lp-violet); }
/* Positions fixées pour toutes les tailles d'écran : sous 1200 px, Rockon remonte YouTube
   en haut (top: 10 %), où il recouvrait Instagram. */
.lp-banniere .rockBanrFb { top: auto; right: auto; bottom: 40px; left: -40px; }
.lp-banniere .rockBanrInsta { top: 10px; right: -30px; bottom: auto; left: auto; }
.lp-banniere .rockBanrYtb { top: auto; right: -40px; bottom: 110px; left: auto; }
.lp-banniere .rockBannerShape { z-index: 1; pointer-events: none; }
/* Rockon masque la photo de la bannière sous 1024 px : on la garde, comme sur la démo. */
@media (max-width: 1024px) {
	.lp-banniere .rock-podcast-banner-img.lp-banniere__visuel { display: block; }
}
@media (max-width: 991px) {
	.lp-banniere__rangee > [class*="col-"] { width: 100%; flex: 0 0 100%; max-width: 100%; }
	.lp-banniere .rock-podcast-banner-content { text-align: center; padding-bottom: 30px; }
	.lp-banniere .rock-podcast-banner-btns { justify-content: center; }
	.lp-banniere .rock-podcast-banner-content .lp-titre, .lp-banniere .rock-podcast-banner-content .lp-texte { margin-left: auto; margin-right: auto; }
	.lp-hero__messages { justify-items: center; text-align: center; }
	.lp-hero__message { width: 100%; }
	.lp-banniere .lp-gratuit { display: flex; justify-content: center; text-align: center; max-width: 520px; margin-left: auto; margin-right: auto; }
	.lp-banniere__visuel { height: 340px; max-width: 340px; margin-bottom: 60px; }
	.lp-banniere .rockBanrFb { left: -10px; } .lp-banniere .rockBanrInsta { right: -10px; } .lp-banniere .rockBanrYtb { right: -14px; }
}
@media (max-width: 600px) {
	.lp-hero__messages { min-height: 190px; }
	.lp-banniere .rock-podcast-btn { width: 100%; }
	.lp-banniere .rockBanrshap3 { top: 90px; left: 20px; } .lp-banniere .rockBanrshap2 { right: 16px; }
}
/* Mobile et tablette : la photo passe entre les messages et « Entrée gratuite ».
   Les colonnes s'effacent (display: contents) pour que leurs éléments soient réordonnés ensemble. */
@media (max-width: 991px) {
	.lp-banniere__rangee > [class*="col-"]:first-child, .lp-banniere .rock-podcast-banner-content { display: contents; }
	.lp-banniere__rangee > *, .lp-banniere .rock-podcast-banner-content > * { flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }
	.lp-banniere .rock-podcast-banner-content > h4 { order: 1; padding: 0 15px; }
	.lp-banniere .lp-hero__messages { order: 2; padding: 0 15px; }
	.lp-banniere__rangee > [class*="col-"]:last-child { order: 3; }
	.lp-banniere .rock-podcast-banner-content > .lp-gratuit { order: 4; flex-basis: calc(100% - 30px); max-width: 520px; }
	.lp-banniere .rock-podcast-banner-btns { order: 5; padding: 0 15px 30px; }
	.lp-banniere__visuel { margin: 10px auto 34px; }
}
@media (prefers-reduced-motion: reduce) {
	.lp-hero__slide, .lp-hero__message { transition: none; transform: none; }
	.rockBannerShape, .rock-podcast-btn-effect-inner { animation: none !important; }
}
/* Encadré « Entrée GRATUITE pour tous, toute la nuit » : bordure lumineuse qui tourne */
.lp-gratuit { position: relative; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 22px 0 6px; padding: 14px 26px; border-radius: 14px;
	background: linear-gradient(108deg, rgba(159, 35, 193, .28), rgba(58, 83, 216, .22) 60%, rgba(19, 132, 204, .2)); box-shadow: 0 0 30px rgba(159, 35, 193, .35); }
.lp-gratuit__fort { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: clamp(22px, 2.6vw, 30px); text-transform: uppercase; letter-spacing: .03em; color: #fff; text-shadow: 0 0 14px rgba(219, 94, 255, .8); }
.lp-gratuit__suite { font-family: 'Archivo Narrow', sans-serif; font-size: clamp(17px, 1.8vw, 21px); letter-spacing: .04em; text-transform: uppercase; color: #f1d4ff; }
.lp-gratuit .rock-podcast-btn-effect { border-radius: 14px; }
.lp-gratuit .rock-podcast-btn-effect-inner { border-radius: 14px; background: conic-gradient(from 290deg at 50%, #3a53d8, transparent 0%, #1384cc, #db5eff 20%, #fff, transparent 25%); animation-duration: 4s; }
.lp-banniere .lp-gratuit { animation: lp-pulse 3s ease-in-out infinite; }
@keyframes lp-pulse { 0%, 100% { box-shadow: 0 0 24px rgba(159, 35, 193, .3); } 50% { box-shadow: 0 0 42px rgba(219, 94, 255, .55); } }
/* Vrai espace sous le paragraphe (une marge négative faisait toucher le texte sur mobile). */
.lp-section .lp-gratuit--section { margin: 6px 0 36px; } /* + 20 px de marge intérieure sous le paragraphe */
@media (max-width: 991px) {
	.lp-section .lp-gratuit--section { margin-left: auto; margin-right: auto; }
}
@media (max-width: 600px) {
	.lp-gratuit { display: flex; justify-content: center; text-align: center; padding: 12px 16px; }
}
@media (prefers-reduced-motion: reduce) { .lp-banniere .lp-gratuit { animation: none; } }
/* Zone de widgets « rockonfooter » vide : bande noire inutile. */
.rock_footer { display: none; }

/* --------------------------------------------------------------------------
   2c. Pied de page Le Purple (vendor/include/section-footer.php)
   -------------------------------------------------------------------------- */
.lp-pied { background: #0b0a1f; padding: 40px 0 28px; text-align: center; margin: 0; }
.lp-pied__reseaux, .lp-hero__reseaux { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 0; margin: 0 0 22px; }
.lp-reseau { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: #171c39; color: #fff !important; font-size: 18px; transition: background .25s, transform .25s; }
.lp-reseau:hover, .lp-reseau:focus { background: var(--lp-violet); transform: translateY(-2px); }
.lp-reseau svg { width: 18px; height: 18px; }
.lp-hero__reseaux { margin: 0; }
.lp-hero__reseaux .lp-reseau { background: rgba(11, 10, 31, .7); }
.lp-pied__legal ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; padding: 0; margin: 0 0 16px; }
.lp-pied__legal a { color: #c3c4c7; font-size: 14px; }
.lp-pied__legal a:hover, .lp-pied__legal a:focus { color: var(--lp-violet-texte); }
.lp-pied__copyright { color: #8a8b90; font-size: 13px; margin: 0; }

/* --------------------------------------------------------------------------
   2d. Formulaires (Contact Form 7)
   -------------------------------------------------------------------------- */
/* L'extension « Simple CSS » du site (CSS de l'époque StereoClub) colore les formulaires
   en bleu foncé, illisible sur fond sombre : on reprend la main avec des sélecteurs plus forts. */
/* Champs translucides sur fond sombre, comme le formulaire de la démo (page Contact Us) */
body form.wpcf7-form label { color: #fff; font-size: 17px; font-weight: 400; display: block; margin-bottom: 6px; }
body form.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body form.wpcf7-form select, body form.wpcf7-form textarea {
	width: 100%; max-width: 100%; min-height: 52px; padding: 12px 20px; margin-top: 6px; border-radius: 10px;
	background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); box-shadow: none;
	color: #fff; font-size: 15px; font-family: inherit; transition: border-color .25s, background .25s, box-shadow .25s; }
body form.wpcf7-form textarea { min-height: 150px; resize: vertical; }
body form.wpcf7-form select { appearance: auto; color: #fff; }
body form.wpcf7-form select option { background: #171c39; color: #fff; }
body form.wpcf7-form input::placeholder, body form.wpcf7-form textarea::placeholder { color: rgba(255, 255, 255, .6); }
body form.wpcf7-form input:not([type="submit"]):focus, body form.wpcf7-form select:focus, body form.wpcf7-form textarea:focus {
	outline: none; background: rgba(255, 255, 255, .08); border-color: #9f23c1; box-shadow: 0 0 0 3px rgba(159, 35, 193, .25); }
body form.wpcf7-form input:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 40px #1d1840 inset; }
body form.wpcf7-form { color: #d9d9de; }
body form.wpcf7-form .wpcf7-checkbox, body form.wpcf7-form .wpcf7-radio, body form.wpcf7-form .wpcf7-acceptance, body form.wpcf7-form .wpcf7-list-item-label { color: #c9c9cf; }
body form.wpcf7-form .wpcf7-list-item-label { font-weight: 400; line-height: 1.5; }
body form.wpcf7-form input[type="checkbox"] { width: 18px; height: 18px; padding: 0; min-height: 0; box-shadow: none; accent-color: #9f23c1; vertical-align: -3px; margin-right: 8px; }
body form.wpcf7-form input[type="submit"], body form.wpcf7-form button[type="submit"] { background: var(--lp-degrade); border: 0; border-radius: 50px; color: #fff; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; letter-spacing: .06em; padding: 14px 34px; min-height: 50px; transition: filter .25s, transform .25s; }
body form.wpcf7-form input[type="submit"]:hover, body form.wpcf7-form input[type="submit"]:focus { background: var(--lp-degrade); filter: brightness(1.15); transform: translateY(-1px); }
/* Case à cocher sur la même ligne que son texte ; reCAPTCHA, remarques et bouton centrés */
body form.wpcf7-form .wpcf7-list-item { display: flex; align-items: flex-start; gap: 10px; margin: 0; text-align: left; }
body form.wpcf7-form .wpcf7-list-item input[type="checkbox"], body form.wpcf7-form .wpcf7-list-item input[type="radio"] { display: inline-block; flex: 0 0 18px; width: 18px; height: 18px; margin: 3px 0 0; }
body form.wpcf7-form .wpcf7-list-item-label { flex: 1 1 auto; }
body form.wpcf7-form .wpcf7-form-control-wrap.recaptcha, body form.wpcf7-form .wpcf7-recaptcha { display: block; text-align: center; }
body form.wpcf7-form .wpcf7-recaptcha > div { display: inline-block; margin: 6px auto; }
body form.wpcf7-form > span, body form.wpcf7-form > p:last-of-type { display: block; text-align: center; }
body form.wpcf7-form span.wpcf7-not-valid-tip { color: #ff8fb1; }
.wpcf7 select { min-width: 260px; }

/* --------------------------------------------------------------------------
   2e. Accueil : section « Le Purple » (cadres « Vip Service » de la démo)
   -------------------------------------------------------------------------- */
.lp-section { position: relative; padding: 30px 0 60px; overflow: hidden;
	background: radial-gradient(ellipse at 15% 50%, rgba(58, 83, 216, .28) 0%, rgba(58, 83, 216, 0) 55%), linear-gradient(180deg, #0b0a1f 0%, #0f0c25 100%); }
.lp-section__rangee { display: flex; flex-wrap: wrap; align-items: center; row-gap: 60px; }
/* Grand titre en fond, lettres en dégradé translucide qui apparaissent une à une */
.lp-texte-anime { display: block; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: clamp(48px, 8vw, 96px); line-height: 1; text-transform: uppercase; letter-spacing: .02em; white-space: nowrap; user-select: none; }
.lp-texte-anime span { display: inline-block; opacity: 0; transform: translateY(18px);
	-webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;
	background-image: linear-gradient(0.83deg, rgba(15, 12, 37, .25) 15%, rgba(219, 94, 255, .32) 50%, rgba(58, 83, 216, .32) 100%); }
.lp-texte-anime.is-visible span { animation: lp-lettre 1.1s ease-out forwards; }
/* Effet « flash » de la démo : chaque lettre s'allume d'un halo rose en apparaissant */
@keyframes lp-lettre {
	0% { opacity: 0; transform: translateY(18px); text-shadow: none; }
	55% { opacity: 1; transform: none; text-shadow: 0 0 4px #db5eff, 0 0 18px rgba(219, 94, 255, .75); }
	75% { text-shadow: 0 0 2px rgba(219, 94, 255, .6); }
	100% { opacity: 1; transform: none; text-shadow: none; }
}
.lp-section .rock-podcast-main-heading h2 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: clamp(28px, 3.4vw, 38px); margin-top: -.9em; color: #fff; }
.lp-section .rock-podcast-main-heading > p { color: #d9d9de; max-width: 560px; }
/* Cadres en verre dépoli avec bordure lumineuse qui tourne */
.lp-cartes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.lp-carte.rock-podcast-abt-box { position: relative; max-width: none; min-height: 190px; justify-content: flex-start; gap: 12px; padding: 26px 26px 24px;
	background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .06); transition: transform .35s ease, background .35s ease, box-shadow .35s ease; text-decoration: none; }
.lp-carte h4 { font-family: 'Archivo Narrow', sans-serif; font-weight: 600; font-size: 22px; letter-spacing: .04em; text-transform: uppercase; margin: 0; color: #fff; transition: color .35s; }
.lp-carte p { color: #c9c9cf; font-size: 15px; line-height: 1.55; margin: 0; text-transform: none; letter-spacing: normal; }
a.lp-carte:hover, a.lp-carte:focus-visible { transform: translateY(-6px); background: rgba(58, 83, 216, .16); box-shadow: 0 18px 40px rgba(0, 0, 0, .45), 0 0 26px rgba(159, 35, 193, .25); }
a.lp-carte:hover h4, a.lp-carte:focus-visible h4 { color: var(--lp-violet-texte); }
.lp-cartes .lp-carte:nth-child(2) .rock-podcast-btn-effect-inner { animation-delay: -1.25s; }
.lp-cartes .lp-carte:nth-child(3) .rock-podcast-btn-effect-inner { animation-delay: -2.5s; }
.lp-cartes .lp-carte:nth-child(4) .rock-podcast-btn-effect-inner { animation-delay: -3.75s; }
/* Photo avec bordure lumineuse et formes flottantes */
.lp-section__visuel { position: relative; max-width: 440px; margin: 0 auto; padding: 24px; }
.lp-section__photo { position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 4 / 5; box-shadow: 0 30px 60px rgba(0, 0, 0, .55), 0 0 40px rgba(159, 35, 193, .25); }
.lp-section__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 6s ease; }
.lp-section__visuel:hover .lp-section__photo img { transform: scale(1.05); }
.lp-section__photo .rock-podcast-btn-effect { border-radius: 8px; inset: 0; padding: 2px; }
.lp-section__photo .rock-podcast-btn-effect-inner { border-radius: 8px; animation-duration: 6s;
	background: conic-gradient(from 290deg at 50%, #3a53d8, transparent 0%, #1384cc, #8c2cc5 20%, #fff, transparent 25%); }
.lp-section__forme { position: absolute; z-index: 2; pointer-events: none; }
.lp-section__forme--cercle { top: 0; right: 0; border-radius: 100%; animation: rotate 6s linear infinite; }
.lp-section__forme--carre { bottom: 0; left: 0; animation: rotate-reverse 7s linear infinite; }
.lp-section .rock-podcast-about-content > .rock-podcast-btn { min-height: 50px; padding: 0 30px; }
@media (max-width: 991px) {
	.lp-section { padding: 20px 0 50px; }
	.lp-section__rangee > [class*="col-"] { width: 100%; flex: 0 0 100%; max-width: 100%; }
	.lp-section__visuel { margin-left: auto; margin-right: auto; }
	.lp-section .rock-podcast-about-content .rock-podcast-main-heading { text-align: center; }
	.lp-section .rock-podcast-about-content .rock-podcast-main-heading .rock-podcast-line-shape,
	.lp-section .rock-podcast-about-content .rock-podcast-main-heading > p { margin-left: auto; margin-right: auto; }
	.lp-section .rock-podcast-about-content { text-align: center; }
	.lp-carte { text-align: left; }
}
@media (max-width: 600px) {
	.lp-cartes { grid-template-columns: 1fr; gap: 16px; }
	.lp-carte.rock-podcast-abt-box { min-height: 0; }
	.lp-section .rock-podcast-about-content > .rock-podcast-btn { width: 100%; }
	.lp-texte-anime { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
	.lp-texte-anime span { opacity: 1; transform: none; animation: none !important; }
	.lp-section__forme { animation: none; }
	a.lp-carte:hover { transform: none; }
}

/* --------------------------------------------------------------------------
   2f. Pages intérieures : bandeau photo et fond, comme la page « Service » de la démo
   -------------------------------------------------------------------------- */
body:not(.home) { background: radial-gradient(ellipse at 85% 10%, rgba(159, 35, 193, .22) 0%, rgba(159, 35, 193, 0) 45%), radial-gradient(ellipse at 10% 70%, rgba(58, 83, 216, .18) 0%, rgba(58, 83, 216, 0) 45%), linear-gradient(180deg, #1d0a35 0%, #120b2b 55%, #0f0c25 100%); background-attachment: fixed; background-color: #0f0c25; }
.lp-bandeau.rock_page_title_main { float: none; display: flex; align-items: center; min-height: 320px; padding: 80px 0 20px; background-color: #0b0a1f; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 70px !important; overflow: hidden; }
.lp-bandeau.rock_page_title_main::before { background: linear-gradient(to right, rgba(0, 0, 0, .8), rgba(0, 0, 0, .35)), linear-gradient(180deg, rgba(11, 10, 31, .55) 0%, rgba(11, 10, 31, .25) 50%, rgba(11, 10, 31, .85) 100%); }
.lp-bandeau .rock_page_title { position: relative; margin: 0; top: auto; height: auto; float: none; }
.lp-bandeau .rock_heading h1 { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: clamp(30px, 4vw, 42px); color: #fff; padding: 30px 0 18px !important; }
.lp-bandeau .rock_heading h1::after { display: none; }
.lp-bandeau .lp-bandeau__ariane { flex-wrap: wrap; justify-content: center; gap: 6px 30px; font-family: 'Archivo Narrow', sans-serif; }
.lp-bandeau .lp-bandeau__ariane li::after { right: -19px; }
.lp-bandeau .lp-bandeau__ariane li { padding: 0; letter-spacing: .04em; }
.lp-bandeau .rock_heading .lp-bandeau__ariane li a { color: #fff; }
.lp-bandeau .rock_heading .lp-bandeau__ariane li a:hover, .lp-bandeau .rock_heading .lp-bandeau__ariane li a:focus { color: var(--lp-violet-texte); }
.lp-bandeau .lp-bandeau__ariane li:last-child { color: var(--lp-violet-texte); }
@media (max-width: 767px) {
	.lp-bandeau.rock_page_title_main { min-height: 240px; padding-top: 70px; margin-bottom: 40px !important; }
}

/* Contenu des pages centré (page.php du thème enfant) */
.lp-page { padding-bottom: 50px; }
.lp-page__contenu { max-width: 960px; margin: 0 auto; text-align: center; }
.lp-page__contenu img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.lp-page__contenu iframe, .lp-page__contenu video { max-width: 100%; margin-left: auto; margin-right: auto; }
.lp-page__contenu .wp-block-image, .lp-page__contenu figure { margin-left: auto; margin-right: auto; }
.lp-page__contenu > div > ul, .lp-page__contenu > div > ol { display: inline-block; text-align: left; }
/* Formulaires : bloc centré, étiquettes alignées à gauche comme sur la démo */
.lp-page__contenu .wpcf7 { max-width: 760px; margin: 0 auto; text-align: left; }
.lp-page__contenu .wpcf7 input[type="submit"] { display: block; margin: 10px auto 0; }
.lp-page__contenu .entry-footer { margin: 0; }
.lp-page__contenu .entry-footer .edit-link { display: inline-block; margin-top: 20px; }
.lp-page__contenu .hentry > :last-child { margin-bottom: 0; }

/* Contenus seuls (événements, CD) : centrés ; la ligne « auteur / date de publication /
   commentaires » est masquée, la date de publication n'étant pas celle de la soirée. */
.lp-page__contenu--seul .rock_blog_single > img { display: block; max-width: 100%; height: auto; margin: 0 auto 20px; border-radius: 8px; }
.lp-page__contenu--seul .rock_blog_single > h3 { display: none; }
.single-post_events .blog_entry_meta, .single-post_cd .blog_entry_meta, .attachment .blog_entry_meta { display: none; }
.lp-page__contenu--seul .rock_blog_single { text-align: center; }
/* Page 404 */
.lp-404 { padding: 170px 0 80px; text-align: center; }
.lp-404 .lp-texte-anime { font-size: clamp(90px, 16vw, 180px); }
.lp-404 h1 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: clamp(28px, 3.4vw, 40px); color: #fff; margin: -.8em 0 0; position: relative; }
.lp-404 .rock-podcast-line-shape { margin: 18px auto; }
.lp-404 p { color: #d9d9de; max-width: 560px; margin: 0 auto 30px; }
.lp-404__boutons { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 22px; }
.lp-404__boutons .rock-podcast-btn { min-height: 50px; padding: 0 28px; }

/* --------------------------------------------------------------------------
   2g. Albums photos (extension Auto Albums) : style Rockon
   Les vignettes sont positionnées par l'extension (grille en briques) :
   on ne change pas leur taille, seulement leur habillage.
   -------------------------------------------------------------------------- */
.lp-page__contenu .autoAlbums-breadcrumb { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; float: none; margin: 0 auto 26px; padding: 10px 24px;
	background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); border-radius: 50px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.lp-page__contenu .autoAlbums-breadcrumb li { float: none; text-shadow: none; font-family: 'Archivo Narrow', sans-serif; font-size: 15px; letter-spacing: .05em; text-transform: uppercase; color: #fff; }
.lp-page__contenu .autoAlbums-breadcrumb li a { color: #db5eff; text-decoration: none; }
.lp-page__contenu .autoAlbums-breadcrumb li a:hover, .lp-page__contenu .autoAlbums-breadcrumb li a:focus { color: #fff; text-decoration: none; }
.lp-page__contenu .autoAlbums-breadcrumb li.active { color: #fff; text-shadow: none; }
.lp-page__contenu .autoAlbums-breadcrumb .divider, .lp-page__contenu .autoAlbums-breadcrumb span { color: rgba(255, 255, 255, .35); text-shadow: none; }
.AutoAlbums .aamrgbox { border-radius: 10px; overflow: hidden; background: #171c39; box-shadow: 0 10px 24px rgba(0, 0, 0, .35); cursor: pointer; transition: box-shadow .35s ease; }
.AutoAlbums .aamrgbox img { transition: transform .7s ease; }
.AutoAlbums .aamrgbox:hover img { transform: scale(1.06); }
.AutoAlbums .aamrgbox::after { content: ''; position: absolute; inset: 0; z-index: 5; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .08); pointer-events: none; transition: border-color .35s ease, box-shadow .35s ease; }
.AutoAlbums .aamrgbox:hover::after { border-color: rgba(219, 94, 255, .8); box-shadow: inset 0 0 18px rgba(159, 35, 193, .35); }
.AutoAlbums .aamrgbox:hover { box-shadow: 0 14px 34px rgba(0, 0, 0, .5), 0 0 26px rgba(159, 35, 193, .45); }
.AutoAlbums .gradient-container { background: linear-gradient(to top, rgba(11, 10, 31, .95) 0%, rgba(11, 10, 31, .6) 32%, rgba(11, 10, 31, 0) 68%) !important; }
.AutoAlbums .folder-info { border-top: 0 !important; }
.AutoAlbums .folder-name { font-family: 'Archivo Narrow', sans-serif !important; font-weight: 600 !important; font-size: 16px; letter-spacing: .02em; color: #fff; }
.AutoAlbums .folder-count { font-family: 'Archivo Narrow', sans-serif !important; font-weight: 600 !important; color: #f1d4ff; }
.AutoAlbums .aamrgbox .autoAlbums-image-caption { background: linear-gradient(135deg, rgba(159, 35, 193, .55), rgba(19, 132, 204, .45)) !important; }
.AutoAlbums .aamrgbox .autoAlbums-image-caption h4 { font-family: 'Archivo Narrow', sans-serif !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: .04em; }
.lp-page__contenu .autoAlbums-loadMore { width: auto !important; height: auto !important; display: inline-block; margin: 26px auto 0; padding: 14px 34px !important; border-radius: 50px;
	background: var(--lp-degrade) !important; color: #fff !important; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.lp-page__contenu .autoAlbums-loadMore:hover { filter: brightness(1.15); }
@media (prefers-reduced-motion: reduce) { .AutoAlbums .aamrgbox img { transition: none; } .AutoAlbums .aamrgbox:hover img { transform: none; } }

/* --------------------------------------------------------------------------
   2h. Bandeau de consentement (extension Complianz) aux couleurs du site
   « Accepter » et « Refuser » ont le même aspect : la CNIL demande que refuser
   soit aussi simple et visible qu'accepter.
   -------------------------------------------------------------------------- */
.cmplz-cookiebanner {
	--cmplz_banner_background_color: rgba(23, 28, 57, .94);
	--cmplz_banner_border_color: rgba(219, 94, 255, .35);
	--cmplz_text_color: #fff;
	--cmplz_hyperlink_color: #db5eff;
	--cmplz_category_body_bg_color: rgba(255, 255, 255, .05);
	--cmplz_category_header_bg_color: rgba(255, 255, 255, .07);
	--cmplz_category_header_always_active_color: #db5eff;
	--cmplz_slider_active_color: #9f23c1;
	--cmplz_slider_inactive_color: rgba(255, 255, 255, .25);
	--cmplz_slider_bullet_color: #fff;
	--cmplz_banner_border_radius: 16px;
	--cmplz_button_border_radius: 50px;
	background: rgba(23, 28, 57, .94) !important;
	border: 1px solid rgba(219, 94, 255, .35) !important;
	border-radius: 16px !important;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .55), 0 0 30px rgba(159, 35, 193, .35) !important;
	color: #fff;
	font-family: 'Arimo', sans-serif;
}
.cmplz-cookiebanner .cmplz-title { color: #fff !important; font-family: 'Archivo Narrow', sans-serif; font-weight: 600; font-size: 17px; letter-spacing: .06em; text-transform: uppercase; }
.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-message p,
.cmplz-cookiebanner .cmplz-description, .cmplz-cookiebanner .cmplz-category-title { color: rgba(255, 255, 255, .88) !important; }
.cmplz-cookiebanner .cmplz-close { color: #fff !important; }
.cmplz-cookiebanner .cmplz-close svg path { fill: #fff !important; }
.cmplz-cookiebanner .cmplz-btn {
	border-radius: 50px !important;
	font-family: 'Archivo Narrow', sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	transition: filter .25s ease, border-color .25s ease;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-btn.cmplz-deny {
	background: var(--lp-degrade, linear-gradient(90deg, #9f23c1, #3a53d8)) !important;
	border: 0 !important;
	color: #fff !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences, .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, .4) !important;
	color: #fff !important;
}
.cmplz-cookiebanner .cmplz-btn:hover, .cmplz-cookiebanner .cmplz-btn:focus-visible { filter: brightness(1.15); border-color: #db5eff !important; }
.cmplz-cookiebanner .cmplz-links a, .cmplz-cookiebanner a.cmplz-link { color: #db5eff !important; }
.cmplz-cookiebanner .cmplz-links a:hover, .cmplz-cookiebanner a.cmplz-link:hover { color: #fff !important; }
.cmplz-cookiebanner .cmplz-categories .cmplz-category { background: rgba(255, 255, 255, .05) !important; border-radius: 10px; }
/* Onglet « Gérer le consentement » qui reste en bas d'écran. */
#cmplz-manage-consent .cmplz-manage-consent {
	background: rgba(23, 28, 57, .94) !important;
	border: 1px solid rgba(219, 94, 255, .35) !important;
	border-bottom: 0 !important;
	color: #fff !important;
	font-family: 'Archivo Narrow', sans-serif;
	letter-spacing: .04em;
}
/* Vidéos YouTube bloquées avant consentement : message et bouton aux couleurs du site. */
.cmplz-blocked-content-notice { background: rgba(23, 28, 57, .92) !important; border: 1px solid rgba(219, 94, 255, .35); border-radius: 12px; color: #fff !important; font-family: 'Arimo', sans-serif; }
.cmplz-blocked-content-notice .cmplz-links a, .cmplz-blocked-content-notice a { color: #db5eff !important; }
button.cmplz-blocked-content-notice, .cmplz-blocked-content-notice .cmplz-accept-service, .cmplz-blocked-content-notice .cmplz-accept-category {
	background: var(--lp-degrade, linear-gradient(90deg, #9f23c1, #3a53d8)) !important;
	border: 0 !important;
	border-radius: 50px !important;
	color: #fff !important;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
}

/* --------------------------------------------------------------------------
   3. Palette : règles de Rockon (assets/css/style.css et responsive.css)
      qui utilisaient son turquoise #00FFCC, passées aux couleurs de la démo
      « DJ Beatz » (violet #9F23C1, bleu #3A53D8, cyan #1384CC, rose #DB5EFF).
      Le mode « podcast » garde ses couleurs d'origine. Bloc généré à partir de Rockon 3.9.
   -------------------------------------------------------------------------- */
:root { --green-color: #db5eff; --background-gradient: linear-gradient(108.39deg, #9f23c1 24.53%, #3a53d8 59.54%, #1384cc 81.64%); }
a { color: #db5eff; }
a:hover, a:focus { color: #e9a6ff; }
.form-control:hover, .form-control:focus { border-color: #9f23c1; }
.label-default { color: #db5eff; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #db5eff; border-color: #3a53d8; }
.modal-content { border: 1px solid #9f23c1; box-shadow: 0px 0px 7px 0px #9f23c1; }
.close { color: #db5eff; text-shadow: 0 1px 0 #3a53d8; }
.close:hover, .close:focus { color: #db5eff; }
::selection { background: #9f23c1; color: #ffffff; }
::-moz-selection { background: #9f23c1; color: #ffffff; }
#style-switcher { box-shadow: 1px 1px 3px 0 rgba(159, 35, 193, 0.3); border-right: 1px solid rgba(159, 35, 193, 0.33); }
ul.colors li #dark_color5 { background: #0FCCE8; }
ul.colors li #style { background: #9f23c1; }
#style-switcher .bottom a.settings { box-shadow: 1px 1px 3px 0 rgba(159, 35, 193, 0.3); border-right: 1px solid rgba(159, 35, 193, 0.33); }
.rock_menu_toggle { border: 1px solid #9f23c1; }
a.rockon_all_btn:hover { background-image: linear-gradient(90deg, #9f23c1 0%, #e9a6ff 100%); }
a.rockon_all_btn { background-image: linear-gradient(90deg, #e9a6ff 0%, #9f23c1 100%); color: #ffffff; }
.rockon_event_date { background-image: linear-gradient(45deg, #e9a6ff 0%, #9f23c1 100%); }
.rockon_club_decription { background-image: linear-gradient(45deg, #b3ffabc9 0%, #11fff7d9 100%); }
.rock_menu ul > li > a:after { background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #9f23c1, rgba(0, 0, 255, 0) 100%); background: -moz-radial-gradient(50% 8%, ellipse closest-side, #9f23c1, rgba(0, 0, 255, 0) 100%); background: -ms-radial-gradient(50% 8%, ellipse closest-side, #9f23c1, rgba(0, 0, 255, 0) 100%); background: -o-radial-gradient(50% 8%, ellipse closest-side, #9f23c1, rgba(0, 0, 255, 0) 100%); }
.rock_heading p:after { border-bottom: 1px solid #9f23c1; }
.rock_heading p { color: #db5eff; }
.btn-arrow:active { color: #db5eff; }
.btn-arrow:hover { border-color: #9f23c1; color: #db5eff; }
.rock_social ul li a:hover { background: #9f23c1; }
.rock_service:hover > .rock_service_icon > svg { fill: #db5eff; }
.rock_service:hover > .rock_service_icon { border-color: #9f23c1; }
.rock_service:hover > .rock_service_read_more { border-bottom: 2px solid #9f23c1; }
.rock_service:hover > .rock_service_read_more > a { color: #db5eff; }
.rock_service:hover > .rock_service_read_more > a > svg { fill: #db5eff; }
.rockon_service:hover .rock_service_icon { border-color: #9f23c1; }
.rockon_service:hover .rock_service_icon rect, .rockon_service:hover .rock_service_icon circle, .rockon_service:hover .rock_service_icon ellipse, .rockon_service:hover .rock_service_icon line, .rockon_service:hover .rock_service_icon polyline, .rockon_service:hover .rock_service_icon polygon, .rockon_service:hover .rock_service_icon path, .rockon_service:hover .rock_service_icon svg { fill: #db5eff; }
.rockon_service:hover h3 { color: #db5eff; }
.rock_event .rock_event_tab { border-right: 2px solid #9f23c1; }
.rock_event .rock_event_tab ul li:hover { border-left: 2px solid #9f23c1; }
.rock_event .rock_event_tab ul li:hover a { color: #db5eff; }
.rock_event .rock_event_tab ul li a.active p { color: #db5eff; }
.rock_event .rock_event_tab ul li a:hover:before { border-left: 10px solid #9f23c1; }
.rock_event .rock_event_tab ul li a.active:before { border-left: 10px solid #9f23c1; }
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail h1 { color: #db5eff; }
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail h4 { color: #db5eff; }
.rock_event_time ul li a:hover { border-left: 2px solid #9f23c1; }
.photo_link a:hover { color: #db5eff; border-color: #9f23c1; }
.photo_link a:hover i { color: #db5eff; }
.rock_club_photo_detail { background: rgba(159, 35, 193, 0.79); }
.rock_slider_button:hover { border-color: #9f23c1; }
.rock_portfolio ul li a.active { background-color: #9f23c1; }
.portfolio-filter li a:hover, .portfolio-filter li a.active { background-color: #9f23c1; }
.portfolio-grid .portfolio-item:hover img { background: #3a53d8; }
.portfolio-grid .portfolio-item:hover .portfolio_doctor_details { border-bottom: 2px solid #3a53d8; }
.portfolio-grid .portfolio-item:hover .portfolio_doctor_details h4 { color: #db5eff; }
.hs_profile_social ul li:hover a { border-color: #3a53d8; background: #3a53d8; }
.portfolio-details { border-bottom: 2px solid #3a53d8; }
.portfolio-details > h4 { color: #db5eff; }
.portfolio-details2 { border-bottom: 2px solid #3a53d8; }
.portfolio-details2 > h4 { color: #db5eff; }
.rock_audio_player .rock_audio_player_title .track_artist { color: #db5eff; }
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current { background-color: #9f23c1; }
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current { background-color: #9f23c1; }
.rock_audio_player .audio-player .mejs-container .mejs-controls .mejs-time span { color: #db5eff; }
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: #9f23c1; }
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #9f23c1; }
.rock_audio_player.rock_video_player .audio-player .mejs-container .mejs-controls div.mejs-time.mejs-duration-container:before { color: #db5eff; }
#rock_track_playlist_slider_prev:hover i,#rock_track_audio_slider_prev:hover i { border-color: #9f23c1; color: #db5eff; }
#rock_track_playlist_slider_next:hover i,#rock_track_audio_slider_next:hover i { border-color: #9f23c1; color: #db5eff; }
.rockon_player ul li.current { color: #db5eff; }
.rockon_player .mejs-container .mejs-controls { box-shadow: -1px 1px 3px 0 rgba(159, 35, 193, 0.3); border-right: -1px solid rgba(159, 35, 193, 0.33); }
.rock_pager ul li:last-child { color: #db5eff; }
.rock_pager ul li:last-child a { color: #db5eff; }
.blog_entry_meta ul li a i { color: #db5eff; }
.rockon_sidebar_wrapper .widget label input:hover, .rockon_sidebar_wrapper .widget label input:focus { border-color: #9f23c1; }
.rockon_sidebar_wrapper .widget .tagcloud a:hover { border-color: #9f23c1; color: #db5eff; }
.rockon_sidebar_wrapper .widget table tbody td#today { background-color: #9f23c1; color: #ffffff; }
.rockon_sidebar_wrapper .widget #recentcomments li > span { color: #db5eff; }
.rock_footer .widget label input:hover, .rock_footer .widget label input:focus { border-color: #9f23c1; }
.rock_footer .widget .tagcloud a:hover { border-color: #9f23c1; color: #db5eff; }
.rock_footer .widget table tbody td#today { background-color: #9f23c1; color: #ffffff; }
.rock_categories ul li a:hover { color: #db5eff; }
.rock_tag ul li a:hover { border-color: #9f23c1; color: #db5eff; }
.rock_pagination ul li a:hover { color: #db5eff; border-color: #9f23c1; }
.rock_pagination ul li.active a { color: #db5eff; border-color: #9f23c1; }
.rock_book_table:hover .table_overlay { background: rgba(159, 35, 193, 0.13); }
.rock_event_date .event_date h1 { color: #db5eff; }
.rock_event_date .event_date p { color: #db5eff; }
.main_gallery_item_popup h1 { color: #db5eff; }
.main_gallery_item_popup h4 { color: #db5eff; }
.rock_comment:hover { border-color: #9f23c1; }
.rock_comment:hover a.btn { border-color: #9f23c1; }
.rockon_no_comments > i { color: #db5eff; }
.rockon_no_comments > h5 { color: #db5eff; }
.rock_leave_comment input[type="submit"]:hover, .rock_leave_comment input[type="submit"]:focus { color: #db5eff; border-color: #3a53d8; }
.comment-form input[type="submit"]:hover, .comment-form input[type="submit"]:focus { color: #db5eff; border-color: #3a53d8; }
.rock-icon-list .fa-hover a:hover { background-color: #9f23c1; color: #ffffff; }
.pricing:hover h4 { color: #db5eff; }
.pricing-head-active h4 { color: #db5eff; }
.pricing-content li i { color: #db5eff; }
.rock_404 h1 { color: #db5eff; }
.rock_contact_detail { background: rgba(159, 35, 193, 0.2); }
.rock_contact_detail:after { border-top-color: rgba(159, 35, 193, 0.2); }
input.wpcf7-form-control.has-spinner.wpcf7-submit.rockon_all_btn { background-image: linear-gradient(90deg, #e9a6ff 0%, #9f23c1 100%); color: #ffffff; }
input.wpcf7-form-control.has-spinner.wpcf7-submit.rockon_all_btn:hover { background-image: linear-gradient(90deg, #9f23c1 0%, #e9a6ff 100%); }
.rock_footer h3 { color: #db5eff; }
.rock_twitter_feed ul li i { background: #9f23c1; color: #ffffff; }
.rock_twitter_feed ul li .rock_feed { border-left: 2px solid #9f23c1; }
.rockon_event_booking .eventDisplayCnt h3.title { color: #db5eff !important; }
.rockon_event_form_inner { border: 1px solid #3a53d8; }
.rockon_event_form_inner table tr:first-child, .rockon_event_form_inner table tr:last-child { border-bottom: 1px solid #3a53d8; }
.rockon_event_form_inner table.rockon_event_table .form-control { border: 1px solid #3a53d8; }
.rockon_event_form_inner table.rockon_event_table .input-group-btn button:hover { border: 1px solid #3a53d8; color: #db5eff; }
.rockon_event_form_inner .rockon_bottom_form { border-top: 1px solid #3a53d8; }
.rockon_event_form_inner .rockon_bottom_form input[type="submit"]:hover { border-color: #9f23c1 !important; color: #db5eff !important; }
.rockon_event_sec { border: 1px solid #3a53d8; }
.rockon_event_sec .book_btn_div:hover { border: 1px solid #3a53d8; }
.rockon_event_sec .book_btn_div:hover a { color: #db5eff; }
.rocks_testimonial .quotes { background-color: #3a53d8; }
.rocks_testimonial .quotes:after { border-top: 13px solid #3a53d8; }
.rocks_testimonial .client_title { color: #db5eff; }
.rocks_testimonial .owl-dots .owl-dot.active, 
.rocks_testimonial .owl-dots .owl-dot:hover { background: #3a53d8; }
.rocks_testimonial .swiper-pagination-bullet-active { background: #3a53d8 !important; }
.team_details h3 { color: #db5eff; }
.pricing_box { border: 2px solid #3a53d8; }
.pricing_box .price { background: #3a53d8; }
.price_title h4 { color: #db5eff; }
.pricing_box .buy_btn:before { color: #db5eff; }
.pricing_box:hover .buy_btn { color: #db5eff; }
.pricing_box .buy_btn:hover { color: #db5eff; }
.pricing_box ul li:hover { background-color: #3a53d8; }
.rockon_ticket_popup .modal-dialog .modal-content .close { border: 1px solid #9f23c1; box-shadow: 0px -2px 5px 0px #9f23c1; }
.ms_player_close { background-color: #3a53d8; }
.jp_queue_wrapper span.que_text { color: #db5eff; }
.jp_queue_wrapper span.que_text i { background-color: #3a53d8; }
.jp_queue_btn a { background-color: #3a53d8; }
.jp_queue_btn a { background-color: #3a53d8; }
.jp-play-bar { background-color: #3a53d8; }
.jp-progress .bullet, .jp-volume-bar .bullet { background: #3a53d8; }
.jp_queue_list_inner ul::-webkit-scrollbar-thumb { background-color: #3a53d8; }
.rockon_audio_slider .owl-nav .owl-prev:hover, .rockon_audio_slider .owl-nav .owl-next:hover, .rockon_audio_slidercol .owl-nav .owl-prev:hover, .rockon_audio_slidercol .owl-nav .owl-next:hover { border-color: #9f23c1; color: #db5eff; }
.rockon_service:hover a { color: #db5eff; }
.wp-block-search__inside-wrapper input:focus { border: 1px solid #9f23c1; }
.wp-block-search__button:hover { border: 1px solid #9f23c1; color: #db5eff; }
.mep-ev-start-date { background: #3a53d8 !important; }
.mep_event_list_item:hover { border-color: #3a53d8 !important; }
.mep-list-header:before { border-left: 5px solid #3a53d8 !important; }
h3.mep_list_date { color: #db5eff !important; }
.mep-list-footer ul li i { color: #db5eff !important; }
h3.mep_list_date i { color: #db5eff !important; }
.mep-default-sidrbar-address ul li i, .mep-default-sidrbar-meta i, .df-ico i, .mep-default-sidrbar-events-schedule ul li i, .mep-social-share a { background: #3a53d8 !important; }
h3.ex-sec-title { background: #3a53d8 !important; }
body .mep-default-feature-cart-sec button.single_add_to_cart_button.button.alt.btn-mep-event-cart, .mep-event-theme-1 .btn-mep-event-cart, .mep-template-2-hamza .btn-mep-event-cart, .mep-tem3-mid-sec .btn-mep-event-cart { background: #3a53d8 !important; border: 1px solid #3a53d8 !important; }
.ui-accordion .ui-accordion-header.ui-state-active { background-color: #3a53d8 !important; }
body .woocommerce a.remove { color: #db5eff !important; }
body .woocommerce a.remove:hover { background: #3a53d8; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #3a53d8 !important; }
.photo_link a:hover { border-color: #9f23c1 !important; }
.dark-pricing .pricing_box { border: 2px solid #3a53d8; }
@media (max-width: 992px) {
  #style-switcher .bottom a.settings { border-left: 1px solid rgba(159, 35, 193, 0.33); box-shadow: -1px 1px 3px 0 rgba(159, 35, 193, 0.3); }
}
@media (max-width: 479px) {
  .rock_track_playlist ul li .rock_track_detail a.rock_track_play { color: #db5eff; }
  .rock_event .rock_event_tab ul li a.active:before, .rock_event .rock_event_tab ul li a:hover:before { border-top: 1px solid #9f23c1; }
}