/* Styles scoped to PING consent placeholders. */
.ping-ec { position:relative; width:100%; max-width:100%; min-width:0; }
.ping-ec__notice { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:240px; padding:24px; background:#f4f4f4; color:#222; text-align:center; border:1px solid #ddd; border-radius:8px; }
.ping-ec__notice p { margin:0; font-size:16px; line-height:1.5; }
.ping-ec__button { display:inline-block; background:#222; color:#fff!important; padding:10px 16px; border-radius:4px; text-decoration:none!important; cursor:pointer; pointer-events:auto; }
.ping-ec__button:focus-visible { outline:3px solid #1769e0; outline-offset:3px; }
.ping-ec[data-ping-ec-mounted] > .ping-ec__notice { display:none; }
.ping-ec--tiktok > .ping-ec__notice { min-height:520px; }
.ping-ec--youtube > .ping-ec__notice { aspect-ratio:16/9; min-height:180px; }
.ping-ec__live { width:100%; }
.ping-ec__live iframe { max-width:100%; }
.video-responsive > .ping-ec { position:absolute; inset:0; height:100%; }
.video-responsive > .ping-ec > .ping-ec__notice { height:100%; min-height:0; overflow:auto; }
.video-responsive > .ping-ec > .ping-ec__live { height:100%; }
/* Social galleries need natural height, unlike 16:9 YouTube iframes. */
.video-responsive.ping-ec-social { height:auto; padding-bottom:0; overflow:visible; }
.video-responsive.ping-ec-social > .ping-ec { position:relative; height:auto; }
.video-responsive.ping-ec-social iframe { position:relative; height:740px; }
@media(max-width:600px) { .ping-ec__notice { padding:16px; } }
/* Core aspect-ratio spacer must not reserve a second empty player above our box. */
.wp-block-embed .wp-block-embed__wrapper:has(> .ping-ec)::before { display:none!important; }
.wp-block-embed .ping-ec__live iframe { position:relative!important; }
.wp-block-embed .ping-ec--tiktok { min-width:0; }
.wp-block-embed .ping-ec--tiktok blockquote { min-width:0!important; max-width:100%!important; margin:0!important; }

/* Settings link: underline only on hover; keyboard focus retains its outline. */
.ping-ec a.ping-ec__button { text-decoration:none!important; }
.ping-ec a.ping-ec__button:hover { text-decoration:underline!important; }
