/*
Theme Name: Dropping Odds
Theme URI: https://droppingodds.com/
Author: TACTIC SOFTEC
Description: Real-time dropping odds, arbitrage and value-bet lead site. API-Sports fixtures + odds board, WhatsApp / Telegram / inbox capture.
Version: 1.3.4
Text Domain: dropping-odds
*/
:root{
  --bg:#f3f6f8;--card:#ffffff;--text:#10202b;--muted:#5b6d7a;
  --border:#d5dee6;--green:#22c55e;--lime:#15803d;--gold:#b45309;
  --red:#e11d48;--blue:#0284c7;--wa:#25d366;--tg:#2aabee;
  --nav:rgba(255,255,255,.96);
}
body:not(.light){
  --bg:#070b10;--card:#101820;--text:#eef4f8;--muted:#8ea0ae;
  --border:#1c2a36;--lime:#a3e635;--gold:#fbbf24;
  --nav:rgba(7,11,16,.97);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;padding-bottom:96px;transition:background .3s,color .3s}
a{color:var(--lime);text-decoration:none}a:hover{opacity:.92}
.wrap{width:min(1160px,94%);margin:0 auto}
@keyframes liveDot{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.32)}50%{box-shadow:0 0 16px 2px rgba(34,197,94,.32)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-right:6px;animation:liveDot 1s infinite}
.glow-btn{animation:glow 2.4s ease-in-out infinite}
.float-card{animation:floaty 4.2s ease-in-out infinite}
.line-pulse{height:2px;border:0;background:linear-gradient(90deg,transparent,var(--green),var(--gold),var(--red),transparent);background-size:200% 100%;animation:shimmer 3s linear infinite;margin:18px 0}
.clockbar{background:#e8eef3;border-bottom:1px solid var(--border);padding:8px 0;font-size:.82rem}
body:not(.light) .clockbar{background:#0b1218}
.clockbar-in{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.clock-main{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.05rem}
.clock-meta{color:var(--muted)}
.nav{position:sticky;top:0;z-index:60;background:var(--nav);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.nav-in{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 0}
.logo{font-weight:900;font-size:1.08rem;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:shimmer 4s linear infinite}
.menu{display:flex;flex-wrap:wrap;gap:5px 10px;list-style:none;margin:0;padding:0;align-items:center}
.menu a,.menu button{color:var(--muted);font-weight:700;font-size:.74rem;background:none;border:0;cursor:pointer;padding:0}
.menu a:hover,.menu button:hover{color:var(--lime)}
.loc-pill,.tool-pill{background:#e8f3ea;border:1px solid #b7dcc3;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:700;color:#166534}
body:not(.light) .loc-pill,body:not(.light) .tool-pill{background:#12202b;border-color:#2a4152;color:var(--gold)}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;font-weight:800;border:0;cursor:pointer;text-align:center;font-size:.88rem;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-g{background:var(--green);color:#04140a}
.btn-y{background:var(--gold);color:#1a1200}
.btn-b{background:var(--blue);color:#062033}
.btn-r{background:var(--red);color:#fff}
.btn-wa{background:var(--wa);color:#04140a}
.btn-tg{background:var(--tg);color:#fff}
.btn-outline{border:1px solid var(--border);background:transparent;color:var(--text)}
.btn-sm{padding:7px 11px;font-size:.78rem}
.hero{padding:42px 0 28px;background:radial-gradient(ellipse at 15% 0%,#d9f5e3 0%,transparent 50%),#f3f6f8}
body:not(.light) .hero{background:radial-gradient(ellipse at 12% 0%,#12301f 0%,transparent 48%),radial-gradient(ellipse at 92% 30%,#3a1518 0%,transparent 42%)}
.hero h1{font-size:clamp(1.55rem,4.2vw,2.5rem);line-height:1.15;margin:10px 0}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{color:var(--muted);max-width:740px}
.badge{display:inline-flex;align-items:center;background:#15241a;border:1px solid #2a4a35;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:700;color:var(--gold)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
section{padding:36px 0;border-top:1px solid var(--border)}
section h2{margin:0 0 6px;font-size:1.32rem}
.sub{color:var(--muted);margin:0 0 14px;max-width:820px;font-size:.9rem}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.grid-2{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;transition:border-color .25s,transform .25s}
.card:hover{border-color:var(--green);transform:translateY(-3px)}
.card h3{margin:0 0 8px;color:var(--lime);font-size:.98rem}
.card p{margin:0;color:var(--muted);font-size:.88rem}
.book-grid{display:flex;flex-wrap:wrap;gap:12px}
.bcard{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;flex:1 1 240px}
.logo-box{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;min-height:72px;border-radius:12px;margin-bottom:8px;border:1px solid var(--border)}
.logo-img.favicon-logo{width:48px;height:48px;border-radius:10px;object-fit:contain}
.brand-beside{font-weight:900;font-size:1.05rem;color:#0a0f0c}
.grade{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}
.pill{border-radius:8px;padding:4px 8px;font-weight:800;font-size:.68rem}
.pill-a{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.35)}
.pill-hot{background:rgba(251,191,36,.12);color:var(--gold);border:1px solid rgba(251,191,36,.35)}
.pill-drop{background:rgba(244,63,94,.14);color:#fb7185;border:1px solid rgba(244,63,94,.35)}
.bcard .btn{margin-top:8px;width:100%}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tab,.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted);font-weight:800;font-size:.8rem;cursor:pointer}
body:not(.light) .tab,body:not(.light) .chip{background:#0d151c}
.tab.active,.chip.active{background:var(--green);color:#04140a;border-color:var(--green)}
.widget-frame{width:100%;height:560px;border:1px solid var(--border);border-radius:12px;background:#0d151c;overflow:hidden;position:relative;padding:0;transition:height .35s ease}
.widget-frame:hover,.widget-frame.is-open{height:820px;z-index:5}
.widget-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;display:block}
.widget-expand-hint{position:absolute;right:10px;top:10px;z-index:2;background:rgba(10,15,12,.88);color:var(--gold);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:800;pointer-events:none}
.score-panel{min-height:520px}
.table{width:100%;border-collapse:collapse;font-size:.84rem}
.table th,.table td{border-bottom:1px solid var(--border);padding:9px 6px;text-align:left;vertical-align:top}
.table th{color:var(--muted);font-size:.75rem}
.drop{color:#fb7185;font-weight:800}
.rise{color:#4ade80;font-weight:800}
.muted{color:var(--muted)}
.calc input,.calc select,.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:9px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);margin:3px 0 8px}
body:not(.light) .calc input,body:not(.light) .calc select,body:not(.light) .lead-form input,body:not(.light) .lead-form select,body:not(.light) .lead-form textarea{background:#0d151c}
.calc label,.lead-form label{font-size:.8rem;color:var(--muted);font-weight:700}
.calc-out{font-size:1.05rem;font-weight:900;color:var(--gold);margin-top:6px}
.sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:70;background:color-mix(in srgb, var(--bg) 92%, transparent);border-top:1px solid var(--border);padding:9px;backdrop-filter:blur(8px)}
.sticky-in{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;max-width:1160px;margin:0 auto}
.sticky-logo{width:18px;height:18px;border-radius:4px;vertical-align:middle;margin-right:4px;background:#fff;object-fit:contain}
.footer{padding:24px;text-align:center;color:var(--muted);font-size:.82rem;border-top:1px solid var(--border)}
.faq details{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 13px;margin:7px 0}
.faq summary{font-weight:800;cursor:pointer;color:var(--text);font-size:.92rem}
.faq p{color:var(--muted);margin:7px 0 0;font-size:.86rem}
.ticker-wrap{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff;margin-top:12px}
body:not(.light) .ticker-wrap{background:#0d151c}
.ticker{display:inline-flex;gap:28px;white-space:nowrap;padding:10px 0;animation:ticker 28s linear infinite;font-weight:700;font-size:.85rem;color:var(--muted)}
.ticker b{color:var(--lime)}
.float-social{position:fixed;right:12px;bottom:88px;z-index:80;display:flex;flex-direction:column;gap:8px}
.float-social a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.float-social .wa{background:var(--wa);color:#04140a}
.float-social .tg{background:var(--tg)}
.float-social .em{background:#fbbf24;color:#1a1200;font-size:.72rem}
.rg{font-size:.78rem;color:var(--muted);text-align:center;padding:10px}
.steps{margin:0;padding-left:18px;color:var(--muted);font-size:.88rem}
.steps li{margin:6px 0}
.vip{border:1px solid rgba(251,191,36,.4);background:rgba(251,191,36,.08)}
.pwa-banner{display:none!important}
.pwa-banner.show{display:block}
.odds-status{font-size:.8rem;color:var(--muted);margin:0 0 10px}
.odds-row-drop{background:rgba(244,63,94,.08)}
.kpis{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-width:140px}
.kpi b{display:block;font-size:1.15rem;color:var(--gold)}
.kpi span{font-size:.75rem;color:var(--muted);font-weight:700}
.lead-note{font-size:.78rem;color:var(--muted);margin-top:6px}
api-sports-widget{display:block;min-height:480px}
.match-list{display:grid;gap:8px}
.match-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center}
.match-card.live{border-color:#ef4444;box-shadow:0 0 0 1px rgba(239,68,68,.25)}
.match-time{font-weight:800;color:var(--gold);font-size:.82rem}
.match-meta{color:var(--muted);font-size:.75rem}
.match-teams{font-weight:800}
.match-score{font-weight:900;font-variant-numeric:tabular-nums;color:var(--lime);white-space:nowrap}
.arb-box{border-width:2px}
.arb-box.is-yes{border-color:var(--green);background:rgba(34,197,94,.08);animation:arbPulseGreen 1.1s ease-in-out infinite}
.arb-box.is-no{border-color:var(--red);background:rgba(244,63,94,.08);animation:arbPulseRed 1.1s ease-in-out infinite}
.arb-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.arb-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.arb-alert{margin-top:12px;padding:12px 14px;border-radius:12px;font-weight:900;font-size:1.02rem}
.arb-alert.warn{background:rgba(244,63,94,.16);color:#fecdd3;border:1px solid rgba(244,63,94,.45)}
.arb-alert.ok{background:rgba(34,197,94,.16);color:#bbf7d0;border:1px solid rgba(34,197,94,.45)}
.arb-alert.wait{background:rgba(251,191,36,.1);color:var(--gold);border:1px solid rgba(251,191,36,.3)}
.arb-breakdown{margin-top:10px;overflow:auto}
@keyframes arbPulseGreen{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.35)}50%{box-shadow:0 0 18px 2px rgba(34,197,94,.45)}}
@keyframes arbPulseRed{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,.28)}50%{box-shadow:0 0 18px 2px rgba(244,63,94,.4)}}
@keyframes joinFlash{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes shakeSoft{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes ringPulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(1.35);opacity:0}}
.vip-live{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(34,197,94,.12),rgba(251,191,36,.1),rgba(42,171,238,.12),rgba(34,197,94,.12));background-size:300% 300%;animation:joinFlash 6s ease-in-out infinite;border:1px solid rgba(251,191,36,.55)}
.join-ribbon{display:inline-flex;align-items:center;gap:6px;background:#04140a;color:var(--gold);border:1px solid rgba(251,191,36,.45);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:800;letter-spacing:.02em;animation:glow 1.8s ease-in-out infinite}
.join-title{background:linear-gradient(90deg,var(--green),var(--gold),var(--lime),var(--green));background-size:200% auto;-webkit-background-clip:text;color:transparent;animation:shimmer 3s linear infinite}
.join-arrows{margin:4px 0 14px;color:var(--gold);font-weight:900;animation:bounceDown 1s ease-in-out infinite}
.join-card{position:relative;overflow:hidden}
.join-card .join-pulse{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid var(--wa);right:-20px;top:-20px;animation:ringPulse 1.6s ease-out infinite;pointer-events:none}
.join-tg .join-pulse{border-color:var(--tg)}
.shake-soft{animation:shakeSoft 1.5s ease-in-out infinite, glow 2.4s ease-in-out infinite}
@media (max-width:700px){
  .hero{padding:28px 0 18px}
  .widget-frame,.score-panel{min-height:460px}
  .match-card{grid-template-columns:1fr;gap:4px}
}