@charset "utf-8";

/* 항공 일정 — 선택한 출발일의 왕복 leg
   정본 규격: .claude/skills/style/item-detail-page.md (프로토타입 `Air _ Type B` `.fl-sched`) */

.item-flight {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
    border: 1px solid var(--tp-line);
    border-radius: 12px;
}

.item-flight__empty {
    padding: 18px 0;
    color: var(--tp-gray);
    font-size: 14px;
    text-align: center;
}

.item-flight__leg {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
}

.item-flight__leg + .item-flight__leg {
    border-top: 1px dashed var(--tp-line);
}

.item-flight__tag {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--tp-blue-tint);
    color: var(--tp-blue);
    font-size: 20px;
}

.item-flight__dir {
    flex-shrink: 0;
    width: 42px;
    color: #555;
    font-size: 15px;
    font-weight: 600;
}

.item-flight__info {
    flex: 1;
    min-width: 0;
}

.item-flight__route {
    font-size: 15px;
    font-weight: 700;
}

.item-flight__sub {
    margin-top: 8px;
    color: var(--tp-gray);
    font-size: 13px;
    line-height: 1.4;
}

.tap_info_tit h3 {font-size: 20px;}

/* 좁은 화면에서는 아이콘·방향 라벨이 본문 폭을 잠식한다 */
@media (max-width: 540px) {
    .item-flight { padding: 8px 16px; }

    .item-flight__leg { gap: 12px; padding: 12px 0;}

    .item-flight__tag {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }
    
    .item-flight__dir { width: 34px; }

    .item-flight__route { font-size: 14px; }

    .tap_info_tit h3 {font-size: 18px;}
}