/* Native X5 custom-ad consumers. Content, dates and targeting remain AdminCP-owned. */
.yyc-ad-slot{box-sizing:border-box}
.yyc-ad-label,.yyc-ad-slot__label,.yyc-thread-sidebar-ad__label{display:none!important}
.yyc-ad-slot--sidebar{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid #eadde2;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(36,33,39,.055);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.yyc-ad-slot--sidebar:hover{border-color:#dfaebe;box-shadow:0 8px 22px rgba(36,33,39,.09);transform:translateY(-2px)}
.yyc-ad-slot--sidebar>div,.yyc-ad-slot--sidebar a{display:block;width:100%;height:100%}
.yyc-ad-slot--sidebar img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover}
.yyc-ad-slot--hero{position:absolute;z-index:0;inset:0;overflow:hidden}
.yyc-ad-slot--hero>div,.yyc-ad-slot--hero a{display:block;width:100%;height:100%}
.yyc-ad-slot--hero img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover}
.yyc-hero-feature.yyc-has-ad>img{visibility:hidden}
.yyc-hero-feature.yyc-has-ad:after{z-index:1}
.yyc-channel__hero.yyc-has-ad:before{z-index:1;background:linear-gradient(90deg,rgba(9,13,24,.82),rgba(9,13,24,.2) 72%)}
.yyc-channel__hero.yyc-has-ad .yyc-channel__hero-copy,.yyc-channel__hero.yyc-has-ad .yyc-channel__hero-mark{z-index:2}
.yyc-forum-hero__lead.yyc-has-ad:before{z-index:1;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(7,12,25,.82),rgba(7,12,25,.34));transform:none}
.yyc-forum-hero__lead.yyc-has-ad:after{display:none}
.yyc-forum-hero__lead.yyc-has-ad .yyc-forum-hero__copy,.yyc-forum-hero__lead.yyc-has-ad .yyc-forum-hero__stats,.yyc-forum-hero__lead.yyc-has-ad .yyc-forum-hero__actions{z-index:2}
.yyc-forum-hero__lead.yyc-has-ad .yyc-forum-hero__copy h1,.yyc-forum-hero__lead.yyc-has-ad .yyc-forum-hero__copy>p:last-child{color:#fff}
@media(max-width:767px){.yyc-ad-slot--hero img{object-position:center}}
@media(prefers-reduced-motion:reduce){.yyc-ad-slot--sidebar{transition:none}}

/* AdminCP owns content and links; advertisement artwork fills each responsive frame. */
.yyc-ad-slot{min-width:0;overflow:hidden;background:var(--yyc-color-surface-subtle,#f5f6fa)}
.yyc-ad-slot>div,.yyc-ad-slot>div>a,.yyc-ad-slot>a{display:block;width:100%;height:100%}
.yyc-ad-slot img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center center!important}

/* Portal quick positions keep the card height instead of inheriting an image height. */
html body .yyc-channel-card--ad .yyc-ad-slot,
html body .yyc-channel-card--ad .yyc-ad-slot>div,
html body .yyc-channel-card--ad .yyc-ad-slot>div>a{width:100%;height:100%;min-height:0}

/* The five collection positions are compact on desktop and remain legible on narrow screens. */
html body .yyc-collection-ad-card{width:100%;height:auto;min-height:0;aspect-ratio:50/9;align-self:start}
html body .yyc-ad-slot--collection,
html body .yyc-ad-slot--collection>div,
html body .yyc-ad-slot--collection>div>a,
html body .yyc-ad-slot--collection>a,
html body .yyc-collection-ad-empty{display:block;width:100%;height:100%;min-height:0}
html body .yyc-ad-slot--collection img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
@media(max-width:820px){html body .yyc-collection-ad-card{aspect-ratio:25/9}}

/* Sidebar assets use the documented 4:5 frame; thread-side content follows it too. */
.yyc-thread-sidebar-ad{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--yyc-color-surface-subtle,#f5f6fa)}
.yyc-thread-sidebar-ad>div,.yyc-thread-sidebar-ad a{display:block;width:100%;height:100%}
.yyc-thread-sidebar-ad img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important}