[data-layout='feature']{
   max-width: 768px;
   margin: 0px auto;
}


.billboard-content #breadcrumbs,
.billboard-content h1,
.billboard-content p{
   text-align: center;
}

.billboard-content h1{
   line-height: 1;
}

.billboard-content h1 span{
   font-size: 0.6em;
   font-weight: normal;
   display: block;
   margin-top: 6px;
}


.billboard-content [data-list='cards']{
   gap: 16px;
   display: flex;
   justify-content: center;    /* Centers items horizontally */
   flex-wrap: wrap;
}


a.card-btn:hover{
   text-decoration: none;
   opacity: 0.85;
}



[data-list='cards'] .card-btn{
   height: 4.4rem;
   line-height: 4.4rem;
   padding: 0 12px;
   min-width: 120px;
   border-radius: 8px;
   font-weight: 600;
   font-size: 1.7rem;
   transition: all 0.25s ease-out;


   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.4);


}

[data-list='cards'] .card-btn[data-card='seating']{
   background: white;
   color: var(--color-primary);
}

[data-list='cards'] .card-btn[data-card='team']{
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.05);
}


.billboard-content .card-btn.match-card-style{
   width: 240px;
}

.billboard-content .is-card{
   color: var(--text-default);
   background: white;
   border-radius: var(--border-radius);
   width: 240px;
   padding: 12px 16px;
}

.billboard-content .is-card, .billboard-content .match-card-style{
   min-height: calc((var(--list-team-count, 0) * 32px) + 44px);
}

[data-list='cards'] .card-btn.match-card-style {
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   line-height: unset;
 }
 
 .btn-content {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px; /* spacing between icon and label */
 }

.billboard-content .is-card [card-slot='header']{
   height: 24px;
}

.billboard-content .is-card a{
   color: var(--link-default);
}

.billboard-content .is-card img{
   height: 120px;
   width: 100%;
   object-fit: cover;
   border-radius: var(--border-radius-sm);   
}




/* teams card */

.billboard-content [data-card='teams'] [card-slot='content']{
   display: flex;
   flex-direction: column;
   gap: 12px;
   text-align: left;
}

.billboard-content [data-card='teams'] a{
   text-decoration: underline dotted;
   text-underline-offset: 2px;
}

.billboard-content [data-card='teams'] h2{
   text-transform: uppercase;
    opacity: 0.67;
    font-size: 12px;
    text-align: left;
}

.billboard-content .is-card *{
   color: var(--text-default);
}


trust-bar{
   margin: 0px auto;
   width: fit-content;
   margin-top: 36px;   
}


[data-section="billboard"] h1{
   margin-bottom: 24px;
   line-height: 1.2;
}

[data-section="billboard"] p{
   margin-bottom: 16px;
   font-size: 1.5rem;
}

[data-section="billboard"] {
   padding: 24px;
}



/* Reserve space for photo-slider before it turns into slider */
.photo-slider{
   max-height: clamp(220px, 50vw, 420px);;
   overflow-y: hidden;
}
.photo-slider.slider{
   max-height: unset;
   overflow: unset;
}



.photo-slider .slide img{
   height: clamp(200px, 50vw, 400px);
}



#primary-event-list{
   min-height: 40vh;
}
@media (min-width: 768px) {
   

#primary-event-list{

   box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px;
   background: white;
   padding: 16px;
   border-radius: 12px;
   border: 1px solid #F8F8F8;   
}
}