/*
 * AI24Solutions homepage premium delivery band
 *
 * Design objective:
 * - calm enterprise palette
 * - no oversized saturated AI gradient
 * - same visual language as light hero
 * - brand gradient only as a controlled accent
 */


/* =========================================================
   SECTION RESET
   ========================================================= */

body.theme-v13 .ai24-premium-delivery {
  background:
    transparent !important;

  background-image:
    none !important;
}


body.theme-v13
.ai24-premium-delivery
> .container {
  position:
    relative;

  overflow:
    hidden;

  color:
    #1f2a3a;

  background:
    linear-gradient(
      135deg,
      #f8fafc 0%,
      #f1f4f8 54%,
      #e9eef4 100%
    ) !important;

  border:
    1px solid rgba(96,112,139,.15);

  border-radius:
    28px;

  box-shadow:
    0 18px 44px
      rgba(40,53,75,.065),

    inset 0 1px 0
      rgba(255,255,255,.96);
}


/*
 * Remove the previous large blue/violet background
 * from the immediate inner presentation layer.
 */

body.theme-v13
.ai24-premium-delivery
> .container
> div {
  background-image:
    none !important;
}


/* =========================================================
   CONTROLLED BRAND ACCENT
   ========================================================= */

body.theme-v13
.ai24-premium-delivery
> .container::before {
  content:
    "";

  position:
    absolute;

  left:
    0;

  right:
    0;

  top:
    0;

  height:
    3px;

  background:
    linear-gradient(
      90deg,
      #7064ee 0%,
      #568ee9 52%,
      #43b8d8 100%
    );

  opacity:
    .80;

  pointer-events:
    none;
}


body.theme-v13
.ai24-premium-delivery
> .container::after {
  content:
    "";

  position:
    absolute;

  width:
    420px;

  height:
    420px;

  right:
    -180px;

  top:
    -230px;

  border-radius:
    50%;

  background:
    radial-gradient(
      circle,
      rgba(86,142,233,.08),
      rgba(67,184,216,.035) 43%,
      transparent 70%
    );

  pointer-events:
    none;
}


/* =========================================================
   COPY
   ========================================================= */

body.theme-v13
.ai24-premium-delivery
h2 {
  position:
    relative;

  z-index:
    2;

  max-width:
    780px;

  color:
    #1e2939 !important;

  font-size:
    clamp(
      28px,
      3vw,
      44px
    ) !important;

  font-weight:
    650;

  line-height:
    1.08;

  letter-spacing:
    -.035em;

  text-shadow:
    none !important;
}


body.theme-v13
.ai24-premium-delivery
p {
  position:
    relative;

  z-index:
    2;

  max-width:
    820px;

  color:
    #5f6e82 !important;

  font-size:
    17px;

  line-height:
    1.58;

  text-shadow:
    none !important;
}


/* =========================================================
   CTA
   ========================================================= */

body.theme-v13
.ai24-premium-delivery
a {
  position:
    relative;

  z-index:
    2;

  color:
    #ffffff !important;

  background:
    #253247 !important;

  background-image:
    none !important;

  border:
    1px solid rgba(22,34,53,.10) !important;

  border-radius:
    12px !important;

  box-shadow:
    0 8px 18px
      rgba(31,43,63,.10) !important;

  text-shadow:
    none !important;

  transition:
    transform .18s ease,
    background-color .18s ease,
    box-shadow .18s ease;
}


body.theme-v13
.ai24-premium-delivery
a:hover {
  background:
    #1d293a !important;

  transform:
    translateY(-1px);

  box-shadow:
    0 11px 22px
      rgba(31,43,63,.13) !important;
}


/* =========================================================
   REMOVE OLD SATURATED TEXT TREATMENTS
   ========================================================= */

body.theme-v13
.ai24-premium-delivery
strong,
body.theme-v13
.ai24-premium-delivery
span {
  text-shadow:
    none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {
  body.theme-v13
  .ai24-premium-delivery
  > .container {
    border-radius:
      22px;
  }

  body.theme-v13
  .ai24-premium-delivery
  h2 {
    font-size:
      28px !important;

    line-height:
      1.12;
  }

  body.theme-v13
  .ai24-premium-delivery
  p {
    font-size:
      15px;

    line-height:
      1.55;
  }
}