/* MYGA Landing Page Customizer CSS v2 - WP.com compatible */
/* Target: blueanchorins.com/insights/myga/ (page-id-9781) */

/* 1) Container */
body.page-id-9781 .myga-page {
  font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
  color: #1A2B42 !important;
  background: #F7F9FC !important;
}

/* 2) Hero - Navy gradient */
body.page-id-9781 .myga-page .hero {
  background: linear-gradient(135deg, #003B71 0%, #002651 100%) !important;
  color: #ffffff !important;
  padding: 80px 0 100px !important;
  position: relative !important;
  overflow: hidden !important;
}
body.page-id-9781 .myga-page .hero h1 {
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 20px !important;
  color: #ffffff !important;
}
body.page-id-9781 .myga-page .hero .subhead,
body.page-id-9781 .myga-page .hero p {
  color: #D4DCE8 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}
body.page-id-9781 .myga-page .hero-eyebrow {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  color: #D4B27E !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(212, 178, 126, 0.4) !important;
  border-radius: 100px !important;
  margin-bottom: 24px !important;
  background: transparent !important;
}
body.page-id-9781 .myga-page .hero .container {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 60px !important;
  align-items: center !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}
@media (max-width: 880px) {
  body.page-id-9781 .myga-page .hero {
    padding: 50px 0 60px !important;
  }
  body.page-id-9781 .myga-page .hero h1 {
    font-size: 28px !important;
  }
  body.page-id-9781 .myga-page .hero .subhead {
    font-size: 15px !important;
  }
  body.page-id-9781 .myga-page .hero .container {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}

/* 3) Trust Row */
body.page-id-9781 .myga-page .trust-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 28px !important;
}
body.page-id-9781 .myga-page .trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  color: #C4D0E2 !important;
}
body.page-id-9781 .myga-page .trust-item .dot {
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #B8945F !important;
  color: #002651 !important;
  font-weight: 700 !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
}

/* 4) Form Card */
body.page-id-9781 .myga-page .form-card {
  background: #ffffff !important;
  color: #1A2B42 !important;
  border-radius: 16px !important;
  padding: 36px 32px !important;
  box-shadow: 0 12px 36px rgba(0, 59, 113, 0.14) !important;
  position: relative !important;
}
body.page-id-9781 .myga-page .form-card h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #002651 !important;
  margin-bottom: 8px !important;
}
body.page-id-9781 .myga-page .form-card .form-sub {
  font-size: 14px !important;
  color: #5A6B82 !important;
  margin-bottom: 24px !important;
}

/* 5) Forminator containers - transparent */
body.page-id-9781 .myga-page .form-card .forminator-ui,
body.page-id-9781 .myga-page .form-card .forminator-row,
body.page-id-9781 .myga-page .form-card .forminator-col,
body.page-id-9781 .myga-page .form-card .forminator-field {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
body.page-id-9781 .myga-page .form-card .forminator-field {
  margin-bottom: 16px !important;
}

/* 6) Labels */
body.page-id-9781 .myga-page .form-card .forminator-label,
body.page-id-9781 .myga-page .form-card label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1A2B42 !important;
  margin-bottom: 6px !important;
  opacity: 1 !important;
}

/* 7) Input fields - the critical fix */
body.page-id-9781 .myga-page .form-card .forminator-input,
body.page-id-9781 .myga-page .form-card input[type="text"],
body.page-id-9781 .myga-page .form-card input[type="email"],
body.page-id-9781 .myga-page .form-card input[type="tel"] {
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  font-family: inherit !important;
  border: 2px solid #E1E8F2 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #1A2B42 !important;
  height: auto !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
}
body.page-id-9781 .myga-page .form-card .forminator-input:focus,
body.page-id-9781 .myga-page .form-card input:focus {
  outline: none !important;
  border-color: #0099D6 !important;
  box-shadow: 0 0 0 3px rgba(0, 153, 214, 0.12) !important;
}

/* 8) Submit button - Navy gradient */
body.page-id-9781 .myga-page .form-card .forminator-button,
body.page-id-9781 .myga-page .form-card button[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 16px 24px !important;
  background: linear-gradient(135deg, #003B71 0%, #1A5390 100%) !important;
  background-color: #003B71 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  margin-top: 8px !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
}
body.page-id-9781 .myga-page .form-card .forminator-button:hover,
body.page-id-9781 .myga-page .form-card button[type="submit"]:hover {
  background: linear-gradient(135deg, #002651 0%, #003B71 100%) !important;
  box-shadow: 0 8px 20px rgba(0, 59, 113, 0.25) !important;
  color: #ffffff !important;
}

/* 9) Required asterisk */
body.page-id-9781 .myga-page .form-card .forminator-required {
  color: #d04444 !important;
}

/* 10) Section + container base */
body.page-id-9781 .myga-page .container {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}
body.page-id-9781 .myga-page .section {
  padding: 80px 0 !important;
}
body.page-id-9781 .myga-page .section.alt {
  background: #ffffff !important;
}

/* 11) Jupiter X container reset */
body.page-id-9781 .jupiterx-post-content {
  padding: 0 !important;
  margin: 0 !important;
}
body.page-id-9781 .jupiterx-post-body {
  padding: 0 !important;
  margin: 0 !important;
}

/* 12) Hide Jupiter X page title and sidebar */
body.page-id-9781 .jupiterx-post-title,
body.page-id-9781 .jupiterx-post-meta,
body.page-id-9781 .jupiterx-sidebar,
body.page-id-9781 .jupiterx-secondary {
  display: none !important;
}
body.page-id-9781 .jupiterx-primary {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* 13) Forminator response messages */
body.page-id-9781 .myga-page .form-card .forminator-response-message {
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  margin-top: 12px !important;
}
/* Success/Error 메시지 — 가독성 대비 강화 */
body.page-id-9781 .forminator-response-message.forminator-success,
body.page-id-9781 .forminator-success {
  background: #E6F4EA !important;
  color: #1A6B32 !important;
  border: 1px solid #1F9D55 !important;
  font-weight: 500 !important;
}
body.page-id-9781 .forminator-response-message.forminator-success *,
body.page-id-9781 .forminator-success * {
  color: #1A6B32 !important;
}
body.page-id-9781 .forminator-response-message.forminator-error,
body.page-id-9781 .forminator-error {
  background: #FCEAEA !important;
  color: #B02A2A !important;
  border: 1px solid #D04444 !important;
  font-weight: 500 !important;
}
body.page-id-9781 .forminator-response-message.forminator-error *,
body.page-id-9781 .forminator-error * {
  color: #B02A2A !important;
}body.page-id-9781 .myga-page .form-card .forminator-response-message.forminator-success label,
body.page-id-9781 .myga-page .form-card .forminator-response-message.forminator-success .forminator-label--info,
body.page-id-9781 .myga-page .form-card .forminator-success label {
  color: #1A6B32 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}body.page-id-9781 .myga-page .form-card .forminator-response-message.forminator-success p,
body.page-id-9781 .myga-page .form-card .forminator-success p {
  color: #1A6B32 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}
body.page-id-9781 .myga-page .form-card .forminator-response-message.forminator-error p,
body.page-id-9781 .myga-page .form-card .forminator-error p {
  color: #B02A2A !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* ============================================================================
   블루앵커 "최신 소식" 캐러셀 — 프리미엄 미니멀 리스타일 (CSS Only)
   적용 대상: 홈 최신소식 Raven Posts Carousel 위젯 (#elementor-element-db61614)
   영향 범위: 위 위젯에만 한정. 광고 랜딩(/insights/myga/) 및 타 페이지 영향 없음.
   ============================================================================ */
.elementor-element-db61614 {
  --ba-navy:        #0B1E3F;
  --ba-navy-accent: #1E3F87;
  --ba-line:        #E5E8EE;
  --ba-ease:        cubic-bezier(.2,.7,.2,1);
}
.elementor-element-db61614 .raven-post-wrapper { padding: 6px; }
.elementor-element-db61614 .raven-post {
  background: #fff; border-radius: 14px; height: 100%;
  transition: transform .35s var(--ba-ease), box-shadow .35s var(--ba-ease);
}
.elementor-element-db61614 .raven-post:hover {
  transform: translateY(-6px); box-shadow: 0 18px 40px rgba(11,30,63,.10);
}
.elementor-element-db61614 .raven-post-image-wrap { overflow: hidden; border-radius: 12px; }
.elementor-element-db61614 .raven-post-image {
  display: block; position: relative; aspect-ratio: 16 / 9;
  border-radius: 12px; overflow: hidden;
}
.elementor-element-db61614 .raven-post-image img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .8s var(--ba-ease);
}
.elementor-element-db61614 .raven-post:hover .raven-post-image img { transform: scale(1.06); }
.elementor-element-db61614 .raven-post-image-overlay {
  background: linear-gradient(180deg, rgba(11,30,63,0) 55%, rgba(11,30,63,.38) 100%) !important;
  opacity: 0; transition: opacity .35s var(--ba-ease);
}
.elementor-element-db61614 .raven-post:hover .raven-post-image-overlay { opacity: 1; }
.elementor-element-db61614 .raven-post-image::after {
  content: ""; position: absolute; left: 16px; bottom: 16px;
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230B1E3F'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
  box-shadow: 0 6px 14px rgba(11,30,63,.18);
  opacity: 0; transform: translateY(8px);
  transition: opacity .3s var(--ba-ease), transform .3s var(--ba-ease);
  z-index: 2; pointer-events: none;
}
.elementor-element-db61614 .raven-post:hover .raven-post-image::after { opacity: 1; transform: translateY(0); }
.elementor-element-db61614 .raven-post-content { padding: 24px 6px 6px; }
.elementor-element-db61614 .raven-post-title { margin: 0 0 16px !important; }
.elementor-element-db61614 .raven-post-title-link {
  font-size: 18px !important; font-weight: 600 !important; color: var(--ba-navy) !important;
  line-height: 1.5 !important; letter-spacing: -.01em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .25s var(--ba-ease);
}
.elementor-element-db61614 .raven-post:hover .raven-post-title-link { color: var(--ba-navy-accent) !important; }
.elementor-element-db61614 .raven-post-read-more { border-top: 1px solid var(--ba-line); padding-top: 18px; margin-top: 4px; }
.elementor-element-db61614 .raven-post-button {
  display: inline-flex !important; align-items: center; gap: 8px;
  color: var(--ba-navy) !important; font-size: 13px !important; font-weight: 500 !important;
  background: transparent !important; border: 0 !important; padding: 0 !important;
  transition: gap .25s var(--ba-ease), color .25s var(--ba-ease);
}
.elementor-element-db61614 .raven-post-button::after { content: "→"; font-size: 15px; line-height: 1; transition: transform .25s var(--ba-ease); }
.elementor-element-db61614 .raven-post:hover .raven-post-button { gap: 12px; color: var(--ba-navy-accent) !important; }
.elementor-element-db61614 .swiper-button-prev,
.elementor-element-db61614 .swiper-button-next { color: var(--ba-navy); }
.elementor-element-db61614 .swiper-pagination-bullet-active { background: var(--ba-navy); }

/* ===== 홈 전문가 칼럼 캐러셀(c53312b) A안 — 3열 · 원형 필자 아바타 · 카드 높이 고정 (2026-09-08) ===== */
.elementor-10 .elementor-element.elementor-element-c53312b { --ba-navy:#0B1E3F; --ba-navy-accent:#1E3F87; --ba-line:#E1E5EE; --ba-muted:#66708A; --ba-gold-soft:#FBF4DC; --ba-ease:cubic-bezier(.2,.7,.2,1); }
.elementor-10 .elementor-element.elementor-element-c53312b .swiper-wrapper { align-items: stretch; }
.elementor-10 .elementor-element.elementor-element-c53312b .swiper-slide { height: auto; display: flex; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-wrapper { width: 100%; display: flex; padding: 6px; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post { position: relative; display: flex; flex-direction: column; width: 100%; padding: 24px 24px 20px; border-radius: 12px; background: #fff; border: 1px solid var(--ba-line); box-shadow: none; transition: transform .35s var(--ba-ease), box-shadow .35s var(--ba-ease); }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(11,30,63,.10); }
/* 헤드샷 → 56px 원형 아바타 */
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-image-wrap { width: 56px; height: 56px; flex: 0 0 56px; margin: 0 0 14px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px var(--ba-gold-soft), 0 0 0 3px var(--ba-line); background: linear-gradient(160deg,#274677,#0B1E3F); }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-image { display: block; width: 56px; height: 56px; padding-bottom: 0 !important; border-radius: 50%; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: 50%; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-image-overlay { display: none; }
/* 대표 이미지가 없는 글: 인용부호 아바타로 대체 */
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post:not(:has(.raven-post-image-wrap))::before { content: "\201C"; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 56px; height: 56px; margin-bottom: 14px; padding-top: 12px; border-radius: 50%; background: linear-gradient(160deg,#274677,#0B1E3F); color: #fff; font-family: "Nanum Myeongjo", serif; font-size: 32px; line-height: 1; box-shadow: 0 0 0 2px var(--ba-gold-soft), 0 0 0 3px var(--ba-line); }
/* 본문: 요약(필자 · 출처)을 제목 위 바이라인으로, 제목 2줄 고정 */
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-content { padding: 0 !important; display: flex; flex-direction: column; flex: 1; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-excerpt { order: -1; margin: 0 0 8px; font-size: 13px; line-height: 1.5; color: var(--ba-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.5em * 2); }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-title { margin: 0 0 14px !important; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-title, .elementor-10 .elementor-element.elementor-element-c53312b .raven-post-title a { font-size: 19px !important; line-height: 1.42 !important; font-weight: 700 !important; color: var(--ba-navy) !important; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.42em * 2); }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-title a:hover { color: var(--ba-navy-accent) !important; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-read-more { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--ba-line); }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-button { display: inline-flex; align-items: center; gap: 6px; padding: 0; background: none; border: 0; color: var(--ba-navy); font-size: 14px; font-weight: 500; transition: gap .25s var(--ba-ease), color .25s var(--ba-ease); }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post-button::after { content: "\2192"; }
.elementor-10 .elementor-element.elementor-element-c53312b .raven-post:hover .raven-post-button { gap: 12px; color: var(--ba-navy-accent); }
.elementor-10 .elementor-element.elementor-element-c53312b .swiper-button-prev, .elementor-10 .elementor-element.elementor-element-c53312b .swiper-button-next { color: var(--ba-navy); }
.elementor-10 .elementor-element.elementor-element-c53312b .swiper-pagination-bullet-active { background: var(--ba-navy); }
/* 영상 캐러셀(db61614): 카드 높이 통일 (제목 2줄 고정) */
.elementor-10 .elementor-element.elementor-element-db61614 .swiper-wrapper { align-items: stretch; }
.elementor-10 .elementor-element.elementor-element-db61614 .swiper-slide { height: auto; display: flex; }
.elementor-10 .elementor-element.elementor-element-db61614 .raven-post-wrapper { width: 100%; display: flex; }
.elementor-10 .elementor-element.elementor-element-db61614 .raven-post { display: flex; flex-direction: column; width: 100%; }
.elementor-10 .elementor-element.elementor-element-db61614 .raven-post-content { display: flex; flex-direction: column; flex: 1; }
.elementor-10 .elementor-element.elementor-element-db61614 .raven-post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.2em * 2); }
.elementor-10 .elementor-element.elementor-element-db61614 .raven-post-read-more { margin-top: auto; }