/**
 * K-POPSTAY for Army 2026 - 모던 디자인 오버라이드
 * 대상 페이지: post ID 33957 (body.elementor-page-33957)
 * 작성일: 2026-03-16
 *
 * 변경 사항:
 * - 히어로 섹션: 더 깊고 드라마틱한 다크 퍼플 그라디언트
 * - 도시 버튼: 글래스모피즘 + 다크 퍼플 배경 연결
 * - CTA 버튼: 프리미엄 그라디언트 + 글로우 섀도우
 * - 섹션 헤딩: 좌측 보라 보더 포인트 + 진한 색상
 * - 이미지: 둥근 모서리 + 섀도우
 * - 문의 카드: 라이트 퍼플 그라디언트 배경 + 모던 카드
 * - 푸터: 다크 딥 퍼플 (우아한 스타일)
 */

/* ============================================================
   1. 히어로 섹션 - 프리미엄 다크 퍼플 그라디언트
   ============================================================ */
.elementor-page-33957 .elementor-element-43c5eb1:not(.elementor-motion-effects-element-type-background),
.elementor-page-33957 .elementor-element-43c5eb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: linear-gradient(145deg,
    #060010 0%,
    #150035 20%,
    #2D0068 45%,
    #5B0DCA 72%,
    #8B38F0 90%,
    #9B5CF6 100%
  ) !important;
  background-color: transparent !important;
}

/* 히어로 서브텍스트 */
.elementor-page-33957 .elementor-element-c71e376 {
  letter-spacing: 0.05em;
  opacity: 0.88;
}

/* 히어로 메인 타이틀 */
.elementor-page-33957 .elementor-element-6dcba2f .elementor-heading-title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

/* 히어로 도시명 */
.elementor-page-33957 .elementor-element-fb36036 {
  letter-spacing: 0.12em;
}

/* ============================================================
   2. 도시 선택 버튼 섹션 - 다크 퍼플로 히어로와 연결
   ============================================================ */
.elementor-page-33957 .elementor-element-42bb710:not(.elementor-motion-effects-element-type-background),
.elementor-page-33957 .elementor-element-42bb710 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background: linear-gradient(180deg, #3D0080 0%, #260055 100%) !important;
}

/* 도시 버튼 - 글래스모피즘 */
.elementor-page-33957 .elementor-element-c470d3b .elementor-button,
.elementor-page-33957 .elementor-element-c596acb .elementor-button,
.elementor-page-33957 .elementor-element-c5c6f81 .elementor-button {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  color: #FFFFFF;
  font-weight: 500;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.15);
  transition: all 0.25s ease !important;
}

.elementor-page-33957 .elementor-element-c470d3b .elementor-button:hover,
.elementor-page-33957 .elementor-element-c596acb .elementor-button:hover,
.elementor-page-33957 .elementor-element-c5c6f81 .elementor-button:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 20px rgba(155, 92, 246, 0.3) !important;
  transform: translateY(-2px);
}

/* ============================================================
   3. 콘텐츠 섹션 교차 배경
   ============================================================ */
.elementor-page-33957 .elementor-element-00e1041:not(.elementor-motion-effects-element-type-background),
.elementor-page-33957 .elementor-element-bf28d42:not(.elementor-motion-effects-element-type-background),
.elementor-page-33957 .elementor-element-dce9e68:not(.elementor-motion-effects-element-type-background) {
  background-color: #FAF7FF !important;
}

/* ============================================================
   4. 섹션 H3 헤딩 - 보라 좌측 포인트 보더
   ============================================================ */
.elementor-page-33957 .elementor-element-13ebc98 .elementor-heading-title,
.elementor-page-33957 .elementor-element-b318599 .elementor-heading-title,
.elementor-page-33957 .elementor-element-6c457d8 .elementor-heading-title,
.elementor-page-33957 .elementor-element-58d2cd8 .elementor-heading-title,
.elementor-page-33957 .elementor-element-ed3dbec .elementor-heading-title,
.elementor-page-33957 .elementor-element-d75986a .elementor-heading-title,
.elementor-page-33957 .elementor-element-c038515 .elementor-heading-title,
.elementor-page-33957 .elementor-element-26b4653 .elementor-heading-title,
.elementor-page-33957 .elementor-element-6918393 .elementor-heading-title {
  color: #1A0045 !important;
  font-weight: 700 !important;
  padding-left: 14px !important;
  border-left: 4px solid #7C3AED !important;
  line-height: 1.45 !important;
  display: block !important;
}

/* 중앙 정렬 헤딩 */
.elementor-page-33957 .elementor-element-68a052f .elementor-heading-title {
  color: #1A0045 !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

/* ============================================================
   5. 본문 텍스트 가독성 개선
   ============================================================ */
.elementor-page-33957 .elementor-element-e3109b1,
.elementor-page-33957 .elementor-element-288c846,
.elementor-page-33957 .elementor-element-41776e0,
.elementor-page-33957 .elementor-element-1f849ae,
.elementor-page-33957 .elementor-element-80f8dc9,
.elementor-page-33957 .elementor-element-0bb9cfd,
.elementor-page-33957 .elementor-element-1bb2756,
.elementor-page-33957 .elementor-element-9abd5d6,
.elementor-page-33957 .elementor-element-89256a9,
.elementor-page-33957 .elementor-element-b9a6949 {
  color: #3A3550 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

/* 영어 버전 링크 */
.elementor-page-33957 .elementor-element-845eb57 .elementor-heading-title {
  color: #6D28D9 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* ============================================================
   6. CTA 버튼 - 프리미엄 그라디언트 + 글로우
   ============================================================ */
.elementor-page-33957 .elementor-element-5f1b991 .elementor-button,
.elementor-page-33957 .elementor-element-4ac1359 .elementor-button {
  background: linear-gradient(135deg, #5209BB 0%, #7C3AED 45%, #9B5CF6 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 8px 28px rgba(124, 58, 237, 0.45), 0 2px 8px rgba(124, 58, 237, 0.25) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.elementor-page-33957 .elementor-element-5f1b991 .elementor-button:hover,
.elementor-page-33957 .elementor-element-5f1b991 .elementor-button:focus,
.elementor-page-33957 .elementor-element-4ac1359 .elementor-button:hover,
.elementor-page-33957 .elementor-element-4ac1359 .elementor-button:focus {
  background: linear-gradient(135deg, #7C3AED 0%, #9B5CF6 50%, #A855F7 100%) !important;
  box-shadow: 0 12px 36px rgba(124, 58, 237, 0.55), 0 4px 14px rgba(124, 58, 237, 0.3) !important;
  transform: translateY(-3px) !important;
}

/* ============================================================
   7. 이미지 - 둥근 모서리 + 섀도우
   ============================================================ */
.elementor-page-33957 .elementor-element-f5e1e53 .elementor-image img,
.elementor-page-33957 .elementor-element-6fffe68 .elementor-image img {
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-page-33957 .elementor-element-f5e1e53 .elementor-image img:hover,
.elementor-page-33957 .elementor-element-6fffe68 .elementor-image img:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16) !important;
}

/* ============================================================
   8. 문의 카드 - 모던 라이트 퍼플
   ============================================================ */
.elementor-page-33957 .elementor-element-e69b09e:not(.elementor-motion-effects-element-type-background),
.elementor-page-33957 .elementor-element-e69b09e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background: linear-gradient(135deg, #F0EAFF 0%, #EAE0FF 50%, #F5F0FF 100%) !important;
}

.elementor-page-33957 .elementor-element-e69b09e,
.elementor-page-33957 .elementor-element-e69b09e > .elementor-background-overlay {
  border-radius: 24px !important;
}

/* 문의 카드 헤딩 */
.elementor-page-33957 .elementor-element-99c0688 .elementor-heading-title,
.elementor-page-33957 .elementor-element-8416666 .elementor-heading-title {
  color: #1A0045 !important;
  font-size: 21px !important;
  font-weight: 700 !important;
}

/* 문의 카드 본문 */
.elementor-page-33957 .elementor-element-445379b,
.elementor-page-33957 .elementor-element-f859dbd {
  color: #4A3D70 !important;
  line-height: 1.75em !important;
}

/* 문의 버튼 */
.elementor-page-33957 .elementor-element-25603e6 .elementor-button,
.elementor-page-33957 .elementor-element-e242653 .elementor-button {
  background: linear-gradient(135deg, #5209BB 0%, #7C3AED 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4) !important;
  font-weight: 600 !important;
  padding: 11px 30px !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
}

.elementor-page-33957 .elementor-element-25603e6 .elementor-button:hover,
.elementor-page-33957 .elementor-element-25603e6 .elementor-button:focus,
.elementor-page-33957 .elementor-element-e242653 .elementor-button:hover,
.elementor-page-33957 .elementor-element-e242653 .elementor-button:focus {
  background: linear-gradient(135deg, #7C3AED 0%, #9B5CF6 100%) !important;
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.55) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   9. 푸터 - 다크 딥 퍼플
   ============================================================ */
.elementor-page-33957 .elementor-element-a95e48d:not(.elementor-motion-effects-element-type-background),
.elementor-page-33957 .elementor-element-a95e48d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #120025 !important;
}

.elementor-page-33957 .elementor-element-76a0f5d > .elementor-widget-container {
  background-color: #120025 !important;
  border-top: 1px solid rgba(155, 92, 246, 0.2) !important;
}

.elementor-page-33957 .elementor-element-76a0f5d {
  color: #9B8CB8 !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}

/* ============================================================
   10. 모바일 반응형
   ============================================================ */
@media (max-width: 723px) {
  .elementor-page-33957 .elementor-element-c470d3b .elementor-button,
  .elementor-page-33957 .elementor-element-c596acb .elementor-button,
  .elementor-page-33957 .elementor-element-c5c6f81 .elementor-button {
    font-size: 11px !important;
    padding: 8px 14px !important;
  }

  .elementor-page-33957 .elementor-element-13ebc98 .elementor-heading-title,
  .elementor-page-33957 .elementor-element-b318599 .elementor-heading-title,
  .elementor-page-33957 .elementor-element-6c457d8 .elementor-heading-title,
  .elementor-page-33957 .elementor-element-58d2cd8 .elementor-heading-title,
  .elementor-page-33957 .elementor-element-ed3dbec .elementor-heading-title,
  .elementor-page-33957 .elementor-element-d75986a .elementor-heading-title,
  .elementor-page-33957 .elementor-element-c038515 .elementor-heading-title,
  .elementor-page-33957 .elementor-element-26b4653 .elementor-heading-title,
  .elementor-page-33957 .elementor-element-6918393 .elementor-heading-title {
    font-size: 18px !important;
    padding-left: 10px !important;
    border-left-width: 3px !important;
  }

  .elementor-page-33957 .elementor-element-e3109b1,
  .elementor-page-33957 .elementor-element-288c846,
  .elementor-page-33957 .elementor-element-41776e0,
  .elementor-page-33957 .elementor-element-1f849ae,
  .elementor-page-33957 .elementor-element-80f8dc9,
  .elementor-page-33957 .elementor-element-0bb9cfd,
  .elementor-page-33957 .elementor-element-1bb2756,
  .elementor-page-33957 .elementor-element-9abd5d6,
  .elementor-page-33957 .elementor-element-89256a9,
  .elementor-page-33957 .elementor-element-b9a6949 {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
}