/* ==========================================================
   FHL - SEASON SELECTION
========================================================== */

/* ==========================================================
   SUMMARY
========================================================== */

.fh-card.fh-season-summary{

    width:100%;
    padding:34px;
    border-radius:16px;
    box-sizing:border-box;

}

.fh-season-summary__header{

    margin-bottom:30px;

}

.fh-season-summary__header h2{

    margin:0;
    font-size:34px;
    line-height:1.2;

}

.fh-season-summary__header p{

    margin-top:10px;

    max-width:100%;

    line-height:1.7;

    color:#d6a72b;

    font-weight:700;

}

/* ==========================================================
   SUMMARY GRID
========================================================== */

.fh-season-summary-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));

    gap:20px;

    width:100%;

}

/* ==========================================================
   SUMMARY CARD
========================================================== */

.fh-season-summary-item{

    display:flex;

    flex-direction:column;

    justify-content:center;

    background:#202020;

    border:1px solid #313131;

    border-radius:14px;

    padding:22px;

    min-height:110px;

    transition:.20s;

}

.fh-season-summary-item:hover{

    border-color:#d6a72b;

}

.fh-season-summary-item span{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:12px;

    color:#d6a72b;

    font-size:18px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

}

.fh-season-summary-item strong{

    display:block;

    margin-top:2px;

    font-size:24px;

    font-weight:700;

    color:#ffffff;

    line-height:1.3;

}
/* ==========================================================
   TEAM GRID
========================================================== */

.fh-season-selection__grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

    gap:24px;

    margin-top:30px;

}

/* ==========================================================
   TEAM CARD
========================================================== */

.fh-team-card{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:20px;

    background:#1c1c1c;

    border:1px solid #313131;

    border-radius:16px;

    cursor:pointer;

    transition:.20s;

}

.fh-team-card:hover{

    border-color:#d6a72b;

    transform:translateY(-2px);

}

.fh-team-card__checkbox{

    position:absolute;

    top:16px;

    left:16px;

    z-index:2;

}

.fh-team-card__checkbox input{

    width:20px;

    height:20px;

    cursor:pointer;

    accent-color:#d6a72b;

}

.fh-team-card__logo{

    margin:20px 0;

}

.fh-team-card__logo img{

    width:90px;

    height:90px;

    object-fit:contain;

    display:block;

}

.fh-team-card__content{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

}

.fh-team-card__name{

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    line-height:1.3;

    text-align:center;

    margin-top:8px;

}

.fh-team-card__badge{

    display:inline-flex;

    align-items:center;

    gap:5px;

    padding:4px 10px;

    margin-top:8px;

    border-radius:999px;

    background:rgba(46, 204, 113, .12);

    border:1px solid rgba(46, 204, 113, .25);

    color:#4cd67a;

    font-size:12px;

    font-weight:600;

}

/* ==========================================================
   NOTICE
========================================================== */

.fh-season-selection__notice{

    margin-top:28px;

    padding:18px 22px;

    background:#1b1b1b;

    border:1px solid #303030;

    border-left:4px solid #d6a72b;

    border-radius:12px;

    color:#ffffff;

}

.fh-season-selection__notice strong{

    color:#ffffff;

}

.fh-season-selection__notice p{

    margin:8px 0;

    font-size:16px;

    line-height:1.45;

    color:#d6a72b;

    font-weight:700;

}

/* ==========================================================
   VALIDATION MESSAGE
========================================================== */

.fh-season-selection-message{

    margin:15px 0 20px;

    padding:14px 18px;

    border-radius:10px;

    background:#5b1f1f;

    border:1px solid #b83a3a;

    color:#ffffff;

    font-size:14px;

    font-weight:600;

}

.fh-season-selection-message.is-error{

    background:#5b1f1f;

    border:1px solid #b83a3a;

    color:#ffffff;

}

.fh-season-selection-message.is-success{

    background:#17452a;

    border:1px solid #2d9b58;

    color:#ffffff;

}

.fh-season-selection__footer{

    display:flex;

    align-items:stretch;

    justify-content:center;

}

.fh-button.fh-button-primary{

    width:100%;

    min-height:195px;

    border:none;

    border-radius:16px;

    background:linear-gradient(135deg,#0d6efd,#0a58ca);

    color:#fff;

    font-size:20px;

    font-weight:700;

    cursor:pointer;

    transition:all .25s ease;

    box-shadow:0 8px 20px rgba(13,110,253,.25);

}

.fh-button.fh-button-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 14px 30px rgba(13,110,253,.35);

}

.fh-button.fh-button-primary:active{

    transform:translateY(-1px);

}

.fh-summary-icon{

    width:18px;

    height:18px;

    margin-right:6px;

    vertical-align:-3px;

}

.fh-season-selection-message.is-info{

    background:#3a2f12;

    border:1px solid #d6a72b;

    color:#d6a72b;

}