/* assets/pages/library/library-ar.css */
/* Arabic/RTL-specific library layout */

@media (max-width: 760px) {
  .page-hero {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html[dir="rtl"] .filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 190px));
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    border-top: none;
    padding: 12px 4% 14px;
    margin-top: 0;
  }

  .filters select,
  .filters input[type="text"] {
    width: min(100%, 190px);
    max-width: 190px;
    min-width: 0;
    justify-self: center;
    font-size: 0.88rem;
    padding: 10px 12px;
  }

  .filters input[type="text"] {
    grid-column: auto;
  }

  #list {
    padding-top: 18px;
  }
}

@media (max-width: 420px) {
  html[dir="rtl"] .filters {
    grid-template-columns: 1fr;
    justify-content: center;
    gap: 8px;
    padding: 10px 4% 12px;
  }

  .filters input[type="text"] {
    grid-column: auto;
  }

  .filters select,
  .filters input[type="text"] {
    width: min(100%, 220px);
    max-width: 220px;
    font-size: 0.84rem;
    padding: 9px 11px;
  }
}