/* UsePadel Community – courts, find players, match, blog (Tab, 2026-10-15) */
.upc-main{max-width:1180px;margin:0 auto;padding:110px 4% 70px;min-height:60vh}
.upc-hero{padding:18px 0 10px}
.upc-kicker{color:var(--neon-volt);font-weight:800;letter-spacing:.5px;margin:0 0 6px;font-size:.95rem}
.upc-hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;margin:0 0 12px;font-weight:800}
.upc-hero h1 span{color:var(--neon-volt)}
.upc-sub{color:#cfcfcf;font-size:1.08rem;max-width:720px;margin:0 0 18px;line-height:1.6}
.upc-h2{font-size:1.5rem;margin:34px 0 14px;font-weight:800}
.upc-h2 small{display:block;font-size:.9rem;color:#a8a8a8;font-weight:600;margin-top:4px}
.upc-h3{font-size:1.2rem;margin:26px 0 12px}
.upc-card{background:rgba(255,255,255,.035);border:1px solid var(--glass-border);border-radius:18px;padding:18px}
.upc-grid{display:grid;grid-template-columns:1fr;gap:14px}
.upc-list{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.upc-grid{grid-template-columns:1fr 1fr}.upc-list{grid-template-columns:1fr 1fr}}
@media (min-width:1050px){.upc-grid{grid-template-columns:1fr 1fr 1fr}}
.upc-court{display:flex;flex-direction:column;gap:8px;transition:border-color .2s}
.upc-court:hover,.upc-game:hover{border-color:rgba(57,255,20,.45)}
.upc-court-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.upc-court h3,.upc-game h3{margin:0;font-size:1.15rem;line-height:1.35}
.upc-en{margin:-4px 0 0;color:#9a9a9a;font-size:.85rem;text-align:right}
.upc-loc{margin:0;color:#d4d4d4;font-size:.98rem;line-height:1.5}
.upc-loc i{color:var(--neon-volt);margin-left:4px}
.upc-tags{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.upc-tags li{background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.22);color:#e8ffe0;border-radius:20px;padding:3px 10px;font-size:.85rem}
.upc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;align-items:center}
.upc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:30px;background:var(--neon-volt);color:#000;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-family:inherit;font-size:1rem;transition:.2s}
.upc-btn:hover{background:var(--neon-hover);box-shadow:0 0 18px rgba(57,255,20,.4)}
.upc-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}
.upc-btn-ghost:hover{background:rgba(255,255,255,.06);box-shadow:none;border-color:var(--neon-volt);color:var(--neon-volt)}
.upc-btn-wa{background:#25D366;color:#04210f}
.upc-btn-wa:hover{background:#2ee673;box-shadow:0 0 18px rgba(37,211,102,.4)}
.upc-btn-lg{width:100%;font-size:1.1rem;min-height:52px;margin-top:6px}
.upc-src{margin:4px 0 0;font-size:.8rem;color:#8d8d8d}
.upc-src a{color:#a8a8a8}
.upc-badge{flex:none;background:var(--neon-volt);color:#000;font-weight:800;font-size:.75rem;border-radius:12px;padding:3px 9px}
.upc-filters{display:flex;flex-direction:column;gap:12px;margin:8px 0 6px}
.upc-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.upc-chips::-webkit-scrollbar{display:none}
.upc-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.upc-chip span{color:#9a9a9a;font-weight:600;font-size:.85rem}
.upc-chip.is-on{background:var(--neon-volt);border-color:var(--neon-volt);color:#000}
.upc-chip.is-on span{color:#163d0b}
.upc-city-filter{display:flex;align-items:center;gap:10px;max-width:360px}
.upc-city-filter span{font-weight:700;color:#cfcfcf}
.upc-main select,.upc-main input[type=text],.upc-main input[type=tel],.upc-main input[type=date],.upc-main input[type=time]{width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff;font-family:inherit;font-size:16px;color-scheme:dark}
.upc-main select:focus,.upc-main input:focus{outline:2px solid var(--neon-volt);outline-offset:1px;border-color:transparent}
.upc-count{color:#a8a8a8;margin:4px 0 12px;font-size:.95rem}
.upc-empty{color:#bdbdbd}
.upc-empty-box{border:1px dashed rgba(255,255,255,.2);border-radius:18px;padding:20px;text-align:center;color:#d0d0d0}
.upc-empty-box p{margin:6px 0}
.upc-empty-box a:not(.upc-btn){color:var(--neon-volt)}
.upc-note{margin:26px 0;padding:14px 16px;border-radius:14px;background:rgba(57,255,20,.06);border:1px solid rgba(57,255,20,.25);color:#dfe9dc;line-height:1.6}
.upc-note a{color:var(--neon-volt)}
.upc-note-sm{margin:0 0 14px;font-size:.95rem}
.upc-note i{color:var(--neon-volt);margin-left:4px}
.upc-cta-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}
@media (min-width:800px){.upc-cta-row{grid-template-columns:1fr 1fr 1fr}}
.upc-cta{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;border:1px solid var(--glass-border);background:rgba(255,255,255,.03);color:#fff;text-decoration:none}
.upc-cta strong{color:var(--neon-volt);font-size:1.1rem}
.upc-cta span{color:#c8c8c8;font-size:.95rem}
.upc-cta:hover{border-color:var(--neon-volt)}
.upc-bar{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 6px}
.upc-game{display:flex;gap:14px;align-items:stretch}
.upc-game-when{flex:none;width:76px;border-radius:14px;background:rgba(57,255,20,.1);border:1px solid rgba(57,255,20,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 4px}
.upc-day{font-size:.82rem;color:#e8ffe0;font-weight:700;line-height:1.25}
.upc-time{font-size:1.35rem;font-weight:800;color:var(--neon-volt)}
.upc-game-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.upc-match-level{border-color:rgba(57,255,20,.55)}
.upc-report{margin:0 auto 0 0}
.upc-link{background:none;border:0;color:#8d8d8d;font-family:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;min-height:44px;padding:0 6px}
.upc-form-card{margin-top:34px;scroll-margin-top:90px}
.upc-form-card .upc-h2{margin-top:0}
.upc-form{display:flex;flex-direction:column;gap:14px}
.upc-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#e6e6e6;font-size:.98rem}
.upc-form label small{color:#9a9a9a;font-weight:500}
.upc-row2{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:600px){.upc-row2{grid-template-columns:1fr 1fr}}
.upc-form .upc-check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5;color:#d6d6d6}
.upc-check input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:#39FF14}
.upc-privacy{margin:0;font-size:.9rem;color:#bdbdbd;line-height:1.6;background:rgba(255,255,255,.03);border-radius:12px;padding:10px 12px}
.upc-privacy i{color:var(--neon-volt);margin-left:4px}
.upc-small{font-size:.88rem;color:#a8a8a8;margin:6px 0}
.upc-small a,.upc-results>p a{color:var(--neon-volt)}
.upc-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}
.upc-alert{border-radius:14px;padding:12px 16px;margin:10px 0 16px;font-weight:700}
.upc-alert ul{margin:0;padding:0 18px 0 0}
.upc-ok{background:rgba(57,255,20,.12);border:1px solid rgba(57,255,20,.4);color:#e8ffe0}
.upc-err{background:rgba(255,51,102,.1);border:1px solid rgba(255,51,102,.45);color:#ffd6df}
.upc-match-form{margin-top:6px}
.upc-steps{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
@media (min-width:800px){.upc-steps{grid-template-columns:1fr 1fr 1fr}}
.upc-steps div{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--glass-border)}
.upc-steps strong{flex:none;width:38px;height:38px;border-radius:50%;background:var(--neon-volt);color:#000;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.upc-steps span{color:#d0d0d0}
.upc-inline{display:inline}
.upc-mod-row{margin-bottom:10px}
.upc-mod-row p{margin:0 0 6px;line-height:1.6}
.upc-warn{color:#ff7a99;font-weight:700}
/* blog */
.upc-blog-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:10px}
@media (min-width:700px){.upc-blog-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1050px){.upc-blog-grid{grid-template-columns:1fr 1fr 1fr}}
.upc-post-card{display:flex;flex-direction:column;overflow:hidden;padding:0;text-decoration:none;color:#fff}
.upc-post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.upc-post-card .upc-pc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.upc-post-card h2{font-size:1.2rem;margin:0;line-height:1.35}
.upc-post-card p{margin:0;color:#c8c8c8;line-height:1.6}
.upc-meta{color:#9a9a9a;font-size:.88rem}
.upc-more{color:var(--neon-volt);font-weight:800}
.upc-pager{display:flex;gap:10px;justify-content:center;margin:26px 0 0}
.upc-pager .page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--glass-border);color:#fff;text-decoration:none;padding:0 12px}
.upc-pager .current{background:var(--neon-volt);color:#000;border-color:var(--neon-volt)}
.upc-article{max-width:760px;margin:0 auto}
.upc-crumbs{font-size:.9rem;color:#9a9a9a;margin:0 0 10px}
.upc-crumbs a{color:#bdbdbd;text-decoration:none}
.upc-article h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.2;margin:0 0 10px}
.upc-article .upc-cover{border-radius:16px;overflow:hidden;margin:18px 0 6px}
.upc-article .upc-cover img{width:100%;height:auto;display:block}
.upc-prose{font-size:1.1rem;line-height:1.85;color:#e2e2e2}
.upc-prose h2{font-size:1.5rem;margin:1.6em 0 .5em;color:#fff}
.upc-prose h3{font-size:1.2rem;margin:1.3em 0 .4em;color:#fff}
.upc-prose a{color:var(--neon-volt)}
.upc-prose ul,.upc-prose ol{padding-right:1.3em;padding-left:0}
.upc-prose li{margin:.3em 0}
.upc-prose strong{color:#fff}
.upc-prose img{max-width:100%;height:auto;border-radius:12px}
.upc-prose blockquote{border-right:3px solid var(--neon-volt);margin:1em 0;padding:.2em 1em;color:#cfcfcf}
.upc-article-cta{margin-top:34px}
.upc-notes{margin:0;color:#a8a8a8;font-size:.9rem;line-height:1.5}
