/* People & Culture EXPO — 반응형 보정 */

/* 공통 컨테이너 */
.page-container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/*
@media (min-width: 640px) {
    .page-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
*/

/* 고정 UI가 콘텐츠·노치와 겹치지 않도록 */
@supports (padding: max(0px)) {
    #site-nav .max-w-7xl {
        padding-left: max(1rem, env(safe-area-inset-left));
        padding-right: max(1rem, env(safe-area-inset-right));
    }

    .quick-actions-fab {
        bottom: max(1rem, env(safe-area-inset-bottom));
        right: max(1rem, env(safe-area-inset-right));
    }
}

/* 네비: 태블릿 구간에서 메뉴 줄바꿈·겹침 방지 (데스크톱 메뉴는 xl부터) */
@media (max-width: 1279px) {
    .site-nav-logo {
        max-width: 52vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* 행사 개요 테이블 — 모바일 카드형 */
@media (max-width: 639px) {
    .overview-table tbody tr {
        display: block;
        border-bottom: 1px solid #e2e8f0;
    }

    .overview-table tbody tr:last-child {
        border-bottom: none;
    }

    .overview-table th,
    .overview-table td {
        display: block;
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .overview-table th {
        padding-bottom: 0.35rem;
        background-color: #f8fafc;
        border-top: none;
    }

    .overview-table td {
        padding-top: 0.5rem;
        padding-bottom: 1rem;
    }
}

/* 모달·폼 모달 — 소형 화면 */
@media (max-width: 639px) {
    .expo-form-modal > div:last-child {
        border-radius: 1.25rem;
        max-height: 92vh;
    }

    .expo-form-modal .modal-panel-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.25rem 1.25rem 0.75rem;
    }

    .expo-form-modal .modal-panel-body {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

/* 사전등록 — 기업 참가 카드 */
@media (max-width: 639px) {
    .registration-exhibitor-card {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    .registration-exhibitor-card > i:last-child {
        align-self: flex-end;
    }
}

/* FAQ 질문 긴 줄 */
.faq-trigger span {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

/* 섹션 세로 여백 — 모바일 축소 */
@media (max-width: 639px) {
    #about.py-24,
    #experience.py-24,
    #zones.py-24,
    #exhibitors.py-24,
    #faq.py-24,
    #registration.py-24 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}