/*
Theme Name: BetAtlas V36 Mobile Compare Polish
Author: BetAtlas
Version: 36.0
Description: Installable BetAtlas sportsbook comparison theme with expanded bookmaker reviews, app reviews, legal/compliance pages, calculators, and mobile fixes.
*/
:root{--bg:#07111f;--panel:#0f172a;--panel2:#0a1628;--green:#22c55e;--green2:#86efac;--text:#fff;--muted:#cbd5e1;--soft:#94a3b8;--border:rgba(255,255,255,.12);--amber:#fbbf24;--blue:#60a5fa}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 20px}.site-notice{background:#020617;border-bottom:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:13px;padding:9px 20px;text-align:center}.site-header{background:#07111f;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}.logo{text-decoration:none;font-weight:900;font-size:25px;color:#fff;line-height:1.1}.logo span{display:block;font-size:12px;color:var(--soft);font-weight:700}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--muted);font-weight:800;font-size:14px}.nav a:hover{color:var(--green2)}.btn{display:inline-block;background:var(--green);color:#07111f!important;text-decoration:none!important;padding:13px 20px;border-radius:14px;font-weight:900;border:0;cursor:pointer;text-align:center}.btn.secondary{background:rgba(255,255,255,.08);color:#fff!important;border:1px solid var(--border)}.btn.small{padding:10px 14px;font-size:13px;margin:3px}.hero{padding:72px 0;background:linear-gradient(135deg,#07111f 0%,#0f243d 55%,#092016 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.badge{display:inline-block;background:rgba(255,255,255,.08);border:1px solid var(--border);border-radius:999px;padding:7px 12px;margin:4px 6px 4px 0;font-size:12px;font-weight:900}.badge.green{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.35);color:var(--green2)}h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:18px 0 22px;letter-spacing:-1.2px}h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 16px}h3{font-size:22px;line-height:1.25;margin:0 0 10px}p{color:var(--muted)}.lead{font-size:19px;color:var(--muted);max-width:760px}.section{padding:68px 0}.section.alt{background:var(--panel2);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.title{text-align:center;max-width:900px;margin:0 auto 40px}.eyebrow{color:var(--green2);font-size:13px;text-transform:uppercase;letter-spacing:3px;font-weight:900;margin:0 0 10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card,.feature{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px}.feature p,.card p{color:var(--muted)}.feature a{color:var(--green2);font-weight:900;text-decoration:none}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:24px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:18px;border-top:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}th{background:rgba(255,255,255,.06);color:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.7px;border-top:0}td{color:var(--muted)}td strong{color:#fff}.rating{color:var(--amber);font-weight:900}.note,.disclaimer{font-size:13px;color:var(--soft);line-height:1.7}.footer{padding:36px 0;background:#050c17;border-top:1px solid var(--border)}.footer-grid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer a{color:var(--soft);font-weight:900;font-size:13px;text-decoration:none}.region-note,.compliance-strip{border-radius:18px;padding:16px;font-size:14px;margin-top:18px;line-height:1.7}.region-note{background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.25);color:#dbeafe}.compliance-strip{background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.25);color:#fde68a}.placeholder,.page-image-placeholder,.square-placeholder,.wide-diagram-placeholder{border:2px dashed rgba(34,197,94,.45);background:radial-gradient(circle at top left,rgba(34,197,94,.20),transparent 34%),radial-gradient(circle at bottom right,rgba(59,130,246,.16),transparent 38%),linear-gradient(135deg,#0f172a,#020617);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#fff;box-shadow:0 20px 55px rgba(0,0,0,.28)}.placeholder,.page-image-placeholder{width:100%;min-height:340px;border-radius:26px;margin-top:28px}.square-placeholder{aspect-ratio:1/1;width:100%;border-radius:26px}.wide-diagram-placeholder{aspect-ratio:2984/2108;width:100%;border-radius:28px;margin-top:28px}.placeholder span,.page-image-placeholder span,.square-placeholder span,.wide-diagram-placeholder span{display:block;font-size:28px;font-weight:900;margin-bottom:10px}.placeholder small,.page-image-placeholder small,.square-placeholder small,.wide-diagram-placeholder small{color:#94a3b8}.hero-image-wrap,.banner-image-wrap{border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);margin-top:28px}.hero-image-wrap img,.banner-image-wrap img{width:100%;display:block;object-fit:cover}.hero-image-wrap img{min-height:420px}.banner-image-wrap img{max-height:420px}.hot-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.offer-card{background:linear-gradient(135deg,#15223b,#0f172a 58%,#12351f);border:1px solid rgba(34,197,94,.28);border-radius:24px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.22)}.offer-card .tag{display:inline-block;background:#fbbf24;color:#07111f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:12px}.offer-card .amount{font-size:30px;line-height:1.05;color:#fff;font-weight:900;margin:10px 0}.offer-card .btn{width:100%;margin-top:10px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.stat-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px}.stat-box strong{display:block;color:#fff;font-size:22px}.stat-box span{font-size:13px;color:#94a3b8}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.pros-cons ul,.review-list{margin:0;padding-left:20px}.pros-cons li,.review-list li{color:#cbd5e1;margin-bottom:10px;line-height:1.65}.review-chip{display:inline-block;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.25);color:#d1fae5;border-radius:999px;padding:8px 12px;margin:4px 6px 4px 0;font-weight:800;font-size:13px}.comparison-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.app-card{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px}.app-card h3{display:flex;justify-content:space-between;gap:10px;align-items:center}.app-rating{color:#fbbf24;font-weight:900}.app-review-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.currency-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 22px}.currency-btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);padding:11px 16px;border-radius:14px;font-weight:900;cursor:pointer}.currency-btn.active{background:#22c55e;color:#07111f}.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}label{display:block;font-weight:900;color:#fff;margin:12px 0 6px}input{width:100%;padding:14px;border-radius:14px;border:1px solid var(--border);background:#020617;color:#fff;font-size:16px}.mini-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;margin-top:12px}.bracket-board{background:#0b1325;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:22px;overflow-x:auto}.bracket{display:grid;grid-template-columns:repeat(5,230px);gap:18px;min-width:1150px}.bracket-col h3{color:#86efac;font-size:14px;text-transform:uppercase;letter-spacing:1px}.bracket-match{background:linear-gradient(135deg,#121d33,#0f172a);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;margin-bottom:12px;color:#cbd5e1;min-height:92px}.bracket-match strong{color:#fff;display:block;margin-bottom:4px}.fixture-table{overflow-x:auto;border-radius:22px}.fixture-table table{min-width:760px}.path-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.path-step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px}.path-step strong{color:#fff;display:block}.legal-page{max-width:980px;margin:0 auto}.legal-page h3{margin-top:34px;color:#fff}.legal-page p,.legal-page li{color:#cbd5e1;line-height:1.85}.legal-highlight{background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.26);border-radius:18px;padding:20px;color:#d1fae5;margin:24px 0}.source-note{font-size:12px;color:#94a3b8;margin-top:10px}
@media(max-width:900px){.hero-grid,.grid3,.grid2,.hot-offer-grid,.stats-row,.pros-cons,.comparison-cards,.calc-grid,.path-strip,.app-review-grid{grid-template-columns:1fr}.nav{display:none}.section,.hero{padding:52px 0}table{min-width:780px}.table-wrap{margin-left:-12px;margin-right:-12px;border-radius:18px}th,td{padding:14px 12px}.btn.small{display:block;width:100%;margin:6px 0}.bracket{grid-template-columns:repeat(5,210px);min-width:1050px}.square-placeholder{max-width:340px;margin:0 auto 18px}.placeholder,.page-image-placeholder{min-height:220px}.placeholder span,.page-image-placeholder span{font-size:22px}}




/* V35 Mobile Cards Fix */
.mobile-bookmaker-cards{
  display:none;
}

.bookmaker-mobile-card{
  background:linear-gradient(135deg,#111c31,#0f172a 62%,#0d2b1a);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:18px;
  margin-bottom:16px;
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}

.bookmaker-mobile-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:12px;
}

.bookmaker-mobile-top h3{
  margin:0;
  font-size:22px;
}

.bookmaker-mobile-rating{
  background:rgba(251,191,36,.14);
  border:1px solid rgba(251,191,36,.28);
  color:#fbbf24;
  border-radius:999px;
  padding:7px 10px;
  font-weight:900;
  white-space:nowrap;
  font-size:13px;
}

.bookmaker-mobile-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0;
}

.bookmaker-mobile-meta div{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:11px;
}

.bookmaker-mobile-meta span{
  display:block;
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:3px;
}

.bookmaker-mobile-meta strong{
  color:#fff;
  font-size:14px;
}

.bookmaker-mobile-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:14px;
}

.bookmaker-mobile-actions .btn{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
}

.bookmaker-mobile-actions .secondary-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

@media(max-width:900px){
  .desktop-bookmaker-table{
    display:none;
  }
  .mobile-bookmaker-cards{
    display:block;
  }
  .bookmaker-mobile-card p{
    margin:8px 0 0;
    font-size:14px;
  }
}

@media(max-width:420px){
  .bookmaker-mobile-meta{
    grid-template-columns:1fr;
  }
  .bookmaker-mobile-actions .secondary-row{
    grid-template-columns:1fr;
  }
}


/* V36 Mobile Compare Page Polish */
.bookmaker-mobile-description{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.45;
  margin:8px 0 0;
}

@media(max-width:900px){
  .bookmaker-mobile-actions{
    gap:8px;
    margin-top:12px;
  }

  .bookmaker-mobile-actions .btn{
    padding:10px 12px;
    font-size:13px;
    border-radius:12px;
    line-height:1.2;
  }

  .bookmaker-mobile-card{
    padding:16px;
  }

  .bookmaker-mobile-top h3{
    font-size:21px;
  }

  .bookmaker-mobile-rating{
    font-size:12px;
    padding:6px 9px;
  }

  .bookmaker-mobile-meta{
    margin:12px 0;
  }

  .bookmaker-mobile-meta div{
    padding:10px;
  }
}