/* v419 native advertising only. Organic media/player geometry stays owned by existing styles. */
.native-ad419 { color:var(--text-primary); background:var(--surface-raised); }
.native-ad419 .native-ad-brand { display:flex; align-items:center; gap:12px; min-width:0; color:var(--text-primary); text-decoration:none; }
.native-ad419 .native-ad-brand b { color:var(--text-primary); overflow-wrap:anywhere; }
.native-ad419 .native-ad-avatar { width:44px; height:44px; border-radius:50%; object-fit:cover; flex:none; }
.native-ad419 .native-ad-description { margin:0; padding:4px 16px 14px; color:var(--text-primary); overflow-wrap:anywhere; }
.native-ad419 .native-sponsored-label { margin-inline-start:auto; color:var(--text-secondary); font-size:12px; }
.native-ad419 .native-ad-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; flex-wrap:wrap; border-top:1px solid var(--border-color); }
.native-ad419 .native-ad-footer strong { color:var(--text-primary); flex:1; min-width:100px; }
.native-ad419 .native-ad-cta { min-height:44px; min-width:140px; padding:12px 20px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:var(--btn-bg-primary); color:var(--btn-text-primary); font-weight:700; text-decoration:none; box-sizing:border-box; }
.native-ad419 .native-ad-media img { display:block; width:100%; max-height:640px; object-fit:contain; }
.native-ad419.loopz-ad-item .loopz-ad-meta { position:absolute; inset:auto 16px 24px; z-index:6; padding:16px; border-radius:16px; color:white; background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.68)); pointer-events:auto; }
.native-ad419.loopz-ad-item .native-ad-brand, .native-ad419.loopz-ad-item .native-ad-brand b, .native-ad419.loopz-ad-item .loopz-ad-body { color:white; }
.native-ad419.loopz-ad-item .loopz-ad-body { max-height:24vh; overflow:auto; margin-block:12px; }
.native-ad419.loopz-ad-item .loopz-ad-body p { margin:8px 0; color:inherit; }
.native-ad419.loopz-ad-item .loopz-ad-cta { width:100%; min-height:48px; }
.native-ad419.loopz-ad-item .loopz-ad-badge { position:absolute; inset-block-start:16px; inset-inline-start:16px; z-index:7; padding:8px 12px; border-radius:8px; color:white; background:rgba(0,0,0,.72); font-size:13px; }
.native-ad419.loopz-ad-item .loopz-ad-html-frame { width:100%; height:100%; border:0; }
.chaabi-content-ad[data-content-adsense="home"] { display:block; padding:16px 0; background:var(--surface-raised); border:1px solid var(--border-color); border-radius:16px; }
/* The legacy Loopz media rule targets EVERY img; brand logos are not media. */
body[data-page="loopz"] .native-ad419.loopz-ad-item .native-ad-avatar { width:44px; height:44px; min-width:44px; max-width:44px; min-height:44px; max-height:44px; flex:0 0 44px; object-fit:cover !important; background:transparent !important; }
html:root body[data-page="loopz"] .native-ad419.loopz-ad-item .loopz-ad-meta { left:max(16px,env(safe-area-inset-left)) !important; right:max(16px,env(safe-area-inset-right)) !important; bottom:calc(var(--loopz-nav-reserve,0px) + 24px) !important; width:auto !important; max-width:none !important; max-height:calc(100% - 220px) !important; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:10px; overflow:visible; box-sizing:border-box; }
.native-ad419.loopz-ad-item .loopz-ad-body { min-height:0; margin:0; overflow:auto; }
.native-ad419.loopz-ad-item .loopz-ad-body strong { color:white; }
body[data-page="loopz"] .native-ad419.loopz-ad-item .loopz-ad-badge { inset-block-start:calc(148px + env(safe-area-inset-top)); }
@media(max-width:420px) { .native-ad419 .native-ad-footer .native-ad-cta { width:100%; } }

/* v420: readable native-ad disclosure; preserve organic and Google styling. */
.native-ad419 .native-sponsored-label { color:var(--text-primary) !important; }