/* ============================================
   사커스타 포메이션 UI 개선
   v1.0 - 2026-03-19
   team_formation_dd_info.asp 전용
   ============================================ */

/* === 선수 카드 기본 === */
.plr_card {
    position: relative;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.plr_card__img {
    border-radius: 6px !important;
    border: 2px solid rgba(255,255,255,0.15) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    overflow: hidden;
}

/* 선수 이름 카드 */
.player_card_name {
    border-radius: 3px !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    text-align: center;
}

/* === 드래그 중인 원본 카드 (투명해짐) === */
.plr_card__img.ss-dragging {
    opacity: 0.3 !important;
    transform: scale(0.9) !important;
}

/* === 드래그 복제본 (손가락 따라다님) === */
.ss-drag-clone {
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 0 0 2px rgba(254,219,65,0.6) !important;
    border: 2px solid #fedb41 !important;
    transform: scale(1.15) !important;
    filter: brightness(1.1);
}

/* === 드롭 대상 하이라이트 (선수가 있는 슬롯) === */
.plr_card__img.selected {
    border-color: #fedb41 !important;
    box-shadow:
        0 0 0 3px rgba(254,219,65,0.4),
        0 0 12px rgba(254,219,65,0.3),
        inset 0 0 8px rgba(254,219,65,0.1) !important;
    transform: scale(1.05);
}

/* === 빈 포메이션 슬롯 === */
.plr_card__img[id^="FM:"] {
    border: 2px dashed rgba(255,255,255,0.2) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,0.03) !important;
    transition: border-color 0.2s ease, background 0.2s ease;
}

/* 빈 슬롯 드롭 대상 하이라이트 */
.plr_card__img[id^="FM:"].selected {
    border-color: #fedb41 !important;
    border-style: solid !important;
    background: rgba(254,219,65,0.08) !important;
    box-shadow: 0 0 12px rgba(254,219,65,0.2) !important;
}

/* === 벤치/후보 타이틀 바 === */
.subTitleBench,
.subTitleSubs {
    background: linear-gradient(135deg, #1a1025 0%, #2d2537 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
}

/* === 후보 선수 영역 === */
.card_container_subs {
    background: rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    padding: 8px !important;
}

/* === 메인 포메이션 영역 === */
.card_container {
    border-radius: 10px !important;
}

/* === 컨디션 바 개선 === */
.cond_meter {
    border-radius: 3px !important;
    overflow: hidden;
}
.cond_meter span {
    border-radius: 3px !important;
}

/* === 드래그 중 스크롤 비활성 === */
body.ss-drag-active {
    overflow: hidden !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* === 페이지 이동 화살표 === */
.arraw_icon {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}
.arraw_icon:active {
    opacity: 1;
}

/* === 드래그 힌트 (처음 방문 시) === */
.ss-drag-hint {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    white-space: nowrap;
    pointer-events: none;
    animation: ssHintPulse 2s ease-in-out infinite;
    z-index: 100;
}
@keyframes ssHintPulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 0.4; }
}