/*
Theme Name: Elite Tennis Club
Theme URI: https://elite-tennis.club/
Author: OpenAI
Description: Custom WordPress theme for Elite Tennis Club with player ranking, completed matches, and upcoming events.
Version: 1.0.0
Text Domain: elite-tennis
*/

:root{
  --etc-bg:#f8f4ef;
  --etc-bg-2:#f4ede4;
  --etc-bg-3:#efe5d8;
  --etc-panel:#ffffffd4;
  --etc-border:#ede1d3;
  --etc-border-strong:#e2d3c2;
  --etc-text:#1e293b;
  --etc-text-soft:#64748b;
  --etc-accent:#b56a48;
  --etc-accent-2:#9a775d;
  --etc-accent-3:#748d68;
  --etc-sand:#d8b08c;
  --etc-green:#dfe8df;
  --etc-radius-xl:32px;
  --etc-radius-lg:28px;
  --etc-radius-md:24px;
  --etc-shadow-lg:0 20px 80px rgba(169,123,92,.10);
  --etc-shadow-md:0 10px 40px rgba(169,123,92,.07);
  --etc-shadow-sm:0 10px 30px rgba(169,123,92,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--etc-text);
  background:linear-gradient(180deg,var(--etc-bg) 0%,var(--etc-bg-2) 38%,var(--etc-bg-3) 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-main{display:block}
.etc-container{max-width:1280px;margin:0 auto;padding:32px 20px;position:relative}
.etc-grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(127,101,74,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(127,101,74,.16) 1px,transparent 1px);background-size:56px 56px}
.etc-blur-a,.etc-blur-b{position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none}
.etc-blur-a{top:-80px;right:40px;width:280px;height:280px;background:rgba(216,176,140,.25)}
.etc-blur-b{top:30%;left:-50px;width:240px;height:240px;background:rgba(184,202,168,.18)}
.etc-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:1}
.etc-brand-chip,.etc-admin-link{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.82);border:1px solid #dfd1c1;border-radius:18px;padding:10px 14px;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.etc-admin-link{font-weight:600}
.etc-hero{position:relative;overflow:hidden;border:1px solid #e6d7c7;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border-radius:var(--etc-radius-xl);padding:32px;box-shadow:var(--etc-shadow-lg);margin-bottom:24px}
.etc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(to right,rgba(124,93,68,.24) 1px,transparent 1px),linear-gradient(to bottom,rgba(124,93,68,.24) 1px,transparent 1px);background-size:120px 48px}
.etc-hero::after{content:"";position:absolute;inset-y:0;right:34%;width:1px;background:#d7c4b0b3}
.etc-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.etc-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#efe3d5,#dce8d8);color:#6f5a46;font-size:13px;font-weight:700;margin-bottom:16px}
.etc-hero h1{margin:0;max-width:840px;font-size:56px;line-height:1.02;letter-spacing:-.03em}
.etc-gradient-text{display:block;background:linear-gradient(90deg,var(--etc-accent),var(--etc-accent-2),var(--etc-accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.etc-hero p{max-width:720px;font-size:18px;line-height:1.75;color:#5b6472;margin:18px 0 0}
.etc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.etc-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:16px 22px;font-weight:700;font-size:14px;transition:.2s ease;border:1px solid transparent}
.etc-btn-primary{background:linear-gradient(90deg,var(--etc-accent),#c98b63,var(--etc-accent-2));color:#fff;box-shadow:0 12px 28px rgba(216,176,140,.35)}
.etc-btn-secondary{background:rgba(255,255,255,.7);border-color:#dfd1c1}
.etc-btn:hover{transform:translateY(-1px)}
.etc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.etc-stat-card,.etc-panel,.etc-player-card,.etc-match-card,.etc-event-card{backdrop-filter:blur(10px)}
.etc-stat-card{background:rgba(255,255,255,.78);border:1px solid var(--etc-border);border-radius:28px;padding:20px;box-shadow:var(--etc-shadow-sm)}
.etc-stat-label{font-size:14px;color:#64748b}
.etc-stat-value{font-size:32px;line-height:1.1;font-weight:800;margin-top:8px}
.etc-stat-meta{margin-top:6px;font-size:14px;color:#8b6b54}
.etc-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;position:relative;z-index:1}
.etc-side-col{display:grid;gap:24px}
.etc-panel{background:rgba(255,255,255,.82);border:1px solid var(--etc-border);border-radius:var(--etc-radius-xl);padding:24px;box-shadow:var(--etc-shadow-md)}
.etc-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.etc-panel h2{margin:0;font-size:32px;line-height:1.1}
.etc-panel p{margin:8px 0 0;color:var(--etc-text-soft);font-size:14px}
.etc-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.etc-search{min-width:220px;padding:12px 14px;border-radius:16px;border:1px solid #dfd1c1;background:#fff;color:var(--etc-text)}
.etc-filter-btn{border:0;background:#f5eee6;color:#475569;border-radius:16px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}
.etc-filter-btn.is-active{background:linear-gradient(90deg,var(--etc-accent),var(--etc-accent-2));color:#fff}
.etc-list{display:grid;gap:16px;margin-top:20px}
.etc-player-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border:1px solid var(--etc-border);background:linear-gradient(90deg,#fff,#f5eee8);border-radius:var(--etc-radius-lg);padding:20px}
.etc-rank{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;font-weight:800;font-size:18px;color:#17202a;box-shadow:0 10px 18px rgba(0,0,0,.08)}
.etc-rank-1{background:linear-gradient(135deg,#d8b08c,#c98b63,#b56a48)}
.etc-rank-2{background:linear-gradient(135deg,#dfe8df,#c8d6c8,#aabca9)}
.etc-rank-3{background:linear-gradient(135deg,#ead7c3,#d8b08c,#c98b63)}
.etc-rank-4{background:linear-gradient(135deg,#cfdcc8,#b8caa8,#9fb68f)}
.etc-player-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.etc-player-name{margin:0;font-size:22px}
.etc-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#edf2e8;color:#6b7f60;font-size:13px;font-weight:700}
.etc-pill-top{background:#f3e5d7;color:#9b6a47}
.etc-pill-muted{background:#f3e5d7;color:#9a6b4e}
.etc-player-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:14px;color:#64748b;margin-top:8px}
.etc-player-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:260px}
.etc-player-stat{background:#fff;border:1px solid var(--etc-border);border-radius:18px;padding:14px}
.etc-player-stat:last-child{background:linear-gradient(135deg,#f1e6db,#e2eadc);border-color:var(--etc-border-strong)}
.etc-player-stat small{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}
.etc-player-stat strong{font-size:18px}
.etc-match-card,.etc-event-card{border:1px solid var(--etc-border);border-radius:var(--etc-radius-md);padding:18px;background: linear-gradient(to right, #ffffff, #f5eee8);}
.etc-match-card.is-highlight{background:linear-gradient(90deg,#f7efe8,#edf2e8);border-color:var(--etc-border-strong)}
.etc-match-top,.etc-event-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.etc-match-top h3,.etc-event-card h3{margin:0;font-size:18px;line-height:1.4}
.etc-match-top h3 span{color:#94a3b8}
.etc-match-score{margin-top:10px;font-size:20px;font-weight:800;color:#7a6a58}
.etc-match-date{margin-top:10px;font-size:14px;color:#64748b;display:flex;align-items:center;gap:8px}
.etc-brand{font-size:12px;color:#94a3b8}
.etc-event-meta-row{display:flex;align-items:center;gap:12px;color:#64748b;font-size:14px;margin-top:10px}
.etc-icon-box{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:#fff;border:1px solid var(--etc-border);flex-shrink:0}
.etc-empty{padding:22px;border:1px dashed #d9c7b7;border-radius:18px;text-align:center;color:#8b6b54;background:#fffaf5}
.site-footer{padding:24px 20px 40px;color:#7b6a5b;text-align:center}

/* admin */
.etc-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.etc-admin-field label{display:block;font-weight:600;margin-bottom:6px}
.etc-admin-field input,.etc-admin-field select{width:100%}

@media (max-width:1024px){
  .etc-hero-grid,.etc-main-grid{grid-template-columns:1fr}
  .etc-hero::after{display:none}
  .etc-player-card{grid-template-columns:auto 1fr}
  .etc-player-stats{grid-column:1/-1;min-width:0}
}
@media (max-width:640px){
  .etc-container{padding:20px 14px}
  .etc-hero,.etc-panel{padding:20px}
  .etc-hero h1{font-size:38px}
  .etc-stats{grid-template-columns:1fr}
  .etc-player-card{grid-template-columns:1fr}
  .etc-rank{width:52px;height:52px}
  .etc-player-stats{grid-template-columns:1fr}
  .etc-panel h2{font-size:26px}
  .etc-topbar{flex-direction:column;align-items:flex-start}
}