@charset "UTF-8";
/* CSS Document */

/*

golfstar-core.css

사이트 공통 레이아웃/구조

상단 헤더, 좌우 여백, 메인 레이아웃

공통 컨테이너 .gs-layout, .gs-page, .gs-section

하단 바/탭바, 전체 모달 레이아웃 구조

PC/모바일 공통 반응형 그리드, 컬럼 등

👉 페이지 상관없이 쓰이는 큰 틀(뼈대) + 레이아웃은 여기로.

*/


/* === Layout / Card (from app.css) === */
.container{
  max-width:var(--maxw);
  margin:12px auto;
  padding:0 var(--space);
  padding-bottom: calc(var(--tabbar-h) + 20px + var(--safe-bottom));
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:14px;
  margin:10px 0;
}

/* === Controls === */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:36px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:transparent;
  cursor:pointer;
}
.btn:hover{background:rgba(0,0,0,.04)}
html[data-theme="dark"] .btn:hover{background:rgba(255,255,255,.06)}
.btn.primary{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}
.btn[disabled]{opacity:.55; cursor:not-allowed}

.input,
select,
textarea{
  width:100%;
  height:36px;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:transparent;
  color:var(--text);
}
textarea{min-height:86px}

.badge{
  display:inline-block;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:12px;
  color:var(--muted);
  background:transparent;
}

/* Minor Responsive */
@media (min-width:720px){
  .tab-item{font-size:12px} /* ← 이 줄은 tabbar랑 묶고 싶으면 ui로 옮겨도 됨 */
}