/* ================================
   [BR26] - Gradient H1 Title
   CSS
================================ */

.br26-h1g{
  --br26-blue: #4C48F9;
  --br26-text-dark: #0b0b12;
  --br26-max-width: 1200px;

  width: 100%;
}

.br26-h1g__inner{

  margin: 0 auto;
  padding: 0;
  overflow: visible; /* important: avoid accidental clipping */
}

/* Alignment toggles */
.br26-h1g--align-left{ text-align: left; }
.br26-h1g--align-center{ text-align: center; }

/* Optional eyebrow */
p.br26-h1g__eyebrow{
  margin: 0 0 25px;
  color: #000;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

/* Gradient H1 */
.br26-h1g__title{
  margin: 0;



  /* force correct weight */
  font-weight: 600 !important;
}

.br26-h1g__title,
.br26-h1g__title *{
  font-weight: 600 !important;
}

/* Gradient text + anti-crop safeguards */
.br26-h1g__title{
  display: inline-block;          /* prevents paint clipping in some browsers */
  line-height: 1.12;              /* slightly looser to avoid bottom crop */
  padding-bottom: 0.13em;         /* gives the gradient paint area room */
  padding-top: 0.02em;            /* optional: helps with top-edge clipping */
  letter-spacing: -0.02em;

  background-image: linear-gradient(
    90deg,
    var(--br26-text-dark) 0%,
    var(--br26-blue) 100%
  );
  background-repeat: no-repeat;

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Direction toggle */
.br26-h1g--dir-rtl .br26-h1g__title{
  background-image: linear-gradient(
    90deg,
    var(--br26-blue) 0%,
    var(--br26-text-dark) 100%
  );
}

/* Fallback if background-clip unsupported */
@supports not (-webkit-background-clip: text){
  .br26-h1g__title{
    background-image: none;
    color: var(--br26-text-dark);
    -webkit-text-fill-color: initial;
    padding: 0;
  }
}