/* DDAnime r14-r33 — anuncios, editor BBCode unificado y carruseles móviles. */

/* Ubicaciones adicionales de anuncios. */
.dd-announcement-stack.is-floating-top-left,
.dd-announcement-stack.is-floating-top-center,
.dd-announcement-stack.is-floating-top-right,
.dd-announcement-stack.is-floating-bottom-left,
.dd-announcement-stack.is-floating-bottom-center,
.dd-announcement-stack.is-floating-bottom-right{
  position:fixed;z-index:58;width:min(430px,calc(100vw - 28px));display:grid;gap:10px;padding:0;border:0;background:transparent;pointer-events:none
}
.dd-announcement-stack.is-floating-top-left{top:84px;left:18px}
.dd-announcement-stack.is-floating-top-center{top:84px;left:50%;transform:translateX(-50%)}
.dd-announcement-stack.is-floating-top-right{top:84px;right:18px}
.dd-announcement-stack.is-floating-bottom-left{bottom:22px;left:18px}
.dd-announcement-stack.is-floating-bottom-center{bottom:22px;left:50%;transform:translateX(-50%)}
.dd-announcement-stack.is-floating-bottom-right{bottom:22px;right:18px}
.dd-announcement-stack:is(.is-floating-top-left,.is-floating-top-center,.is-floating-top-right,.is-floating-bottom-left,.is-floating-bottom-center,.is-floating-bottom-right) .dd-announcement{
  width:100%;margin:0;pointer-events:auto;border-radius:16px;background:color-mix(in srgb,var(--dd-surface) 96%,transparent);box-shadow:0 18px 54px rgba(15,23,42,.18);backdrop-filter:blur(18px)
}
.dd-announcement-stack.is-bottom-bar{
  position:fixed;z-index:58;left:0;right:0;bottom:0;display:grid;gap:0;padding:0;background:transparent;pointer-events:none
}
.dd-announcement-stack.is-bottom-bar .dd-announcement{
  pointer-events:auto;width:min(100% - 24px,1180px);margin:0 auto 12px;border-radius:14px;box-shadow:0 16px 50px rgba(15,23,42,.2);backdrop-filter:blur(18px)
}

/* Editor: exactamente la misma superficie visual que el editor moderno del sitio. */
.dd-r33-rich-editor{overflow:visible!important}
.dd-r33-rich-toolbar button:focus:not(:focus-visible){background:transparent!important;color:var(--dd-muted)!important;outline:0!important}
.dd-r33-rich-toolbar button:active{transform:none!important}
.dd-r33-emote-picker{display:none}
.dd-r33-emote-picker.is-open{display:block}
.dd-r33-rich-editor>textarea{min-height:150px}
.dd-r33-rich-help{font-size:9px}
.dd-r32-rich-editor.dd-r33-rich-editor>.dd-r33-rich-toolbar{border-radius:13px 13px 0 0}
.dd-r32-rich-editor.dd-r33-rich-editor>.dd-r33-rich-help{border-radius:0 0 13px 13px}
.dd-r32-rich-editor.dd-r33-rich-editor>.dd-r32-rich-toolbar,
.dd-r32-rich-editor.dd-r33-rich-editor>.dd-r32-rich-help{display:none!important}
.dd-r33-rich-editor .dd-emote-picker button{cursor:pointer}

/* Legal y Changelog: editor amplio, sin apretar el formulario. */
.dd-r32-admin-standalone .dd-r33-rich-editor{margin-top:7px;background:var(--dd-input)}
.dd-r32-admin-standalone .dd-r33-rich-editor textarea{min-height:220px}
.dd-r32-admin-standalone .dd-r29-changelog-form .dd-r33-rich-editor textarea{min-height:180px}

/* Home responsive: las secciones tipo slider también son táctiles y navegables. */
@media(max-width:760px){
  .dd-home-layout-controls.dd-r33-mobile-controls,
  .dd-home-layout-controls{display:flex!important;margin-left:auto;margin-right:4px;gap:5px}
  .dd-home-layout-controls button{width:30px;height:30px;font-size:18px;box-shadow:none}
  .dd-home-row-slider.dd-r33-mobile-carousel{
    overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:8px
  }
  .dd-home-row-slider.dd-r33-mobile-carousel>.dd-media-card{scroll-snap-align:start}
  .dd-home-row-slider.dd-r33-mobile-carousel.dd-home-card-compact{grid-auto-columns:min(39vw,148px)!important}
  .dd-home-row-slider.dd-r33-mobile-carousel.dd-home-card-normal{grid-auto-columns:min(42vw,164px)!important}
  .dd-home-row-slider.dd-r33-mobile-carousel.dd-home-card-large{grid-auto-columns:min(48vw,188px)!important}
  .dd-section-head{gap:6px}
  .dd-section-head>a{white-space:nowrap}
}
@media(max-width:420px){
  .dd-home-layout-controls button{width:28px;height:28px}
  .dd-home-row-slider.dd-r33-mobile-carousel.dd-home-card-normal{grid-auto-columns:42vw!important}
}

/* Anuncios: presentación con select amplio y editor sin estado visual pegado. */
body.dd-r32-announcements .dd-r33-rich-editor{grid-column:1/-1}
body.dd-r32-announcements .dd-r33-rich-toolbar{position:relative;z-index:2}
body.dd-r32-announcements .dd-r33-rich-editor textarea{position:relative;z-index:1}

@media(max-width:640px){
  .dd-announcement-stack:is(.is-floating-top-left,.is-floating-top-center,.is-floating-top-right){top:72px;left:10px;right:10px;transform:none;width:auto}
  .dd-announcement-stack:is(.is-floating-bottom-left,.is-floating-bottom-center,.is-floating-bottom-right){bottom:76px;left:10px;right:10px;transform:none;width:auto}
  .dd-announcement-stack.is-bottom-bar .dd-announcement{width:calc(100% - 20px);margin-bottom:76px}
  .dd-r33-rich-toolbar{overflow-x:auto;flex-wrap:nowrap}
  .dd-r33-rich-toolbar button{flex:0 0 30px}
  .dd-r33-rich-help{display:block}
  .dd-r33-rich-help span{display:block}.dd-r33-rich-help span+span{margin-top:3px}
}