/* Stable, responsive controls for the homepage media studio. */
.home-media-admin .admin-main { min-width: 0; }
.home-media-admin .home-media-topbar { align-items: flex-start; }
.home-media-admin .home-media-topbar > div { min-width: 0; max-width: 780px; }
.home-media-admin .home-media-topbar p { max-width: 680px; margin: 8px 0 0; }
.home-media-admin .home-media-mode-panel,
.home-media-admin .home-media-panel,
.home-media-admin .home-media-library { min-width: 0; margin-bottom: 18px; padding: clamp(16px,2.2vw,24px); }
.home-media-admin .home-media-management-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.home-media-admin .home-media-panel-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; margin-bottom: 16px; }
.home-media-admin .home-media-panel-heading > div { min-width: 0; }
.home-media-admin .home-media-panel-heading h2 { margin: 0 0 6px; }
.home-media-admin .home-media-panel-heading p { margin: 0; color: var(--muted); }
.home-media-admin .home-media-mode-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; }
.home-media-admin .home-media-mode-form label,
.home-media-admin .home-media-form label { display: grid; min-width: 0; gap: 6px; font-weight: 700; }
.home-media-admin .home-media-mode-form select,
.home-media-admin .home-media-form input:not([type=file]),
.home-media-admin .home-media-form input[type=file],
.home-media-admin .home-media-form select { width: 100%; min-width: 0; max-width: 100%; padding: 10px 12px; border: 1px solid #d6e1d5; border-radius: 0; background: #fff; color: var(--ink); }
.home-media-admin .home-media-form input[type=file] { padding: 8px; }
.home-media-admin .home-media-form small { display: block; color: var(--muted); font-weight: 400; }
.home-media-admin .home-media-source-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 16px; }
.home-media-admin .home-media-form { display: grid; min-width: 0; align-content: start; gap: 12px; padding: 15px; border: 1px solid var(--line); background: #fbfcfa; }
.home-media-admin .home-media-form .btn { justify-self: start; max-width: 100%; }
.home-media-admin .home-media-or { padding-top: 2px; color: var(--muted); font-size: 13px; }
.home-media-admin .home-media-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.home-media-admin .home-media-empty { padding: 16px; border: 1px dashed #bdcaba; background: #fafcf9; color: var(--muted); }
.home-media-admin .home-media-current { margin: 10px 0 0; overflow-wrap: anywhere; }
.home-media-admin .home-video-preview { display: block; width: 100%; max-height: 340px; aspect-ratio: 16 / 9; margin: 0; background: #101610; object-fit: contain; }
.home-media-admin .home-video-library-preview { display: block; width: min(100%,220px); aspect-ratio: 16 / 9; background: #101610; object-fit: contain; }
.home-media-admin .home-media-remove-form { margin-top: 12px; }
.home-media-admin .home-media-library .admin-table-wrap { max-width: 100%; overflow-x: auto; }
.home-media-admin .home-media-library .admin-table { min-width: 760px; }
.home-media-admin .home-media-library td { vertical-align: middle; }
.home-media-admin .home-media-library code { overflow-wrap: anywhere; }
.home-media-admin .home-slide-preview { display: block; width: 156px; max-width: 100%; height: 90px; object-fit: cover; background: #edf2eb; }
.home-media-admin .media-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 180px; }
.home-media-admin .media-row-actions form,
.home-media-admin .home-media-library td form { margin: 0; }
.hero-background-video { opacity: .9; }
.hero-background-video.media-unavailable,
.hero-background-video.media-autoplay-blocked,
.hero-background-video.media-motion-paused { opacity: 1; }
.hero:before { background: linear-gradient(90deg,rgba(15,23,15,.76) 0%,rgba(15,23,15,.32) 54%,rgba(15,23,15,.1) 100%); }
.hero-media-carousel { width: min(92%,520px); }
.hero-video-toggle { position: absolute; z-index: 4; top: 16px; right: clamp(16px,3vw,38px); display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 12px; border: 1px solid #ffffff80; border-radius: 0; background: #081008d9; color: #fff; font: 700 .74rem/1.2 'Inter',Arial,sans-serif; cursor: pointer; }
.hero-video-toggle:hover { border-color: #78da8d; background: #142214; }
.hero-video-toggle:focus-visible { outline: 3px solid #8bea9c; outline-offset: 3px; }
.hero-video-toggle[hidden] { display: none; }
@media (max-width: 1100px) {
  .home-media-admin .home-media-management-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 700px) {
  .hero-media-carousel { width: 100%; }
  .hero-video-toggle { top: 10px; right: 12px; min-height: 34px; padding: 7px 9px; }
  .home-media-admin .home-media-mode-form,
  .home-media-admin .home-media-source-grid,
  .home-media-admin .home-media-form-fields { grid-template-columns: minmax(0,1fr); }
  .home-media-admin .home-media-mode-form .btn,
  .home-media-admin .home-media-form .btn { width: 100%; }
  .home-media-admin .home-media-panel-heading { align-items: flex-start; }
  .home-media-admin .home-media-panel-heading > .status-chip { max-width: 100%; white-space: normal; }
  .home-media-admin .media-row-actions { min-width: 0; }
}

.home-media-admin .home-slide-copy-details { min-width: 220px; margin-top: 10px; }
.home-media-admin .home-slide-copy-details summary { color: #315f27; font-size: .76rem; font-weight: 700; cursor: pointer; }
.home-media-admin .home-slide-copy-details > small { margin-top: 8px; }
.home-media-admin .home-slide-copy-fields,
.home-media-admin .home-slide-copy-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.home-media-admin .home-slide-copy-form { min-width: 290px; padding: 12px; border: 1px solid var(--line); background: #fbfcfa; }
.home-media-admin .home-slide-copy-fields label,
.home-media-admin .home-slide-copy-form label { display: grid; min-width: 0; gap: 5px; font-size: .76rem; font-weight: 700; }
.home-media-admin .home-slide-copy-fields label:nth-child(2),
.home-media-admin .home-slide-copy-form label:nth-child(2) { grid-column: 1 / -1; }
.home-media-admin .home-slide-copy-fields input,
.home-media-admin .home-slide-copy-fields textarea,
.home-media-admin .home-slide-copy-fields select,
.home-media-admin .home-slide-copy-form input,
.home-media-admin .home-slide-copy-form textarea,
.home-media-admin .home-slide-copy-form select { width: 100%; min-width: 0; max-width: 100%; padding: 8px 9px; border: 1px solid #d6e1d5; border-radius: 0; background: #fff; color: var(--ink); font: 400 .78rem/1.45 "Inter",Arial,sans-serif; }
.home-media-admin .home-slide-copy-form .btn { grid-column: 1 / -1; justify-self: start; }
@media (max-width: 700px) {
  .home-media-admin .home-slide-copy-fields,
  .home-media-admin .home-slide-copy-form { grid-template-columns: minmax(0,1fr); min-width: 0; }
  .home-media-admin .home-slide-copy-fields label:nth-child(2),
  .home-media-admin .home-slide-copy-form label:nth-child(2) { grid-column: auto; }
  .home-media-admin .home-slide-copy-form .btn { width: 100%; }
}