/* =========================================================
   Keresési oldal (/kereses) – modul: search
   A találatok listája (szűrők, rendezés, kártyák) a közös ajánlatlista: modules/offers/css/styles.css;
   a népszerű élmények kártyái a _global/css/styles.css 11. szakaszában vannak. Itt csak az oldal saját elemei:
   1. Cím és darabszám
   2. Találatok
   3. Nincs találat
   4. Mobil (767 px alatt)
   Forrás: Figma – „Keresési találatok / Helyszín szűrő aktív / Desktop”, „… / Image hero / MOBIL”,
   „Keresési találatok / Nincs találat / Desktop” és „… / Mobil / B”
   ========================================================= */

/* ===== 1. Cím és darabszám ===== */
.srch-hero { padding: 2.5rem 0; background: var(--bg-section); }
.srch-hero .container { display: flex; flex-direction: column; gap: 0.75rem; }
.srch-title { font: var(--type-headline-l); letter-spacing: var(--ls-headline-l); color: var(--text-primary); overflow-wrap: break-word; }
.srch-summary { margin: 0; font: var(--type-title-m); color: var(--text-tertiary); }

/* ===== 2. Találatok ===== */
.srch-list { padding: 2rem 0 4.5rem; background: var(--bg-default); }

/* ===== 3. Nincs találat ===== */
.srch-empty { padding: 5rem 0; background: rgba(205, 231, 241, 0.5); }
.srch-empty-box { display: flex; flex-direction: column; align-items: center; gap: 1rem; max-width: 37.5rem; margin: 0 auto; text-align: center; }
.srch-empty-title { max-width: 100%; font: var(--type-headline-l); letter-spacing: var(--ls-headline-l); color: var(--text-primary); overflow-wrap: anywhere; }
.srch-empty-query { display: block; }
.srch-empty-text { margin: 0; font: 700 0.75rem/1rem var(--font-body); color: var(--text-secondary); }
.srch-empty-btn { min-height: 0; padding: 0.8125rem 1.6875rem; font: 700 1rem/1.25rem var(--font-heading); letter-spacing: 0; }

/* ===== 4. Mobil ===== */
@media (max-width: 1023px) {
.srch-list { padding-bottom: 4rem; }
}
@media (max-width: 767px) {
.srch-title { font: 600 2rem/2.375rem var(--font-heading); letter-spacing: -0.01875rem; }
.srch-summary { font: 600 1.25rem/1.75rem var(--font-heading); color: var(--text-primary); }
.srch-list { padding: 1.5rem 0 2.5rem; }
.srch-empty { padding: 2.5rem 0; background: var(--bg-default); }
.srch-empty-box { align-items: stretch; max-width: none; text-align: left; }
.srch-empty-title { font: 600 2rem/2.375rem var(--font-heading); letter-spacing: -0.01875rem; }
}

@media (prefers-color-scheme: dark) { .srch-empty { background: var(--bg-section); } }