/* =========================
   CCI Split Heading
   Structural styles only — all sizing, spacing, and typography
   are controlled via the Elementor widget controls.
========================= */

.cci-split-heading {
  width: 100%;
  box-sizing: border-box;
}

.cci-split-heading *,
.cci-split-heading *::before,
.cci-split-heading *::after {
  box-sizing: border-box;
}

.cci-split-heading__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

.cci-split-heading__title {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* The two title lines stack regardless of the chosen heading tag. */
.cci-split-heading__title-line {
  display: block;
}

/* CCI gold gradient — applied by default, overridden inline when solid colour selected */
.cci-split-heading__title-line--two {
  background-image: linear-gradient(
    to right,
    #cb9b51 0%,
    #f6e27a 25%,
    #cb9b51 50%,
    #f6e27a 75%,
    #cb9b51 100%
  );
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

/* Base default weights; per-breakpoint Typography controls override these. */
.cci-split-heading__title-line--one {
  font-weight: 600;
}