/*
Theme Name: Cricket API Mercury Child
Theme URI: https://sportsapi365.com/
Description: Portable multilingual Cricket API child theme for Mercury. Homepage and landing-page content remain editable as normal WordPress HTML.
Author: AM Digitalz
Template: mercury
Version: 1.2.0
Text Domain: cricket-api-mercury-child
*/

/* =========================
   Global Variables
   ========================= */

:root{
  --ta-bg:#081120;
  --ta-bg-dark:#050b15;
  --ta-bg-2:#0B1528;
  --ta-panel:#10192D;
  --ta-panel-2:#13203A;
  --ta-border:rgba(255,255,255,.08);
  --ta-green:#45f284;
	 --tv-green:#45f284;
  --ta-green-2:#00E38C;
  --ta-blue:#4DA3FF;
	--tv-blue: #4DA3FF;
  --ta-red:#ff4d5a;
  --ta-text:#f3f7ff;
  --ta-muted:#aebbd1;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:
    radial-gradient(circle at 85% 5%, rgba(77,163,255,.14), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(69,242,132,.08), transparent 30%),
    linear-gradient(180deg,var(--ta-bg),var(--ta-bg-dark));
  color:var(--ta-text);
  font-family:Inter, Arial, sans-serif;
  overflow-x:hidden;
}

a{
  transition:.22s ease;
}

img{
  max-width:100%;
  height:auto;
}

/* =========================
   Header / Navbar
   ========================= */

.ta-header{
  width:100%;
  position:sticky;
  top:0;
  z-index:9999;
}

.ta-header-inner{
  max-width:1180px;
  margin:0 auto;
  padding:16px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  position:relative;
}

.ta-logo{
  display:flex;
  align-items:center;
  text-decoration:none;
  flex:0 0 auto;
}

.ta-logo img{
  height:40px;
  width:auto;
  display:block;
}

.ta-mobile-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  flex:1;
}

.ta-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex:1;
}

.ta-nav a{
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  opacity:.92;
  padding:24px 0;
  position:relative;
}

.ta-nav a:hover{
  color:var(--ta-green);
}

.ta-nav a.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--ta-green);
}




.ta-header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}

.ta-login{
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.16);
  padding:11px 18px;
  border-radius:8px;
  font-weight:700;
  font-size:13px;
}

.ta-login:hover{
  border-color:var(--ta-green);
  color:var(--ta-green);
}

.ta-access{
  background:var(--ta-green);
  color:#06111c;
  text-decoration:none;
  padding:12px 20px;
  border-radius:8px;
  font-weight:800;
  font-size:13px;
  box-shadow:0 10px 28px rgba(69,242,132,.18);
}

.ta-access:hover{
  color:#06111c;
  transform:translateY(-1px);
}

.ta-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.04);
  padding:10px;
  cursor:pointer;
}

.ta-menu-toggle span{
  display:block;
  width:100%;
  height:2px;
  margin:5px 0;
  background:#fff;
  border-radius:99px;
  transition:.25s ease;
}

.ta-menu-toggle.active span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.ta-menu-toggle.active span:nth-child(2){
  opacity:0;
}

.ta-menu-toggle.active span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

/* =========================
   Shared Layout
   ========================= */

.ta-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.ta-section{
  padding:32px 0;
  position:relative;
  z-index:3;
}

.ta-panel{
  background:rgba(16,25,45,.72);
  border:1px solid var(--ta-border);
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}

.ta-section-title{
  font-size:17px;
  letter-spacing:.03em;
  text-transform:uppercase;
  margin:0 0 18px;
  color:#fff;
}

.ta-panel h2,
.ta-panel h3{
  color:#fff;
}

.ta-panel p{
  color:var(--ta-muted);
  line-height:1.75;
}

/* =========================
   Buttons
   ========================= */

.ta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.ta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 24px;
  border-radius:13px;
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  border:0;
  transition:transform .22s ease, box-shadow .22s ease;
}

.ta-btn-primary{
  background:linear-gradient(90deg,#32F084,#66F6B4);
  color:#06111c;
  box-shadow:0 12px 35px rgba(0,227,140,.22);
}

.ta-btn-secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
}

.ta-btn:hover{
  transform:translateY(-1px);
  text-decoration:none;
}

/* =========================
   Homepage / Landing Hero
   ========================= */

.ta-hero{
  position:relative;
  overflow:hidden;
  padding:96px 0 58px;
}

.ta-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, black, transparent 78%);
  pointer-events:none;
}

.ta-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 520px;
  gap:54px;
}

.ta-badge,
.ta-blog-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:rgba(0,227,140,.10);
  color:#DDFDF1;
  border:1px solid rgba(0,227,140,.26);
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
  font-weight:800;
}

.ta-badge:before,
.ta-blog-badge:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ta-green);
  box-shadow:0 0 14px var(--ta-green);
}

.ta-heading{
  color:#fff;
  font-size:58px;
  line-height:1.07;
  letter-spacing:-.045em;
  font-weight:850;
  margin:22px 0 20px;
  max-width:760px;
}

.ta-sub{
  color:var(--ta-muted);
  font-size:19px;
  line-height:1.75;
  max-width:680px;
  margin:0 0 18px;
}

/* =========================
   Hero Code Visual
   ========================= */

.ta-visual{
  position:relative;
  min-height:455px;
}

.ta-visual:before{
  content:"";
  position:absolute;
  right:-105px;
  top:76px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 32%, #ff8f96 0 5%, #d83243 22%, #941c2d 52%, #4b0f18 72%, transparent 73%),
    linear-gradient(72deg, transparent 46%, rgba(255,255,255,.85) 47% 48%, transparent 49% 52%, rgba(255,255,255,.75) 53% 54%, transparent 55%);
  box-shadow:0 0 70px rgba(207,255,62,.18);
  opacity:.72;
  z-index:1;
}

.ta-visual:after{
  content:"";
  position:absolute;
  right:-160px;
  top:18px;
  width:520px;
  height:360px;
  border-radius:50%;
  border:1px solid rgba(77,163,255,.16);
  transform:rotate(-18deg);
  z-index:0;
}

.ta-code-card{
  position:relative;
  z-index:2;
  background:rgba(8,15,29,.86);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  backdrop-filter:blur(14px);
}

.ta-code-tabs{
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  overflow-x:auto;
}

.ta-code-tabs span{
  padding:15px 20px;
  font-size:12px;
  color:#9FAEC5;
  border-right:1px solid rgba(255,255,255,.055);
  white-space:nowrap;
}

.ta-code-tabs span:first-child{
  color:var(--ta-green);
  font-weight:800;
  border-bottom:2px solid var(--ta-green);
}

.ta-code,
.ta-code-block pre{
  margin:0;
  padding:24px 28px;
  color:#CDE9FF;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:13px;
  line-height:1.72;
  white-space:pre-wrap;
  background:#07101d;
  border-radius:14px;
  overflow:auto;
}

.ta-code .k{color:#5AF79B;}
.ta-code .s{color:#F298FF;}
.ta-code .n{color:#85C6FF;}
.ta-code .ok{color:#77FFB2;}

.ta-code-footer{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 20px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#AEBBD1;
  font-size:12px;
  background:rgba(255,255,255,.026);
}

.ta-mini-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:16px;
  margin-left:94px;
}

.ta-mini{
  background:rgba(16,25,45,.78);
  border:1px solid var(--ta-border);
  border-radius:16px;
  padding:18px;
  backdrop-filter:blur(12px);
}

.ta-mini b{
  color:var(--ta-green);
  font-size:25px;
  display:block;
  margin-top:6px;
}

/* =========================
   Homepage / Coverage Grids
   ========================= */

.ta-live-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.ta-match-card{
  background:linear-gradient(180deg,rgba(19,32,58,.92),rgba(11,21,40,.92));
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  padding:18px;
  min-height:145px;
}

.ta-match-card small{
  color:#9FAEC5;
}

.ta-live-pill{
  float:right;
  color:white;
  background:rgba(255,77,90,.78);
  border-radius:7px;
  padding:3px 7px;
  font-size:10px;
  font-weight:800;
}

.ta-score-row{
  display:flex;
  justify-content:space-between;
  margin-top:11px;
  color:#fff;
}

.ta-stats-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  overflow:hidden;
}

.ta-stat{
  text-align:center;
  padding:22px 12px;
  border-right:1px solid rgba(255,255,255,.06);
}

.ta-stat:last-child{
  border-right:0;
}

.ta-stat b{
  color:var(--ta-green);
  font-size:30px;
  display:block;
}

.ta-stat span{
  color:#AEBBD1;
  font-size:13px;
}

.ta-feature-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
  text-align:center;
}

/* Homepage API capability cards */
.ta-api-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.ta-feature{
  position:relative;
  min-height:100%;
  padding:25px 22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 0%, rgba(77,163,255,.11), transparent 35%),
    linear-gradient(180deg,rgba(19,32,58,.72),rgba(11,21,40,.82));
  box-shadow:0 16px 44px rgba(0,0,0,.16);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.ta-feature:hover{
  transform:translateY(-4px);
  border-color:rgba(69,242,132,.24);
  box-shadow:0 22px 58px rgba(0,0,0,.24);
}

.ta-feature h3{
  font-size:17px;
  line-height:1.35;
  margin:0 0 10px;
  color:#fff;
}

.ta-feature h3 a{
  color:#fff;
  text-decoration:none;
  border:0;
}

.ta-feature h3 a:hover,
.ta-feature h3 a:focus{
  color:var(--ta-green);
  text-decoration:none;
}

.ta-feature p{
  color:#AEBBD1;
  font-size:14px;
  line-height:1.68;
  margin:0;
}

.ta-dev-grid{
  display:grid;
  grid-template-columns:1fr 1.3fr 1fr;
  gap:16px;
}

.ta-check{
  margin:10px 0;
  color:#DDE7F7;
  line-height:1.55;
}

.ta-check:before{
  content:"✓";
  color:var(--ta-green);
  margin-right:9px;
}

.ta-final-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  background:
    radial-gradient(circle at 0% 100%, rgba(77,163,255,.20), transparent 36%),
    linear-gradient(90deg, rgba(16,25,45,.90), rgba(8,17,32,.90));
}

/* =========================
   Pricing Page
   ========================= */

.ta-pricing-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:stretch;
}

.ta-pricing-card{
  position:relative;
  background:linear-gradient(180deg,rgba(16,25,45,.95),rgba(8,15,29,.96));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:34px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  box-shadow:0 22px 64px rgba(0,0,0,.24);
}

.ta-pricing-featured{
  border-color:rgba(69,242,132,.35);
  box-shadow:0 24px 70px rgba(69,242,132,.12);
}

.ta-featured-label{
  position:absolute;
  top:18px;
  right:18px;
  background:var(--ta-green);
  color:#06111c;
  font-size:11px;
  font-weight:900;
  padding:7px 10px;
  border-radius:999px;
  letter-spacing:.04em;
}

.ta-plan-badge{
  display:inline-block;
  color:var(--ta-green);
  border:1px solid rgba(69,242,132,.25);
  background:rgba(69,242,132,.08);
  padding:8px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:18px;
}

.ta-price-top h2{
  color:#fff;
  font-size:32px;
  margin:0 0 10px;
  line-height:1.15;
}

.ta-price{
  color:#fff;
  font-size:64px;
  font-weight:900;
  line-height:1;
  margin:20px 0 12px;
  letter-spacing:-.05em;
}

.ta-currency{
  font-size:34px;
  vertical-align:top;
  position:relative;
  top:6px;
  letter-spacing:0;
}

.ta-price small{
  font-size:18px;
  color:#9fb0ca;
  letter-spacing:0;
}

.ta-price-top p{
  color:#b8c5d9;
  line-height:1.8;
  margin:0 0 24px;
}

.ta-price-features{
  margin:24px 0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ta-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.ta-price-row:last-child{
  border-bottom:0;
}

.ta-price-row span{
  color:#9fb0ca;
  font-size:14px;
}

.ta-price-row strong{
  color:#fff;
  font-size:14px;
  text-align:right;
}

.ta-price-list{
  display:grid;
  gap:5px;
  margin-bottom:28px;
}

.ta-price-btn{
  width:100%;
  margin-top:auto;
}

/* =========================
   Single Blog Post
   ========================= */

.ta-blog-post{
  width:min(920px, calc(100% - 40px));
  margin:0 auto;
  padding:86px 0 90px;
  color:var(--ta-text);
  font-family:Inter, Arial, sans-serif;
}

.ta-blog-hero{
  position:relative;
  overflow:hidden;
  margin-bottom:48px;
  padding:46px 46px 50px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 8%, rgba(77,163,255,.22), transparent 35%),
    radial-gradient(circle at 10% 0%, rgba(0,227,140,.13), transparent 30%),
    linear-gradient(180deg, rgba(16,25,45,.88), rgba(8,17,32,.92));
  box-shadow:0 26px 80px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
}

.ta-blog-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, black, transparent 82%);
  pointer-events:none;
}

.ta-blog-hero > *{
  position:relative;
  z-index:2;
}

.ta-blog-badge{
  margin-bottom:20px;
  padding:9px 15px;
  font-weight:850;
  letter-spacing:.075em;
}

.ta-blog-post h1{
  max-width:820px;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(38px, 5vw, 62px);
  line-height:1.06;
  letter-spacing:-.055em;
  font-weight:900;
}

.ta-blog-intro{
  max-width:790px;
  margin:0 0 16px;
  color:#C7D4EA;
  font-size:19px;
  line-height:1.78;
}

.ta-blog-post h2{
  position:relative;
  margin:58px 0 18px;
  padding-top:10px;
  color:#fff;
  font-size:clamp(28px, 3vw, 40px);
  line-height:1.16;
  letter-spacing:-.035em;
  font-weight:880;
}

.ta-blog-post h2:before{
  content:"";
  display:block;
  width:54px;
  height:4px;
  margin-bottom:18px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--ta-green), var(--ta-blue));
  box-shadow:0 0 24px rgba(0,227,140,.28);
}

.ta-blog-post h3{
  margin:34px 0 14px;
  color:#EAF2FF;
  font-size:23px;
  line-height:1.28;
  letter-spacing:-.02em;
  font-weight:850;
}

.ta-blog-post p{
  margin:0 0 18px;
  color:#B7C5DB;
  font-size:17px;
  line-height:1.84;
}

.ta-blog-post ul,
.ta-blog-post ol{
  margin:20px 0 28px;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}

.ta-blog-post li{
  position:relative;
  padding:15px 18px 15px 48px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:linear-gradient(180deg, rgba(19,32,58,.78), rgba(11,21,40,.74));
  color:#DDE7F7;
  font-size:16px;
  line-height:1.58;
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}

.ta-blog-post li:before{
  content:"✓";
  position:absolute;
  left:18px;
  top:14px;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(0,227,140,.12);
  color:var(--ta-green);
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(0,227,140,.28);
}

.ta-callout{
  position:relative;
  overflow:hidden;
  margin:34px 0;
  padding:24px 26px 24px 28px;
  border-radius:20px;
  border:1px solid rgba(0,227,140,.22);
  background:
    radial-gradient(circle at 95% 0%, rgba(0,227,140,.16), transparent 32%),
    linear-gradient(180deg, rgba(0,227,140,.075), rgba(16,25,45,.72));
  color:#DDFDF1;
  font-size:17px;
  line-height:1.72;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}

.ta-callout strong{
  color:#fff;
  font-weight:900;
}

.ta-code-block{
  margin:34px 0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,15,29,.88);
  box-shadow:0 22px 70px rgba(0,0,0,.35);
}

.ta-code-block pre{
  padding:28px 30px;
  font-size:14px;
  line-height:1.85;
}

.ta-blog-post a:not(.ta-btn){
  color:#72B8FF;
  text-decoration:none;
  font-weight:750;
  border-bottom:1px solid rgba(77,163,255,.36);
}

.ta-blog-post a:not(.ta-btn):hover{
  color:var(--ta-green);
  border-bottom-color:rgba(0,227,140,.55);
}

.ta-blog-cta{
  position:relative;
  overflow:hidden;
  margin-top:64px;
  padding:40px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 0% 100%, rgba(77,163,255,.22), transparent 36%),
    radial-gradient(circle at 100% 0%, rgba(0,227,140,.18), transparent 32%),
    linear-gradient(90deg, rgba(16,25,45,.94), rgba(8,17,32,.94));
  box-shadow:0 26px 80px rgba(0,0,0,.34);
}

.ta-blog-cta:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:46px 46px;
  pointer-events:none;
}

.ta-blog-cta > *{
  position:relative;
  z-index:2;
}

.ta-blog-cta h3{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(26px, 3vw, 38px);
  line-height:1.13;
  letter-spacing:-.035em;
  font-weight:900;
}

.ta-blog-cta p{
  max-width:720px;
  margin:0 0 26px;
  color:#BFD0E8;
  font-size:17px;
  line-height:1.75;
}

.ta-blog-post .ta-btn:hover{
  transform:translateY(-2px);
}

.ta-blog-post .ta-btn-primary:hover{
  box-shadow:0 18px 45px rgba(0,227,140,.28);
}

.ta-blog-post img{
  max-width:100%;
  height:auto;
  display:block;
  margin:34px auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}

.ta-blog-post table{
  width:100%;
  margin:34px 0;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(16,25,45,.72);
}

.ta-blog-post th,
.ta-blog-post td{
  padding:16px 15px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#DDE7F7;
  font-size:15px;
  line-height:1.55;
  text-align:left;
}

.ta-blog-post th{
  color:#fff;
  background:rgba(255,255,255,.045);
  font-weight:850;
}

.ta-blog-post tr:last-child td{
  border-bottom:0;
}

.ta-blog-post blockquote{
  margin:34px 0;
  padding:24px 28px;
  border-left:4px solid var(--ta-green);
  border-radius:18px;
  background:rgba(16,25,45,.72);
  color:#DDE7F7;
  font-size:18px;
  line-height:1.75;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.ta-blog-post blockquote p:last-child{
  margin-bottom:0;
}

/* =========================
   Blog Listing / Archive
   ========================= */

.ta-blog-archive{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:76px 0 90px;
}

.ta-blog-archive-header{
  position:relative;
  overflow:hidden;
  margin-bottom:34px;
  padding:42px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.085);
  background:
    radial-gradient(circle at 92% 10%, rgba(77,163,255,.20), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(0,227,140,.12), transparent 30%),
    linear-gradient(180deg, rgba(16,25,45,.86), rgba(8,17,32,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.ta-blog-archive-header h1{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(36px, 5vw, 58px);
  line-height:1.08;
  letter-spacing:-.05em;
  font-weight:900;
}

.ta-blog-archive-header p{
  max-width:760px;
  margin:0;
  color:var(--ta-muted);
  font-size:18px;
  line-height:1.72;
}

.ta-post-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.ta-post-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 90% 0%, rgba(77,163,255,.13), transparent 33%),
    linear-gradient(180deg, rgba(19,32,58,.88), rgba(11,21,40,.92));
  box-shadow:0 20px 58px rgba(0,0,0,.22);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.ta-post-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,227,140,.24);
  box-shadow:0 28px 76px rgba(0,0,0,.32);
}

.ta-post-card-media{
  display:block;
  aspect-ratio:16 / 10;
  overflow:hidden;
  background:rgba(255,255,255,.035);
  text-decoration:none;
}

.ta-post-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  transition:transform .3s ease;
}

.ta-post-card:hover .ta-post-card-media img{
  transform:scale(1.045);
}

.ta-post-card-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center, rgba(0,227,140,.14), transparent 38%),
    linear-gradient(135deg, rgba(16,25,45,.95), rgba(8,17,32,.95));
  color:#fff;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ta-post-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:24px;
}

.ta-post-card-category{
  display:inline-flex;
  align-self:flex-start;
  margin-bottom:14px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(0,227,140,.10);
  border:1px solid rgba(0,227,140,.22);
  color:#DDFDF1;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:850;
}

.ta-post-card h2,
.ta-post-card h3{
  margin:0 0 12px;
  color:#fff;
  font-size:22px;
  line-height:1.26;
  letter-spacing:-.025em;
  font-weight:880;
}

.ta-post-card h2 a,
.ta-post-card h3 a{
  color:#fff;
  text-decoration:none;
}

.ta-post-card h2 a:hover,
.ta-post-card h3 a:hover{
  color:var(--ta-green);
}

.ta-post-card p{
  margin:0 0 22px;
  color:var(--ta-muted);
  font-size:15px;
  line-height:1.68;
}

.ta-post-card-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--ta-green);
  font-weight:850;
  text-decoration:none;
}

.ta-post-card-link:after{
  content:"→";
  transition:transform .22s ease;
}

.ta-post-card-link:hover:after{
  transform:translateX(4px);
}

.ta-blog-pagination{
  margin-top:42px;
  text-align:center;
}

.ta-blog-pagination .nav-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

.ta-blog-pagination .page-numbers{
  min-width:42px;
  height:42px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(16,25,45,.72);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:750;
}

.ta-blog-pagination .page-numbers.current,
.ta-blog-pagination .page-numbers:hover{
  background:var(--ta-green);
  color:#06111c;
  border-color:var(--ta-green);
}

.ta-blog-empty{
  padding:44px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(16,25,45,.72);
  text-align:center;
}

.ta-blog-empty h2{
  margin:0 0 10px;
  color:#fff;
}

.ta-blog-empty p{
  margin:0;
  color:var(--ta-muted);
}

/* =========================
   Minimal Page Template
   ========================= */

.ta-page-minimal{
  width:100%;
}

.ta-page-content{
  min-height:50vh;
}

/* =========================
   WordPress Fallback Compatibility
   ========================= */

.single-post .entry-content,
.single .entry-content{
  color:var(--ta-text);
}

.single-post .entry-content > .ta-blog-post{
  margin-top:0;
}

.blog .site-main,
.archive .site-main,
.search .site-main{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:70px 0 90px;
}

.blog .site-main article,
.archive .site-main article,
.search .site-main article{
  margin-bottom:24px;
  padding:28px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(19,32,58,.78), rgba(11,21,40,.88));
  box-shadow:0 18px 55px rgba(0,0,0,.20);
}

.blog .site-main article .entry-title,
.archive .site-main article .entry-title,
.search .site-main article .entry-title{
  margin:0 0 12px;
  color:#fff;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.03em;
  font-weight:880;
}

.blog .site-main article .entry-title a,
.archive .site-main article .entry-title a,
.search .site-main article .entry-title a{
  color:#fff;
  text-decoration:none;
}

.blog .site-main article .entry-title a:hover,
.archive .site-main article .entry-title a:hover,
.search .site-main article .entry-title a:hover{
  color:var(--ta-green);
}

.blog .site-main article .entry-summary,
.archive .site-main article .entry-summary,
.search .site-main article .entry-summary,
.blog .site-main article .entry-content,
.archive .site-main article .entry-content,
.search .site-main article .entry-content{
  color:#AEBBD1;
  font-size:16px;
  line-height:1.72;
}

/* =========================
   Comments
   ========================= */

.comments-area{
  width:min(920px, calc(100% - 40px));
  margin:0 auto 80px;
  padding:34px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(16,25,45,.72);
  color:var(--ta-text);
}

.comments-area h2,
.comments-area h3{
  color:#fff;
}

.comments-area input,
.comments-area textarea{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,15,29,.86);
  color:#fff;
  padding:13px 15px;
}

.comments-area input:focus,
.comments-area textarea:focus{
  outline:none;
  border-color:rgba(0,227,140,.45);
  box-shadow:0 0 0 4px rgba(0,227,140,.08);
}

.comments-area .submit{
  width:auto;
  min-height:48px;
  padding:0 22px;
  border:0;
  border-radius:13px;
  background:linear-gradient(90deg,#32F084,#66F6B4);
  color:#06111c;
  font-weight:850;
  cursor:pointer;
}

/* =========================
   Footer
   ========================= */

.ta-footer{
  background:#070f1d;
  border-top:1px solid rgba(255,255,255,.07);
  padding:58px 0 26px;
  color:var(--ta-text);
}

.ta-footer-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
  text-align:center;
}

.ta-footer-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  text-decoration:none;
}

.ta-footer-logo img{
  height:44px;
  width:auto;
  display:block;
}

.ta-footer-about{
  max-width:760px;
  margin:0 auto 30px;
  color:var(--ta-muted);
  font-size:15px;
  line-height:1.75;
}

.ta-footer-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 22px;
  padding:26px 0;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}

.ta-footer-links a{
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:650;
  opacity:.9;
}

.ta-footer-links a:hover{
  color:var(--ta-green);
  opacity:1;
}

.ta-footer-bottom{
  padding-top:22px;
}

.ta-footer-bottom p{
  margin:0;
  color:#8E9BB1;
  font-size:13px;
}

/* =========================
   Responsive: Tablet
   ========================= */

@media(max-width:1080px){
  .ta-hero-grid{
    grid-template-columns:1fr;
  }

  .ta-visual{
    min-height:auto;
  }

  .ta-mini-metrics{
    margin-left:0;
  }

  .ta-live-grid,
  .ta-feature-grid,
  .ta-api-feature-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .ta-stats-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .ta-dev-grid{
    grid-template-columns:1fr;
  }

  .ta-final-cta{
    grid-template-columns:1fr;
  }

  .ta-pricing-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:980px){
  .ta-header-inner{
    padding:14px 18px;
    gap:14px;
  }

  .ta-logo img{
    height:36px;
  }

  .ta-menu-toggle{
    display:block;
  }

  .ta-mobile-panel{
    position:absolute;
    left:16px;
    right:16px;
    top:72px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
    padding:20px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(7,15,29,.98);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
  }

  .ta-mobile-panel.active{
    display:flex;
  }

  .ta-nav{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }

  .ta-nav a{
    width:100%;
    padding:15px 14px;
    border-radius:10px;
    font-size:15px;
  }

  .ta-nav a:hover{
    background:rgba(255,255,255,.05);
  }

  .ta-nav a.active:after,
  .ta-nav a:first-child:after{
    display:none;
  }

  .ta-header-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .ta-login,
  .ta-access{
    width:100%;
    text-align:center;
    justify-content:center;
  }

  .ta-heading{
    font-size:42px;
  }

  .ta-blog-post{
    width:min(820px, calc(100% - 34px));
    padding:64px 0 76px;
  }

  .ta-blog-hero{
    padding:38px 32px 42px;
  }

  .ta-post-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .ta-blog-archive{
    width:min(860px, calc(100% - 34px));
    padding:62px 0 78px;
  }

  .ta-blog-archive-header{
    padding:34px;
  }
}

/* =========================
   Responsive: Mobile
   ========================= */

@media(max-width:680px){
  .ta-wrap{
    padding:0 18px;
  }

  .ta-hero{
    padding:58px 0 38px;
  }

  .ta-heading{
    font-size:36px;
    letter-spacing:-.035em;
  }

  .ta-sub{
    font-size:16.5px;
    line-height:1.72;
  }

  .ta-actions{
    width:100%;
    flex-direction:column;
  }

  .ta-btn{
    width:100%;
    min-height:50px;
  }

  .ta-panel{
    padding:22px;
    border-radius:18px;
  }

  .ta-live-grid,
  .ta-feature-grid,
  .ta-stats-grid,
  .ta-post-grid{
    grid-template-columns:1fr;
  }

  .ta-stat{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .ta-stat:last-child{
    border-bottom:0;
  }

  .ta-code-tabs span{
    padding:13px 15px;
    font-size:11px;
  }

  .ta-code,
  .ta-code-block pre{
    padding:20px;
    font-size:12.5px;
  }

  .ta-code-footer{
    flex-direction:column;
    gap:6px;
  }

  .ta-visual:before,
  .ta-visual:after{
    display:none;
  }

  .ta-final-cta{
    gap:18px;
  }

  .ta-pricing-card{
    padding:26px 22px;
    border-radius:20px;
  }

  .ta-featured-label{
    position:static;
    display:inline-flex;
    align-self:flex-start;
    margin-bottom:14px;
  }

  .ta-price{
    font-size:52px;
  }

  .ta-price-row{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .ta-price-row strong{
    text-align:left;
  }

  .ta-blog-post{
    width:calc(100% - 28px);
    padding:46px 0 64px;
  }

  .ta-blog-hero{
    padding:30px 22px 34px;
    border-radius:22px;
    margin-bottom:38px;
  }

  .ta-blog-intro{
    font-size:16.5px;
    line-height:1.72;
  }

  .ta-blog-post h2{
    margin-top:44px;
  }

  .ta-blog-post p{
    font-size:16px;
    line-height:1.75;
  }

  .ta-blog-post li{
    padding:14px 15px 14px 43px;
    font-size:15px;
  }

  .ta-blog-post li:before{
    left:15px;
  }

  .ta-callout,
  .ta-code-block,
  .ta-blog-cta{
    border-radius:20px;
  }

  .ta-callout{
    padding:22px;
  }

  .ta-blog-cta{
    padding:30px 22px;
  }

  .ta-blog-archive{
    width:calc(100% - 28px);
    padding:46px 0 64px;
  }

  .ta-blog-archive-header{
    padding:28px 22px;
    border-radius:22px;
  }

  .ta-post-card-body{
    padding:22px;
  }

  .blog .site-main,
  .archive .site-main,
  .search .site-main,
  .comments-area{
    width:calc(100% - 28px);
  }

  .comments-area{
    padding:24px 20px;
  }

  .ta-footer{
    padding:44px 0 24px;
  }

  .ta-footer-links{
    gap:10px 16px;
  }

  .ta-footer-links a{
    font-size:13px;
  }

  .ta-footer-about{
    font-size:14px;
  }
}

@media(max-width:480px){
  .ta-mobile-panel{
    left:12px;
    right:12px;
    top:68px;
    padding:16px;
  }

  .ta-logo img{
    height:32px;
  }

  .ta-heading{
    font-size:32px;
  }

  .ta-blog-post h1{
    font-size:34px;
  }

  .ta-blog-archive-header h1{
    font-size:34px;
  }

  .ta-price{
    font-size:46px;
  }
}
.ta-trust-row .ta-trust{
	margin-top:8px;
}
.ta-sec-section-imgs{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
@media(max-width:767px){
	.ta-sec-section{
		padding-top:0px;
	}
	.ta-sec-section-imgs{
    grid-template-columns: repeat(1, 1fr);}
}
/* Main gallery */
.wp-block-gallery.has-nested-images {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
}

/* Mobile */
@media (max-width: 768px) {
    .wp-block-gallery.has-nested-images {
        grid-template-columns: 1fr !important;
    }
	.ta-hero-padding{padding-bottom:20px;}
	.ta-section{padding:10px 0px;}
}

/* Each gallery item */
.wp-block-gallery.has-nested-images figure.wp-block-image {
    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    width: 100% !important;

    position: relative !important;
}

/* Image */
.wp-block-gallery.has-nested-images img {
    width: 100% !important;
    height: auto !important;

    display: block !important;
    object-fit: cover;

    border-radius: 8px;
}

/* Caption BELOW image */
.wp-block-gallery.has-nested-images figcaption {
    position: static !important;

    display: block !important;

    background: transparent !important;
    color: #fff !important;

    opacity: 1 !important;

    margin-top: 8px !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 14px !important;
    line-height: 1.5 !important;

    width: 100% !important;
}

/* Prevent hidden items */
.wp-block-gallery.has-nested-images .wp-block-image {
    overflow: visible !important;
}
.wp-block-gallery{padding-left:10px;padding-right:10px;}
.coverage-btn{display: flex;
    justify-content: center;margin-top:20px;}

.testimonial-section{
    padding:50px 20px;
}

.testimonial-slider{
    max-width:1200px;
    margin:auto;
    position:relative;
}

.testimonial-item{
    display:none;
    align-items:center;
    gap:60px;
    animation:fade .4s ease;
}

.testimonial-item.active{
    display:flex;
	justify-content: center;
}

.testimonial-image img{
    width:130px;
    height:130px;
    border-radius:24px;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.testimonial-content{
    max-width:760px;
}

.testimonial-text{
    font-size:36px;
    line-height:1.45;
    font-weight:400;
    color:#AEBBD1;
    letter-spacing:-1px;
    margin-bottom:28px;
}

.testimonial-stars{
    color:#ffb800;
    font-size:24px;
    letter-spacing:4px;
    margin-bottom:16px;
}

.testimonial-content h4{
    font-size:26px;
    font-weight:700;
    color:#AEBBD1;
    margin:0;
}
.testimonial-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:50px;
}

.dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#cbd5e1;
    cursor:pointer;
    transition:.3s;
}

.dot.active{
    background:#45f284;
    transform:scale(1.2);
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:768px){

    .testimonial-item{
        flex-direction:column;
        text-align:center;
        gap:30px;
    }

    .testimonial-text{
        font-size:24px;
        line-height:1.6;
    }

    .testimonial-content h4{
        font-size:22px;
    }

    .testimonial-image img{
        width:100px;
        height:100px;
    }

	.testimonial-section{
    padding:20px 20px;
}
}
p a{color:#45f284 !important;}
.shorts-container {
  width: 100%;
  max-width: 315px; /* optional */
  margin: 0 auto;
}

.shorts-container iframe {
  width: 100%;
  aspect-ratio: 9 / 16;
  height: auto;
  border: 0;
  display: block;
}
.blog-post th,
.blog-post td {
  word-break: break-word;
  overflow-wrap: anywhere;
}
@media (min-width:767px){
	.mb-button{
		display:none;
	}
	.ta-mb-header-action{
		display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
	}
	.ta-mb-access{display:none;}
}
.ta-mb-access{background: var(--ta-green);
    color: #06111c;
    text-decoration: none;
    padding: 12px 10px;
    border-radius: 8px;
    font-weight: 800;
    font-size: 13px;
    box-shadow: 0 10px 28px rgba(69, 242, 132, .18);}

/* --- Trigger Button Styling (Optional manual launcher) --- */
.tennis-popup-trigger {
  background-color: #10b981;
  color: #ffffff;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.tennis-popup-trigger:hover {
  background-color: #059669;
}

/* --- Backdrop Blur Overlay Structure Layout --- */
.tennis-modal-overlay {
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 23, 42, 0.75); 
  backdrop-filter: blur(4px); 
  z-index: 99999;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.tennis-modal-overlay.is-active {
  display: flex;
}

/* --- Central Modal Form Container Card Layout --- */
.tennis-modal-container {
  background-color: #0f172a; 
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  animation: tennisModalFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes tennisModalFadeIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

/* --- Close Option Action Anchor Button --- */
.tennis-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}
.tennis-modal-close:hover {
  color: #ffffff;
}

/* --- Header Component Text Block Labels --- */
.tennis-modal-header {
  padding: 24px 24px 12px 24px;
}
.tennis-modal-header h3 {
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px 0;
}
.tennis-modal-header p {
  color: #94a3b8;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* --- Core Body Elements And Input Enclosures --- */
.tennis-modal-body {
  padding: 12px 24px 24px 24px;
}
.tennis-modal-body label {
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 16px;
}
.tennis-modal-body .wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px;
}

/* --- Universal Input Text Field Blocks Styles Overrides --- */
.tennis-modal-body input[type="text"],
.tennis-modal-body input[type="email"],
.tennis-modal-body input[type="tel"],
.tennis-modal-body textarea {
  width: 100% !important;
  background-color: #1e293b !important; 
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  height: auto !important;
  transition: border-color 0.2s ease;
}

.tennis-modal-body input:focus,
.tennis-modal-body textarea:focus {
  outline: none !important;
  border-color: #10b981 !important; /* Active Input Green Border */
}

/* --- Crisp Sizing Limit Constraint Over Textarea --- */
.tennis-modal-body textarea {
  height: 110px !important; 
  min-height: 90px !important;
  resize: vertical !important;
}

/* --- Bright Neon Green Forms Submission Button Override --- */
.tennis-modal-body input[type="submit"] {
  background-color: #10b981 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  width: 100% !important;
  padding: 12px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  margin-top: 8px !important;
  transition: background-color 0.2s ease !important;
}
.tennis-modal-body input[type="submit"]:hover {
  background-color: #059669 !important;
}

/* --- Dynamic Ajax Validation Confirmation Response Output Notifications --- */
.tennis-modal-body .wpcf7-response-output {
  border-radius: 8px !important;
  margin: 16px 0 0 0 !important;
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  padding: 10px !important;
  color: #ffffff !important;
}


/* =========================
   Tennis API Author Page
   ========================= */

.ta-author-page{
  width:100%;
  color:var(--ta-text);
  font-family:Inter, Arial, sans-serif;
}

.ta-author-hero-wrap{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:76px 0 42px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ta-author-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:28px;
  align-items:start;
  padding:36px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.085);
  background:
    radial-gradient(circle at 90% 8%, rgba(77,163,255,.20), transparent 34%),
    radial-gradient(circle at 10% 0%, rgba(69,242,132,.12), transparent 30%),
    linear-gradient(180deg, rgba(16,25,45,.86), rgba(8,17,32,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.ta-author-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, black, transparent 82%);
  pointer-events:none;
}

.ta-author-hero > *{
  position:relative;
  z-index:2;
}

.ta-author-avatar{
  width:120px;
  height:120px;
  border-radius:50%;
  padding:4px;
  background:linear-gradient(135deg, var(--ta-green), var(--ta-blue));
  box-shadow:0 18px 48px rgba(0,227,140,.18);
}

.ta-author-avatar img,
.ta-author-avatar .avatar{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
  border:4px solid #081120;
  margin:0;
  box-shadow:none;
}

.ta-author-info h1{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(38px, 5vw, 58px);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:900;
}

.ta-author-role{
  color:var(--ta-green);
  font-size:12px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-weight:900;
  margin-bottom:13px;
}

.ta-author-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-bottom:20px;
  color:#9FAEC5;
  font-size:13px;
  font-weight:650;
}

.ta-author-meta span{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.ta-author-meta span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(69,242,132,.85);
  box-shadow:0 0 12px rgba(69,242,132,.45);
}

.ta-author-info p{
  max-width:860px;
  margin:0;
  color:#B7C5DB;
  font-size:16px;
  line-height:1.82;
}

.ta-author-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.ta-author-tags span{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#DDE7F7;
  font-size:12px;
  font-weight:750;
}

.ta-author-content-wrap{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  padding:38px 0 92px;
}

.ta-author-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 280px;
  gap:42px;
  align-items:start;
}

.ta-author-section-title{
  position:relative;
  margin:0 0 22px;
  padding-left:14px;
  color:#fff;
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
}

.ta-author-section-title:before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  bottom:1px;
  width:3px;
  border-radius:999px;
  background:var(--ta-green);
  box-shadow:0 0 16px rgba(69,242,132,.45);
}

.ta-author-post-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.ta-author-card{
  border-radius:18px;
}

.ta-author-card .ta-post-card-media{
  aspect-ratio:16 / 9;
}

.ta-author-card .ta-post-card-body{
  padding:18px;
}

.ta-author-card .ta-post-card-category{
  margin-bottom:12px;
  border-radius:7px;
  background:rgba(69,242,132,.14);
  border-color:rgba(69,242,132,.28);
  color:#DDFDF1;
}

.ta-author-card h3{
  margin:0;
  font-size:18px;
  line-height:1.28;
  letter-spacing:-.02em;
}

.ta-author-card h3 a{
  color:#fff;
  text-decoration:none;
}

.ta-author-card h3 a:hover{
  color:var(--ta-green);
}

.ta-post-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#8998AF;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:750;
}

.ta-author-sidebar{
  position:sticky;
  top:110px;
}

.ta-author-sidebar h3{
  position:relative;
  margin:0 0 18px;
  padding-bottom:12px;
  color:#fff;
  font-size:15px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}

.ta-author-sidebar h3:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg, var(--ta-green), transparent);
}

.ta-more-authors-list{
  display:grid;
  gap:12px;
}

.ta-more-author-card{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:12px;
  align-items:center;
  min-height:72px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(16,25,45,.72);
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 36px rgba(0,0,0,.16);
}

.ta-more-author-card:hover{
  transform:translateY(-2px);
  border-color:rgba(69,242,132,.28);
  background:rgba(19,32,58,.88);
}

.ta-more-author-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  overflow:hidden;
  background:rgba(255,255,255,.06);
}

.ta-more-author-avatar img,
.ta-more-author-avatar .avatar{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
  margin:0;
}

.ta-more-author-card strong{
  display:block;
  margin-bottom:4px;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
}

.ta-more-author-card span{
  display:block;
  color:#9FAEC5;
  font-size:12px;
  line-height:1.35;
}

.ta-more-author-empty{
  grid-template-columns:1fr;
}

.ta-author-pagination{
  margin-top:34px;
}

.ta-author-pagination .page-numbers{
  min-width:40px;
  height:40px;
  border-radius:10px;
}

@media(max-width:1080px){
  .ta-author-layout{
    grid-template-columns:1fr;
  }

  .ta-author-sidebar{
    position:static;
  }

  .ta-more-authors-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:900px){
  .ta-author-post-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .ta-author-hero{
    grid-template-columns:96px 1fr;
    padding:30px;
  }

  .ta-author-avatar{
    width:96px;
    height:96px;
  }
}

@media(max-width:680px){
  .ta-author-hero-wrap,
  .ta-author-content-wrap{
    width:calc(100% - 28px);
  }

  .ta-author-hero-wrap{
    padding:46px 0 30px;
  }

  .ta-author-content-wrap{
    padding:30px 0 64px;
  }

  .ta-author-hero{
    grid-template-columns:1fr;
    gap:20px;
    padding:26px 22px;
    border-radius:22px;
  }

  .ta-author-avatar{
    width:92px;
    height:92px;
  }

  .ta-author-info h1{
    font-size:36px;
  }

  .ta-author-info p{
    font-size:15.5px;
    line-height:1.72;
  }

  .ta-author-post-grid,
  .ta-more-authors-list{
    grid-template-columns:1fr;
  }
}

.ta-author-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 64px;
    padding: 40px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: radial-gradient(circle at 0% 100%, rgba(77, 163, 255, .22), transparent 36%), radial-gradient(circle at 100% 0%, rgba(0, 227, 140, .18), transparent 32%), linear-gradient(90deg, rgba(16, 25, 45, .94), rgba(8, 17, 32, .94));
    box-shadow: 0 26px 80px rgba(0, 0, 0, .34);
}

.ta-author-avatar img {
    border-radius: 50%;
    display: block;
}

.ta-author-info {
    flex: 1;
}

.ta-author-label {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #B7C5DB;
    margin-bottom: 4px;
}

.ta-author-name {
    font-size: 1.25rem;
    margin: 0 0 8px 0;
    font-weight: 700;
	color:#fff;
}

.ta-author-name a {
    color: #fff;
    text-decoration: none;
}

.ta-author-name a:hover {
    text-decoration: underline;
    color: #0073aa;
}
.ta-author-name a{color:#fff !important;}
.ta-author-bio {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444;
    margin: 0;
}

/* Responsive view for mobile screens */
@media (max-width: 600px) {
    .ta-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .ta-author-avatar {
        margin-bottom: 10px;
    }
	.ta-author-box{padding:20px;}
	.ti-ticker__inner{padding:20px 18px 0px 18px;}
	.ti-ticker__label {padding:10px 5px !important;font-size:10px !important;}
	.ti-ticker__inner {
	padding:0px 0px !important;
}
}

.ti-ticker {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	padding:20px 20px 0px 20px;
	transition: padding 0.2s ease;
	display: flex;
    justify-content: center;
}
.ti-ticker__inner {
	display:flex;
    max-width: 1180px;
    width: 100%;       
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
	padding:0px 25px;
}

.ti-ticker__label {
    background-color: #45F284;   
    color: #0b0e14;           
    font-weight: 800;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
	border-radius: 6px 0px 0px 6px;
}

.ti-ticker__track {
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    background-color:#070f1d;   border-radius: 0px 6px 6px 0px;
}

.ti-ticker__content {
    display: flex;
    white-space: nowrap;
    align-items: center;
    animation: tennisTickerLoop 40s linear infinite;
}

.ti-ticker__track:hover .ti-ticker__content {
    animation-play-state: paused;
}

.ti-ticker__item {
    display: inline-flex;
    align-items: center;
    color: #b2b5be;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0 25px;
    transition: color 0.2s ease;
}

.ti-ticker__item:hover {
    color: #45F284;
}

.ti-ticker__dot {
    width: 6px;
    height: 6px;
    background-color: #45F284;
    border-radius: 50%;
    margin-right: 15px;
    flex-shrink: 0;
    opacity: 0.7;
}

@keyframes tennisTickerLoop {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.ta-custom-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin: 10px 0;
    padding: 0;
    background: transparent;
    border: none;
    background-color: #0b0e1478;
	  padding:20px 15px;
	border-radius:6px;
}

.ta-custom-post-meta .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    color: #94a3b8;
}

.ta-custom-post-meta .meta-author strong {
    color: #ffffff;
    font-weight: 600;
}

.ta-custom-post-meta .meta-item svg {
    color: #00ff66;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .ta-custom-post-meta {
        gap: 12px;
        margin: 14px 0;
    }
    .ta-custom-post-meta .meta-item {
        font-size: 12px;
    }
}

.ta-plan-comparison {
  color: #f3f4f6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  padding: 80px 20px;
}

.ta-plan-comparison__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.ta-section-label {
  text-transform: uppercase;
  color: #4cf39c; 
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}

.ta-plan-comparison h2 {
  font-size: 2.25rem;
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #ffffff;
}

.ta-plan-comparison__intro {
  font-size: 1.125rem;
  color: #9ca3af;
  max-width: 700px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.ta-pricing-table-wrap {
  overflow-x: auto;
  margin-bottom: 40px;
  border: 1px solid #1f2937;
  border-radius: 12px;
  background-color: #111827;
}

.ta-pricing-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.ta-pricing-table th, 
.ta-pricing-table td {
  padding: 18px 24px;
  border-bottom: 1px solid #1f2937;
  font-size: 0.95rem;
}

.ta-pricing-table th {
  background-color: #1f2937;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.1rem;
  vertical-align: middle;
}

.ta-pricing-table th:first-child {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #9ca3af;
  letter-spacing: 0.05em;
  vertical-align: middle;
}

.ta-pricing-table td:first-child {
  font-weight: 600;
  color: #ffffff;
  width: 35%;
}

.ta-pricing-table td small {
  display: block;
  color: #9ca3af;
  font-size: 0.8rem;
  margin-top: 5px;
  font-weight: 400;
}

.ta-pricing-table th:not(:first-child),
.ta-pricing-table td:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}

.ta-pricing-table td:not(:first-child) {
  color: #4cf39c; 
  font-weight: bold;
  font-size: 1.25rem;
}

.ta-pricing-table td.ta-no {
  color: #4b5563; 
  font-size: 1rem;
}

.ta-pricing-table th.ta-plan-highlight {
  background-color: #161f30;
  border-bottom: 2px solid #4cf39c;
  padding: 12px 24px;
}

.ta-pricing-table th.ta-plan-highlight span {
  display: inline-block;
  background-color: #4cf39c;
  color: #000000;
  font-size: 0.65rem;
  text-transform: uppercase;
  font-weight: 800;
  padding: 3px 12px;
  border-radius: 20px;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.ta-pricing-table td.ta-plan-highlight {
  background-color: #121926; 
}

.ta-table-cta {
  text-align: center;
  margin-top: 30px;
}

.ta-api-button {
  display: inline-block;
  background-color: #4cf39c;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
  padding: 14px 36px;
  border-radius: 8px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  transition: all 0.2s ease-in-out;
}

.ta-api-button:hover {
  background-color: #b3ff00;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(204, 255, 0, 0.3);
}

.ta-pricing-table tr:last-child td {
  border-bottom: none;
}
.header-wrapper{background: #070f1d;border-bottom: 1px solid rgba(255, 255, 255, .06);}





.am-lang-switcher-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.am-lang-switcher {
    display: inline-flex;
    align-items: center;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 7px;
    overflow: hidden;
}

.am-lang-item {
    min-width: 66px;
    height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9da0a8;
   
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.25s ease;
}

.am-lang-item:last-child {
    border-right: none;
}

.am-lang-item:hover {
    color: #ffffff;
    background: #242424;
}

.am-lang-item.is-active {
    color: #111111;
    background: #45F284;
}

@media (max-width: 767px) {
    .am-lang-switcher-wrap {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 6px;
    }

    .am-lang-switcher {
        min-width: max-content;
    }

    .am-lang-item {
        min-width: 48px;
        height: 42px;
        padding: 0 13px;
        font-size: 13px;
    }
}
.ti-ticker.is-scrolled {
    padding: 0px 20px 0px 20px;
}

.ta-demo-page {
  width: min(1540px, calc(100% - 28px));
  margin: 0 auto;
  color: var(--ta-text);
  font-family: var(--ta-sans);

  * {
    box-sizing: border-box;
  }

  code {
    color: #eaffd0;
    font-family: var(--ta-mono);
  }

  .ta-hero {
    text-align: center;
    padding: 72px 0 34px;

    h1 {
      max-width: 1080px;
      margin: 0 auto 22px;
      color: var(--ta-text);
      font-size: clamp(38px, 6vw, 76px);
      line-height: .98;
      letter-spacing: -.06em;
      font-weight: 950;
    }

    p {
      max-width: 900px;
      margin: 0 auto 26px;
      color: var(--ta-muted);
      font-size: 19px;
      line-height: 1.65;
    }
  }

  .ta-eyebrow {
    display: inline-flex;
    padding: 8px 14px;
    border: 1px solid rgba(182,255,0,.3);
    border-radius: 999px;
    background: rgba(182,255,0,.08);
    color: var(--ta-green);
    font-weight: 900;
    margin-bottom: 22px;
    font-size: 13px;
  }

  .ta-hero-actions,
  .ta-response-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }

  .ta-btn,
  .ta-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid var(--ta-line);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
    transition: .16s ease;
  }

  .ta-btn-primary {
    color: #06111e !important;
    background: linear-gradient(180deg, var(--ta-green), #99e000);
    border-color: var(--ta-green);
    box-shadow: 0 16px 34px rgba(182,255,0,.18);

    &:hover {
      transform: translateY(-1px);
      filter: brightness(1.04);
    }
  }

  .ta-btn-secondary,
  .ta-copy-btn {
    color: var(--ta-text) !important;
    background: rgba(255,255,255,.055);
  }

  .ta-alert {
    margin: 0 auto 28px;
    padding: 18px 20px;
    border: 1px solid rgba(255,209,102,.34);
    border-radius: 18px;
    background: rgba(255,209,102,.08);
    color: #fff4d2;
  }

  .ta-console {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr) 470px;
    gap: 22px;
    align-items: stretch;
    min-height: 780px;
  }

  .ta-sidebar,
  .ta-main-panel,
  .ta-response-panel,
  .ta-feature-strip,
  .ta-small-card,
  .ta-final-cta {
    border: 1px solid var(--ta-line);
    border-radius: var(--ta-radius);
    background:
      linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
      var(--ta-panel);
    box-shadow: var(--ta-shadow);
  }

  .ta-sidebar {
    padding: 18px;
    overflow: auto;
    max-height: 900px;
  }

  .ta-sidebar-title {
    color: var(--ta-green);
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .08em;
    font-weight: 950;
    margin-bottom: 14px;
  }

  .ta-search-wrap {
    margin-bottom: 18px;
  }

  .ta-search,
  .ta-params input,
  .ta-params select,
  .ta-mobile-picker select {
    width: 100%;
    min-height: 43px;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid var(--ta-line);
    background: rgba(3,10,20,.7);
    color: var(--ta-text);
    outline: none;

    &:focus {
      border-color: rgba(182,255,0,.55);
      box-shadow: 0 0 0 3px rgba(182,255,0,.08);
    }
  }

  .ta-menu-group {
    border-top: 1px solid var(--ta-line);
    padding-top: 14px;
    margin-top: 14px;
  }

  .ta-menu-heading {
    color: var(--ta-green);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 8px;
  }

  .ta-endpoint-btn {
    width: 100%;
    display: block;
    text-align: left;
    border: 0;
    border-radius: 8px;
    color: var(--ta-text);
    background: transparent;
    padding: 8px 10px;
    font-size: 14px;
    cursor: pointer;
    transition: .15s ease;

    &:hover {
      background: rgba(255,255,255,.07);
    }

    &.active {
      background: var(--ta-green);
      color: #06111e;
      font-weight: 950;
    }
  }

  .ta-main-panel,
  .ta-response-panel {
    padding: 24px;
  }

  .ta-mobile-picker {
    display: none;
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid var(--ta-line);
    border-radius: 14px;
    background: rgba(3,10,20,.34);

    label {
      display: block;
      color: var(--ta-green);
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 950;
      letter-spacing: .08em;
      margin-bottom: 8px;
    }

    select {
      min-height: 46px;
      font-size: 15px;
    }
  }

  .ta-panel-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 14px;
  }

  .ta-badge,
  .ta-live-pill {
    display: inline-flex;
    border-radius: 999px;
    padding: 5px 10px;
    border: 1px solid rgba(182,255,0,.35);
    background: rgba(182,255,0,.08);
    color: var(--ta-green);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
  }

  .ta-main-panel {
    h2 {
      color: var(--ta-text);
      margin: 10px 0 8px;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.05;
      letter-spacing: -.045em;
      font-weight: 950;
    }

    p {
      color: var(--ta-muted);
      margin: 0;
    }
  }

  .ta-method-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 18px 0;

    code {
      padding: 7px 10px;
      border: 1px solid var(--ta-line);
      border-radius: 8px;
      background: #06101d;
      font-size: 13px;
      max-width: 100%;
      overflow-x: auto;
      white-space: nowrap;
    }
  }

  .ta-method {
    display: inline-flex;
    padding: 5px 9px;
    border: 1px solid var(--ta-green);
    color: var(--ta-green);
    border-radius: 5px;
    font-family: var(--ta-mono);
    font-weight: 950;
    font-size: 12px;
  }

  .ta-workspace {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 14px;
  }

  .ta-params-panel,
  .ta-results-panel {
    border: 1px solid var(--ta-line);
    border-radius: 16px;
    padding: 18px;
    background: rgba(3,10,20,.34);
  }

  .ta-params-panel h3,
  .ta-results-panel h3,
  .ta-response-panel h3,
  .ta-quick-examples h3 {
    color: var(--ta-green);
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 14px;
    font-weight: 950;
  }

  .ta-param-field {
    margin-bottom: 12px;

    label {
      display: block;
      color: var(--ta-muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 900;
      margin-bottom: 6px;
    }
  }

  .ta-run-btn {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    color: #06111e;
    background: linear-gradient(180deg, var(--ta-green), #99e000);
    font-weight: 950;
    cursor: pointer;
    margin-top: 6px;

    &[disabled] {
      opacity: .55;
      cursor: not-allowed;
    }
  }

  .ta-quick-examples {
    margin-top: 22px;
    border-top: 1px solid var(--ta-line);
    padding-top: 18px;
  }

  .ta-example-btn {
    width: 100%;
    display: block;
    border: 1px solid var(--ta-line);
    background: rgba(255,255,255,.045);
    color: var(--ta-text);
    padding: 10px 12px;
    border-radius: 9px;
    margin-bottom: 8px;
    text-align: left;
    cursor: pointer;
  }

  .ta-results-head,
  .ta-response-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
		flex-wrap: wrap;
  }

  #taResultStatus,
  #taHttpStatus {
    color: var(--ta-green);
    font-size: 13px;
  }

  .ta-empty-state {
    border: 1px dashed var(--ta-line);
    border-radius: 14px;
/*     padding: 34px; */
    color: var(--ta-muted);
    text-align: center;
  }

  .ta-data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--ta-line);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(4,12,24,.62);
    font-size: 14px;

    th, td {
      padding: 11px 10px;
      border-bottom: 1px solid var(--ta-line);
      text-align: left;
      vertical-align: top;
    }

    th {
      color: var(--ta-muted);
      background: rgba(255,255,255,.055);
      font-size: 11px;
      text-transform: uppercase;
    }

    tr:last-child td {
      border-bottom: 0;
    }
  }

  .ta-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid var(--ta-line);
    padding-bottom: 12px;
    margin-bottom: 0;
  }

  .ta-tab {
    border: 1px solid var(--ta-line);
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: var(--ta-muted);
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;

    &.active {
      color: #06111e;
      background: var(--ta-green);
      border-color: var(--ta-green);
    }
  }

  #taCodeOutput {
    min-height: 560px;
    max-height: 680px;
    overflow: auto;
    margin: 0;
    padding: 18px;
    color: #e3f0ff;
    background: #06101d;
    border: 1px solid var(--ta-line);
    border-top: 0;
    border-radius: 0 0 14px 14px;
    font-size: 12.5px;
    line-height: 1.55;
    font-family: var(--ta-mono);
    white-space: pre-wrap;
    word-break: break-word;
  }

  .ta-response-actions {
    justify-content: flex-start;
    margin-top: 14px;
  }

  .ta-feature-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    padding: 22px;
    margin: 26px 0 64px;
  }

  .ta-feature {
    display: flex;
    gap: 14px;
    align-items: flex-start;

    span {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      color: var(--ta-green);
      border: 1px solid rgba(182,255,0,.25);
      background: rgba(182,255,0,.06);
      font-size: 22px;
    }

    strong {
      color: var(--ta-green);
    }

    p {
      margin: 4px 0 0;
      color: var(--ta-muted);
      font-size: 14px;
    }
  }

  .ta-endpoints-section {
    margin: 70px 0;
  }

  .ta-section-head {
    margin-bottom: 24px;

    h2 {
      color: var(--ta-text);
      margin: 0 0 10px;
      font-size: clamp(30px, 4vw, 46px);
      line-height: 1.08;
      letter-spacing: -.045em;
    }

    p {
      color: var(--ta-muted);
      max-width: 800px;
    }
  }

  .ta-kicker {
    color: var(--ta-green);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .14em;
    font-weight: 950;
    margin-bottom: 8px;
  }

  .ta-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .ta-small-card {
    padding: 20px;

    span {
      color: var(--ta-green);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    h3 {
      color: var(--ta-text);
      margin: 8px 0 12px;
      font-size: 20px;
    }

    code {
      display: block;
      padding: 10px;
      background: #06101d;
      border: 1px solid var(--ta-line);
      border-radius: 10px;
      font-size: 12px;
      white-space: nowrap;
      overflow-x: auto;
    }
  }

  .ta-final-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 22px;
    align-items: center;
    padding: 34px;
    margin: 68px 0;
    border-color: rgba(182,255,0,.22);
    background:
      radial-gradient(circle at 12% 10%, rgba(182,255,0,.18), transparent 36%),
      linear-gradient(135deg, rgba(182,255,0,.10), rgba(93,183,255,.10)),
      var(--ta-panel);

    h2 {
      color: var(--ta-text);
      margin: 0 0 10px;
      font-size: clamp(30px, 4vw, 46px);
      line-height: 1.08;
      letter-spacing: -.045em;
    }

    p {
      color: var(--ta-muted);
      max-width: 800px;
    }
  }
}

/* Media Queries safely targeted internally */
@media (max-width: 1220px) {
  .ta-demo-page {
    .ta-console {
      grid-template-columns: 260px minmax(0, 1fr);
    }

    .ta-response-panel {
      grid-column: 1 / -1;
    }

    #taCodeOutput {
      min-height: 340px;
    }
  }
}

@media (max-width: 900px) {
  .ta-demo-page {
    .ta-console {
      display: block;
    }

    .ta-sidebar {
      display: none;
    }

    .ta-mobile-picker {
      display: block;
    }

    .ta-main-panel,
    .ta-response-panel {
      margin-bottom: 18px;
    }

    .ta-workspace,
    .ta-feature-strip,
    .ta-final-cta {
      display: block;
    }

    .ta-params-panel {
      margin-bottom: 14px;
    }

    .ta-card-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #taCodeOutput {
      min-height: 260px;
      max-height: 420px;
      font-size: 12px;
    }

    .ta-tabs {
      overflow-x: auto;
      flex-wrap: nowrap;
      padding-bottom: 10px;
    }

    .ta-tab {
      white-space: nowrap;
    }

    .ta-run-btn,
    .ta-copy-btn,
    .ta-btn {
      width: 100%;
    }

    .ta-response-actions,
    .ta-hero-actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .ta-feature {
      margin-bottom: 18px;
    }
  }
}

@media (max-width: 620px) {
  .ta-demo-page {
    width: min(100% - 20px, 1540px);

    .ta-hero {
      padding-top: 52px;

      h1 {
        font-size: 38px;
        letter-spacing: -0.045em;
      }

      p {
        font-size: 16px;
      }
    }

    .ta-card-grid {
      grid-template-columns: 1fr;
    }

    .ta-main-panel,
    .ta-response-panel,
    .ta-sidebar {
      padding: 18px;
    }

    .ta-panel-top,
    .ta-results-head,
    .ta-response-head {
      display: block;
    }

    .ta-live-pill {
      margin-top: 12px;
    }

    .ta-alert {
      font-size: 14px;
    }

    .ta-method-row code {
      width: 100%;
    }

    .ta-data-table {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
  }
}

.tv-page {
  width: min(1480px, calc(100% - 28px));
  margin: 0 auto;
  color: var(--tv-text);
  font-family: var(--tv-sans);
}

.tv-page * {
  box-sizing: border-box;
}

.tv-page code {
  font-family: var(--tv-mono);
  color: #eaffd0;
}

.tv-hero {
  text-align: center;
  padding: 74px 0 34px;
}

.tv-eyebrow {
  display: inline-flex;
  padding: 8px 14px;
  border: 1px solid rgba(182,255,0,.3);
  border-radius: 999px;
  background: rgba(182,255,0,.08);
  color: var(--tv-green);
  font-weight: 950;
  margin-bottom: 22px;
  font-size: 13px;
}

.tv-hero h1 {
  max-width: 1120px;
  margin: 0 auto 22px;
  color: var(--tv-text);
  font-size: clamp(40px, 6vw, 78px);
  line-height: .98;
  letter-spacing: -.06em;
  font-weight: 950;
}

.tv-hero p {
  max-width: 900px;
  margin: 0 auto 28px;
  color: var(--tv-muted);
  font-size: 19px;
  line-height: 1.65;
}

.tv-hero-actions,
.tv-bottom-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.tv-btn,
.tv-mini-btn,
.tv-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 16px;
  border-radius: 11px;
  border: 1px solid var(--tv-line);
  font-weight: 950;
  text-decoration: none !important;
  cursor: pointer;
  transition: .16s ease;
}

.tv-btn-primary {
  color: #06111e !important;
  background: linear-gradient(180deg, var(--tv-green), #99e000);
  border-color: var(--tv-green);
  box-shadow: 0 16px 34px rgba(182,255,0,.18);
}

.tv-btn-secondary,
.tv-mini-btn,
.tv-refresh {
  color: var(--tv-text) !important;
  background: rgba(255,255,255,.055);
}

.tv-btn:hover,
.tv-mini-btn:hover,
.tv-refresh:hover {
  transform: translateY(-1px);
}

.tv-context-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
  margin: 0 0 28px;
  padding: 24px;
  border: 1px solid rgba(182,255,0,.22);
  border-radius: var(--tv-radius);
  background:
    radial-gradient(circle at 12% 10%, rgba(182,255,0,.15), transparent 34%),
    linear-gradient(135deg, rgba(182,255,0,.08), rgba(93,183,255,.08)),
    var(--tv-panel);
  box-shadow: var(--tv-shadow);
}

.tv-context-copy h2 {
  color: var(--tv-text);
  margin: 10px 0 8px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.tv-context-copy p {
  color: var(--tv-muted);
  margin: 0;
  line-height: 1.6;
}

.tv-context-controls {
  border: 1px solid var(--tv-line);
  border-radius: 16px;
  padding: 16px;
  background: rgba(3,10,20,.36);
}

.tv-context-controls label,
.tv-inline-form label {
  display: block;
  color: var(--tv-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 8px;
}

.tv-context-controls select,
.tv-inline-form select,
.tv-inline-form input {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--tv-text);
  background: rgba(3,10,20,.75);
  border: 1px solid var(--tv-line);
  border-radius: 10px;
  outline: none;
  margin-bottom: 12px;
}

.tv-context-summary {
  grid-column: 1 / -1;
  border: 1px solid var(--tv-line);
  border-radius: 16px;
  padding: 14px;
  background: rgba(3,10,20,.34);
  color: var(--tv-muted);
}

.tv-context-summary strong {
  color: var(--tv-green);
}

.tv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tv-demo-card {
  border: 1px solid var(--tv-line);
  border-radius: var(--tv-radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    var(--tv-panel);
  box-shadow: var(--tv-shadow);
  padding: 24px;
  min-width: 0;
}

.tv-card-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.tv-tag {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(182,255,0,.35);
  background: rgba(182,255,0,.08);
  color: var(--tv-green);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.tv-demo-card h2 {
  color: var(--tv-text);
  margin: 10px 0 8px;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.tv-demo-card p {
  color: var(--tv-muted);
  margin: 0;
}

.tv-refresh {
  min-height: 38px;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  white-space: nowrap;
}

.tv-inline-form,
.tv-context-used {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--tv-line);
  border-radius: 14px;
  background: rgba(3,10,20,.32);
}

.tv-context-used {
  grid-template-columns: auto 1fr;
  align-items: center;
  color: var(--tv-muted);
  font-size: 14px;
}

.tv-context-used strong {
  color: var(--tv-green);
  overflow-wrap: anywhere;
}

.tv-widget {
  border: 1px solid var(--tv-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 0%, rgba(182,255,0,.08), transparent 35%),
    rgba(3,10,20,.45);
  min-height: 260px;
  padding: 18px;
  overflow: hidden;
}

.tv-loading,
.tv-empty,
.tv-error {
  min-height: 220px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--tv-muted);
  border: 1px dashed var(--tv-line);
  border-radius: 14px;
  padding: 22px;
}

.tv-error {
  color: #ffd0d5;
  border-color: rgba(255,93,108,.35);
  background: rgba(255,93,108,.08);
}

.tv-score-list,
.tv-fixture-list {
  display: grid;
  gap: 12px;
}

.tv-match-card,
.tv-fixture-card,
.tv-profile-card,
.tv-h2h-card,
.tv-odds-card {
  border: 1px solid var(--tv-line);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  padding: 15px;
}

.tv-match-top,
.tv-fixture-top,
.tv-profile-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.tv-live-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tv-green);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.tv-live-dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--tv-green);
  box-shadow: 0 0 16px rgba(182,255,0,.8);
}

.tv-status-pill {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  color: #06111e;
  background: var(--tv-green);
  font-size: 12px;
  font-weight: 950;
}

.tv-player-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid var(--tv-line);
}

.tv-player-name {
  font-weight: 950;
  color: var(--tv-text);
}

.tv-score {
  font-family: var(--tv-mono);
  color: var(--tv-green);
  font-weight: 950;
}

.tv-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 12px;
}

.tv-stat {
  border: 1px solid var(--tv-line);
  border-radius: 12px;
  padding: 10px;
  background: rgba(3,10,20,.35);
}

.tv-stat span {
  display: block;
  color: var(--tv-muted);
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.tv-stat strong {
  color: var(--tv-green);
  font-size: 18px;
}

.tv-odds-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tv-odds-name {
  color: var(--tv-text);
  font-weight: 950;
  margin-bottom: 12px;
}

.tv-odds-value {
  font-size: 34px;
  color: var(--tv-green);
  font-weight: 950;
  letter-spacing: -.04em;
}

.tv-odds-move {
  margin-top: 8px;
  color: var(--tv-muted);
}

.tv-up {
  color: var(--tv-red);
}

.tv-down {
  color: var(--tv-green);
}

.tv-avatar {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--tv-green), var(--tv-blue));
  color: #06111e;
  font-size: 28px;
  font-weight: 950;
}

.tv-profile-name {
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.tv-profile-sub {
  color: var(--tv-muted);
  margin-top: 4px;
}

.tv-h2h-score {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: center;
  text-align: center;
}

.tv-h2h-player {
  font-size: 18px;
  color: var(--tv-text);
  font-weight: 950;
}

.tv-h2h-big {
  display: inline-flex;
  padding: 12px 18px;
  border-radius: 16px;
  color: #06111e;
  background: var(--tv-green);
  font-size: 30px;
  font-weight: 950;
}

.tv-table-wrap {
  overflow-x: auto;
}

.tv-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--tv-line);
  border-radius: 14px;
  font-size: 14px;
}

.tv-table th,
.tv-table td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--tv-line);
  text-align: left;
  vertical-align: top;
}

.tv-table th {
  background: rgba(255,255,255,.06);
  color: var(--tv-muted);
  font-size: 11px;
  text-transform: uppercase;
}

.tv-table tr:last-child td {
  border-bottom: 0;
}

.tv-endpoint-box {
  margin-top: 16px;
  border: 1px solid var(--tv-line);
  border-radius: 14px;
  background: rgba(3,10,20,.35);
  padding: 14px;
}

.tv-endpoint-title {
  color: var(--tv-green);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.tv-endpoint-box code {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 12px;
}

.tv-code-details {
  margin-top: 12px;
  border: 1px solid var(--tv-line);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  overflow: hidden;
}

.tv-code-details summary {
  cursor: pointer;
  padding: 13px 14px;
  color: var(--tv-text);
  font-weight: 950;
}

.tv-code-details pre {
  margin: 0;
  padding: 14px;
  border-top: 1px solid var(--tv-line);
  background: #06101d;
  overflow-x: auto;
}

.tv-code-details code {
  color: #e3f0ff;
  font-size: 12px;
}

.tv-bottom-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  border: 1px solid rgba(182,255,0,.22);
  border-radius: var(--tv-radius);
  background:
    radial-gradient(circle at 12% 10%, rgba(182,255,0,.18), transparent 36%),
    linear-gradient(135deg, rgba(182,255,0,.10), rgba(93,183,255,.10)),
    var(--tv-panel);
  box-shadow: var(--tv-shadow);
  padding: 34px;
  margin: 60px 0 74px;
}

.tv-bottom-cta h2 {
  color: var(--tv-text);
  margin: 0 0 8px;
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: -.04em;
  line-height: 1.08;
}

.tv-bottom-cta p {
  color: var(--tv-muted);
  margin: 0;
  max-width: 760px;
}

@media (max-width: 1100px) {
  .tv-grid,
  .tv-context-panel,
  .tv-bottom-cta {
    grid-template-columns: 1fr;
  }

  .tv-bottom-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .tv-page {
    width: min(100% - 20px, 1480px);
  }

  .tv-hero {
    padding-top: 54px;
  }

  .tv-hero h1 {
    font-size: 38px;
    letter-spacing: -.045em;
  }

  .tv-hero p {
    font-size: 16px;
  }

  .tv-card-head,
  .tv-match-top,
  .tv-fixture-top,
  .tv-profile-top {
    display: block;
  }

  .tv-refresh,
  .tv-mini-btn,
  .tv-btn {
    width: 100%;
  }

  .tv-demo-card,
  .tv-bottom-cta,
  .tv-context-panel {
    padding: 18px;
  }

  .tv-widget {
    padding: 14px;
  }

  .tv-context-used,
  .tv-odds-grid,
  .tv-stat-grid,
  .tv-h2h-score {
    grid-template-columns: 1fr;
  }

  .tv-h2h-score {
    gap: 8px;
  }

  .tv-bottom-actions,
  .tv-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .tv-context-summary {
    font-size: 14px;
  }

  .tv-table {
    min-width: 520px;
  }
}
.ta-context-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
  margin: 0 0 28px;
  padding: 24px;
  border: 1px solid rgba(182,255,0,.22);
  border-radius: var(--ta-radius);
  background:
    radial-gradient(circle at 12% 10%, rgba(182,255,0,.15), transparent 34%),
    linear-gradient(135deg, rgba(182,255,0,.08), rgba(93,183,255,.08)),
    var(--ta-panel);
  box-shadow: var(--ta-shadow);
}

.ta-context-copy h2 {
  color: var(--ta-text);
  margin: 10px 0 8px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.ta-context-copy p {
  color: var(--ta-muted);
  margin: 0;
  line-height: 1.6;
}

.ta-context-controls {
  border: 1px solid var(--ta-line);
  border-radius: 16px;
  padding: 16px;
  background: rgba(3,10,20,.36);
}

.ta-context-controls label {
  display: block;
  color: var(--ta-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 8px;
}

.ta-context-controls select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--ta-text);
  background: rgba(3,10,20,.75);
  border: 1px solid var(--ta-line);
  border-radius: 10px;
  outline: none;
  margin-bottom: 12px;
}

.ta-context-btn {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--ta-line);
  border-radius: 10px;
  background: rgba(255,255,255,.055);
  color: var(--ta-text);
  font-weight: 950;
  cursor: pointer;
}

.ta-context-btn:hover {
  background: var(--ta-green);
  color: #06111e;
}

.ta-context-summary {
  grid-column: 1 / -1;
  border: 1px solid var(--ta-line);
  border-radius: 16px;
  padding: 14px;
  background: rgba(3,10,20,.34);
  color: var(--ta-muted);
}

.ta-context-summary strong {
  color: var(--ta-green);
}

@media (max-width: 900px) {
  .ta-context-panel {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .ta-context-summary {
    font-size: 14px;
  }
}



/* Container */
.match-row {
  padding-left: 0.75rem;    
  padding-right: 0.75rem; 
  padding-top: 0.5rem;  
  padding-bottom: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.match-row:hover {
  background-color: #f9fafb;
}

.match-grid {
  display: grid;
  gap: 0.5rem;        
  font-size: 0.875rem;      
  line-height: 1.25rem;  
}

.player-row {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;  
}

.player-row--serving {
  font-weight: 600;  
  color: #000000;   
}

.player-row--not-serving {
  color: #374151;            /* text-gray-700 */
}


.player-link {
  font-weight: 600;    
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.player-link:hover {
  text-decoration-line: underline;
}


.set-score {
  text-align: center;     
  font-size: 0.75rem;       
  line-height: 1rem;    
  font-weight: 600;   
  color: #374151;  
}


.points-cell {
  text-align: center; 
  font-weight: 700;      
  color: #374151;     
  display: flex;
  align-items: center;  
  justify-content: flex-end; 
  gap: 0.25rem; 
}
.tennis-api-wrapper {
  background-color: #040914;
  padding: 40px 24px;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
}
.tennis-api-wrapper * { box-sizing: border-box; }

/* Dashboard Header Custom Vector Graphics */
.api-header {
  text-align: center;
  margin-bottom: 35px;
}
.logo-title {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.tennis-logo {
  width: 50px;
  height: 50px;
}
.api-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 2px;
  margin: 0;
}

/* Scroll Window Rules for Mobile Swipe Navigation */
.api-table-scroll-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.api-table-scroll-container::-webkit-scrollbar { height: 6px; }
.api-table-scroll-container::-webkit-scrollbar-track { background: #050d1a; }
.api-table-scroll-container::-webkit-scrollbar-thumb { background: #15243f; border-radius: 10px; }

/* Native Pure Table Implementation */
.api-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #ffffff;
  min-width: 1000px;
}

/* Sharp Intersecting Table Gridlines */
.api-table th, .api-table td {
  padding: 14px 18px;
  text-align: center;
  font-size: 0.94rem;
  border-bottom: 1px solid #14233c;
  border-top: 1px solid #14233c;
  border-right: 1px solid #14233c;
  background-color: #060e1d;
}

/* Base Left Feature Description Column Layout */
.api-table .label-cell {
  text-align: left;
  font-weight: bold;
  color: #a2b4cd;
  width: 260px;
  border-top: 1px solid #14233c;
  border-left: 1px solid #14233c;
  background-color: #040914;
}

/* Desktop-Only Sticky Locking Rule */
@media (min-width: 1025px) {
  .api-table .label-cell.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 10;
  }
}

.text-dim { color: #8fa0ba; }

/* Section Break Subheadings Rules (No Colspan to preserve vertical borders) */
.api-table .section-header td {
  background-color: #060e1d;
  border-bottom: 1px solid #14233c;
  padding: 16px 18px;
}
.api-table .section-header .label-cell {
  background-color: #040914;
  color: #d1df20;
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}

/* Top Pricing Plan Headers Setup */
.header-row th {
  background-color: #040914;
  padding: 30px 12px;
  vertical-align: bottom;
}
.icon-wrapper { margin-bottom: 14px; }
.header-icon { font-size: 1.8rem; }
.header-row h3 { font-size: 1.7rem; margin: 0 0 6px 0; font-weight: 800; color: #fff; }
.header-row .price { font-size: 1.35rem; font-weight: 800; }
.price-placeholder { height: 26px; }

/* Sub-header Badges Placed Downwards precisely */
.badge-trial, .badge-starter, .badge-ultra, .badge-mega {
  margin-top: 18px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
}
.badge-trial { background: #1a2536; color: #7f8fa4; padding: 5px 14px; border-radius: 6px; }
.badge-starter { background: #242b35; color: #6f7f94; padding: 5px 14px; border-radius: 6px; }
.badge-ultra { background: rgba(191,255,0,0.12); color: #bfff00; padding: 5px 16px; border-radius: 20px; }
.badge-mega { background: rgba(189,16,224,0.12); color: #bd10e0; padding: 5px 18px; border-radius: 6px; }

.pro-header .price { color: #e1b12c; }
.ultra-header .price { color: #bfff00; }
.mega-header .price { color: #bd10e0; }

/* Continuous Column Highlighter Pillar Box Structure for Ultra */
.ultra-header {
  border-top: 2px solid #bfff00 !important;
  border-left: 2px solid #bfff00 !important;
  border-right: 2px solid #bfff00 !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.api-table .ultra-col {
  border-left: 2px solid #bfff00 !important;
  border-right: 2px solid #bfff00 !important;
  background-color: #071328;
}

/* Continuous Column Highlighter Pillar Box Structure for Mega */
.mega-header {
  border-top: 2px solid #bd10e0 !important;
  border-left: 2px solid #bd10e0 !important;
  border-right: 2px solid #bd10e0 !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.api-table .mega-col {
  border-left: 2px solid #bd10e0 !important;
  border-right: 2px solid #bd10e0 !important;
  background-color: #0b1026;
}

/* Round Pill-Icons Graphic Badges (Yes / No) */
.badge-yes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #a3cb38;
  color: #040914;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 900;
  margin-right: 8px;
}
.badge-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #ff6b6b;
  color: #040914;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 900;
  margin-right: 8px;
}

/* Bottom Column Highlights Closure Row */
.footer-badges-row td {
  border-bottom: none;
  padding: 0;
  height: 65px;
  background-color: #060e1d;
}
.footer-badges-row .label-cell { background-color: #040914; border-bottom: none; }
.footer-badge-cell { vertical-align: middle; padding: 0 12px !important; }

/* Continuous Footer Box Curve for Ultra */
.ultra-col.footer-badge-cell {
  border-bottom: 2px solid #bfff00 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.footer-badge-recommended {
  display: block;
  border: 1px solid #bfff00;
  padding: 8px 0;
  border-radius: 6px;
  color: #bfff00;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  background: rgba(191,255,0,0.04);
}

/* Continuous Footer Box Curve for Mega */
.mega-col.footer-badge-cell {
  border-bottom: 2px solid #bd10e0 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.footer-badge-premium {
  display: block;
  border: 1px solid #bd10e0;
  padding: 8px 0;
  border-radius: 6px;
  color: #bd10e0;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  background: rgba(189,16,224,0.04);
}

/* Contact Footer Area */
.api-footer {
  text-align: center;
  margin-top: 35px;
  font-size: 1rem;
  color: #a2b4cd;
}
.api-footer a { color: #bfff00; text-decoration: none; font-weight: 500; }
.api-footer a:hover { text-decoration: underline; }

@media (max-width: 600px) {
  .api-header h2 { font-size: 1.8rem; }
}

/* =========================
   Cricket API Theme Additions
   ========================= */

.ta-logo-text,
.ta-footer-logo-text{
  color:#fff;
  font-size:22px;
  font-weight:900;
  text-decoration:none;
}

.ta-footer-contact a{
  color:var(--ta-green);
  text-decoration:none;
  font-weight:800;
}

.ta-footer-contact a:hover{
  color:#fff;
}

.ta-nav .menu-item,
.ta-footer-links .menu-item{
  list-style:none;
  margin:0;
  padding:0;
}

.ta-page-content > .wp-block-html,
.ta-page-content > .wp-block-group,
.ta-page-content > .wp-block-cover{
  margin-top:0;
  margin-bottom:0;
}

.ta-page-content > :first-child{
  margin-top:0;
}

.ta-page-content > :last-child{
  margin-bottom:0;
}

.testimonial-item.no-photo,
.testimonial-item.testimonial-no-image{
  justify-content:center;
  text-align:center;
}

.testimonial-item.no-photo .testimonial-content,
.testimonial-item.testimonial-no-image .testimonial-content{
  max-width:900px;
}

/* Generic aliases keep future sports sites reusable while retaining legacy selectors. */
.sports-popup-trigger{
  background-color:#10b981;
  color:#fff;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px;
  font-weight:600;
  padding:12px 24px;
  border:0;
  border-radius:8px;
  cursor:pointer;
}

.sports-whatsapp{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9998;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:52px;
  padding:0 18px;
  border-radius:999px;
  background:#25D366;
  color:#07120b !important;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 18px 50px rgba(0,0,0,.34);
  transition:transform .2s ease, box-shadow .2s ease;
}

.sports-whatsapp:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(0,0,0,.42);
}

.sports-whatsapp svg{
  width:22px;
  height:22px;
  fill:currentColor;
}

@media(max-width:680px){
  .sports-whatsapp{
    right:14px;
    bottom:14px;
    width:52px;
    padding:0;
  }

  .sports-whatsapp span{
    display:none;
  }
}

body.sports-modal-open{
  overflow:hidden;
}

.tennis-modal-overlay[aria-hidden="true"]{
  display:none;
}

.tennis-modal-overlay[aria-hidden="false"]{
  display:flex;
}

.screen-reader-text{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}


/* Dedicated settings-driven contact row */
.ta-footer-contact{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 12px;
  color:var(--ta-muted);
}
.ta-footer-contact-separator{
  color:rgba(255,255,255,.3);
}
@media(max-width:680px){
  .ta-footer-contact{
    flex-direction:column;
    gap:7px;
  }
  .ta-footer-contact-separator{display:none;}
}