/* ==========================================
   Information Center
========================================== */

.info-center{
    max-width:1100px;
    margin:0 auto 35px;
    text-align:center;
}

/* Tabs */
.info-tabs{
    display:flex;
    justify-content:center;
    margin:0 auto 18px;
}

.info-tab{
    width:140px;
    height:50px;
    border:1px solid #b88628;
    background:#111;
    color:#d6a84f;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
}

.info-tab + .info-tab{
    margin-left:-1px;
}

.info-tab:first-child{
    border-radius:28px 0 0 28px;
}

.info-tab:last-child{
    border-radius:0 28px 28px 0;
}

.info-tab.active{
    background:linear-gradient(180deg,#fff3c4,#c8953c);
    color:#1d1300;
}

/* Card */
.info-card-v2{
    min-height:220px;
    margin-top:20px;
    padding:20px 24px;
    border:1px solid #d9b15f;
    border-radius:18px;
    background:linear-gradient(180deg,#fffefb,#faf4e5);
    box-shadow:
        0 10px 28px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.6);
}

.info-card-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:-20px -24px 18px;
    padding:16px 24px;
    border-bottom:1px solid #e5d19a;
    background:linear-gradient(180deg,#fdf6df 0%,#f3e3b8 100%);
    border-radius:18px 18px 0 0;
}

.info-badge{
    display:inline-block;
    padding:6px 14px;
    border-radius:999px;
    background:linear-gradient(180deg,#fff6d5,#d6a84f,#9b6b1f);
    color:#221600;
    font-size:15px;
    font-weight:bold;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
}

.info-more{
    color:#9b6b1f;
    font-weight:bold;
    text-decoration:none;
}

.info-more:hover{
    color:#d6a84f;
}

/* List */
.info-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.info-row{
    display:flex;
    align-items:center;
    padding:12px 4px;
    border-bottom:1px solid #f1e5c5;
    border-radius:10px;
    cursor:pointer;
    transition:.2s;
    text-decoration:none;
}

.info-row:hover{
    background:#faf6ea;
}

.info-dot{
    width:8px;
    height:8px;
    margin-right:14px;
    border-radius:50%;
    background:linear-gradient(180deg,#ffe8a0,#c8953c,#8a6118);
    flex:none;
    box-shadow:
        0 0 0 2px rgba(200,149,60,.12),
        0 1px 3px rgba(0,0,0,.25);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.info-row:hover .info-dot{
    transform:scale(1.35);
}

.info-text{
    flex:1;
    font-size:18px;
    color:#333;
    text-align:left;
}

.info-row:hover .info-text{
    color:#9b6b1f;
    font-weight:bold;
}

.info-row-date{
    width:55px;
    text-align:right;
    font-size:15px;
    color:#999;
}

/* ==========================================
   Screen Reader Only
========================================== */

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}