/* ------------------------------------------------------------------------------------------------
   EN-TÊTE DE L'ACCUEIL CCB (2026-11-09) — php/ccband-pages.php, CCBHome()
   D'après le prototype de Nicolas (_MYCC-DEV/BAND) : photo noir et blanc assombrie, titre en 3 niveaux
   (contour jaune / jaune plein / blanc espacé), texte, 2 boutons, « Voir les derniers appels ».
------------------------------------------------------------------------------------------------ */
#page-accueil .ccb-hero {
	position: relative; display: flex; align-items: center; justify-content: center;
	height: calc(100vh - 75px) !important; height: calc(100svh - 75px) !important; min-height: 600px;
	padding: 40px 20px 110px !important; overflow: hidden; background: #000;
}
.ccb-hero-fond {
	position: absolute; inset: 0; z-index: 0;
	background-size: cover; background-position: center; background-repeat: no-repeat;
	background-color: #fff; background-blend-mode: luminosity; opacity: .5;
}
.ccb-hero-contenu { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1140px; color: #fff; text-align: center; }
.ccb-hero-logo { margin-bottom: 20px; }

.ccb-hero-titre {
	margin: 0 0 25px; font-family: 'GT Walsheim bold', sans-serif; font-size: clamp(2rem, 7vw, 4.2rem) !important;
	line-height: .95 !important; letter-spacing: -1px; text-transform: uppercase; color: #F8C11A;
}
.ccb-hero-titre span { display: block; }
.ccb-hero-contour { color: transparent; -webkit-text-stroke: 1.2px #F8C11A; }
.ccb-hero-plein { margin: 5px 0; color: #F8C11A; }
.ccb-hero-sous { margin-top: 15px; font-size: clamp(.9rem, 2.5vw, 1.3rem); letter-spacing: 4px; line-height: 1.3; color: #fff; opacity: .9; }

.ccb-hero-desc { max-width: 750px; margin: 0 auto 35px; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, .9); text-transform: none; }
.ccb-hero-desc strong { font-family: 'GT Walsheim bold', sans-serif; color: #fff; }

.ccb-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.ccb-hero-btn {
	display: inline-block; padding: 14px 30px; border: 2px solid #F8C11A; border-radius: 50px; background: #F8C11A;
	color: #000 !important; font-family: 'GT Walsheim bold', sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none !important;
	transition: transform .3s ease, box-shadow .3s ease, background .3s, color .3s;
}
.ccb-hero-btn:hover, .ccb-hero-btn:focus-visible { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(248, 193, 26, .3); outline: none; }
.ccb-hero-btn-contour { background: transparent; border-color: #fff; color: #fff !important; }
.ccb-hero-btn-contour:hover, .ccb-hero-btn-contour:focus-visible { background: #fff; color: #000 !important; box-shadow: none; }

.ccb-hero-suite {
	position: absolute; z-index: 2; bottom: 30px; left: 50%; transform: translateX(-50%);
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	color: #fff !important; text-decoration: none !important; transition: transform .3s ease, opacity .3s;
}
.ccb-hero-suite span { font-family: 'GT Walsheim bold', sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; white-space: nowrap; }
.ccb-hero-suite img { width: 6px; transform: rotate(90deg); filter: brightness(0) invert(1); }
.ccb-hero-suite:hover { opacity: .7; transform: translate(-50%, -6px); }
@media (prefers-reduced-motion: reduce) { .ccb-hero-btn, .ccb-hero-suite { transition: none; } }

@media (max-width: 767px) {
	#page-accueil .ccb-hero { height: auto !important; min-height: calc(100svh - 90px); padding: 30px 16px 100px !important; }
	.ccb-hero-titre { font-size: clamp(1.6rem, 9vw, 2.2rem) !important; }
	.ccb-hero-sous { letter-spacing: 2px; }
	.ccb-hero-desc { margin-bottom: 25px; font-size: 14px; }
	.ccb-hero-actions { flex-direction: column; align-items: center; gap: 10px; width: 100%; }
	.ccb-hero-btn { width: 100%; max-width: 260px; text-align: center; }
}

/* « Découvrir les appels » / « Voir les derniers appels » : le titre de la section ne passe pas sous le menu fixe */
#page-accueil #AppelsEnCours { scroll-margin-top: 75px; }
@media (max-width: 767px) { #page-accueil #AppelsEnCours { scroll-margin-top: 0; } }

/* couleur du survol des cartes artistes (courtcircuitlive/css/responsive.css) : jaune CCB ; le nom reste noir (jaune illisible sur blanc) */
:root { --carte-accent: #F8C11A; --carte-accent-texte: #000; --carte-accent-ico: #000; }