/* file: clubsite-import.css */
@layer cmps {

  club-coach-view,
  club-team-manager-view,
  club-exec-view,
  club-exec-bio-view,
  club-honours-view, 
  clubsite-import-view,
  club-team-view {
    .club-team-list {
      min-height: 10rem;
    }

    .clubsite-section-title {
      font-weight: 700;
    }

    .team-section-row {
      padding: var(--sz-sm) 0 var(--sz-xs);
      background: transparent;
    }

    .team-list-empty {
      box-shadow: none;
    }

    /* .clubsite-card {
      border: 1px solid var(--border-subtle);
    } 

    .clubsite-card-person {
      align-items: flex-start;
    }

    .clubsite-section-card {
      flex: 1 1 18rem;
    }

    .clubsite-card-image {
      flex: 0 0 6rem;
      width: 6rem;
      height: 6rem;
      overflow: hidden;
      border-radius: var(--radius-md);
      background: var(--bg-soft);
    }

    .clubsite-card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .clubsite-card-image-placeholder {
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--bg-soft), var(--bg-raised));
      border: 1px solid var(--border-subtle);
    }

    .clubsite-card-initials {
      font-size: 1.35rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      color: var(--text-muted);
    }
    */

    .clubsite-card-person.item .item-detail {
      align-items: flex-start;
    }

    .clubsite-card-title {
      font-weight: 700;
    }

    @media (max-width: 42rem) {
      .clubsite-card {
        flex-direction: column;
      }

      .clubsite-card-image {
        width: 100%;
        height: 12rem;
        flex-basis: auto;
      }
    }
  }
}