/* ================================================================= */
/* 공통 네비게이션/레이아웃 스타일 (이벤트 페이지용)                     */
/* index.html 내부 inline style에서 추출                              */
/* ================================================================= */

/* 기본: 데스크톱 */
.mobile-only { display: none !important; }
.pc-only { display: inline-flex; }
.mobile-bottom-nav { display: none; }

/* 모바일 오버라이드 */
@media (max-width: 768px) {
    .mobile-only { display: flex !important; }
    .pc-only { display: none !important; }

    body { display: flex; flex-direction: column; overflow-x: hidden; padding-bottom: 85px; }

    .navbar { order: 1; position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-bottom: none; box-shadow: 0 4px 10px rgba(0,0,0,0.03); }
    .navbar .container { padding: 8px 15px; display: flex; flex-direction: row !important; justify-content: space-between; align-items: center; width: 100%; }

    /* Ticker */
    .mobile-ticker { order: 2; width: 100%; background: #1e293b; color: #fff; font-size: 0.75rem; font-weight: 600; padding: 6px 0; overflow: hidden; position: relative; z-index: 99; white-space: nowrap; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    .mobile-ticker span { display: inline-block; animation: ticker 20s linear infinite; padding-left: 100%; }
    @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

    /* 하단 네비게이션 바 */
    .bottom-nav {
        position: fixed; bottom: 0; left: 0; right: 0;
        height: 70px;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border-top: 1px solid #E2E8F0;
        display: flex !important;
        justify-content: space-around;
        align-items: center;
        z-index: 9999;
        padding: 0 10px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-shadow: 0 -4px 10px rgba(0,0,0,0.04);
    }

    .bottom-nav .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #94A3B8;
        font-size: 0.65rem;
        font-weight: 700;
        transition: all 0.2s ease;
        position: relative;
        padding: 4px 0;
        flex: 1;
    }

    .bottom-nav .nav-item i {
        font-size: 1.35rem;
        margin-bottom: 2px;
    }

    .bottom-nav .nav-item.active {
        color: #2563EB;
    }

    .bottom-nav .nav-item.active::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 20px;
        height: 3px;
        background: #2563EB;
        border-radius: 0 0 3px 3px;
    }

    /* 판매하기 버튼 */
    .nav-item.sell-cta {
        position: relative;
        top: -15px;
    }

    .nav-item.sell-cta .sell-icon-wrap {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: linear-gradient(135deg, #2563EB 0%, #1E3A8A 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid #FFFFFF;
        box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4), 0 0 0 0 rgba(37, 99, 235, 0.35);
        animation: sellPulse 2s infinite;
        transition: transform 0.2s ease;
    }

    .nav-item.sell-cta .sell-icon-wrap i {
        font-size: 1.6rem;
        color: white;
        margin: 0;
    }

    .nav-item.sell-cta span {
        margin-top: 5px;
        font-size: 0.7rem;
        font-weight: 800;
        color: #2563EB;
    }

    .nav-item.sell-cta:active .sell-icon-wrap {
        transform: scale(0.9);
    }

    .nav-item.sell-cta::before {
        display: none;
    }

    @keyframes sellPulse {
        0% { box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4), 0 0 0 0 rgba(37, 99, 235, 0.35); }
        50% { box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4), 0 0 0 10px rgba(37, 99, 235, 0); }
        100% { box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4), 0 0 0 0 rgba(37, 99, 235, 0); }
    }

    /* navbar 모바일 미세 조정 */
    .navbar .mobile-only a[href="quote.html"] { padding: 4px 7px !important; font-size: 0.75rem !important; margin-right: 4px !important; letter-spacing: -0.5px !important; }
    .navbar .mobile-only a#mobile-auth-link { padding: 4px 7px !important; font-size: 0.75rem !important; margin-right: 4px !important; letter-spacing: -0.5px !important; }
    .navbar .mobile-only a#mobile-logout-btn { padding: 4px 7px !important; font-size: 0.75rem !important; margin-right: 4px !important; letter-spacing: -0.5px !important; }
    .navbar .mobile-only button { margin-left: 2px !important; font-size: 1.3rem !important; padding: 0 !important; }
    .navbar .mobile-only { gap: 0 !important; }
}

/* 데스크톱에서 하단 바 숨김 */
@media (min-width: 769px) {
    .bottom-nav { display: none !important; }
}