/* rmd-kadence-child/assets/css/search.css
   Suchergebnis-Seite (search.php). Nur das Seiten-Chrome - die Produkt-Kacheln nutzen das globale
   Grid/Tile-CSS (.rmd-c-grid/.rmd-c-tile, blocks.css) wie die Kategorieseiten. Werte NUR aus Tokens. */

.rmd-sr{background:var(--color-page)}
.rmd-sr__inner{padding-top:var(--space-12);padding-bottom:var(--space-section)}

.rmd-sr .rmd-zurueck{margin-bottom:var(--space-6)}
.rmd-sr__eyebrow{margin:0 0 var(--space-3)}

.rmd-sr__h{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:-.03em;color:var(--color-headline);margin:0 0 var(--space-6)}
.rmd-sr__mark{background:linear-gradient(transparent 62%,var(--color-signal) 62%,var(--color-signal) 94%,transparent 94%)}

/* Verfeinern-Feld: weisse Pille + Submit */
.rmd-sr__field{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);max-width:560px;margin:0 0 var(--space-12);box-shadow:var(--shadow-sm)}
.rmd-sr__field .rmd-icon{width:20px;height:20px;flex:0 0 auto;color:var(--color-text-muted)}
/* Input an das Feld gebunden (0,0,2,0), damit Kadences input[type=search] (Rahmen/BG/Padding) nicht durchschlaegt. */
.rmd-sr__field .rmd-sr__input{flex:1 1 0;min-width:0;width:0;border:0;background:transparent;padding:0;box-shadow:none;outline:none;font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-headline)}
.rmd-sr__submit{flex:0 0 auto;height:40px;padding:0 var(--space-6);border:0;border-radius:var(--radius-pill);background:var(--color-signal);color:var(--color-on-signal);font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;transition:background .15s}
.rmd-sr__submit:hover{background:var(--color-signal-hover)}

/* Abschnitts-Label (Produkte / Zubehoer) */
.rmd-sr__label{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 var(--space-5)}
.rmd-sr__label + .rmd-c-grid,.rmd-sr__label + .rmd-c-section{margin-bottom:var(--space-12)}

/* Zubehoer-Liste (Haarlinien) */
.rmd-sr__list{max-width:820px;margin:0 0 var(--space-12)}
.rmd-sr__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-hairline);text-decoration:none}
.rmd-sr__row:last-child{border-bottom:0}
.rmd-sr__rowimg{width:52px;height:52px;flex:0 0 auto;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-1)}
.rmd-sr__rowimg img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.rmd-sr__rowtxt{flex:1;min-width:0}
.rmd-sr__rowname{display:block;font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-headline)}
.rmd-sr__row:hover .rmd-sr__rowname{text-decoration:underline;text-decoration-color:var(--color-signal);text-decoration-thickness:2px;text-underline-offset:2px}
.rmd-sr__rownr{display:block;font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:1px}
.rmd-sr__rowprice{flex:0 0 auto;font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--color-headline);white-space:nowrap}

/* Leerer Zustand */
.rmd-sr__empty{color:var(--color-text);font-size:var(--fs-md)}
.rmd-sr__empty-hint{color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:var(--space-2)}
.rmd-sr__empty a{color:var(--color-headline);text-decoration:underline;text-decoration-color:var(--color-signal);text-decoration-thickness:2px;text-underline-offset:2px}

/* Pagination */
.rmd-sr__pag{margin-top:var(--space-8)}
.rmd-sr__pag .nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.rmd-sr__pag .page-numbers{display:inline-flex;align-items:center;gap:var(--space-1);min-width:44px;height:44px;padding:0 var(--space-3);justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-headline);text-decoration:none;transition:border-color .12s,background .12s}
.rmd-sr__pag .page-numbers:hover{border-color:var(--color-border-strong);background:var(--color-surface)}
.rmd-sr__pag .page-numbers.current{background:var(--color-headline);border-color:var(--color-headline);color:var(--color-on-dark)}
.rmd-sr__pag .page-numbers.dots{border:0;background:transparent}
.rmd-sr__pag .page-numbers .rmd-icon{width:16px;height:16px}

@media(max-width:767px){
  .rmd-sr__inner{padding-top:var(--space-8)}
  .rmd-sr__h{font-size:var(--fs-2xl)}
  /* Mobil: nur Icon + Input (Absenden per Tastatur-"Suchen"), kein Text-Button -> nie abgeschnitten. */
  .rmd-sr__field{max-width:none;padding-right:var(--space-5)}
  .rmd-sr__submit{display:none}
}