/* Padel landing header r1: a floating liquid glass bar over the hero, in the same language as the Name Studio hero. */
/* The bar's height is a fixed number, not measured by a script: measuring too early left a dark stripe between the bar and the first picture on phones. */
body{margin:0}
html{--ymhd-h:110px;scroll-padding-top:120px}
@media(max-width:680px){html{--ymhd-h:94px;scroll-padding-top:96px}}
/* The header is an overlay laid on top of the first section (absolute within the page): no sticky or negative-margin tricks, so every phone paints the picture behind it. */
/* The overlay is placed relative to the page wrapper, so anything above it (the WordPress admin bar for logged-in staff) moves header and first section together. */
main.pdl,.pdl.ymc{position:relative}
.pdl .pdl-site-header.ymhd,.pdl-site-header.ymhd{--lime:var(--signal,#dfff24);position:absolute;top:0;left:0;right:0;width:auto;z-index:10000;height:var(--ymhd-h,110px);margin:0;box-shadow:none;background:linear-gradient(180deg,rgba(4,8,10,.45) 0%,rgba(4,8,10,.12) 60%,rgba(4,8,10,0) 100%);pointer-events:none;transition:background .35s ease}
.pdl-site-header.ymhd>*{pointer-events:auto}
/* the Christmas line sits straight on the picture, inside the header's soft top fade */
.pdl-site-header.ymhd .pdl-utility{height:34px;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}
.pdl .pdl-site-header.ymhd .pdl-utility .inner,.pdl-site-header.ymhd .pdl-utility .inner{height:100%!important;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;gap:12px}
.pdl-site-header.ymhd .pdl-christmas-copy,.pdl-site-header.ymhd .pdl-christmas-link{line-height:1;align-self:center}
.pdl-site-header.ymhd .pdl-christmas-copy{color:#dfe5dc!important;font-size:12px;font-weight:500;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.pdl-site-header.ymhd .pdl-christmas-copy:before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);vertical-align:1px}
.pdl-site-header.ymhd .pdl-christmas-copy b{color:#fff}
.pdl-site-header.ymhd .pdl-christmas-more{color:#9aa59a!important}
.pdl-site-header.ymhd .pdl-christmas-link{color:var(--lime)!important;align-self:center;display:inline-flex;align-items:center;gap:3px;height:auto;min-height:0;padding:0 0 1px;line-height:1.2;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(223,255,36,.45)}
/* the bar itself */
.pdl-site-header.ymhd .pdl-main-nav{height:auto;padding:12px 20px 0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
.pdl-site-header.ymhd .pdl-main-nav .inner{position:relative;isolation:isolate;box-sizing:border-box;min-height:0;width:min(1260px,100%);max-width:none;height:64px;margin:0 auto;padding:0 10px 0 24px;gap:18px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 50%,rgba(255,255,255,.07)),rgba(9,13,13,.42);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.05);backdrop-filter:blur(20px) saturate(180%) brightness(1.05);box-shadow:0 18px 44px rgba(0,0,0,.38),inset 3px 3px .5px -3.5px rgba(255,255,255,.09),inset -3px -3px .5px -3.5px rgba(255,255,255,.7),inset 1px 1px 1px -.5px rgba(255,255,255,.5),inset -1px -1px 1px -.5px rgba(255,255,255,.5),inset 0 0 6px 6px rgba(255,255,255,.05);transition:background .35s ease,box-shadow .35s ease}
.pdl-site-header.ymhd .pdl-header-logo{width:128px;flex:0 0 128px;min-height:0}
.pdl-site-header.ymhd .pdl-header-logo img{height:38px;transition:height .35s ease}
.pdl-site-header.ymhd .pdl-header-links{flex:1 1 auto;justify-content:center;gap:2px}
.pdl-site-header.ymhd .pdl-header-links>a{height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;color:#dfe5dc!important;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.pdl-site-header.ymhd .pdl-header-links>a:after{content:none}
.pdl-site-header.ymhd .pdl-header-links>a:hover,.pdl-site-header.ymhd .pdl-header-links>a:focus-visible{background:rgba(255,255,255,.1);color:#fff!important}
.pdl-site-header.ymhd .pdl-header-links>a.is-here{background:rgba(255,255,255,.14);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -8px 12px -8px rgba(223,255,36,.5)}
.pdl-site-header.ymhd .pdl-header-actions{gap:6px;margin-left:auto}
.pdl-site-header.ymhd .pdl-header-action{height:40px;min-height:0;padding:0 14px;border:0;border-radius:999px;background:none;color:#dfe5dc!important;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}
.pdl-site-header.ymhd .pdl-header-action:hover{background:rgba(255,255,255,.1);color:#fff!important}
.pdl-site-header.ymhd .pdl-cart-trigger{padding:0 6px 0 14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.pdl-site-header.ymhd .pdl-cart-trigger span{min-width:28px;height:28px;margin-left:9px;padding:0 8px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800}
.pdl-site-header.ymhd .pdl-cart-trigger.has-items span{background:var(--lime);color:#0b130e}
.pdl-site-header.ymhd .pdl-header-actions .cta{position:relative;min-height:0;height:46px;margin-left:6px;padding:0 50px 0 22px;display:inline-flex;align-items:center;border:0;border-radius:999px;background:linear-gradient(180deg,#f0ff7a 0%,var(--lime) 45%,#c4e600 100%);color:#0b130e!important;font-size:13px;font-weight:800;letter-spacing:0;text-decoration:none;box-shadow:0 8px 26px rgba(223,255,36,.28),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 6px rgba(90,110,0,.35);transition:transform .2s ease,box-shadow .2s ease}
.pdl-site-header.ymhd .pdl-header-actions .cta:after{content:"";position:absolute;right:6px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#0b130e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dfff24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s ease}
.pdl-site-header.ymhd .pdl-header-actions .cta:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f0ff7a 0%,var(--lime) 45%,#c4e600 100%);box-shadow:0 12px 34px rgba(223,255,36,.42),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 6px rgba(90,110,0,.35)}
.pdl-site-header.ymhd .pdl-header-actions .cta:hover:after{transform:translateX(2px)}
.pdl-site-header.ymhd :focus-visible{outline:2px solid var(--lime);outline-offset:3px}
/* The strip and navigation scroll away together; no fixed header state. */
/* the first section starts at the top of the page and leaves room for the overlay */
#top.ymh2.ymh2--header-overlay{padding-top:var(--ymhd-h,110px)}
/* the court picture is pulled up by the header height: its flat cloudless top is hidden above the page, so the clouds sit behind the header too and there is no band */
#top.ymh2.ymh2--header-overlay .ymh2-scene{top:calc(-1*var(--ymhd-h,110px));bottom:auto;height:calc(100% + var(--ymhd-h,110px))}
@media(max-width:1050px){
 .pdl-site-header.ymhd .pdl-header-links{display:none}
}
@media(max-width:680px){
 .pdl-site-header.ymhd .pdl-utility,.pdl-site-header.ymhd .pdl-utility .inner{height:32px}
 .pdl-site-header.ymhd .pdl-utility .inner{gap:8px;padding-inline:12px}
 .pdl-site-header.ymhd .pdl-christmas-copy,.pdl-site-header.ymhd .pdl-christmas-link{font-size:11px}
 .pdl-site-header.ymhd .pdl-main-nav{height:auto;padding:8px 12px 0}
 .pdl-site-header.ymhd .pdl-main-nav .inner{height:54px;padding:0 7px 0 18px;gap:8px}
 .pdl-site-header.ymhd .pdl-header-logo{width:104px;flex-basis:104px}
 .pdl-site-header.ymhd .pdl-header-logo img{height:32px}
 .pdl-site-header.ymhd .pdl-header-account{display:none}
 .pdl-site-header.ymhd .pdl-header-action{font-size:12px}
 .pdl-site-header.ymhd .pdl-cart-trigger{height:38px;padding:0 5px 0 12px}
 .pdl-site-header.ymhd .pdl-cart-trigger span{min-width:26px;height:26px;margin-left:7px;font-size:11px}
 .pdl-site-header.ymhd .pdl-header-actions .cta{display:none}
 /* on phones the strip and the bar follow too */
 #top.ymh2.ymh2--header-overlay .ymh2-scene{height:calc(62% + var(--ymhd-h,94px))}
}
@media(prefers-reduced-transparency:reduce){.pdl-site-header.ymhd .pdl-main-nav .inner{background:#11161a;-webkit-backdrop-filter:none;backdrop-filter:none}.pdl-site-header.ymhd .pdl-utility{background:#070a0a}}
@media(prefers-reduced-motion:reduce){.pdl-site-header.ymhd *{transition:none!important}}

/* Only the pill paints glass; its wrapper must not tint a rectangular strip. */
.pdl .pdl-site-header.ymhd{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.pdl-site-header.ymhd .pdl-main-nav{box-shadow:none;isolation:auto}
.pdl-site-header.ymhd .pdl-main-nav .inner{clip-path:inset(0 round 999px)}
/* Header and photo share the hero stacking context from the server-rendered first paint. */
#top.ymh2.ymh2--header-overlay>.pdl-site-header.ymhd{position:absolute;inset:0 0 auto;background:none;box-shadow:none}

/* Keep the logo and cart directly on the hero without an enclosing glass pill. */
.pdl-site-header.ymhd .pdl-main-nav .inner{background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none}

/* Flat header navigation; the panel only appears when Menu is opened. */
.pdl-site-header.ymhd .ym-header-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#fff;font:600 13px/1.2 Arial,sans-serif;cursor:pointer}
.pdl-site-header.ymhd .ym-header-menu-toggle:hover,.pdl-site-header.ymhd .ym-header-menu-toggle[aria-expanded="true"]{background:#ffffff14}
.pdl-site-header.ymhd .ym-header-menu{position:absolute;z-index:20;left:0;top:calc(100% + 8px);width:min(290px,calc(100vw - 24px));box-sizing:border-box;padding:10px;background:#111b1d;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 12px 30px #0004}
.pdl-site-header.ymhd .ym-header-menu[hidden]{display:none}
.pdl-site-header.ymhd .ym-header-menu a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:6px;color:#fff!important;font:600 15px/1.4 Arial,sans-serif;text-decoration:none}
.pdl-site-header.ymhd .ym-header-menu a:hover,.pdl-site-header.ymhd .ym-header-menu a:focus-visible{background:#dfff24;color:#101817!important}
@media(max-width:680px){.pdl-site-header.ymhd .ym-header-menu-toggle{margin-right:auto;padding:0 4px}.pdl-site-header.ymhd .ym-header-menu-toggle span{display:none}}

/* Icon-only mobile navigation and classic inline desktop links. */
.pdl-site-header.ymhd .ym-header-menu-toggle span{display:none}
.pdl-site-header.ymhd .ym-header-menu-toggle{width:44px;height:44px;padding:0;border-radius:0;background:transparent!important}
.pdl-site-header.ymhd .ym-header-menu-toggle svg{width:25px;height:25px;overflow:visible}
.pdl-site-header.ymhd .ym-header-menu-toggle path{transform-origin:12px 12px;transition:transform .18s ease}
.pdl-site-header.ymhd .ym-header-menu-toggle[aria-expanded="true"] .ym-menu-line-top{transform:translateY(4px) rotate(45deg);transform-origin:12px 8px}
.pdl-site-header.ymhd .ym-header-menu-toggle[aria-expanded="true"] .ym-menu-line-bottom{transform:translateY(-4px) rotate(-45deg);transform-origin:12px 16px}
@media(min-width:1100px){
 .pdl-site-header.ymhd .ym-header-menu-toggle{display:none}
 .pdl-site-header.ymhd .pdl-header-links{display:none!important}
 .pdl-site-header.ymhd .pdl-main-nav .inner{gap:16px}
 .pdl-site-header.ymhd .pdl-header-logo{order:0}
 .pdl-site-header.ymhd .ym-header-menu{position:static;order:1;display:flex;align-items:center;justify-content:center;flex:1;gap:2px;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
 .pdl-site-header.ymhd .ym-header-menu a{min-height:44px;padding:0 9px;font-size:13px;white-space:nowrap;border-radius:0;background:transparent}
 .pdl-site-header.ymhd .ym-header-menu a:hover,.pdl-site-header.ymhd .ym-header-menu a:focus-visible{background:transparent;color:#dfff24!important;text-decoration:underline;text-underline-offset:7px}
 .pdl-site-header.ymhd .pdl-header-actions{order:2;margin-left:0}
}
@media(prefers-reduced-motion:reduce){.pdl-site-header.ymhd .ym-header-menu-toggle path{transition:none}}