/* 2026-10-16 audit fixes (Cory QC items, live + staging) */
/* Home: featured Mulcahy's Halloween ad in Long Island News & Events */
.adfeat{display:grid;grid-template-columns:260px 1fr;gap:0;margin-top:30px;background:var(--k);color:#fff;border-radius:6px;overflow:hidden;box-shadow:8px 8px 0 var(--red);position:relative}
.adfeat .adimg img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.adfeat .adtx{padding:26px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.adfeat .adtag{display:inline-block;align-self:flex-start;background:var(--y);color:var(--k);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px}
.adfeat h3{font-size:30px;line-height:1.05;text-transform:uppercase;font-weight:800;letter-spacing:-.03em}
.adfeat h3 em{font-style:normal;color:var(--y)}
.adfeat p{font-size:15px;line-height:1.45;color:#ddd}
.adfeat p b{color:#fff}
.adfeat .adsub{border-top:1px solid #333;padding-top:10px;font-size:14px}
.adfeat .adbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.adfeat .adbtns .btn{padding:12px 18px;font-size:13px}
.adfeat .adbtns .btn.y{box-shadow:4px 4px 0 var(--red)}
.adfeat .adbtns .btn.ln{background:transparent;color:#fff;border-color:#fff;box-shadow:none}
@media(max-width:760px){.adfeat{grid-template-columns:1fr}.adfeat .adimg img{aspect-ratio:1/1}.adfeat .adtx{padding:20px}.adfeat h3{font-size:24px}}
.adfeat .adimg{background:#000}.adfeat .adimg img{object-fit:contain}
/* DJ pages: "New" tag on show lines */
.newtag{display:inline-block;background:var(--red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;margin-left:6px;vertical-align:middle}
.showband .nx+.nx{margin-top:4px}
/* Billboard mark on WARM graphics (Cory QC 20) */
.bbmark{display:flex;align-items:center;gap:8px;margin-top:8px}
.bbmark small{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.9}
.bbmark img{width:96px!important;max-width:96px!important;height:auto;filter:drop-shadow(2px 2px 0 #0D0D0D)!important}
.lineup .lc .brandmark .bbmark img{width:120px!important;max-width:120px!important}
.bbart{position:absolute;right:16px;top:16px;z-index:3;background:rgba(13,13,13,.78);padding:8px 12px;margin:0}
/* Guest List record placeholder (Cory QC 17): no drop shadow box, keep sticker tilt */
img.stk.gl{object-fit:contain}
/* Shows page: DJ photo fills the whole right side of the tile (Cory QC 3) */
@media (min-width:761px){
 .lineup .lc{min-height:480px}
 .lineup .lc img.ph.stk,.lineup .lc.brand img.ph.stk{top:16px;bottom:0;right:0;width:46%;height:calc(100% - 16px);object-fit:contain;object-position:100% 100%}
 .lineup .lc .tx,.lineup .lc.brand .tx{max-width:54%}
}
/* About: DJ photo boxes a bit shorter so faces aren't cut off (Cory QC 11) */
.djs .dj .ph.has-img img{object-position:50% 0}
/* About THE DJS: smaller black text box, more photo (Cory 02:46) */
@media (min-width:761px){.djs .dj .ph{height:290px}}
.djs .dj .bd{padding:12px 16px 14px;flex:0 0 auto}
.djs .dj h3{font-size:19px}
.djs .dj p{font-size:12.5px;line-height:1.4;margin:5px 0 8px;flex:0 0 auto}
.djs .dj{display:flex;flex-direction:column}.djs .dj .ph{flex:1 0 auto}

/* ---- 2026-10-16 (Cory 03:52): Shows page stickers much bigger, no empty band right/bottom, title never runs into the photo ----
   Desktop/tablet: sticker box = bottom-right 50% x 95% of the card (bleeds a few px off the bottom), text column capped to the
   left 48% and the title scales with the card width (cqw) so long words like THROWBACK stay clear of the sticker.
   Phone: the sticker sits big at the top-right and the text stacks full-width below it. Tilt, white outline, red shadow unchanged. */
.lineup .lc{container-type:inline-size}
@media (min-width:761px){
 .lineup .lc img.ph.stk,.lineup .lc.brand img.ph.stk{top:auto;bottom:-8px;right:10px;width:50%;height:95%;object-fit:contain;object-position:100% 100%;transform-origin:100% 100%}
 .lineup .lc .tx,.lineup .lc.brand .tx{max-width:calc(48% - 14px)}
 .lineup .lc h3{font-size:clamp(28px,6.4cqw,56px)}
}
@media (max-width:760px){
 .lineup .lc{padding-top:312px}
 .lineup .lc img.ph.stk,.lineup .lc.brand img.ph.stk{top:12px;right:10px;bottom:auto;width:62%;height:268px;object-fit:contain;object-position:100% 100%;transform-origin:100% 100%}
 /* WARM: Billboard badge pushes the time badge down to sticker height, so its sticker is narrower and the badges sit on top */
 .lineup .lc.has-bb img.ph.stk{width:50%}
 .lineup .lc .when,.lineup .lc .bbbadge{z-index:3}
}