/**
 * [wp-cro-designer] CRO 전환 최적화 스타일
 * SCR — 신발장리폼 | 집수리즐겨찾기
 * Primary: #2B4C6F / Accent: #E87040
 */

/* ─── CTA 버튼 hover 강화 ─── */
.btn-primary {
  transition: background .25s, transform .2s, box-shadow .2s;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(232,112,64,.35);
}

.btn-outline {
  transition: border-color .25s, color .25s, transform .2s;
}
.btn-outline:hover {
  transform: translateY(-2px);
}

/* ─── CRO CTA 버튼 (cro-cta-btn 클래스) ─── */
.cro-cta-btn {
  transition: background .25s, transform .2s, box-shadow .2s !important;
}
.cro-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

/* ─── 탭 타겟 최소 크기 보장 (44x44px) ─── */
.btn-primary,
.btn-outline,
.header-cta,
.floating-consult-cta {
  min-height: 44px;
}

/* ─── Trust Badge ─── */
.trust-badge-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.trust-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(232,112,64,.08);
  border: 1px solid rgba(232,112,64,.25);
  color: #2B4C6F;
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

/* ─── 상단 신뢰 바 ─── */
.trust-topbar {
  background: #2B4C6F;
  color: rgba(255,255,255,.8);
  font-size: 12px;
  line-height: 1;
  position: relative;
  z-index: 1001;
}

.trust-topbar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 7px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.trust-topbar-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  letter-spacing: .01em;
}

.trust-topbar-sep {
  color: rgba(255,255,255,.3);
  font-size: 10px;
}

/* ─── Floating CTA ─── */
.floating-consult-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #E87040;
  color: #fff;
  padding: 12px 18px;
  border-radius: 28px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(232,112,64,.42);
  transition: transform .2s, box-shadow .2s;
  min-height: 48px;
  position: relative;
}

.floating-consult-cta:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 8px 24px rgba(232,112,64,.55);
}

/* ─── 마이크로 카피 ─── */
.micro-copy {
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.6;
  color: rgba(255,255,255,.55);
}

/* ─── 반응형 ─── */
@media (max-width: 768px) {
  .trust-topbar-sep { display: none; }
  .trust-topbar { font-size: 11.5px; }
  .trust-topbar-inner { padding: 6px 16px; gap: 6px; }
}

@media (max-width: 480px) {
  .trust-chip { font-size: 11.5px; padding: 4px 10px; }
  .floating-cta-text { display: none; }
  .floating-consult-cta {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    padding: 0;
    justify-content: center;
    min-height: 52px;
  }
}
