/* ══════════════════════════════════════════════════════
   index.php — Page Styles
   ══════════════════════════════════════════════════════ */

/* ── Welcome Banner ───────────────────────────────────── */
.pp-welcome-banner {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, #0f0c29 0%, #1e1b4b 40%, #302b63 75%, #1a1848 100%);
    padding: 1.5rem 0;
}

.pp-welcome-banner__glow {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 140% at 100% 50%, rgba(99, 102, 241, 0.2) 0%, transparent 60%),
        radial-gradient(ellipse 30% 100% at 0% 50%,   rgba(6, 182, 212, 0.08) 0%, transparent 60%);
    pointer-events: none;
}

.pp-welcome-banner__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 56px;
}

.pp-welcome-text-wrap {
    text-align: right;
}

.pp-welcome-greeting {
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
    margin: 0 0 0.2rem;
    line-height: 1.2;
}

.pp-welcome-sub {
    font-size: 0.82rem;
    color: rgba(199, 210, 254, 0.65);
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
}

.pp-welcome-player-count {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.45rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(165, 180, 252, 0.22);
    font-size: 0.76rem;
    font-weight: 700;
    color: rgba(226, 232, 255, 0.92);
}

.pp-welcome-player-count i {
    font-size: 0.85rem;
    color: rgba(165, 180, 252, 0.95);
}

@media (max-width: 767.98px) {
    .pp-welcome-banner__inner { justify-content: flex-start; }
    .pp-welcome-text-wrap     { text-align: left; }
}

@media (max-width: 575.98px) {
    .pp-welcome-greeting { font-size: 0.95rem; }
    .pp-welcome-sub      { font-size: 0.78rem; }
    .pp-welcome-player-count { font-size: 0.72rem; }
}

/* ── Promo / Membership Card ──────────────────────────── */
.promo-col-visual {
    min-height: 350px;
}

#promoCarousel .carousel-item {
    transition: transform 1.5s ease-in-out !important;
}

#promoCarousel img {
    height: 350px !important;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

#promoCarousel img.branding-img {
    object-fit: contain !important;
    background: #ffffff;
}

.pp-powered-by {
    margin-top: 0.35rem;
}

.pp-powered-by-logo {
    display: block;
    margin: 0.35rem auto 0;
    max-height: 28px;
    max-width: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ── Buttons ──────────────────────────────────────────── */
.btn-pro-manage,
.btn-subscribe {
    border-radius: 999px;
    font-weight: 800;
    padding: 0.65rem 1.6rem;
}

.btn-browse-courts {
    background: linear-gradient(135deg, #1e1b4b, #4f46e5);
    color: white;
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: 0.01em;
    border: none;
    box-shadow: 0 6px 20px rgba(79, 70, 229, 0.35);
    transition: all 0.22s ease;
}

.btn-browse-courts:hover {
    background: linear-gradient(135deg, #312e81, #6366f1);
    box-shadow: 0 10px 28px rgba(99, 102, 241, 0.5);
    color: #fff;
    transform: translateY(-2px);
}

/* ── Animations ───────────────────────────────────────── */
.index-carousel-1      { animation-delay: 0.1s; }
.index-fade-in-2       { animation-delay: 0.2s; }
.index-fade-in-partners { animation-delay: 0.1s; }

/* ── Nav Chevrons ─────────────────────────────────────── */
.prev-chevron { font-size: 1.2rem; margin-right: 2px; }
.next-chevron { font-size: 1.2rem; margin-left:  2px; }

/* ── Badges ───────────────────────────────────────────── */
.badge-new-adjust {
    font-size: 0.6em;
    vertical-align: middle;
}

.verified-badge-coming-soon {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    border: none;
}

.verified-badge-maintenance {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    border: none;
}

/* ── Price Card Icon ──────────────────────────────────── */
.price-card-icon {
    font-size: 1.1rem;
    line-height: 1;
    color: #6366f1;
}

/* ── Partners Strip ───────────────────────────────────── */
.partners-title {
    letter-spacing: -0.02em;
    font-size: 1.1rem;
    color: #1e1b4b;
    font-weight: 700;
    opacity: 0.9;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 991.98px) {
    .promo-col-visual  { min-height: 280px; }
    #promoCarousel img { height: 280px !important; }
}

@media (max-width: 767.98px) {
    .promo-col-visual  { min-height: 220px; }
    #promoCarousel img { height: 220px !important; }

    .btn-browse-courts {
        width: 100%;
        max-width: 270px;
    }
}

@media (max-width: 575.98px) {
    .promo-col-visual  { min-height: 180px; }
    #promoCarousel img { height: 180px !important; }
    .partners-title    { font-size: 0.9rem; }
}