/**
 * CurvCraft – About Us page
 * Brand-styled with Cormorant Garamond (headings) + Helvetica Neue (body)
 * Colors: Charcoal #161e22, Beige #f6f1eb, Ivory #fffcf9
 */

/* ── Hide duplicate "About" page title ────────── */
.page-header,
#sub-header .page-header,
.meta-header h1,
.elementor-page-title h1 {
  display: none !important;
}

/* ── Page background ────────────────────────────── */
body.page-id-170 #main,
body.page-id-170 .vamtam-main,
body.page-id-170 .elementor {
  background: var(--cc-paper) !important;
}

/* ── Intro text section (top paragraph) ─────────── */
body.page-id-170 .elementor-element-ec3bf9a {
  background: var(--cc-paper) !important;
  padding: 60px 0 !important;
}

body.page-id-170 .elementor-element-ec3bf9a .elementor-widget-container {
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body.page-id-170 .elementor-element-ec3bf9a p {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.15rem !important;
  line-height: 1.85 !important;
  color: var(--cc-ink) !important;
  margin-bottom: 18px !important;
}

body.page-id-170 .elementor-element-ec3bf9a p:last-child {
  margin-bottom: 0 !important;
}

/* ── "About Us" hero heading ──────────────────── */
body.page-id-170 .elementor-element-ec3bf9a::before {
  content: 'About Us' !important;
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(2.4rem, 4vw, 3.5rem) !important;
  font-weight: 400 !important;
  color: var(--cc-ink) !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
  margin-bottom: 28px !important;
  padding-top: 10px !important;
}

/* ── Image + Text split section (pink bg) ──────── */
body.page-id-170 .elementor-element-5a24d85 {
  background: #f5ded3 !important;
  padding: 0 !important;
}

body.page-id-170 .elementor-element-5a24d85 .elementor-column {
  padding: 0 !important;
}

/* Text column */
body.page-id-170 .elementor-element-726a537 {
  padding: 48px 40px 48px 50px !important;
  display: flex !important;
  align-items: center !important;
}

body.page-id-170 .elementor-element-726a537 p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.92rem !important;
  line-height: 1.8 !important;
  color: #3a3530 !important;
  margin-bottom: 14px !important;
}

body.page-id-170 .elementor-element-726a537 p:last-child {
  margin-bottom: 0 !important;
}

/* Image column */
body.page-id-170 .elementor-element-4535b42 {
  padding: 0 !important;
}

body.page-id-170 .elementor-element-4535b42 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body.page-id-170 .elementor-element-6b3a840 .elementor-widget-container {
  padding: 0 !important;
}

/* ── FAQ Section ──────────────────────────────── */
body.page-id-170 .elementor-element-aebd118 {
  background: var(--cc-paper) !important;
  padding: 70px 0 80px !important;
}

/* FAQ heading — force "FAQ" uppercase */
body.page-id-170 .elementor-element-cf298bc .elementor-heading-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(2.2rem, 3.5vw, 3.2rem) !important;
  font-weight: 400 !important;
  color: var(--cc-ink) !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  content: 'FAQ' !important;
}

/* Hide the original text and use CSS content */
body.page-id-170 .elementor-element-cf298bc .elementor-heading-title {
  font-size: 0 !important;
  line-height: 0 !important;
  min-height: 0 !important;
}

body.page-id-170 .elementor-element-cf298bc .elementor-heading-title::after {
  content: 'FAQ' !important;
  font-size: clamp(2.2rem, 3.5vw, 3.2rem) !important;
  line-height: 1.15 !important;
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  color: var(--cc-ink) !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
}

/* FAQ subtitle */
body.page-id-170 .elementor-element-a69a0ac {
  text-align: center !important;
  margin-bottom: 36px !important;
}

body.page-id-170 .elementor-element-a69a0ac p,
body.page-id-170 .elementor-element-a69a0ac .elementor-widget-container {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.88rem !important;
  color: var(--cc-muted) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 auto !important;
}

/* ── FAQ Toggle items ──────────────────────────── */
body.page-id-170 .elementor-element-a4de479 {
  max-width: 780px !important;
  margin: 0 auto !important;
}

body.page-id-170 .elementor-toggle {
  border: none !important;
}

body.page-id-170 .elementor-toggle-item {
  border-bottom: 1px solid var(--cc-line) !important;
}

body.page-id-170 .elementor-toggle-item:first-child {
  border-top: 1px solid var(--cc-line) !important;
}

body.page-id-170 .elementor-toggle .elementor-tab-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.08rem !important;
  font-weight: 400 !important;
  color: var(--cc-ink) !important;
  padding: 20px 48px 20px 0 !important;
  line-height: 1.4 !important;
  border: none !important;
  margin: 0 !important;
  background: transparent !important;
}

body.page-id-170 .elementor-toggle .elementor-tab-title:hover {
  color: #6b5d52 !important;
}

body.page-id-170 .elementor-toggle .elementor-tab-title a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.08rem !important;
  color: var(--cc-ink) !important;
  text-decoration: none !important;
}

body.page-id-170 .elementor-toggle .elementor-tab-title a:hover {
  color: #6b5d52 !important;
}

body.page-id-170 .elementor-toggle-icon {
  color: var(--cc-muted) !important;
  font-size: 0.85rem !important;
}

body.page-id-170 .elementor-toggle .elementor-tab-content {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.75 !important;
  color: #5a5450 !important;
  padding: 0 48px 20px 0 !important;
  border: none !important;
  margin: 0 !important;
}

body.page-id-170 .elementor-toggle .elementor-tab-content p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.75 !important;
  color: #5a5450 !important;
  margin: 0 !important;
}

/* ── Responsive ────────────────────────────────── */
@media (max-width: 767px) {
  body.page-id-170 .elementor-element-ec3bf9a {
    padding: 40px 20px !important;
  }

  body.page-id-170 .elementor-element-ec3bf9a::before {
    font-size: 2rem !important;
    margin-bottom: 20px !important;
  }

  body.page-id-170 .elementor-element-ec3bf9a p {
    font-size: 1rem !important;
  }

  /* Stack image + text on mobile */
  body.page-id-170 .elementor-element-5a24d85 .elementor-column {
    width: 100% !important;
  }

  body.page-id-170 .elementor-element-726a537 {
    padding: 32px 24px !important;
    order: 2 !important;
  }

  body.page-id-170 .elementor-element-4535b42 {
    order: 1 !important;
  }

  body.page-id-170 .elementor-element-4535b42 img {
    height: 280px !important;
  }

  body.page-id-170 .elementor-element-aebd118 {
    padding: 50px 20px 60px !important;
  }

  body.page-id-170 .elementor-toggle .elementor-tab-title {
    font-size: 0.98rem !important;
    padding-right: 40px !important;
  }

  body.page-id-170 .elementor-toggle .elementor-tab-content {
    font-size: 0.84rem !important;
    padding-right: 40px !important;
  }
}