/*
 Theme Name: Smiletail Child
 Template: smiletail-child
 Author: Smiletail
 Description: Smiletail custom child theme
 Version: 1.0
*/

/* --- Smiletail 브랜드 컬러 --- */
:root {
  --st-black: #000000;
  --st-cream: #FFF8F0;
  --st-orange: #FF7A00;
  --st-text: #1C1C1C;
}

/* 기본 폰트 적용 */
body {
  font-family: "Montserrat","Noto Sans KR", system-ui, -apple-system, Arial, sans-serif;
  color: var(--st-text);
  background: #fff;
  line-height: 1.6;
}

/* 링크 */
a { color: var(--st-orange); text-decoration: none; }
a:hover { opacity: .85; }

/* 헤딩 */
h1,h2,h3,h4 {
  font-weight: 700;
  color: var(--st-black);
  letter-spacing: -0.02em;
}

/* 버튼 */
button, .button, .btn, input[type=submit] {
  border: none;
  border-radius: 999px;
  background: var(--st-orange);
  color: #fff;
  padding: 12px 20px;
  font-weight: 600;
  cursor: pointer;
}
button.btn-outline, .button.btn-outline, .btn.btn-outline {
  background: transparent;
  color: var(--st-orange);
  border: 2px solid var(--st-orange);
}

/* 헤더/푸터 */
.site-header, header.site, .header {
  background: var(--st-black);
  color: #fff;
}
.site-header a { color:#fff; }
.site-footer, footer.site, .footer {
  background: #111;
  color: #ddd;
}

/* Hero 섹션 (예시) */
.hero--cream { background: var(--st-cream); padding: 96px 0; }
.hero--black { background: var(--st-black); color:#fff; padding: 120px 0; }
.hero--black .btn { background: var(--st-orange); }

/* Newsletter 폼 (예시) */
.newsletter form input[type=email] {
  padding: 12px 14px;
  border-radius: 10px;
  border:1px solid #ddd;
  width: 100%;
  max-width: 360px;
}
.newsletter form input[type=submit] {
  margin-left: 8px;
}

/* 섹션 여백 */
.section { padding: 80px 0; }
@media (min-width: 1024px){
  .section { padding: 120px 0; }
}