/*
 Theme Name:   Kadence Child - Pay It Forward
 Theme URI:    https://payitforwardcardshows.com
 Description:  Child theme for Kadence – Pay It Forward Card Shows
 Author:       Pay It Forward
 Template:     kadence
 Version:      1.0.8
 Text Domain:  kadence-child
*/

/* ===== YMCA Sponsor Banner ===== */
.pif-ymca-banner {
  box-sizing: border-box;
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  padding: 20px 0;
  position: relative;
}
.pif-ymca-banner-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.pif-ymca-banner .pif-ymca-logo { flex-shrink: 0; }
.pif-ymca-banner .pif-ymca-logo img { height: 100px; width: auto; filter: invert(1) brightness(2); }
.pif-ymca-banner .pif-ymca-divider { width: 2px; height: 60px; background: rgba(255,255,255,0.3); flex-shrink: 0; }
.pif-ymca-banner .pif-ymca-text { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }
.pif-ymca-banner .pif-ymca-label { font-size: 15px; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.7); font-weight: 600; font-family: "Trebuchet MS", Helvetica, sans-serif; }
.pif-ymca-banner .pif-ymca-name { font-size: 30px; font-weight: 700; color: #ffffff; font-family: "Trebuchet MS", Helvetica, sans-serif; }
.pif-ymca-banner .pif-ymca-badge { flex-shrink: 0; border-radius: 8px; overflow: hidden; }
.pif-ymca-banner .pif-ymca-badge img { height: 100px; width: auto; display: block; border-radius: 8px; }

@media (max-width: 768px) {
  .pif-ymca-banner {
    padding: 10px 12px 10px 12px;
  }
  .pif-ymca-banner-inner {
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    align-items: center;
  }
  .pif-ymca-banner .pif-ymca-divider { width: 1px; height: 28px; }
  .pif-ymca-banner .pif-ymca-divider.pif-ymca-divider-badge { display: none; }
  .pif-ymca-banner .pif-ymca-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }
  .pif-ymca-banner .pif-ymca-label {
    font-size: 7px;
    white-space: nowrap;
    letter-spacing: 1px;
  }
  .pif-ymca-banner .pif-ymca-name {
    font-size: 11px;
    white-space: nowrap;
  }
  .pif-ymca-banner .pif-ymca-logo img { height: 36px; }
  .pif-ymca-banner .pif-ymca-badge img { height: 36px; }
}

/* ===== Sponsor Carousel ===== */
.pif-sponsor-carousel {
  box-sizing: border-box;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  overflow: hidden;
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  padding: 25px 0;
}
.pif-sponsor-title {
  text-align: center;
  color: #25515a;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0 0 35px 0;
  padding: 0;
}
.pif-sponsor-track {
  display: flex;
  align-items: center;
  gap: 50px;
  width: max-content;
  animation: pif-scroll 45s linear infinite;
}
.pif-sponsor-carousel:hover .pif-sponsor-track {
  animation-play-state: paused;
}
.pif-sponsor-item {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.pif-sponsor-item:hover {
  transform: scale(1.08);
}
.pif-sponsor-item img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  border-radius: 10px;
}
@keyframes pif-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% / 3)); }
}
@media (max-width: 768px) {
  .pif-sponsor-carousel {
    margin-top: 0 !important;
    padding: 10px 0;
  }
  .pif-sponsor-title { font-size: .8rem; letter-spacing: 1px; margin-bottom: 24px; }
  .pif-sponsor-item { width: 90px; height: 90px; }
  .pif-sponsor-track { gap: 35px; }
}

/* Hide slider pagination dots */
.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination { display: none !important; }

/* Remove slider bottom padding (was for pagination dots) */
.kb-splide.splide { padding-bottom: 0 !important; margin-bottom: 0 !important; }