/* parent.css — 학부모(신청) surface 전용 스타일. 소유(OWNER): PARENT 에이전트.
   공유 베이스(style.css) 위에 얹는 규칙만 둡니다. style.css 는 건드리지 않음. */

/* ---------- 학부모 고지사항(배송·환불) ---------- */
.notice-card {
  margin-top: 14px; background: #fff8f0; border: 1.5px solid #f4d9b8;
  border-radius: 14px; padding: 12px 14px;
}
.notice-card > summary {
  list-style: none; cursor: pointer; font-weight: 800; font-size: 14.5px;
  color: #9a5b16; display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.notice-card > summary::-webkit-details-marker { display: none; }
.notice-card .notice-more { font-size: 12px; font-weight: 700; color: #b0793a; }
.notice-card[open] .notice-more::after { content: ' ▲'; }
.notice-card:not([open]) .notice-more::after { content: ' ▼'; }
.notice-list { margin: 10px 0 2px; padding-left: 18px; }
.notice-list li { font-size: 13.5px; line-height: 1.6; color: #5c4a37; margin-bottom: 6px; }
.notice-list li b { color: #9a3412; }
.sheet-notice { margin-top: 14px; }
.ord-agree {
  display: flex; align-items: flex-start; gap: 8px; margin-top: 12px;
  font-size: 13.5px; color: #4b4670; line-height: 1.45; cursor: pointer;
}
.ord-agree input { margin-top: 2px; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--brand, #6c60f4); }
.ord-agree.shake { animation: notice-shake .4s; }
@keyframes notice-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }

/* ---------- 상단 메뉴바(탭바) 우측 로그아웃 ---------- */
#tabsBar .tab-logout {
  flex: 0 0 auto; color: #dc2626; background: transparent;
  display: inline-flex; align-items: center; gap: 4px; white-space: nowrap;
}
#tabsBar .tab-logout:hover { background: #fdeaea; }
#tabsBar .tab-logout.on { background: transparent; box-shadow: none; }
@media (max-width: 480px) {
  #tabsBar { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #tabsBar button { flex-shrink: 0; }
  #tabsBar > button:not(.tab-logout) { flex: 1 0 auto; }
}

/* ---------- 우리 학원 노출(학원이 선택 + 로고 필수) ---------- */
.acad-card {
  background: linear-gradient(135deg, #f3f1ff 0%, #ffffff 60%);
  border: 1.5px solid #e5e1fb;
}
.acad-row { display: flex; align-items: center; gap: 14px; }
.acad-logo {
  width: 60px; height: 60px; flex: 0 0 60px; border-radius: 14px;
  object-fit: contain; background: #fff; border: 1px solid #eceafd; padding: 6px;
}
.acad-info { min-width: 0; }
.acad-name { font-size: 18px; font-weight: 800; color: var(--brand-dark, #5546e0); line-height: 1.2; }
.acad-tag { font-size: 13px; font-weight: 600; color: #6b7280; margin-top: 3px; }
.acad-note { font-size: 13px; color: #6b7280; margin-top: 5px; line-height: 1.5; }

/* ---------- 문의하기: 협약 도시락 업체 연락처·카카오채널 ---------- */
.contact-head h2 { margin: 0 0 6px; }
.contact-card { }
.contact-name { font-size: 17px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.contact-name b { color: var(--brand-dark, #5546e0); }
.contact-region {
  font-size: 12px; font-weight: 600; color: #6b7280;
  background: #f1f0fb; border-radius: 999px; padding: 2px 10px;
}
.contact-desc { margin: 8px 0 0; line-height: 1.5; }
.contact-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.contact-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  text-decoration: none; font-weight: 700; font-size: 15px;
  padding: 14px 16px; border-radius: 14px; transition: filter .15s, transform .05s;
}
.contact-btn:active { transform: translateY(1px); }
.contact-btn b { font-weight: 800; }
.contact-btn.call {
  background: var(--brand, #6c60f4); color: #fff;
}
.contact-btn.call:hover { filter: brightness(1.05); }
.contact-btn.kakao {
  background: #FEE500; color: #3A1D1D;
}
.contact-btn.kakao:hover { filter: brightness(0.97); }

/* ---------- 충전: 10,000원 단위 금액 선택 + 업체 노출 결제수단 ---------- */
.chg-amts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.chg-amt {
  border: 1.5px solid #e5e3f5; background: #fff; color: #4b4670;
  font-weight: 700; font-size: 15px; padding: 13px 8px; border-radius: 12px;
  cursor: pointer; transition: border-color .12s, background .12s, color .12s;
}
.chg-amt:hover { border-color: var(--brand, #6c60f4); }
.chg-amt.on {
  border-color: var(--brand, #6c60f4); background: var(--brand, #6c60f4); color: #fff;
}
.chg-methods { display: flex; gap: 8px; flex-wrap: wrap; }
.chg-method {
  flex: 1 1 auto; min-width: 140px;
  border: 1.5px solid #e5e3f5; background: #fff; color: #4b4670;
  font-weight: 700; font-size: 14px; padding: 12px 10px; border-radius: 12px;
  cursor: pointer; transition: border-color .12s, background .12s, color .12s;
}
.chg-method:hover { border-color: var(--brand, #6c60f4); }
.chg-method.on { border-color: var(--brand, #6c60f4); background: #ece9ff; color: var(--brand-dark, #5546e0); }
.chg-body { margin-top: 4px; }
@media (max-width: 380px) { .chg-amts { grid-template-columns: repeat(2, 1fr); } }