/*
Theme Name:   Appletech Child
Theme URI:    https://phonesuri.com
Description:  애플텍 (phonesuri.com) 전용 GeneratePress 자식 테마
Author:       애플텍
Template:     generatepress
Version:      1.0.0
Text Domain:  appletech-child
*/

/* ==========================================================================
   기존 fixmobile.dothome.co.kr 디자인 값 이식
   ========================================================================== */

:root {
  /* 기본 색상 */
  --at-text:        #333333;
  --at-bg:          #ffffff;
  --at-border:      #dddddd;
  --at-btn:         #6c757d;
  --at-btn-hover:   #545b62;

  /* 서비스 아이콘 6색 (기존 사이트 값 그대로) */
  --at-icon-1: #9fc5e8;  /* 액정수리 */
  --at-icon-2: #b4a7d6;  /* 배터리교체 */
  --at-icon-3: #a2c4c9;  /* 후면유리 */
  --at-icon-4: #d5a6bd;  /* 메인보드 */
  --at-icon-5: #b6d7a8;  /* 데이터복구 */
  --at-icon-6: #f6b26b;  /* 아이패드 */

  /* CTA 버튼 */
  --at-tel:   #2b7cff;
  --at-kakao: #fae100;
  --at-naver: #03c75a;
}

/* --------------------------------------------------------------------------
   본문 기본
   -------------------------------------------------------------------------- */

body {
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--at-text);
  background: var(--at-bg);
  word-break: keep-all;      /* 한글 줄바꿈 자연스럽게 */
  line-height: 1.7;
}

/* iOS에서 입력 시 화면 확대 방지 */
input, select, textarea { font-size: 16px; }

h1, h2, h3, h4 {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  word-break: keep-all;
  line-height: 1.4;
}

/* --------------------------------------------------------------------------
   헤더
   -------------------------------------------------------------------------- */

.site-header { border-bottom: 1px solid var(--at-border); }

.main-navigation a { font-weight: 400; }

.main-navigation .current-menu-item > a,
.main-navigation a:hover {
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   서비스 카드 (기존 icon-box 재현)
   -------------------------------------------------------------------------- */

.at-services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 20px;
  margin: 40px 0;
}

@media (max-width: 767px) {
  .at-services { grid-template-columns: 1fr; gap: 24px; }
}

.at-service { display: flex; gap: 16px; align-items: flex-start; }

.at-service .at-ico {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}

.at-service:nth-child(1) .at-ico { background: var(--at-icon-1); }
.at-service:nth-child(2) .at-ico { background: var(--at-icon-2); }
.at-service:nth-child(3) .at-ico { background: var(--at-icon-3); }
.at-service:nth-child(4) .at-ico { background: var(--at-icon-4); }
.at-service:nth-child(5) .at-ico { background: var(--at-icon-5); }
.at-service:nth-child(6) .at-ico { background: var(--at-icon-6); }

.at-service h3 { font-size: 17px; margin: 0 0 8px; line-height: 2; }
.at-service p  { font-size: 14px; margin: 0; line-height: 1.6; }

/* --------------------------------------------------------------------------
   신뢰 블록 (진단 무료 / 데이터 보존 / 실패 시 / 보증)
   -------------------------------------------------------------------------- */

.at-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 40px 0;
}

@media (max-width: 767px) {
  .at-trust { grid-template-columns: repeat(2, 1fr); }
}

.at-trust > div {
  border: 1px solid var(--at-border);
  border-radius: 8px;
  padding: 20px 16px;
  text-align: center;
}

.at-trust strong { display: block; margin-bottom: 6px; font-size: 15px; }
.at-trust span   { font-size: 13px; color: #666; }

/* --------------------------------------------------------------------------
   가격표
   -------------------------------------------------------------------------- */

.at-price { width: 100%; border-collapse: collapse; margin: 24px 0; }

.at-price th,
.at-price td {
  border: 1px solid var(--at-border);
  padding: 12px 14px;
  text-align: left;
  font-size: 15px;
}

.at-price th { background: #f8f9fa; font-weight: 700; }

/* 모바일에서 표가 잘리지 않도록 */
.at-price-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* --------------------------------------------------------------------------
   수리 사례 (측정값 강조용)
   -------------------------------------------------------------------------- */

.at-spec {
  background: #f8f9fa;
  border-left: 4px solid var(--at-icon-1);
  padding: 16px 20px;
  margin: 20px 0;
  font-size: 15px;
}

.at-spec dt { font-weight: 700; margin-top: 10px; }
.at-spec dt:first-child { margin-top: 0; }
.at-spec dd { margin: 4px 0 0; }

/* 현미경 사진 */
.at-photo { margin: 24px 0; }
.at-photo img { width: 100%; height: auto; border-radius: 6px; }
.at-photo figcaption {
  font-size: 13px;
  color: #666;
  margin-top: 8px;
  text-align: center;
}

/* --------------------------------------------------------------------------
   푸터
   -------------------------------------------------------------------------- */

.site-footer { border-top: 1px solid var(--at-border); }

.at-footer-biz {
  font-size: 14px;
  line-height: 1.9;
  color: #555;
}

.at-footer-biz a { color: #555; }
.at-footer-biz .at-policy { font-weight: 700; }

/* --------------------------------------------------------------------------
   고정 CTA 버튼
   -------------------------------------------------------------------------- */

#quick-cta {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#quick-cta a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

#quick-cta .cta-tel   { background: var(--at-tel); }
#quick-cta .cta-kakao { background: var(--at-kakao); color: #3c1e1e; }
#quick-cta .cta-map   { background: var(--at-naver); }

@media (max-width: 767.98px) {
  #quick-cta {
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: row;
    gap: 0;
  }
  #quick-cta a {
    flex: 1;
    width: auto;
    height: 54px;
    border-radius: 0;
    font-size: 13px;
    box-shadow: 0 -2px 8px rgba(0,0,0,.15);
  }
  body { padding-bottom: 54px; }   /* 푸터가 가려지지 않도록 */
}

/* 인쇄 시 CTA 숨김 */
@media print { #quick-cta { display: none; } }