/* COOLIO FOREVER — OFFICIAL SOCIAL LINKS */
.cf-social-band {
  padding: 34px 0;
  background: linear-gradient(110deg,#121018,#231729,#111117);
  border-top: 1px solid rgba(239,193,111,.36);
  border-bottom: 1px solid rgba(239,193,111,.2);
}
.cf-social-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
}
.cf-social-copy {
  display: grid;
  gap: 5px;
}
.cf-social-kicker {
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .2em;
  color: #e8c17f;
}
.cf-social-copy strong {
  font-size: clamp(1.4rem,2.4vw,2rem);
  letter-spacing: -.035em;
  color: #fff;
}
.cf-social-copy strong span {
  color: #e9bd70;
}
.cf-social-copy p {
  margin: 0;
  color: #c5b9c9;
  font-size: .87rem;
}
.cf-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.cf-social-links a {
  width: 59px;
  height: 59px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #edd19a;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(236,196,123,.4);
  border-radius: 14px;
  text-decoration: none;
  box-sizing: border-box;
  transition: transform .2s ease, background .2s ease,
              border-color .2s ease;
}
.cf-social-links svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}
.cf-social-links span {
  font-size: .56rem;
  font-weight: 800;
  color: #f5e7cd;
}
.cf-social-links a:hover {
  transform: translateY(-4px);
  background: rgba(235,191,115,.15);
  border-color: #e9bd70;
}
.cf-social-links a:focus-visible {
  outline: 3px solid #f9d892;
  outline-offset: 4px;
}
@media(max-width:700px) {
  .cf-social-inner {
    justify-content: center;
    text-align: center;
  }
  .cf-social-links {
    justify-content: center;
    width: 100%;
  }
  .cf-social-links a {
    width: 54px;
    height: 54px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .cf-social-links a {
    transition: none;
  }
  .cf-social-links a:hover {
    transform: none;
  }
}

/* ============================================
   COOLIO FOREVER — SIGNATURE FOOTER V2
   Premium black / champagne-gold / purple
   ============================================ */

.foot {
  position: relative;
  padding-top: 0 !important;
  background:
    radial-gradient(
      ellipse at 20% 0%,
      rgba(111, 55, 118, .13),
      transparent 60%
    ),
    linear-gradient(165deg,#14111b,#080911 80%) !important;
  border-top: 1px solid rgba(229,183,108,.32);
}

/* Merge social section into footer visually */
.foot .cf-social-band {
  padding: clamp(54px,7vw,90px) 0;
  background:
    radial-gradient(
      ellipse at 80% 50%,
      rgba(123,67,142,.15),
      transparent 55%
    ),
    linear-gradient(115deg,#1d1425,#111018);
  border-top: 0;
  border-bottom: 1px solid rgba(232,188,114,.23);
}

.foot .cf-social-inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: clamp(26px,5vw,75px);
  align-items: center;
}

.foot .cf-social-kicker {
  display: block;
  margin-bottom: 13px;
  font-size: .71rem;
  letter-spacing: .22em;
  color: #e8bb77;
}

.foot .cf-social-copy strong {
  display: block;
  font-size: clamp(2rem,4vw,4.2rem);
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: 1.03;
  color: #fffaf3;
}

.foot .cf-social-copy strong span {
  background: linear-gradient(
    110deg,#fff0b7,#e9bd70,#b98545
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.foot .cf-social-copy p {
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.65;
  color: #ccc2d2;
}

/* Larger, cleaner social icons */
.foot .cf-social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.foot .cf-social-links a {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(231,187,112,.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
  color: #eec887;
  gap: 6px;
}

.foot .cf-social-links svg {
  width: 27px;
  height: 27px;
}

.foot .cf-social-links span {
  font-size: .62rem;
  font-weight: 850;
}

.foot .cf-social-links a:hover {
  transform: translateY(-5px);
  background: rgba(231,187,112,.14);
  border-color: #eec887;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

/* Main footer columns */
.foot > .wrap {
  padding-top: clamp(55px,6vw,85px);
  padding-bottom: 24px;
}

.foot .foot-grid {
  display: grid;
  grid-template-columns: minmax(0,1.55fr)
                         minmax(0,.75fr)
                         minmax(0,.9fr);
  column-gap: clamp(30px,5vw,95px);
  row-gap: 35px;
  align-items: start;
  padding-bottom: clamp(42px,6vw,75px);
}

.foot .foot-grid > div {
  min-width: 0;
}

.foot .foot-grid .logo {
  display: inline-block;
  margin-bottom: 18px;
  font-size: clamp(1.5rem,2.3vw,2.1rem);
  letter-spacing: -.055em;
}

.foot .foot-grid > div:first-child p {
  max-width: 390px;
  color: #bdb5c4;
  font-size: 1rem;
  line-height: 1.9;
  margin-bottom: 18px;
}

.foot .foot-grid .eyebrow {
  display: block;
  margin-bottom: 21px;
  color: #e7bd75;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .17em;
}

.foot .foot-grid > div > a:not(.logo) {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 14px;
  color: #d2cbd7;
  text-decoration: none;
  line-height: 1.55;
  transition: color .2s ease;
}

.foot .foot-grid a:hover {
  color: #f5d291;
}

.foot .foot-grid .eyebrow[style] {
  margin-top: 29px !important;
}

.foot #privacy-toggle {
  margin-top: 9px;
  border-color: rgba(236,199,133,.38);
}

.foot .foot-end {
  padding: 29px 0 8px;
  border-top: 1px solid rgba(231,187,112,.18);
  color: #aaa2b2;
  font-size: .79rem;
  line-height: 1.75;
  letter-spacing: .015em;
}

/* Tablet */
@media (max-width: 980px) {
  .foot .cf-social-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .foot .cf-social-links {
    justify-content: center;
  }

  .foot .foot-grid {
    grid-template-columns: minmax(0,1.2fr)
                           minmax(0,1fr);
  }

  .foot .foot-grid > div:first-child {
    grid-column: 1 / -1;
  }
}

/* Phone */
@media (max-width: 600px) {
  .foot .cf-social-band {
    padding: 55px 0;
  }

  .foot .cf-social-copy strong {
    font-size: clamp(2rem,9vw,3.2rem);
  }

  .foot .cf-social-links {
    gap: 9px;
  }

  .foot .cf-social-links a {
    width: 58px;
    height: 62px;
    border-radius: 12px;
  }

  .foot .cf-social-links svg {
    width: 23px;
    height: 23px;
  }

  .foot .cf-social-links span {
    font-size: .52rem;
  }

  .foot > .wrap {
    padding-top: 50px;
  }

  .foot .foot-grid {
    grid-template-columns: minmax(0,1fr)
                           minmax(0,1fr);
    column-gap: 24px;
    row-gap: 35px;
  }

  .foot .foot-grid > div:first-child {
    grid-column: 1 / -1;
  }

  .foot .foot-grid .eyebrow {
    font-size: .67rem;
  }

  .foot .foot-grid > div > a:not(.logo) {
    font-size: .87rem;
  }

  .foot .foot-end {
    font-size: .74rem;
    text-align: center;
  }
}

/* Very small screens */
@media (max-width: 350px) {
  .foot .cf-social-links a {
    width: 48px;
    height: 56px;
  }

  .foot .foot-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .foot .cf-social-links a,
  .foot .foot-grid a {
    transition: none;
  }

  .foot .cf-social-links a:hover {
    transform: none;
  }
}