/*
 Theme Name: OnePress Child
 Template: onepress
 Text Domain: onepress-child
 Version: 1.0.6
*/

/*
    header / menu
*/
/* Globaler Seitenabstand */
.hndb-page-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
    /* alternativ mit %: padding: 0 5%; */
    max-width: 1200px;  /* optional: maximale Breite */
    margin: 0 auto;     /* zentrieren */
  }

/* Logo + Site-Title nebeneinander zentriert */
.site-branding {
    display:flex; align-items:center; gap:10px;
  }
  .custom-logo-link img { height:44px; width:auto; }
  .site-title { margin:0; font-size: clamp(1rem, 2vw, 1.25rem); }

  /*
  .hndb-sec { margin: clamp(16px, 4vw, 48px) 0; }
  */
/*
.hndb-hero--image img,.hndb-card-img{width:100%;height:auto;border-radius:12px;display:block}
*/
.hndb-hero--video iframe,.hndb-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.hndb-archive .hndb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.hndb-card__title{margin:10px 0 6px;font-size:1.15rem}
.hndb-card__meta{color:#6b7280;font-size:.9rem;margin-bottom:6px}

.hndb-hero--image img { width:100%; height:auto; display:block; border-radius:12px }
.hndb-hero--video video { width:100%; height:auto; display:block; border-radius:12px }

/*
    Team section
*/

/*  archieve    */
.hndb-archive-header { margin: 2rem 0 1rem; }
.hndb-filters { display:flex; gap:1rem; flex-wrap:wrap; align-items:flex-end; margin-bottom:1.5rem; }
.hndb-filters label { display:flex; flex-direction:column; font-size:14px; }
.hndb-checkbox { flex-direction:row; gap:.5rem; align-items:center; }
.hndb-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.25rem; }
.hndb-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 7px 20px rgba(0,0,0,.06); display:flex; flex-direction:column; }
.hndb-card-media img, .hndb-hero-img { width:100%; height:180px; object-fit:cover; display:block; }
.hndb-placeholder { height:180px; display:grid; place-items:center; background:#f4f6f8; color:#667; font-size:14px; }
.hndb-card-body { padding:14px; display:flex; flex-direction:column; gap:.5rem; }
.hndb-card-title { font-size:1.1rem; margin:0; }
.hndb-badge { background:#eef3ff; color:#3057d5; padding:.15rem .5rem; border-radius:999px; font-size:.78rem; }
.hndb-dot { margin:0 .4rem; color:#999; }
.hndb-meta { color:#555; font-size:.9rem; }
.hndb-meta-small { color:#666; font-size:.85rem; }
.hndb-pagination { margin-top:1.25rem; }

/* Archive – Team Rows */
.hndb-team-list { display:flex; flex-direction:column; gap:16px; }
.hndb-team-row {
  display:grid;
  grid-template-columns: 140px 1fr;
  gap:16px;
  padding:14px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 7px 20px rgba(0,0,0,.06);
  align-items:center;
}

.hndb-team-thumb { display:block; }
.hndb-thumb-img {
  width:100%; height:100%;
  max-width: 140px; max-height: 100px;
  object-fit:cover;
  border-radius:12px; /* abgerundete Ecken */
  display:block;
}
.hndb-thumb-ph {
  width:100%; height:100%;
  max-width:140px; max-height:100px;
  display:grid; place-items:center;
  background:#f4f6f8; color:#667; border-radius:12px;
  font-size:13px;
}

.hndb-team-info { display:flex; flex-direction:column; gap:.35rem; }
.hndb-team-title { margin:0; font-size:1.25rem; }
.hndb-team-meta { margin:0; color:#555; display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.hndb-badge { background:#eef3ff; color:#3057d5; padding:.15rem .5rem; border-radius:999px; font-size:.78rem; }
.hndb-dot { color:#999; }
.hndb-meta { color:#555; font-size:.9rem; }
.hndb-meta-small { color:#666; font-size:.85rem; }
.hndb-team-actions { margin-top:.25rem; }

/*
    Match section
*/
/* Archive – Matches */
.hndb-match-list { display:flex; flex-direction:column; gap:12px; }
.hndb-match-card {
  display:grid;
  grid-template-columns: 80px 1fr;
  gap:12px;
  padding:12px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 7px 20px rgba(0,0,0,.06);
  align-items:center;
}
.hndb-match-date { text-align:center; }
.hndb-day  { font-weight:700; font-size:1rem; }
.hndb-time { color:#666; font-size:.9rem; }

.hndb-match-title { margin:0; font-size:1.05rem; line-height:1.25; }
.hndb-vs { margin:0 .35rem; color:#888; }
.hndb-match-tags { margin:.2rem 0 0; display:flex; gap:.4rem; align-items:center; }
.hndb-badge { padding:.15rem .5rem; border-radius:999px; font-size:.78rem; }
.hndb-badge.is-home { background:#e6fbf0; color:#0a8a4b; }
.hndb-badge.is-away { background:#fff3e6; color:#b75b00; }

.hndb-loader { text-align:center; color:#666; padding:12px; }

/* Filterleiste */
.hndb-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; margin:10px 0 16px; }
.hndb-filters label { display:flex; flex-direction:column; gap:6px; font-size:.9rem; }
.hndb-filters select, .hndb-filters input[type="search"] { min-width: 180px; }

/* Larger screens */
@media (min-width: 768px) {
  .hndb-match-card {
    grid-template-columns:100px 1fr;
    padding:14px 16px;
  }
  .hndb-day { font-size:1.15rem; }
  .hndb-match-title { font-size:1.15rem; }
}