/*
Theme Name: SEB Creatif62 Musique
Theme URI: https://sebcreative.local
Author: APSF Creatif
Description: Page vitrine musicale Sebcreatif62 avec écoute des créations et formulaire de commande.
Version: 1.0.58-MOBILE-MEME-PC
Text Domain: seb-creative-musique
*/
:root{--sc-bg:#07070b;--sc-card:#11111a;--sc-card2:#181827;--sc-text:#fff;--sc-muted:#d7d7e6;--sc-pink:#ff1f87;--sc-cyan:#17d4df;--sc-yellow:#ffb02e;--sc-green:#70d834;--sc-border:rgba(255,255,255,.14);--sc-shadow:0 22px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,31,135,.25),transparent 30%),radial-gradient(circle at 90% 10%,rgba(23,212,223,.22),transparent 30%),var(--sc-bg);color:var(--sc-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.sc-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.sc-topbar{position:sticky;top:0;z-index:50;background:rgba(7,7,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--sc-border)}.sc-top-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.sc-brand{display:flex;align-items:center;gap:18px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}.sc-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--sc-pink),var(--sc-cyan));box-shadow:0 0 28px rgba(255,31,135,.35);font-size:28px}.sc-brand small{display:block;color:var(--sc-cyan);font-size:12px;letter-spacing:.12em}.sc-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sc-nav a{padding:10px 12px;border-radius:999px;color:var(--sc-muted);font-weight:750}.sc-nav a:hover,.sc-nav .sc-cta{background:linear-gradient(135deg,var(--sc-pink),#a100ff);color:#fff}.sc-hero{padding:54px 0 30px}.sc-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);gap:28px;align-items:center}.sc-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid var(--sc-border);border-radius:999px;background:rgba(255,255,255,.06);color:var(--sc-cyan);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.07em}.sc-title{font-size:clamp(42px,7vw,86px);line-height:.94;margin:18px 0 16px;text-transform:uppercase;letter-spacing:-.06em}.sc-title-compact{font-size:clamp(34px,5.7vw,68px);margin-top:16px;margin-bottom:12px}.sc-title-compact .pink{font-size:.62em;letter-spacing:-.03em;margin-top:6px}.sc-title span{display:block}.sc-title .pink{color:var(--sc-pink);text-shadow:0 0 22px rgba(255,31,135,.28)}.sc-title .cyan{color:var(--sc-cyan);letter-spacing:-.04em}.sc-subtitle{font-size:clamp(18px,2.2vw,24px);color:var(--sc-muted);max-width:720px}.sc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;padding:14px 18px;font-weight:950;border:1px solid var(--sc-border);box-shadow:var(--sc-shadow)}.sc-btn-primary{background:linear-gradient(135deg,var(--sc-pink),#8b2bff);color:#fff}.sc-btn-secondary{background:rgba(255,255,255,.08);color:#fff}.sc-hero-poster{position:relative;border-radius:30px;overflow:hidden;background:var(--sc-card);border:1px solid var(--sc-border);box-shadow:var(--sc-shadow)}.sc-hero-poster img{display:block;width:100%}.sc-badge{position:absolute;left:18px;bottom:18px;right:18px;padding:14px 16px;border-radius:22px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);font-weight:900}.sc-section{padding:34px 0}.sc-section-title{font-size:clamp(30px,4.8vw,54px);line-height:1;margin:0 0 10px;text-transform:uppercase;letter-spacing:-.04em}.sc-section-title em{font-style:normal;color:var(--sc-cyan)}.sc-lead{color:var(--sc-muted);font-size:18px;max-width:850px}.sc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.sc-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--sc-border);border-radius:26px;padding:22px;box-shadow:var(--sc-shadow)}.sc-card strong{display:block;font-size:20px;margin-bottom:8px}.sc-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:rgba(255,31,135,.16);font-size:30px;margin-bottom:14px}.sc-card p{color:var(--sc-muted);margin:0}.sc-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.sc-step{position:relative;background:var(--sc-card2);border:1px solid var(--sc-border);border-radius:24px;padding:20px}.sc-step b{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:14px;background:var(--sc-pink);margin-bottom:12px}.sc-split{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:stretch}.sc-panel{background:rgba(255,255,255,.07);border:1px solid var(--sc-border);border-radius:30px;padding:24px}.sc-panel h3{margin:0 0 10px;font-size:28px}.sc-list{padding-left:20px;color:var(--sc-muted)}.sc-contact-band{margin:30px 0 0;background:linear-gradient(135deg,rgba(255,31,135,.25),rgba(23,212,223,.16));border:1px solid var(--sc-border);border-radius:30px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center}.sc-footer{border-top:1px solid var(--sc-border);margin-top:40px;padding:28px 0;background:rgba(0,0,0,.35);color:var(--sc-muted)}.sc-footer a{color:#fff;font-weight:800}.sc-library,.sc-order-form{margin-top:22px}.sc-music-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sc-music-card{background:rgba(255,255,255,.07);border:1px solid var(--sc-border);border-radius:24px;overflow:hidden}.sc-music-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.sc-music-card-body{padding:18px}.sc-music-card h3{margin:0 0 8px}.sc-music-card audio{width:100%;margin-top:12px}.sc-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(23,212,223,.16);color:var(--sc-cyan);font-weight:850;font-size:13px}.sc-form{display:grid;gap:14px}.sc-form label{display:grid;gap:7px;font-weight:850}.sc-form input,.sc-form select,.sc-form textarea{width:100%;border:1px solid var(--sc-border);background:#0b0b12;color:#fff;border-radius:16px;padding:13px 14px;font:inherit}.sc-form textarea{min-height:130px;resize:vertical}.sc-alert{padding:14px 16px;border-radius:16px;margin:12px 0;background:rgba(112,216,52,.13);border:1px solid rgba(112,216,52,.35)}.sc-alert-error{background:rgba(255,31,135,.12);border-color:rgba(255,31,135,.4)}.sc-empty{padding:22px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--sc-border);color:var(--sc-muted)}
@media(max-width:900px){.sc-top-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.sc-nav{justify-content:flex-start}.sc-hero-grid,.sc-split{grid-template-columns:1fr}.sc-card-grid,.sc-process,.sc-music-grid{grid-template-columns:1fr 1fr}.sc-contact-band{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.sc-wrap{width:min(100% - 22px,1180px)}.sc-title{font-size:44px}.sc-title-compact{font-size:38px}.sc-title-compact .pink{font-size:.58em}.sc-card-grid,.sc-process,.sc-music-grid{grid-template-columns:1fr}.sc-nav a{padding:8px 9px;font-size:14px}.sc-hero{padding-top:28px}}

.sc-big-lead strong,.sc-subtitle strong{color:#fff}.sc-highlight-section{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}.sc-contact-band-qr{align-items:center}.sc-actions-small{margin-top:16px}.sc-qr{width:min(260px,42vw);border-radius:24px;background:#fff;padding:10px;box-shadow:var(--sc-shadow)}
@media(max-width:620px){.sc-qr{width:100%;max-width:260px}}

.sc-form small{color:var(--sc-muted);font-weight:600;line-height:1.35}.sc-form input[type=file]{padding:10px;background:#10101a}

.sc-use-box{margin-top:24px;background:linear-gradient(135deg,rgba(255,176,46,.14),rgba(255,31,135,.13));border:1px solid var(--sc-border);border-radius:28px;padding:24px;box-shadow:var(--sc-shadow)}.sc-use-box h3{margin:0 0 8px;font-size:28px}.sc-use-box p{margin:0;color:var(--sc-muted);font-size:18px}

.sc-social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.sc-social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;border:1px solid var(--sc-border);background:rgba(255,255,255,.08);font-weight:900}.sc-social-btn:hover{background:linear-gradient(135deg,var(--sc-cyan),var(--sc-pink));color:#fff}.sc-social-mini{display:inline-flex;gap:10px;flex-wrap:wrap;margin-top:10px}


.sc-occasion-bar{display:flex;align-items:center;gap:14px;width:100%;max-width:780px;padding:16px 18px;border-radius:24px;background:linear-gradient(135deg,rgba(255,176,46,.22),rgba(255,31,135,.20),rgba(23,212,223,.16));border:1px solid var(--sc-border);box-shadow:var(--sc-shadow)}
.sc-occasion-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:rgba(0,0,0,.24);font-size:28px}
.sc-occasion-bar strong{display:block;font-size:clamp(20px,2.8vw,32px);line-height:1.05;text-transform:uppercase;letter-spacing:-.03em;color:#fff}
.sc-occasion-bar small{display:block;margin-top:5px;color:var(--sc-muted);font-size:clamp(14px,1.8vw,17px);font-weight:750;line-height:1.35}
.sc-subtitle-main{font-size:clamp(17px,2vw,22px);max-width:760px}
.sc-subtitle-note{font-size:clamp(16px,1.8vw,19px);max-width:760px;margin-top:10px}
@media(max-width:620px){.sc-occasion-bar{align-items:flex-start;padding:14px;border-radius:20px}.sc-occasion-icon{width:42px;height:42px;flex-basis:42px;font-size:22px}.sc-occasion-bar strong{font-size:20px}.sc-occasion-bar small{font-size:14px}.sc-subtitle-main,.sc-subtitle-note{font-size:16px}}

.sc-video-wrap{width:100%;border-radius:18px;overflow:hidden;background:#000;margin-top:12px}.sc-video-wrap video,.sc-video-wrap iframe{width:100%;max-width:100%;border:0;border-radius:18px}.sc-video-wrap .wp-video{width:100%!important;max-width:100%!important}.sc-video-wrap .mejs-container{width:100%!important}


/* v1.0.10 - Bibliothèque d'écoute plus compacte : cartes réduites, 4 éléments par ligne sur grand écran, vidéos limitées en hauteur. */
.sc-library .sc-section-title{font-size:clamp(26px,3.6vw,42px);}
.sc-library .sc-lead{font-size:16px;max-width:760px;margin-bottom:18px;}
.sc-music-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;}
.sc-music-card{border-radius:20px;min-width:0;}
.sc-music-card img{aspect-ratio:16/9;max-height:145px;object-fit:cover;}
.sc-music-card-body{padding:12px;}
.sc-music-card h3{font-size:clamp(17px,1.6vw,23px);line-height:1.12;margin:0 0 8px;word-break:break-word;}
.sc-music-card p{font-size:14px;line-height:1.35;margin:8px 0 0;}
.sc-music-card audio{height:36px;margin-top:8px;}
.sc-music-card .sc-btn{border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.1;box-shadow:none;}
.sc-music-card .sc-tag{font-size:12px;padding:4px 8px;}
.sc-video-wrap{margin-top:8px!important;border-radius:14px;max-height:165px;overflow:hidden;background:#000;}
.sc-video-wrap video,
.sc-video-wrap iframe{display:block;width:100%!important;height:165px!important;max-height:165px!important;object-fit:cover;border-radius:14px;}
.sc-video-wrap .wp-video{width:100%!important;max-width:100%!important;}
.sc-video-wrap .mejs-container{width:100%!important;height:165px!important;max-height:165px!important;}
.sc-video-wrap .mejs-overlay,
.sc-video-wrap .mejs-poster{width:100%!important;height:165px!important;}
.sc-video-wrap .mejs-mediaelement video{height:165px!important;object-fit:cover;}
.sc-music-card form{margin-top:8px!important;}
.sc-music-card form .sc-btn-secondary{padding:9px 11px;font-size:13px;opacity:.92;}
@media(max-width:1180px){.sc-music-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.sc-video-wrap,.sc-video-wrap video,.sc-video-wrap iframe,.sc-video-wrap .mejs-container,.sc-video-wrap .mejs-overlay,.sc-video-wrap .mejs-poster,.sc-video-wrap .mejs-mediaelement video{height:155px!important;max-height:155px!important;}}
@media(max-width:900px){.sc-music-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.sc-video-wrap,.sc-video-wrap video,.sc-video-wrap iframe,.sc-video-wrap .mejs-container,.sc-video-wrap .mejs-overlay,.sc-video-wrap .mejs-poster,.sc-video-wrap .mejs-mediaelement video{height:150px!important;max-height:150px!important;}}
@media(max-width:620px){.sc-music-grid{grid-template-columns:1fr;gap:13px;}.sc-music-card img{max-height:190px}.sc-video-wrap,.sc-video-wrap video,.sc-video-wrap iframe,.sc-video-wrap .mejs-container,.sc-video-wrap .mejs-overlay,.sc-video-wrap .mejs-poster,.sc-video-wrap .mejs-mediaelement video{height:190px!important;max-height:190px!important;}.sc-music-card-body{padding:13px}.sc-music-card .sc-btn{width:100%;}}


/* v1.0.11 - Page règlement / protection du site */
.sc-legal-page{margin-top:22px}.sc-legal-intro{margin-bottom:18px}.sc-legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.sc-legal-block{margin:16px 0}.sc-legal-block h3,.sc-legal-warning h3{margin-top:0;font-size:26px}.sc-legal-warning{border-color:rgba(255,176,46,.45);background:linear-gradient(135deg,rgba(255,176,46,.14),rgba(255,31,135,.10))}.sc-legal-page a{font-weight:900;color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:900px){.sc-legal-grid{grid-template-columns:1fr}}


/* Partenaires Sebcreatif62 */
.sc-partners-page{margin-top:22px}.sc-partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.sc-partner-card{display:block;background:rgba(255,255,255,.07);border:1px solid var(--sc-border);border-radius:24px;overflow:hidden;transition:transform .18s ease,border-color .18s ease;color:#fff}.sc-partner-card:hover{transform:translateY(-3px);border-color:rgba(23,212,223,.45)}.sc-partner-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.sc-partner-placeholder{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(255,31,135,.2),rgba(23,212,223,.18));font-size:42px}.sc-partner-body{padding:16px}.sc-partner-body strong{display:block;font-size:20px}.sc-partner-body p{color:var(--sc-muted);margin:8px 0 0}.sc-partner-link{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(23,212,223,.16);color:var(--sc-cyan);font-weight:900;font-size:13px}.sc-partners-mini{margin:0 0 18px;padding:14px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid var(--sc-border)}.sc-partners-mini-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sc-partners-mini-head strong{color:#fff}.sc-partners-mini-head a{font-size:13px}.sc-partners-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sc-partners-mini .sc-partner-card{border-radius:16px}.sc-partners-mini .sc-partner-card img,.sc-partners-mini .sc-partner-placeholder{aspect-ratio:5/3}.sc-partners-mini .sc-partner-placeholder{font-size:24px}.sc-partners-mini .sc-partner-body{padding:8px}.sc-partners-mini .sc-partner-body strong{font-size:13px;line-height:1.2}.sc-partners-empty{margin:0;color:var(--sc-muted);font-size:14px}.sc-hero-qr-card{position:absolute;top:14px;right:14px;z-index:4;width:86px;padding:12px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:var(--sc-shadow);text-align:center;color:#111;font-weight:950;font-size:11px}.sc-hero-qr-card img{display:block;width:100%;border-radius:10px;margin-bottom:3px}
@media(max-width:900px){.sc-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-partners-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-hero-qr-card{width:78px}}
@media(max-width:620px){.sc-partner-grid{grid-template-columns:1fr}.sc-partners-mini-grid{grid-template-columns:1fr 1fr}.sc-hero-qr-card{top:10px;right:10px;width:72px}.sc-partners-mini{padding:12px}}

/* v1.0.13 - partenaires simplifiés + suppression admin */
.sc-partner-card{position:relative;color:#fff;text-decoration:none;}
.sc-partner-mainlink{display:block;color:#fff;text-decoration:none;height:100%;}
.sc-partner-mainlink:hover{color:#fff;text-decoration:none;}
.sc-partner-admin-form{padding:0 12px 12px;margin-top:-4px;}
.sc-partner-admin-form .sc-btn{width:100%;padding:9px 11px;font-size:13px;border-radius:14px;box-shadow:none;}
.sc-partners-page .sc-alert{margin-bottom:16px;}


/* v1.0.14 - Accueil/mobile plus compact + QR WhatsApp placé à côté des boutons. */
.sc-hero-grid{align-items:start;}
.sc-hero-poster{margin-top:0;}
.sc-hero-actions{align-items:center;gap:11px;}
.sc-inline-qr{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border-radius:16px;background:rgba(255,255,255,.94);color:#101018;font-weight:950;font-size:12px;box-shadow:0 14px 38px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.35)}
.sc-inline-qr img{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#fff;display:block}.sc-inline-qr span{white-space:nowrap}.sc-hero-qr-card{display:none!important}
@media(max-width:900px){
  .sc-hero{padding:28px 0 16px}.sc-hero-grid{gap:18px}.sc-hero-poster{max-width:520px;margin:0 auto}.sc-section{padding:22px 0}.sc-card-grid,.sc-process{gap:12px;margin-top:14px}.sc-card,.sc-step,.sc-panel{border-radius:20px;padding:16px}.sc-icon{width:46px;height:46px;border-radius:16px;font-size:24px;margin-bottom:9px}.sc-card strong{font-size:18px}.sc-card p,.sc-step p,.sc-list{font-size:14px;line-height:1.38}.sc-panel h3{font-size:23px}.sc-contact-band{margin-top:16px;border-radius:22px;padding:16px}
}
@media(max-width:620px){
  body{line-height:1.43}.sc-top-inner{gap:9px;padding:10px 0}.sc-brand-mark{width:40px;height:40px;border-radius:14px;font-size:23px}.sc-brand{font-size:14px}.sc-brand small{font-size:10px}.sc-nav{gap:6px}.sc-nav a{padding:7px 8px;font-size:13px}.sc-hero{padding-top:18px}.sc-hero-grid{gap:13px}.sc-occasion-bar{gap:10px;padding:11px 12px}.sc-occasion-icon{width:36px;height:36px;flex-basis:36px;border-radius:13px;font-size:20px}.sc-occasion-bar strong{font-size:18px}.sc-occasion-bar small{font-size:12.5px;line-height:1.25}.sc-title-compact{font-size:30px;margin:10px 0 8px}.sc-title-compact .pink{font-size:.56em;margin-top:3px}.sc-subtitle-main,.sc-subtitle-note{font-size:14px;line-height:1.34;margin:8px 0}.sc-actions{margin-top:13px}.sc-hero-actions{display:grid;grid-template-columns:1fr 1fr 96px;gap:7px;align-items:stretch}.sc-hero-actions .sc-btn{padding:10px 8px;border-radius:13px;font-size:12.5px;line-height:1.12;box-shadow:none}.sc-inline-qr{flex-direction:column;justify-content:center;gap:3px;padding:5px;border-radius:13px;font-size:10.5px}.sc-inline-qr img{width:48px;height:48px;border-radius:8px}.sc-hero-poster{border-radius:20px}.sc-badge{left:10px;right:10px;bottom:10px;padding:9px 10px;border-radius:15px;font-size:12.5px;line-height:1.2}.sc-section{padding:17px 0}.sc-section-title{font-size:26px;margin-bottom:8px}.sc-lead,.sc-big-lead{font-size:14px;line-height:1.38}.sc-card-grid{grid-template-columns:1fr 1fr;gap:9px}.sc-process{grid-template-columns:1fr 1fr;gap:9px}.sc-card,.sc-step,.sc-panel{padding:12px;border-radius:17px}.sc-card strong{font-size:15px;margin-bottom:5px}.sc-card p,.sc-step p,.sc-list{font-size:12.5px;line-height:1.3}.sc-step b{width:28px;height:28px;border-radius:10px;margin-bottom:7px;font-size:13px}.sc-icon{width:36px;height:36px;border-radius:13px;font-size:19px;margin-bottom:7px}.sc-panel h3{font-size:20px}.sc-split{gap:12px}.sc-use-box{padding:14px;border-radius:18px}.sc-use-box h3{font-size:21px}.sc-use-box p{font-size:14px}.sc-contact-band{padding:13px;border-radius:18px}.sc-qr{max-width:185px;width:185px;border-radius:18px;padding:7px}.sc-social-btn{padding:8px 10px;font-size:13px}.sc-footer{margin-top:22px;padding:20px 0}.sc-partners-mini{padding:10px;border-radius:18px}.sc-partners-mini-grid{gap:8px}.sc-partners-mini .sc-partner-body strong{font-size:12px}.sc-partners-mini .sc-partner-body{padding:7px}
}
@media(max-width:420px){.sc-hero-actions{grid-template-columns:1fr 1fr 82px}.sc-inline-qr img{width:42px;height:42px}.sc-hero-actions .sc-btn{font-size:11.5px}.sc-card-grid,.sc-process{grid-template-columns:1fr}.sc-card p,.sc-step p{font-size:13px}}

.sc-music-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--sc-muted)}
.sc-music-stats span,.sc-like-button{display:inline-flex;align-items:center;gap:5px}
.sc-like-button{border:0;background:rgba(255,31,135,.14);color:#fff;border-radius:999px;padding:6px 9px;font:inherit;font-weight:850;cursor:pointer}
.sc-like-button:hover,.sc-like-button.is-liked{background:rgba(255,31,135,.32)}
.sc-like-button:disabled{opacity:.65;cursor:wait}
.sc-music-card [data-sc-count-view]{cursor:pointer}
@media(max-width:620px){.sc-music-stats{font-size:12px;padding:7px 8px}.sc-like-button{padding:6px 8px}}

/* v1.0.16 - Footer règlement en bloc, QR sous l'image et partenaires plus compacts */
.sc-hero-actions{grid-template-columns:repeat(2,minmax(0,auto));align-items:center}
.sc-poster-qr{display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 28px);margin:14px auto 18px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.96);color:#101018;font-weight:950;box-shadow:0 18px 50px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.5);position:relative;z-index:5;text-align:left}
.sc-poster-qr img{width:118px;height:118px;object-fit:cover;border-radius:12px;background:#fff;display:block;flex:0 0 auto}.sc-poster-qr span{font-size:13px;line-height:1.15;max-width:95px}.sc-footer-cardline{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px;align-items:stretch;margin-top:14px}.sc-footer-contact-card,.sc-footer-social-card,.sc-footer-rules-card{display:flex;flex-direction:column;gap:7px;min-height:126px;padding:16px;border-radius:22px;background:rgba(255,255,255,.065);border:1px solid var(--sc-border);color:#fff}.sc-footer-contact-card span{color:var(--sc-muted)}.sc-footer-social-card a,.sc-footer-contact-card a{font-weight:850}.sc-footer-rules-card{text-align:center;justify-content:center;align-items:center}.sc-footer-rules-card span{font-size:30px;line-height:1}.sc-footer-rules-card strong{font-size:18px}.sc-footer-rules-card small{color:var(--sc-muted);line-height:1.25}.sc-footer-note{display:block;margin-top:14px;color:var(--sc-muted)}
.sc-partner-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sc-partner-card{border-radius:18px}.sc-partner-card img,.sc-partner-placeholder{aspect-ratio:5/3}.sc-partner-placeholder{font-size:30px}.sc-partner-body{padding:11px}.sc-partner-body strong{font-size:16px;line-height:1.2}.sc-partner-body p{font-size:13px;line-height:1.3;margin-top:6px}.sc-partner-link{padding:6px 9px;font-size:12px;margin-top:8px}.sc-partner-admin-form{padding:0 9px 10px}.sc-partner-admin-form .sc-btn{padding:7px 9px;font-size:12px;border-radius:12px}.sc-partners-mini{padding:11px;border-radius:18px}.sc-partners-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sc-partners-mini .sc-partner-body{padding:6px}.sc-partners-mini .sc-partner-body strong{font-size:12px}.sc-partners-mini .sc-partner-body p,.sc-partners-mini .sc-partner-link{display:none}
@media(max-width:1000px){.sc-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-partners-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sc-footer-cardline{grid-template-columns:1fr 1fr}.sc-footer-rules-card{grid-column:1/-1;min-height:108px}}
@media(max-width:720px){.sc-footer-cardline{grid-template-columns:1fr;gap:10px}.sc-footer-contact-card,.sc-footer-social-card,.sc-footer-rules-card{min-height:auto;padding:13px;border-radius:18px}.sc-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sc-partners-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-poster-qr{margin:10px auto 14px;padding:8px 10px;border-radius:16px;gap:9px}.sc-poster-qr img{width:104px;height:104px}.sc-poster-qr span{font-size:12px}.sc-hero-actions{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:420px){.sc-poster-qr img{width:161px;height:96px}.sc-poster-qr span{font-size:11.5px}.sc-partner-grid{grid-template-columns:1fr 1fr}.sc-partner-body strong{font-size:14px}.sc-partner-body p{display:none}.sc-footer-rules-card strong{font-size:16px}}


/* v1.0.17 - Bibliothèque séparée vidéo / techno / playlist + QR posé dans une zone libre */
.sc-library-group{margin-top:26px;padding-top:4px}
.sc-library-subtitle{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:clamp(22px,3vw,34px);line-height:1.05;text-transform:uppercase;letter-spacing:-.03em;color:#fff}
.sc-library-intro{margin:0 0 14px;color:var(--sc-muted);font-size:15px;line-height:1.35}.sc-empty-small{padding:14px 16px;font-size:14px}
.sc-poster-block{display:flex;flex-direction:column;gap:12px;align-items:center}.sc-poster-block .sc-hero-poster{width:100%}.sc-poster-block .sc-poster-qr{position:static!important;margin:0 auto 0;width:auto;max-width:320px;background:rgba(255,255,255,.98)}
.sc-poster-block .sc-poster-qr img{width:112px;height:112px}.sc-poster-block .sc-poster-qr span{max-width:130px;font-size:13px}
@media(max-width:720px){.sc-library-group{margin-top:20px}.sc-library-subtitle{font-size:22px}.sc-library-intro{font-size:13.5px;margin-bottom:10px}.sc-poster-block{gap:10px}.sc-poster-block .sc-poster-qr img{width:96px;height:96px}.sc-poster-block .sc-poster-qr{padding:8px 11px}}


/* v1.0.18 - dossiers fermés sur la page Écouter mes créations */
.sc-library-folder{margin:16px 0;border:1px solid var(--sc-border);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.sc-library-folder[open]{padding-bottom:4px}
.sc-library-summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:18px 20px;min-height:76px;background:radial-gradient(circle at 0% 0%,rgba(255,31,135,.22),transparent 40%),radial-gradient(circle at 100% 0%,rgba(23,212,223,.16),transparent 38%)}
.sc-library-summary::-webkit-details-marker{display:none}
.sc-library-summary-title{font-size:clamp(22px,3vw,34px);font-weight:1000;text-transform:uppercase;letter-spacing:-.03em;color:#fff;line-height:1.05}
.sc-library-summary-count{font-size:13px;font-weight:900;color:var(--sc-cyan);padding:7px 10px;border-radius:999px;background:rgba(23,212,223,.12);border:1px solid rgba(23,212,223,.22);white-space:nowrap}
.sc-library-summary-open{font-size:13px;font-weight:1000;color:#fff;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,var(--sc-pink),#7d2bff);white-space:nowrap}
.sc-library-folder[open] .sc-library-summary-open{background:rgba(255,255,255,.1);border:1px solid var(--sc-border)}
.sc-library-folder-content{padding:0 16px 18px}
.sc-library-folder .sc-library-intro{margin:14px 2px 14px;color:var(--sc-muted);font-size:14px;line-height:1.35}
.sc-library-group{display:none}
@media(max-width:720px){.sc-library-summary{grid-template-columns:1fr;gap:8px;padding:15px 14px;min-height:auto}.sc-library-summary-title{font-size:22px}.sc-library-summary-count,.sc-library-summary-open{justify-self:start}.sc-library-folder-content{padding:0 10px 13px}.sc-library .sc-lead{font-size:14px;line-height:1.35}}
.sc-listen-link{background:linear-gradient(135deg,var(--sc-pink),#a100ff)!important;color:#fff!important;display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:8px 14px!important}.sc-listen-link small{font-size:10px;color:#ffd6ea;text-transform:lowercase;margin-top:2px}

/* Playlist audio : lecture automatique + suivant/précédent */
.sc-playlist-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 18px;padding:14px;border:1px solid var(--sc-border);border-radius:22px;background:rgba(255,255,255,.06)}
.sc-playlist-toolbar .sc-btn{padding:10px 14px;border-radius:14px;box-shadow:none}.sc-playlist-control{min-width:125px;text-align:center}.sc-playlist-toolbar [data-sc-playlist-playpause]{font-weight:900}.sc-playlist-toolbar [data-sc-playlist-stop]{border-color:rgba(255,255,255,.25)}
.sc-playlist-now{color:var(--sc-muted);font-weight:800}
.sc-playlist-duration{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 11px;white-space:nowrap}
@media(max-width:620px){.sc-playlist-toolbar{align-items:stretch;flex-direction:column}.sc-playlist-toolbar .sc-btn{width:100%}}


/* v1.0.23 - Barre playlist sans déplacement + bouton j’aime du titre en écoute */
.sc-playlist-like{margin-left:auto;white-space:nowrap}
.sc-playlist-like:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.sc-playlist-like{margin-left:0}}


/* v1.0.24 - ajout du dossier Rock dans la bibliothèque audio */


/* v1.0.26 - protection publique : aucun bouton de téléchargement sur les lecteurs audio/vidéo */
.sc-no-download-note{cursor:default;opacity:.9}
.sc-music-card audio::-webkit-media-controls-enclosure{overflow:hidden}

/* v1.0.32 - Barre de progression audio/vidéo dans le lecteur playlist */
.sc-playlist-seek{display:flex;align-items:center;gap:8px;flex:1 1 280px;min-width:240px;color:#fff;font-weight:900;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 11px}
.sc-playlist-seek input[type=range]{flex:1;min-width:120px;accent-color:#ff4fd8;cursor:pointer}
.sc-playlist-seek input[type=range]:disabled{opacity:.5;cursor:not-allowed}
.sc-playlist-seek span{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sc-muted)}
@media(max-width:620px){.sc-playlist-seek{width:100%;min-width:0}.sc-playlist-seek input[type=range]{min-width:90px}}

/* v1.0.38 - Correction plein écran vidéo : ne pas garder la hauteur miniature en fullscreen */
.sc-video-wrap:fullscreen,
.sc-video-wrap:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  border-radius:0!important;
  overflow:visible!important;
  background:#000!important;
  margin:0!important;
}
.sc-video-wrap:fullscreen video,
.sc-video-wrap:fullscreen iframe,
.sc-video-wrap:fullscreen .wp-video,
.sc-video-wrap:fullscreen .mejs-container,
.sc-video-wrap:fullscreen .mejs-overlay,
.sc-video-wrap:fullscreen .mejs-poster,
.sc-video-wrap:fullscreen .mejs-mediaelement,
.sc-video-wrap:fullscreen .mejs-mediaelement video,
.sc-video-wrap:-webkit-full-screen video,
.sc-video-wrap:-webkit-full-screen iframe,
.sc-video-wrap:-webkit-full-screen .wp-video,
.sc-video-wrap:-webkit-full-screen .mejs-container,
.sc-video-wrap:-webkit-full-screen .mejs-overlay,
.sc-video-wrap:-webkit-full-screen .mejs-poster,
.sc-video-wrap:-webkit-full-screen .mejs-mediaelement,
.sc-video-wrap:-webkit-full-screen .mejs-mediaelement video{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
}
video:fullscreen,
video:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
}
.mejs-container-fullscreen,
.wp-video .mejs-container-fullscreen{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  z-index:999999!important;
  background:#000!important;
  border-radius:0!important;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen .mejs-mediaelement video,
.mejs-container-fullscreen .mejs-overlay,
.mejs-container-fullscreen .mejs-poster{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:#000!important;
}


/* v1.0.39-FLUIDE - petites optimisations visuelles pour rendre les pages plus légères */
.sc-music-card,.sc-card,.sc-panel,.sc-step,.sc-partner-card{content-visibility:auto;contain-intrinsic-size:1px 420px;}
.sc-music-card audio,.sc-video-wrap video{display:block;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Cartes automatiques pour les liens plateformes - format petit carré */
.sc-platform-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(185px,185px));
  gap:12px;
  margin:14px 0 22px;
  align-items:start;
}
.sc-platform-card{
  width:185px;
  min-height:245px;
  display:flex;
  flex-direction:column;
  gap:6px;
  text-decoration:none;
  color:inherit;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:7px;
  box-shadow:0 8px 18px rgba(0,0,0,.20);
  transition:transform .18s ease,background .18s ease;
  overflow:hidden;
}
.sc-platform-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.13)}
.sc-platform-cover{
  display:block;
  width:170px;
  height:170px;
  min-height:170px;
  aspect-ratio:1/1;
  background-size:cover;
  background-position:center;
  border-radius:11px;
  background-color:rgba(255,255,255,.12);
  font-size:54px;
  line-height:170px;
  text-align:center;
  padding-top:0;
}
.sc-platform-title{
  font-weight:800;
  font-size:.92rem;
  line-height:1.15;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sc-platform-button{
  display:block;
  border-radius:999px;
  padding:7px 8px;
  background:rgba(255,255,255,.14);
  font-weight:700;
  font-size:.76rem;
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sc-platform-open{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;}
.sc-platform-delete-form{margin-top:auto;}
.sc-platform-delete-btn{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,31,135,.18);color:#fff;border-radius:999px;padding:7px 8px;font-weight:900;cursor:pointer;font-size:.78rem;}
.sc-platform-delete-btn:hover{background:rgba(255,31,135,.32);}

.sc-platform-subtitle{margin:18px 0 8px}
.sc-social-links{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
@media (max-width:480px){.sc-platform-grid{grid-template-columns:repeat(auto-fill,minmax(145px,145px));gap:12px}.sc-platform-card{width:145px;min-height:205px}.sc-platform-cover{width:121px;height:121px;min-height:121px;line-height:121px}}


/* Liens sociaux visibles en haut : accueil + page Écouter mes créations */
.sc-social-topbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 18px;
  padding:10px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 26px rgba(0,0,0,.16);
}
.sc-social-topbar-title{font-weight:900;color:#fff;opacity:.92}
.sc-social-topbar-links{display:flex;gap:8px;flex-wrap:wrap}
.sc-social-toplink{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-weight:850;
  text-decoration:none;
  line-height:1;
}
.sc-social-toplink:hover{background:linear-gradient(135deg,var(--sc-cyan),var(--sc-pink));color:#fff;transform:translateY(-1px)}
.sc-social-topbar-ecoute{margin-top:8px;margin-bottom:16px}
@media(max-width:520px){.sc-social-topbar{align-items:flex-start}.sc-social-topbar-links{width:100%}.sc-social-toplink{font-size:13px;padding:8px 10px}}


/* v1.0.54 - navigation rapide sans couper la musique */
html.sc-page-loading main{opacity:.58;pointer-events:none;transition:opacity .12s ease}main{transition:opacity .12s ease}


/* v1.0.55 - lecteur fermé après Stop et bibliothèque toujours visible sur mobile */
@media(max-width:760px){
  .sc-library,.sc-library-playlists,.sc-library-folder,.sc-library-folder-content,.sc-music-grid,.sc-music-card{visibility:visible!important;opacity:1!important}
  .sc-library-playlists,.sc-library-folder,.sc-library-folder-content{display:block}
  .sc-library-folder:not([open])>.sc-library-folder-content{display:none}
  .sc-music-card,.sc-card,.sc-panel,.sc-step,.sc-partner-card{content-visibility:visible!important;contain:none!important}
  .sc-library{width:100%;min-width:0;overflow:visible}
  .sc-library-folder{width:100%;max-width:100%;margin:12px 0}
  .sc-library-folder-content{width:100%;min-width:0}
  .sc-music-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important}
  .sc-music-card{width:100%;min-width:0}
  .sc-playlist-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;padding:10px}
  .sc-playlist-toolbar .sc-playlist-control{display:flex!important;width:100%;min-width:0;min-height:44px}
  .sc-playlist-now,.sc-playlist-seek,.sc-playlist-duration,.sc-playlist-like{grid-column:1/-1;width:100%;min-width:0;margin-left:0}
  .sc-playlist-now{padding:4px 2px;line-height:1.3}
  .sc-listen-link{display:flex!important;visibility:visible!important;opacity:1!important}
}
@media(max-width:420px){
  .sc-library-summary{padding:13px 11px}
  .sc-library-summary-title{font-size:20px;word-break:break-word}
  .sc-playlist-toolbar{grid-template-columns:1fr 1fr}
  .sc-track-play-row{display:grid;grid-template-columns:1fr;width:100%}
  .sc-player-status{text-align:center}
}


/* v1.0.57 - bibliothèque d'écoute garantie visible sur téléphone */
@media (max-width: 900px){
  body.page-template-page-ecouter-mes-creations .sc-section,
  body.page-id-0 .sc-section,
  .sc-listen-page,
  .sc-listen-page .sc-wrap,
  .sc-listen-page .sc-library,
  .sc-listen-page .sc-library-playlists,
  .sc-listen-page .sc-library-folder{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .sc-listen-page{padding:18px 0 28px!important;overflow:visible!important}
  .sc-listen-page .sc-panel{display:block!important;padding:14px!important;border-radius:20px!important;overflow:visible!important}
  .sc-listen-page .sc-section-title{font-size:30px!important;line-height:1.05!important}
  .sc-listen-page .sc-library{margin-top:0!important}
  .sc-listen-page .sc-library-playlists{display:block!important;margin-top:12px!important}
  .sc-listen-page .sc-library-folder{margin:12px 0!important;overflow:hidden!important}
  .sc-listen-page .sc-library-summary{display:grid!important;width:100%!important;min-width:0!important;position:relative!important;z-index:1!important}
  .sc-listen-page .sc-library-summary-title{overflow-wrap:anywhere!important}
  .sc-listen-page .sc-library-folder-content{display:block!important;width:100%!important;min-width:0!important;overflow:visible!important}
  .sc-listen-page .sc-library-folder:not([open])>.sc-library-folder-content{display:none!important}
  .sc-listen-page .sc-library-folder[open]>.sc-library-folder-content{display:block!important}
  .sc-listen-page .sc-music-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  .sc-listen-page .sc-music-card,.sc-listen-page .sc-music-card-body{display:block!important;width:100%!important;min-width:0!important;visibility:visible!important;opacity:1!important}
  .sc-listen-page .sc-playlist-toolbar{display:flex!important;width:100%!important;min-width:0!important}
  .sc-listen-page .sc-platform-grid,.sc-listen-page .sc-social-topbar{max-width:100%!important;overflow:visible!important}
}
@media (max-width: 480px){
  .sc-listen-page .sc-wrap{width:calc(100% - 14px)!important}
  .sc-listen-page .sc-panel{padding:10px!important}
  .sc-listen-page .sc-library-summary{padding:13px 12px!important}
  .sc-listen-page .sc-library-summary-title{font-size:20px!important}
  .sc-listen-page .sc-library-summary-count,.sc-listen-page .sc-library-summary-open{font-size:12px!important}
}


/* v1.0.58 - sur téléphone, les playlists par genre sont strictement les mêmes que sur PC */
@media(max-width:900px){
  body .sc-listen-page,body .sc-listen-page>.sc-wrap,body .sc-listen-panel,
  body .sc-library[data-sc-music-library="1"],body .sc-library-playlists,
  body details.sc-library-folder,body details.sc-library-folder>summary.sc-library-summary{
    display:block!important;visibility:visible!important;opacity:1!important;position:static!important;
    transform:none!important;clip:auto!important;clip-path:none!important;height:auto!important;max-height:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
  }
  body details.sc-library-folder>summary.sc-library-summary{display:grid!important;cursor:pointer!important}
  body details.sc-library-folder:not([open])>.sc-library-folder-content{display:none!important}
  body details.sc-library-folder[open]>.sc-library-folder-content{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}
  body .sc-library-subtitle,body .sc-library-intro{display:block!important;visibility:visible!important;opacity:1!important}
}