/**
 * PickleHub PH Child Theme - Brand overrides.
 */

:root {
    --ph-bg: #f2fbff;
    --ph-bg-soft: #eaf8fe;
    --ph-surface: rgba(255, 255, 255, 0.88);
    --ph-surface-strong: #ffffff;
    --ph-primary: #075f78;
    --ph-primary-dark: #071d33;
    --ph-primary-soft: #e4f5fb;
    --ph-accent: #20c997;
    --ph-accent-soft: #dffaf2;
    --ph-sun: #ffb020;
    --ph-sun-soft: #fff4d7;
    --ph-coral: #ff6b5f;
    --ph-coral-soft: #fff0ee;
    --ph-text: #102033;
    --ph-muted: #64748b;
    --ph-border: rgba(7, 95, 120, 0.16);
    --ph-border-strong: rgba(7, 95, 120, 0.24);
    --ph-radius-sm: 12px;
    --ph-radius-md: 18px;
    --ph-radius-lg: 26px;
    --ph-radius-xl: 34px;
    --ph-shadow-card: 0 20px 55px rgba(7, 29, 51, 0.10);
    --ph-shadow-lift: 0 28px 70px rgba(7, 29, 51, 0.16);
}

body.picklehub-ph-theme {
    background:
        radial-gradient(circle at 8% 8%, rgba(32, 201, 151, 0.18), transparent 30rem),
        radial-gradient(circle at 88% 0%, rgba(7, 95, 120, 0.16), transparent 34rem),
        linear-gradient(180deg, #f2fbff 0%, #ffffff 62%, #eef9f4 100%);
}

.ph-header {
    background: rgba(242, 251, 255, 0.82);
}

.ph-header .wp-block-site-title a,
.ph-header .wp-block-site-title {
    color: var(--ph-primary-dark);
    font-weight: 950;
    letter-spacing: -0.035em;
    text-decoration: none;
}

.ph-header .wp-block-navigation a {
    color: var(--ph-primary-dark);
    font-weight: 800;
    text-decoration: none;
}

.ph-header .wp-block-navigation a:hover,
.ph-header .wp-block-navigation a:focus {
    color: var(--ph-primary);
}

.ph-footer {
    background:
        radial-gradient(circle at top left, rgba(32, 201, 151, 0.24), transparent 28rem),
        linear-gradient(135deg, #071d33 0%, #075f78 100%);
}

.ph-glass,
.wp-block-group.ph-glass {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.94) 0%, rgba(230,248,255,0.78) 54%, rgba(220,250,243,0.76) 100%);
    border-color: var(--ph-border);
}

.ph-card {
    border-color: var(--ph-border);
}

.ph-btn-primary,
.wp-block-button.ph-btn-primary .wp-block-button__link,
.wp-block-button__link {
    background: linear-gradient(135deg, var(--ph-primary) 0%, #087d91 100%);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(7, 95, 120, 0.24);
}

.ph-btn-primary:hover,
.ph-btn-primary:focus,
.wp-block-button.ph-btn-primary .wp-block-button__link:hover,
.wp-block-button.ph-btn-primary .wp-block-button__link:focus {
    background: linear-gradient(135deg, var(--ph-primary-dark) 0%, var(--ph-primary) 100%);
    color: #ffffff;
}

.ph-btn-soft {
    background: #ffffff;
    color: var(--ph-primary-dark);
    border-color: var(--ph-border);
}

.ph-badge {
    background: var(--ph-accent-soft);
    color: var(--ph-primary-dark);
    border: 1px solid rgba(32, 201, 151, 0.32);
}

.picklelapu-public-booking,
.picklelapu-reservation-form,
.picklelapu-booking-card,
.picklelapu-form-card {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(236,250,255,0.84));
    border-color: var(--ph-border);
}

.picklelapu-public-booking button,
.picklelapu-reservation-form button,
.picklelapu-public-booking .button,
.picklelapu-reservation-form .button {
    background: var(--ph-primary);
    color: #ffffff;
    border-color: var(--ph-primary);
}

.picklelapu-public-booking button:hover,
.picklelapu-reservation-form button:hover,
.picklelapu-public-booking .button:hover,
.picklelapu-reservation-form .button:hover {
    background: var(--ph-primary-dark);
    color: #ffffff;
}

.picklelapu-slot.is-selected,
.picklelapu-time-slot.is-selected,
.picklelapu-payment-method.is-selected,
.picklelapu-court-option.is-selected {
    border-color: var(--ph-accent);
    background: var(--ph-accent-soft);
    color: var(--ph-primary-dark);
}

.picklelapu-owner-session-bar,
.picklelapu-owner-login-status {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(230,248,255,0.88));
    border-color: var(--ph-border);
}

.picklelapu-owner-session-bar a,
.picklelapu-owner-session-bar button,
.picklelapu-owner-login-status a,
.picklelapu-owner-login-status button {
    background: #ffffff;
    color: var(--ph-primary-dark);
    border-color: var(--ph-border);
}

.picklehub-ph-home-hero {
    position: relative;
    overflow: hidden;
}

.picklehub-ph-home-hero::after {
    content: "";
    position: absolute;
    right: -8rem;
    bottom: -10rem;
    width: 24rem;
    height: 24rem;
    border-radius: 999px;
    background: rgba(32, 201, 151, 0.16);
    pointer-events: none;
}

.picklehub-ph-kicker {
    color: var(--ph-primary);
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 782px) {
    .ph-glass,
    .wp-block-group.ph-glass {
        border-radius: 24px;
    }

    .ph-header-inner {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}


/**
 * PickleHub PH Child Theme - Header/Footer Brand Polish v1.1.0.
 */

body.picklehub-ph-v110 {
    --ph-header-bg: rgba(242, 251, 255, 0.88);
    --ph-header-border: rgba(7, 95, 120, 0.16);
    --ph-footer-bg: #071d33;
    --ph-footer-text: rgba(255, 255, 255, 0.84);
}

.picklehub-ph-theme .ph-header,
.picklehub-ph-theme .ph-header-centered,
.picklehub-ph-theme .ph-header-booking-cta,
.picklehub-ph-theme .ph-header-owner-aware {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(230,248,255,0.82) 50%, rgba(223,250,242,0.80) 100%);
    border-bottom-color: var(--ph-header-border);
    box-shadow: 0 12px 34px rgba(7, 29, 51, 0.07);
}

.picklehub-ph-theme .ph-header.is-style-picklehub-ph-glass-header,
.picklehub-ph-theme .ph-header-centered.is-style-picklehub-ph-glass-header,
.picklehub-ph-theme .ph-header-booking-cta.is-style-picklehub-ph-glass-header,
.picklehub-ph-theme .ph-header-owner-aware.is-style-picklehub-ph-glass-header {
    background:
        radial-gradient(circle at 8% 0%, rgba(32,201,151,0.18), transparent 24rem),
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(232,249,255,0.86));
}

.picklehub-ph-theme .ph-header .wp-block-site-title,
.picklehub-ph-theme .ph-header-centered .wp-block-site-title,
.picklehub-ph-theme .ph-header-booking-cta .wp-block-site-title,
.picklehub-ph-theme .ph-header-owner-aware .wp-block-site-title {
    font-weight: 950;
    letter-spacing: -0.045em;
}

.picklehub-ph-theme .ph-header .wp-block-navigation-item__content,
.picklehub-ph-theme .ph-header-centered .wp-block-navigation-item__content,
.picklehub-ph-theme .ph-header-booking-cta .wp-block-navigation-item__content,
.picklehub-ph-theme .ph-header-owner-aware .wp-block-navigation-item__content {
    color: var(--ph-primary-dark);
    font-weight: 850;
}

.picklehub-ph-theme .wp-block-navigation.is-style-picklehub-pill-nav .wp-block-navigation-item__content:hover,
.picklehub-ph-theme .wp-block-navigation.is-style-picklehub-pill-nav .wp-block-navigation-item__content:focus {
    background: rgba(32, 201, 151, 0.14);
    color: var(--ph-primary-dark);
}

.picklehub-ph-theme .ph-header-cta,
.picklehub-ph-cta {
    background: linear-gradient(135deg, var(--ph-primary) 0%, #087d91 100%);
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.24);
    box-shadow: 0 16px 34px rgba(7, 95, 120, 0.22);
    text-decoration: none;
}

.picklehub-ph-theme .ph-header-cta:hover,
.picklehub-ph-theme .ph-header-cta:focus,
.picklehub-ph-cta:hover,
.picklehub-ph-cta:focus {
    background: linear-gradient(135deg, var(--ph-primary-dark) 0%, var(--ph-primary) 100%);
    color: #ffffff !important;
}

.picklehub-ph-cta-sun,
.wp-block-button.is-style-picklehub-ph-sun-cta .wp-block-button__link {
    background: linear-gradient(135deg, var(--ph-sun) 0%, #ffcb55 100%) !important;
    color: var(--ph-primary-dark) !important;
    border-color: rgba(255,176,32,0.35);
    box-shadow: 0 16px 34px rgba(255, 176, 32, 0.22);
}

.picklehub-ph-theme .ph-owner-chip {
    background: linear-gradient(135deg, var(--ph-accent-soft), #ffffff);
    border-color: rgba(32, 201, 151, 0.34);
    color: var(--ph-primary-dark);
}

.picklehub-ph-theme .ph-footer,
.picklehub-ph-theme .ph-footer-marketplace {
    background:
        radial-gradient(circle at 8% 0%, rgba(32, 201, 151, 0.28), transparent 28rem),
        radial-gradient(circle at 92% 12%, rgba(255, 176, 32, 0.18), transparent 24rem),
        linear-gradient(135deg, #071d33 0%, #075f78 62%, #064a5f 100%);
}

.picklehub-ph-theme .ph-footer.is-style-picklehub-ph-footer-wave,
.picklehub-ph-theme .ph-footer-marketplace.is-style-picklehub-ph-footer-wave {
    position: relative;
    overflow: hidden;
}

.picklehub-ph-theme .ph-footer.is-style-picklehub-ph-footer-wave::before,
.picklehub-ph-theme .ph-footer-marketplace.is-style-picklehub-ph-footer-wave::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 100%, rgba(32,201,151,0.18), transparent 24rem),
        radial-gradient(circle at 80% 0%, rgba(255,176,32,0.14), transparent 22rem);
    pointer-events: none;
}

.picklehub-ph-theme .ph-footer-inner,
.picklehub-ph-theme .ph-footer-marketplace-inner {
    position: relative;
    z-index: 1;
}

.picklehub-ph-theme .ph-footer .wp-block-site-title a,
.picklehub-ph-theme .ph-footer-marketplace .wp-block-site-title a {
    color: #ffffff;
    font-weight: 950;
    letter-spacing: -0.04em;
    text-decoration: none;
}

.picklehub-ph-theme .ph-footer h2,
.picklehub-ph-theme .ph-footer h3,
.picklehub-ph-theme .ph-footer-marketplace h2,
.picklehub-ph-theme .ph-footer-marketplace h3 {
    color: #ffffff;
}

.picklehub-ph-theme .ph-footer a,
.picklehub-ph-theme .ph-footer-simple a,
.picklehub-ph-theme .ph-footer-marketplace a,
.picklehub-ph-theme .ph-footer-minimal a {
    color: #ffffff;
}

.picklehub-ph-theme .ph-footer-bottom {
    border-top-color: rgba(255,255,255,0.18);
}

.picklehub-ph-theme .ph-footer-simple,
.picklehub-ph-theme .ph-footer-minimal {
    background:
        linear-gradient(135deg, #071d33 0%, #0b334f 100%);
}

.picklehub-ph-theme .ph-footer-list a {
    display: inline-flex;
    width: fit-content;
    padding: 0.18rem 0;
    color: rgba(255,255,255,0.88);
    text-decoration-color: rgba(255,255,255,0.24);
}

.picklehub-ph-theme .ph-footer-list a:hover,
.picklehub-ph-theme .ph-footer-list a:focus {
    color: #ffffff;
    text-decoration-color: var(--ph-accent);
}

.picklehub-ph-theme .wp-block-navigation__responsive-container.is-menu-open {
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(232,249,255,0.96));
    color: var(--ph-primary-dark);
}

.picklehub-ph-theme .wp-block-navigation__responsive-container.is-menu-open a {
    color: var(--ph-primary-dark) !important;
    font-weight: 850;
}

.picklehub-ph-theme .wp-block-navigation__responsive-container-close,
.picklehub-ph-theme .wp-block-navigation__responsive-container-open {
    color: var(--ph-primary-dark);
}

@media (max-width: 640px) {
    .picklehub-ph-theme .ph-header-actions,
    .picklehub-ph-theme .ph-owner-actions {
        gap: 0.5rem;
    }

    .picklehub-ph-theme .ph-header-cta,
    .picklehub-ph-cta {
        justify-content: center;
        width: 100%;
    }

    .picklehub-ph-theme .ph-owner-chip {
        font-size: 0.76rem;
        padding: 0.35rem 0.62rem;
    }
}