/*
t8-tournament-system/friendly-match/nikkan-1/main-page/main.css

【この CSS の役割】
- T8 Tournament System の「日韓戦メインページ」専用スタイル
- 読み込み元：プラグイン内の render.php
- 対象ページ：日韓戦トップページ（nikkan-1）
*/

/*
========================================
共通カードデザイン
========================================
*/

.t8-nikkan1-card{

    max-width:900px;
    margin:40px auto;
    padding:30px;

    background:#2a2a2a;
    color:#eee;

    border-radius:16px;
    box-shadow:0 5px 20px rgba(0,0,0,.4);

}

/*
========================================
カード見出し
========================================
*/

.t8-nikkan1-card h2{

    margin-top:0;
    margin-bottom:20px;
    padding-bottom:10px;

    border-bottom:2px solid #444;

}

/*
========================================
試合概要
========================================
*/

.t8-nikkan1-stream-link{

    margin-right:15px;

}

.t8-nikkan1-stream-item{

    margin-top:15px;

}

@media(max-width:600px){

    .t8-nikkan1-stream-links{
        flex-direction:column;
    }

}

/*
========================================
ラウンジ案内
========================================
*/

.t8-nikkan1-venue h3{

    margin-top:20px;
    margin-bottom:15px;

}

.t8-nikkan1-venue-guide{

    padding-left:25px;

}

.t8-nikkan1-venue-guide li{

    margin-bottom:15px;
    line-height:1.8;

}

/*
========================================
ルール説明
========================================
*/

.t8-nikkan1-rules-list{

    margin:0;
    padding-left:25px;

}

.t8-nikkan1-rules-list li{

    margin-bottom:12px;
    line-height:1.8;

}

.t8-nikkan1-rules-list li:last-child{

    margin-bottom:0;

}

/*
========================================
参加チーム
========================================
*/

.t8-nikkan1-teams{

    margin-top:30px;

}

/*--------------------------------------
チームカード
--------------------------------------*/

.t8-nikkan1-team-card{

    margin-top:25px;
    padding:20px;

    background:#333;

    border-radius:10px;

}

.nikkan1-team-ko{

    border-left:5px solid #66b3ff;

}

.nikkan1-team-ko h3{

    color:#66b3ff;

}

.nikkan1-team-jp{

    border-left:5px solid #e53935;

}

.nikkan1-team-jp h3{

    color:#e53935;

}

.t8-nikkan1-team-subtitle{

    margin:5px 0 20px;

    color:#aaa;
    font-size:.9rem;

}

/*--------------------------------------
選手一覧
--------------------------------------*/

.t8-nikkan1-team-list{

    margin:0;
    padding:0;

    list-style:none;

}

.t8-nikkan1-team-list li{

    padding:12px 0;

    border-bottom:1px solid #444;

}

.t8-nikkan1-team-list li:last-child{

    border-bottom:none;

}

/*--------------------------------------
選手情報
--------------------------------------*/

.t8-nikkan1-player-info{

    display:grid;
    grid-template-columns:260px 120px 1fr;

    align-items:center;
    gap:15px;

}

.t8-nikkan1-player-name{

    font-size:1rem;
    font-weight:bold;

    color:#fff;

}

.t8-nikkan1-player-rank{

    color:#ccc;

}

/*--------------------------------------
配信リンク
--------------------------------------*/

.t8-nikkan1-player-links{

    display:flex;
    flex-wrap:wrap;

    gap:10px;

    align-items:center;

}

.t8-nikkan1-player-links a{

    display:inline-block;

    padding:6px 14px;

    border-radius:6px;

    background:#555;
    color:#fff;

    text-decoration:none;

    font-size:.9rem;
    font-weight:bold;

    transition:.2s;

}

.t8-nikkan1-player-links a:hover{

    background:#777;

}

/*
========================================
スマホ対応
========================================
*/

@media screen and (max-width:768px){

    .t8-eye-title{

        font-size:20px;
        margin-bottom:16px;

    }

    .t8-tournament-eye-catch-img{

        width:100%;
        max-width:480px;

        margin:0 auto;

    }

    .t8-card{

        padding:20px;
        margin:24px auto;

    }

    .t8-nikkan1-team-card{

        padding:16px;

    }

    .t8-nikkan1-player-info{

        grid-template-columns:1fr;

        text-align:center;
        gap:10px;

    }

    .t8-nikkan1-player-name{

        font-size:.95rem;

    }

    .t8-nikkan1-player-rank{

        font-size:.85rem;

    }

    .t8-nikkan1-player-links{

        flex-direction:column;

        align-items:stretch;

    }

    .t8-nikkan1-player-links a{

        text-align:center;
        padding:10px;

    }

    .t8-nikkan1-team-list li{

        padding:10px 0;

    }

    .t8-card h2{

        font-size:1.2rem;
        margin-bottom:16px;

    }

}