/* CHROME-1 : bloc community (repris des articles) */
.hoa{max-width:1120px;margin:auto;padding:48px 24px 80px}.hoa h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.15}.hoa-intro{max-width:700px;color:#bdb8c7}.hoa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:36px}.hoa-card{border:1px solid #42384b;border-radius:18px;overflow:hidden;background:#16111d}.hoa-card>img{width:100%;height:190px;object-fit:cover}.hoa-card-content{padding:24px}.hoa-card a{color:inherit}.hoa-card time,.hoa-meta{color:#bdb8c7;font-size:.9rem}.hoa-article{max-width:780px;margin:auto}.hoa-article p{line-height:1.85;margin:1.25em 0}.hoa-article h2{margin-top:2em}.hoa-article>img{max-width:100%;border-radius:18px}.hoa a{color:#ffca53}.hoa-sources{border-top:1px solid #42384b;margin-top:40px;padding-top:20px}.hoa-sources a{overflow-wrap:anywhere}.hoa-footer{padding:32px 24px;text-align:center;border-top:1px solid #42384b}.hoa-empty{padding:28px;border:1px solid #42384b;border-radius:18px}.hoa-connect{margin:44px 0 8px;padding:30px 22px 26px;border-radius:24px;border:1px solid rgba(212,175,55,.35);background-color:#0f0a14;background-size:cover;background-position:center;background-repeat:no-repeat}.hoa-connect h2{margin:0 0 20px!important;font-size:1.5rem!important;line-height:1.2!important;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85)}.hoa-connect-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}.hoa-connect-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-height:172px;padding:18px 10px;border:1px solid rgba(212,175,55,.45);border-radius:18px;background:rgba(18,13,25,var(--hoa-card-a,.55));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4efe6;text-align:center;text-decoration:none;transition:border-color .15s,transform .15s,background .15s}.hoa-connect-card:hover,.hoa-connect-card:focus-visible{border-color:#f6c344;background:rgba(18,13,25,.80);transform:translateY(-2px)}.hoa-connect-icon{width:46px;height:46px;color:#f6c344;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hoa-connect-label{font-weight:700;font-size:1rem;color:#fff}.hoa-connect-sub{font-size:.8rem;color:#d9d3e3}.hoa-connect-qr{width:92px;height:92px;background:#fff;padding:5px;border-radius:8px;box-sizing:border-box;object-fit:contain}@media(max-width:640px){.hoa-connect{padding:22px 14px 18px}.hoa-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hoa-connect-card:last-child{grid-column:1/-1}}

/* CHROME-1 : cartes des pages de collection (style Singles Wall) */
.playlist-grid:has(.video-card){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.playlist-grid .video-card{margin:0}
.playlist-grid .video-card .thumb-wrap img{aspect-ratio:1/1}
.playlist-grid .video-card .card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:620px){.playlist-grid:has(.video-card){grid-template-columns:repeat(2,1fr);gap:12px}}

/* HUBSEARCH-1 */
.hub-empty{padding:24px 6px;color:var(--muted)}
.hoa-connect{margin-top:28px}

/* CHROME-WIDTH-1 : même largeur que le bandeau du haut (valeurs reprises de .hero) */
.seo-hero ~ section.hoa-connect,.hero ~ section.hoa-connect{box-sizing:border-box;margin-left:clamp(14px,3vw,36px) !important;margin-right:clamp(14px,3vw,36px) !important}
@media (max-width:900px){.seo-hero ~ section.hoa-connect,.hero ~ section.hoa-connect{box-sizing:border-box;margin-left:12px !important;margin-right:12px !important}}
@media (max-width: 767px), (hover: none) and (pointer: coarse){.seo-hero ~ section.hoa-connect,.hero ~ section.hoa-connect{box-sizing:border-box;min-width:0 !important;max-width:100% !important}}
@media (max-width: 767px), (hover: none) and (pointer: coarse){.seo-hero ~ section.hoa-connect,.hero ~ section.hoa-connect{box-sizing:border-box;margin-left:12px !important;margin-right:12px !important}}

/* HOA-INDEX-1 : cartes d'articles (page /heart-of-africa/) */
.playlist-grid .video-card.article{margin:0}
.video-card.article .thumb-wrap img{aspect-ratio:16/9;object-fit:cover}
.video-card.article .badge{background:rgba(246,195,68,.18);border-color:rgba(246,195,68,.5);color:#f6c344}
.video-card.article .card-body p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* /HOA-INDEX-1 */




/* PLAYER-1 : vidéo YouTube et lecteur MP3 en tête de la carte de texte */
.hoa-player{margin:0 0 22px}
.hoa-video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.hoa-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hoa-player audio{display:block;width:100%}
/* /PLAYER-1 */

/* SEARCH-1 : champ de recherche à la largeur de l'accueil, partout */
.wall-tools form{display:contents}
.wall-tools .search-box{min-width:min(420px,100%);box-sizing:border-box}
/* /SEARCH-1 */

/* HERO-2 : bandeau de hauteur identique partout, sans boutons */
.hero.compact-hero{height:clamp(320px,42vh,400px)!important;min-height:0!important;padding-top:56px!important;padding-bottom:40px!important;box-sizing:border-box;overflow:hidden}
.hero.compact-hero h1{font-size:clamp(32px,4.4vw,58px)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero.compact-hero .hero-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero .hero-buttons,.hero .app-landing-actions{display:none!important}
@media(max-width:620px){.hero.compact-hero{height:360px!important}.hero.compact-hero .hero-text{-webkit-line-clamp:2}}
.filters a.filter{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:inherit;font:inherit}
/* /HERO-2 */
/* ENDWALL-1 */
.end-of-wall{text-align:center;color:var(--muted,#bdb8c7);font-size:13px;letter-spacing:.12em;margin:28px 0 8px;grid-column:1/-1}
/* /ENDWALL-1 */
/* WIDTH-2 */
.hoa-detail{max-width:none!important}
.hoa-detail>.hoa-body{display:block!important;column-count:1!important;columns:auto!important;max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.hoa-body p{line-height:1.8;margin:1.05em 0}
.hoa-body h2{margin:1.2em 0 .5em}
.hoa-body a{color:#ffca53}
.hoa-body iframe,.hoa-body video{max-width:100%;width:100%}
/* /WIDTH-2 */
/* LIST-1 : listes en plusieurs blocs = un seul mur ; titres « More Afrikana selections » masques visuellement (restent dans le HTML) */
.seo-incremental-navigation>h2{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seo-incremental-navigation{padding-top:0!important}
#seo-content:has(~ .seo-incremental-navigation) .end-of-wall,.seo-incremental-navigation:has(~ .seo-incremental-navigation) .end-of-wall{display:none}
/* /LIST-1 */

/* MASONRY-1 : cartes de hauteurs variées façon Pinterest (colonnes), vignette recadrée sans bandes noires */
:is(div,section,ul):has(>.video-card){display:block!important;columns:230px;column-gap:18px;grid-template-columns:none!important}
:is(div,section,ul):has(>.video-card)>.video-card{width:100%!important;height:auto!important;min-height:0!important;margin:0 0 18px!important;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;box-sizing:border-box}
:is(div,section,ul):has(>.video-card)>.video-card[hidden]{display:none!important}
:is(div,section,ul):has(>.video-card)>:is(.end-of-wall,.section-head,.seo-incremental-navigation,h2,h3){column-span:all}
:is(div,section,ul):has(>.video-card)>.video-card .thumb-wrap{aspect-ratio:var(--r,1/1)!important;height:auto!important;min-height:0!important;width:100%;overflow:hidden;position:relative}
:is(div,section,ul):has(>.video-card)>.video-card .thumb-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;display:block}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n+1){--r:4/5}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n+2){--r:1/1}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n+3){--r:3/4}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n+4){--r:5/6}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n+5){--r:2/3}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n+6){--r:9/10}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(7n){--r:7/8}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(11n+4){--r:2/3}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(13n+9){--r:6/5}
:is(div,section,ul):has(>.video-card)>.video-card:nth-child(5n+3):not(:nth-child(7n)){--r:5/7}
@media(max-width:620px){:is(div,section,ul):has(>.video-card){columns:2;column-gap:12px}:is(div,section,ul):has(>.video-card)>.video-card{margin-bottom:12px!important}}
/* /MASONRY-1 */

/* mobile-nav-v1 : menu flottant du bas (Singles / Radios / Article / Playlist / Download) sur toutes les pages ; menu du haut mobile = logo + titre */
.app-bottom-nav, .app-bottom-nav:has(.app-store-link--bottom) { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 4px !important; padding: 6px !important; }
.app-bottom-nav a { min-width: 0; text-align: center; text-decoration: none; font-size: 11.5px; }
.app-bottom-nav a.dl { background: linear-gradient(135deg, #1259b3, #176bc0); color: #fff; border: 2px solid rgba(255,255,255,.3); }
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  .app-bottom-nav { display: grid !important; }
  .abs-nav, .top-actions { display: none !important; }
  .abs-brand small { display: none !important; }
  .abs-top-menu { flex-direction: row !important; align-items: center !important; height: auto !important; }
  body { padding-bottom: 96px; }
}