/* ============================================================
   상담예약 페이지 — primelaw.co.kr (Native Widget v2)
   Cleaned: pl-shared.css handles hero, badge, title-label,
   sep-gold/light, card-hover, btn, cta, form-dark, step-num, step-timeline
   ============================================================ */

body.page-id-19118 {
  background-color: #050E24 !important;
}
body.page-id-19118,
body.page-id-19118 .site-main,
body.page-id-19118 .entry-content {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
.page-id-19118 .entry-content > *,
.page-id-19118 .site-main > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* ============================================================
   HERO — pl-hero handles position/text-align/::after/h1 em
         pl-hero-badge handles badge styling
   ============================================================ */

/* Hero buttons — keep padding overrides (differ from pl-shared 44px) */
.rv-btn-primary .elementor-button {
  padding: 18px 36px !important;
}
.rv-btn-sub .elementor-button {
  padding: 18px 32px !important;
}

/* ============================================================
   SECTION TITLE LABEL — pl-title-label handles decorative lines
   ============================================================ */
/* (all title-label rules moved to pl-shared.css) */

/* ============================================================
   CONSULTATION OPTIONS — 2 cards
   ============================================================ */
/* pl-sep-gold handles .rv-options-section position + ::before */

/* pl-card-hover handles transition/::before/hover */
.rv-opt-card {
  box-shadow: 0 2px 16px rgba(0,0,0,0.3);
  flex: 1 1 0% !important;
  min-width: 280px;
}

/* Option card icon */
.rv-opt-icon .elementor-heading-title {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 72px !important;
  height: 72px !important;
  background: linear-gradient(135deg, rgba(212,168,80,0.12), rgba(212,168,80,0.04));
  border: 1px solid rgba(212,168,80,0.2);
  border-radius: 50%;
  line-height: 1 !important;
}

/* ============================================================
   PROCESS — step cards
   ============================================================ */
/* pl-sep-light handles .rv-process-section position + ::before */
/* pl-step-timeline handles .rv-step-grid position + ::before */
/* pl-step-num handles .rv-step-num circle */

.rv-step-card {
  position: relative;
  z-index: 1;
  flex: 1 1 0% !important;
  min-width: 200px;
}

/* ============================================================
   FORM SECTION — page-specific separator
   ============================================================ */
.rv-form-section {
  position: relative;
}
.rv-form-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212,168,80,0.2), transparent);
  z-index: 1;
}
/* pl-form-dark handles all forminator dark theme styling */

/* ============================================================
   FINAL CTA — pl-cta handles position/text-align/::before/h2 em
   ============================================================ */
/* (all CTA rules moved to pl-shared.css) */

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 767px) {
  /* pl-title-label mobile hiding handled by pl-shared.css */
  .rv-opt-card {
    min-width: 100%;
    flex: 1 1 100% !important;
  }
  .rv-opt-card:hover {
    transform: none;
  }
  /* pl-step-timeline mobile hiding handled by pl-shared.css */
  .rv-step-card {
    min-width: 100%;
    flex: 1 1 100% !important;
  }
  /* pl-btn mobile full-width handled by pl-shared.css */
}