/* ===========================
   이벤트 페이지
   =========================== */

/* ── 카드 상태 뱃지 ── */
.event-card{ position: relative;}
.event-card__badge {padding: 3px 8px;border-radius: 3px;font-size: 12px;font-weight: 500;letter-spacing: 0.04em;position: absolute;top: 8px;left: 8px;z-index: 1;}
.event-card__badge--ing     {background: var(--brown);color: #fff;}
.event-card__badge--coming  {background: #4a7de4;color: #fff;}
.event-card__badge--end     {background: #aaa;color: #fff;}

/* ── 상세 뷰 ── */
.event-view__head {margin-bottom: 28px;padding: 20px 0 24px;border-bottom: 1px solid #eee;}
.event-view__title {margin-bottom: 10px;color: #111;font-size: 3.20rem;font-weight: 700;}
.event-view__period {color: #999;font-size: max(1.6rem, 16px);}

.event-view__thumb {margin-bottom: 28px;border-radius: 4px;overflow: hidden;}
.event-view__thumb img {display: block;max-width: 860px;width: 100%;height: auto;}
.event-view__desc {margin-bottom: 32px;padding: 24px;border-left: 3px solid #CDB083;border-radius: 4px;background: #f9f9f9;color: #444;}

/* ── 상세 이미지 (구분선 없음) ── */
.event-detail-imgs {display: flex;flex-direction: column;gap: 16px;padding: 28px 0 0;}
.event-detail-imgs__item {border-radius: 3px;overflow: hidden;}
.event-detail-imgs__item img {display: block;width: 100%;height: auto;}
.event-view__actions {display: flex;align-items: center;gap: 12px;margin-top: 36px;}

/* ── 신청하기 버튼 ── */
.event-apply-btn {display: inline-block;height: 40px;padding: 0 20px;border: none;border-radius: 4px;background: var(--brown);color: #fff;font-size: max(1.6rem, 16px);font-weight: 500;letter-spacing: 0.04em;text-decoration: none;transition: background 0.2s;cursor: pointer;}
.event-apply-btn:hover {background: #b8966e;}
.event-apply-btn--disabled {background: #ccc;cursor: default;pointer-events: none;}

/* ── 신청 완료 ── */
.event-apply-done {padding: 60px 20px;text-align: center;}
.event-apply-done__icon {display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;width: 45px;aspect-ratio: 1 / 1;border-radius: 50%;background: #eaf7ee;color: #3aab5d;font-size: max(1.8rem, 18px);}
.event-apply-done__title {margin-bottom: 12px;font-weight: 700;}
.event-apply-done__msg {color: #666;font-size: max(1.6rem, 16px);}

/* ── 신청 폼 ── */
.event-apply-wrap {max-width: 680px;}
.event-apply-info {margin-bottom: 28px;padding: 18px 20px;background: #fdf5e8;border-radius: 6px;}
.event-apply-info__title {margin-bottom: 4px;color: #333;font-size: 2rem;font-weight: 700;}
.event-apply-info__period {color: #999;font-size: 16px;}
.event-apply-section {margin-bottom: 20px;padding: 24px;background: #fff;border: 1px solid #eee;border-radius: 8px;}
.event-apply-section--bank {background: #f9f9f9;}

.event-apply-section__title {margin-bottom: 18px;padding-bottom: 12px;border-bottom: 1px solid #f0f0f0;color: #333;font-size: 2rem;font-weight: 700;letter-spacing: 0.04em;}
.event-apply-row {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 14px;}
.event-apply-row:last-child {margin-bottom: 0;}
.event-apply-label {flex-shrink: 0;width: 90px;padding-top: 10px;color: #555;font-size: max(1.6rem, 16px);}
.req {color: #e05252;}
.event-apply-input {flex: 1;height: 42px;padding: 0 14px;border: 1px solid #ddd;border-radius: 4px;font-size: max(1.6rem, 16px);outline: none;transition: border-color 0.2s;}
.event-apply-input:focus {border-color: var(--brown);}
.event-apply-textarea {flex: 1;min-height: 80px;padding: 10px 14px;border: 1px solid #ddd;border-radius: 4px;font-size: max(1.6rem, 16px);transition: border-color 0.2s;outline: none;resize: vertical;}
.event-apply-textarea:focus {border-color: var(--brown);}
.event-apply-bank {color: #444;    font-size: max(1.5rem, 15px);white-space: pre-wrap;}
.event-apply-privacy {max-height: 180px;margin-bottom: 14px;padding: 16px;border: 1px solid #eee;border-radius: 4px;background: #f9f9f9;color: #666;font-size: 14px;overflow-y: auto;white-space: pre-wrap;}
.event-apply-agree {display: flex;align-items: center;gap: 8px;color: #333;font-size: 14px;cursor: pointer;}
.event-apply-agree input[type="checkbox"] {width: 16px;height: 16px;accent-color: #CDB083;cursor: pointer}
.event-apply-actions {display: flex;align-items: center;gap: 12px;margin-top: 8px;}

@media (max-width: 640px) {
    .event-apply-row {flex-direction: column; gap: 5px;}
    .event-apply-label {width: auto;padding-top: 0;}
}

/* ===========================
   신청 모달
   =========================== */
.ev-modal-overlay {display: none;justify-content: center;align-items: center;padding: 20px;background: rgba(0,0,0,0.55);position: fixed;inset: 0;z-index: 9000;}
.ev-modal-overlay--open {display: flex;}
.ev-modal {max-width: 560px;max-height: 90vh;width: 100%;padding: 36px 36px 32px;border-radius: 12px;background: #fff;box-shadow: 0 20px 60px rgba(0,0,0,0.2);position: relative;overflow-y: auto;}
.ev-modal__close {border: none;background: none;color: #aaa;font-size: 16px;position: absolute;top: 16px;right: 18px;transition: color 0.2s;cursor: pointer;}
.ev-modal__close:hover {color: #333;}

.ev-modal__title {margin-bottom: 4px;color: #111;font-size: 2rem;font-weight: 700;}
.ev-modal__sub {color: #aaa;font-size: max(1.7rem, 17px);margin-bottom: 24px;}

.ev-modal__section {display: flex;flex-direction: column;gap: 12px;margin-bottom: 20px;}
.ev-modal__row {display: flex;align-items: center;gap: 10px;}
.ev-modal__label {flex-shrink: 0;width: 80px;color: #555;font-size: max(1.6rem, 16px);}
.ev-modal__input {flex: 1;height: 40px;padding: 0 12px;border: 1px solid #ddd;border-radius: 4px;font-size: max(1.6rem, 16px);outline: none;transition: border-color 0.2s;}
.ev-modal__input:focus {border-color: var(--brown);}
.ev-modal__textarea {flex: 1;min-height: 72px;padding: 9px 12px;border: 1px solid #ddd;border-radius: 4px;font-size: max(1.6rem, 16px);line-height: 1.6;transition: border-color 0.2s;outline: none;resize: vertical;}
.ev-modal__textarea:focus { border-color: #CDB083; }

.ev-modal__bank { margin-bottom: 16px;padding: 14px 16px;border-radius: 6px;background: #f9f8f5;}
.ev-modal__bank-title {margin-bottom: 2px;color: var(--brown);font-size: max(1.5rem, 15px);font-weight: 700;letter-spacing: 0.06em;}
.ev-modal__bank-body {color: #444;font-size: max(1.5rem, 15px);}

.ev-modal__privacy-box {margin-bottom: 20px;padding: 16px;border: 1px solid #eee;border-radius: 6px;background: #f9f9f9;}
.ev-modal__privacy-title {margin-bottom: 10px;color: #888;font-size: 14px;font-weight: 500;letter-spacing: 0.06em;}
.ev-modal__privacy-scroll {max-height: 140px;margin-bottom: 12px;color: #666;font-size: 14px;;line-height: 1.6;overflow-y: auto;white-space: pre-wrap;}

.ev-modal__agree {display: flex;align-items: center;gap: 8px;color: #333;font-size: 14px;cursor: pointer;}
.ev-modal__agree input[type="checkbox"] {flex-shrink: 0;width: 15px;height: 15px;accent-color: var(--brown);cursor: pointer;}

.ev-modal__actions {display: flex;gap: 10px;margin-top: 4px;}

@media (max-width: 640px) {
    .ev-modal { padding: 28px 20px 24px; }
    .ev-modal__row { flex-direction: column; align-items: flex-start; gap: 4px; }
    .ev-modal__label { width: auto; }
    .ev-modal__input, .ev-modal__textarea {flex: none;width: 100%;}
}