/* DevLatPlay - Global Tweaks v1.0.3 : site-wide small fixes */

@media (max-width: 640px) {

  /* 1. Theme header search (drama posts, 404, etc.): stack input + button
     full-width on phones; the theme paints the button dark, so give it the
     brand red to match the site. */
  .header-search .wp-block-search__inside-wrapper {
    flex-wrap: wrap !important;
  }
  .header-search .wp-block-search__input {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    border-radius: 7px !important;
  }
  .header-search .wp-block-search__button {
    flex: 1 1 100% !important;
    margin: 8px 0 0 !important;
    border-radius: 7px !important;
    background: #e50914 !important;
    border-color: #e50914 !important;
    color: #fff !important;
  }

  /* 2. Homepage hero slider arrows overlapped the TRENDING NOW pill on
     small screens — make them smaller and pull to the edges. */
  .dlp-hero-arrow {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
  .dlp-hero-arrow.prev { left: 8px; }
  .dlp-hero-arrow.next { right: 8px; }
}