@charset "utf-8";

/* =========================================================
   메인 테마형 캘린더 스킨
   - latest.skin.php 구조는 유지
   - 년도 / 월 / 요일 / 날짜만 보이게 정리
   - 기존 일정형 흔적 제거
   ========================================================= */

/* 전체 래퍼 */
.sched-list {
    width: 100%;
    color: #f3f7fc;
    box-sizing: border-box;
}

/* 상단 헤더 */
.cal-nav {
    position: relative;
    margin: 0;
    padding: 0 0 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

    .cal-nav h2 {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
        padding: 0 10px;
        font-size: 1rem;
        line-height: 1;
    }

        /* 년도 */
        .cal-nav h2 .year {
            font-family: 'Orbitron', sans-serif !important;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -0.04em;
            color: #f4f7fb;
            line-height: 0.9;
        }

        /* 일본식 월 표기는 숨김 */
        .cal-nav h2 .month_jp {
            display: none !important;
        }

        /* 월 */
        .cal-nav h2 .month {
            font-family: 'Orbitron', sans-serif !important;
            position: static !important;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -0.03em;
            color: #f4f7fb;
            line-height: 1;
        }

    /* 헤더 아래 옛 장식 이미지 숨김 */
    .cal-nav > div {
        display: none !important;
    }

/* 표 기본 */
.sched-list {
    width: 100%;
    background-color: transparent;
    margin: 14px 0 0 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    text-align: center;
}

    /* 요일 */
    .sched-list .theme-list thead th {
        font-family: 'SDGothic', sans-serif !important;
        height: 28px;
        padding: 0 0 8px 0;
        background: transparent;
        border: 0;
        color: rgba(244, 248, 255, 0.78);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-align: center;
    }

    /* 날짜 셀 */
    .sched-list .theme-list tbody td {
        position: relative;
        height: 36px;
        padding: 0;
        background: transparent;
        border: 0;
        text-align: center;
        vertical-align: middle;
    }

    /* 맨 윗줄 여백용 td 제거 느낌 */
    .sched-list .theme-list tbody tr:first-child td[colspan="7"] {
        height: 6px !important;
        padding: 0 !important;
        font-size: 0;
        line-height: 0;
    }

    /* 날짜 숫자 */
    .sched-list .theme-list td i {
        font-family: 'SDGothic', sans-serif !important;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        margin: 0;
        font-style: normal;
        font-size: 11px;
        font-weight: 500;
        line-height: 1;
        color: rgba(244, 248, 255, 0.78);
        border-radius: 999px;
        transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
    }

    /* 오늘 날짜 */
    .sched-list .theme-list td.today i {
        color: #f6f18a;
        font-weight: 700;
    }

        .sched-list .theme-list td.today i::after {
            content: "";
            position: absolute;
            inset: 0;
            border: 1.5px solid rgba(255, 245, 120, 0.9);
            border-radius: 999px;
            box-shadow: 0 0 0 1px rgba(255, 245, 120, 0.08), 0 0 12px rgba(255, 245, 120, 0.10);
        }

    /* 빈칸 */
    .sched-list .theme-list td.noday {
        opacity: 0.08;
    }

    /* 주말 살짝 톤 조절 */
    .sched-list .theme-list tbody td.left i,
    .sched-list .theme-list tbody td.right i {
        color: rgba(244, 248, 255, 0.68);
    }

    /* 날짜 hover */
    .sched-list .theme-list tbody td:hover i {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.04);
        transform: translateY(-1px);
    }

/* =========================================================
   기존 일정형 흔적 제거
   - "표시만 넣어서" 요청에 맞게 일정 바/팝업/제목 숨김
   ========================================================= */

.sched-list .liner,
.sched-list .s_subject,
.sched-list .popup_layer,
.sched-list .txt-default {
    display: none !important;
}

/* 셀 내부 링크가 있더라도 날짜 레이아웃 망치지 않게 */
.sched-list .theme-list td a {
    display: none !important;
}

/* =========================================================
   반응형
   ========================================================= */

@media all and (max-width: 1600px) {
    .cal-nav h2 .year {
        font-size: 52px;
    }

    .cal-nav h2 .month {
        font-size: 30px;
    }

    .sched-list .theme-list td i {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
}
