/**
 * @file
 * CC Soccer footer branding overrides.
 *
 * Transforms the Olivero footer from the default light gray
 * to a dark branded footer matching the header.
 */

/* ============================================
   FOOTER BACKGROUND & TEXT
   ============================================ */

.site-footer {
  color: var(--color-white);
  background: linear-gradient(
    180deg,
    var(--color-primary-dark) 0%,
    var(--color-primary) 100%
  );
}

/* ============================================
   FOOTER LINKS
   ============================================ */

.site-footer a {
  color: rgba(255, 255, 255, 0.9);
  transition: color var(--transition-base);
}

.site-footer a:hover {
  color: var(--color-white);
  text-decoration: underline;
}

/* ============================================
   FOOTER TEXT
   ============================================ */

.site-footer p {
  color: rgba(255, 255, 255, 0.85);
}

.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: var(--color-white);
}

/* ============================================
   FOOTER REGIONS
   ============================================ */

.region--footer-top,
.region--footer-bottom {
  color: var(--color-white);
}

/* ============================================
   "POWERED BY DRUPAL" BLOCK
   ============================================ */

.block-system-powered-by-block {
  color: rgba(255, 255, 255, 0.6);
  font-size: var(--text-sm);
}

.block-system-powered-by-block a {
  color: rgba(255, 255, 255, 0.7);
}

.block-system-powered-by-block a:hover {
  color: var(--color-white);
}

/* ============================================
   OLIVERO FOOTER LEFT BORDER OVERRIDE
   Olivero adds a black left border on wide screens
   to align with the content-left offset. We match
   it to our brand color.
   ============================================ */

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start-color: var(--color-primary-dark);
  }
}