/* ======================================================
   SUBSCRIPTION WORKSPACE
====================================================== */

.fh-subscription-workspace{

    display:block;

    width:100%;

}


.fh-panel{

    background:#1b1b1b;

    border:1px solid #2b2b2b;

    border-radius:14px;

    padding:20px;

    color:#ffffff;

}

.fh-status-panel{

    min-height:340px;

}

.fh-support-panel{

    min-height:220px;

}

.fh-hero-panel{

    min-height:280px;

}

.fh-plans-panel{

    min-height:620px;

}

.fh-footer-panel{

    min-height:90px;

}

.fh-info-panel{

    min-height:640px;

}

/* ==========================================
   STATUS CARD
========================================== */

.fh-status-card{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.fh-status-title{

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    letter-spacing:.5px;

}

.fh-status-divider{

    width:60px;

    height:3px;

    background:#d8b24b;

    border-radius:5px;

}

.fh-status-license{

    display:flex;

    align-items:center;

    gap:12px;

}

.fh-license-dot{

    width:14px;

    height:14px;

    border-radius:50%;

    background:#d83030;

}

.fh-status-license strong{

    display:block;

    color:#ffffff;

}

.fh-status-license span{

    color:#ff5555;

    font-weight:700;

}

.fh-status-season{

    display:flex;

    flex-direction:column;

    gap:6px;

    color:#cfcfcf;

}

.fh-status-season strong{

    font-size:28px;

    color:#ffffff;

}

.fh-btn-license{

    margin-top:auto;

    border:none;

    border-radius:8px;

    padding:14px;

    background:#17d97d;

    color:#101010;

    font-weight:700;

    cursor:pointer;

}

.fh-subscription-layout {

    display: grid;

    grid-template-columns: 260px minmax(0, 1fr) 260px;

    gap: 25px;

    align-items: start;

}

.fh-subscription-sidebar-left,
.fh-subscription-sidebar-right {

    width: 100%;

}


.fh-subscription-center {

    width: 100%;

}

.fh-subscription-sidebar-left .fh-status-card {

    background: #171717;

    border: 1px solid #303030;

    border-radius: 16px;

    padding: 20px;

    min-height: 300px;

}

/* ==========================================
   REGULATION CARD
========================================== */

.fh-regulation-card {

    background:#171717;

    border:1px solid #303030;

    border-radius:16px;

    padding:20px;

    color:#ffffff;

}


.fh-regulation-title {

    font-size:18px;

    font-weight:700;

    color:#ffffff;

}


.fh-regulation-divider {

    width:60px;

    height:3px;

    background:#d8b24b;

    border-radius:5px;

    margin:15px 0 20px;

}


.fh-regulation-content h4 {

    color:#d8b24b;

    font-size:14px;

    margin:18px 0 8px;

}


.fh-regulation-content p,
.fh-regulation-content li {

    color:#cfcfcf;

    font-size:13px;

    line-height:1.5;

}


.fh-regulation-content ul {

    padding-left:18px;

}

/* ==========================================
   REGULATION MENU
========================================== */


.fh-regulation-menu-card {

    background:#171717;

    border:1px solid #303030;

    border-radius:16px;

    padding:20px;

}


.fh-regulation-menu-title {

    color:#ffffff;

    font-size:18px;

    font-weight:700;

}


.fh-regulation-menu-divider {

    width:60px;

    height:3px;

    background:#d8b24b;

    border-radius:5px;

    margin:15px 0 20px;

}


.fh-regulation-menu-list {

    list-style:none;

    padding:0;

    margin:0;

    display:flex;

    flex-direction:column;

    gap:8px;

}


.fh-regulation-link {

    width:100%;

    text-align:left;

    background:none;

    border:none;

    color:#cfcfcf;

    padding:10px 12px;

    border-radius:8px;

    cursor:pointer;

    font-size:13px;

}


.fh-regulation-link:hover,
.fh-regulation-link.active {

    background:#252525;

    color:#d8b24b;

}







@media (max-width:1100px) {

    .fh-subscription-layout {

        grid-template-columns: 1fr;

    }

}

@media (max-width:900px) {

    .fh-subscription-layout {

        grid-template-columns: 1fr;

    }

}