/* ============================================================
   BetandYou — Light Refresh (2026)
   Visual-only redesign layer. Loaded AFTER main.css so these
   rules win the cascade. No HTML text, headings, links, meta
   tags or element order are touched — only colors, spacing,
   borders and shadows change, to keep current SEO rankings.
   ============================================================ */

:root{
  --color-black:#1A1A1A;
  --color-white:#1A1A1A;
  --color-blue-1:#FFFFFF;
  --color-blue-2:#FFFFFF;
  --color-blue-3:#F1F3F6;
  --color-blue-4:#E6E9EF;
  --color-light:#5B6270;
  --betandyou-bg:#FFFFFF;
  --betandyou-surface:#F1F3F6;
  --betandyou-surface-2:#E6E9EF;
  --betandyou-surface-hover:#E6E9EF;
  --betandyou-text:#1A1A1A;
  --betandyou-muted:#5B6270;
  --betandyou-site-bg:#FFFFFF;
  --betandyou-site-bg-unified:#FFFFFF;
  --db-bg:#FFFFFF;
  --db-surface:#F1F3F6;
  --db-surface-hover:#E6E9EF;
  --db-text:#1A1A1A;
}

html,body{background:#FFFFFF !important;color:#1A1A1A !important;}

body,main,.wrapper,.page,.block,
.header,header.header,.header__wrap,.header__content,
.sidebar,.sidebar.js-menu,.sidebar__block,.sidebar__item,
.footer,.table-wrap,.cards__item,.bonus,
.app__btn,.app__btn[style],.mobile-side-banner,
.lang-switcher__menu,.betandyou-lang__btn,.betandyou-lang__list,
.betandyouplay-lang__btn,.betandyouplay-lang__list,.betandyouplay-lang__list--mobile,
.menu,.menu__list,.menu__item,.content,.content__main{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

/* gentle separation now that surfaces are all light */
.header{border-bottom:1px solid #E7E9EE !important;box-shadow:0 2px 14px rgba(15,23,42,.04) !important;}
.sidebar{border-right:1px solid #E7E9EE !important;}
.footer{border-top:1px solid #E7E9EE !important;margin-top:8px !important;}
.block{
  border:1px solid #ECEEF2 !important;
  border-radius:16px !important;
  padding:22px 24px !important;
  margin-bottom:16px !important;
  box-shadow:0 2px 12px rgba(15,23,42,.045) !important;
}

/* base text colors */
body,p,li,span,label,h1,h2,h3,h4,h5,h6{color:#1A1A1A !important;}
h1,h2,h3{letter-spacing:-.01em;}
a{color:#8A6D1F !important;}
a:hover{color:#262626 !important;}
.header__brand-wordmark{color:#1A1A1A !important;text-shadow:none !important;}
.menu__text{color:#1A1A1A !important;}

/* content tables: clear zebra rows, real borders instead of near-black tiles */
.table,.table table,.table tbody,.table tr,
.content table,.content tbody,.content tr{background:#FFFFFF !important;}
.table td,.table th,.content td,.content th,
.table table td,.table table th,.content table td,.content table th,
td[style*="background"],th[style*="background"]{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  background-image:none !important;
  color:#1A1A1A !important;
  border:1px solid #E7E9EE !important;
  padding:10px 14px !important;
}
.table table tr:nth-child(even) td,
.content table tr:nth-child(2n) td{
  background:#ECEFF4 !important;background-color:#ECEFF4 !important;
}
.table table tr td:first-child,.table table tr th,
.content table tr td:first-child,.content table tr th{
  background:#E9ECF2 !important;background-color:#E9ECF2 !important;
  font-weight:700 !important;
}
.table{border-radius:12px !important;overflow:hidden !important;}

/* FAQ accordion */
.faq__item{
  background:#F5F7FA !important;background-color:#F5F7FA !important;
  border:1px solid #E7E9EE !important;border-radius:12px !important;
}
.faq__item[aria-expanded="false"]{background:#F5F7FA !important;}
.faq__answer p{color:#3C4250 !important;}

/* language switcher */
.lang-switcher summary{background:#F5F7FA !important;border:1px solid #E1E4EA !important;box-shadow:none !important;}
.lang-switcher__menu{background:#FFFFFF !important;border:1px solid #E1E4EA !important;box-shadow:0 14px 30px rgba(15,23,42,.10) !important;}
.lang-switcher__menu a,.lang-switcher__menu span{color:#1A1A1A !important;background:transparent !important;}
.lang-switcher__menu a:hover{background:#F1F3F6 !important;}
.lang-switcher__label{color:#1A1A1A !important;}
.lang-switcher__chevron{border-color:#1A1A1A !important;}
.betandyou-lang__btn,.betandyou-lang__list{background:#FFFFFF !important;border:1px solid #E1E4EA !important;}
.betandyou-lang__current,.betandyou-lang__chevron,.betandyou-lang__option,.betandyou-lang__option span{color:#1A1A1A !important;}
.betandyou-lang__option:hover{background:#F1F3F6 !important;}

/* outline-style buttons: swap dark fill for a white fill + gold border, dark label
   (gold text on white fails contrast, so the label stays dark for readability) */
.btn-border,.betandyou-outline-btn,.btn-green{
  background:#FFFFFF !important;
  border:2px solid #F5BF43 !important;
  color:#262626 !important;
}
.btn-border:hover,.betandyou-outline-btn:hover,.btn-green:hover{
  background:#FFF7E1 !important;
  border-color:#FFBB04 !important;
  color:#262626 !important;
}
.header .btn-green,.header .header__actions--auth>a.btn.btn-green,
.banner__buttons .btn-green:not(.js-copy){
  background:#FFFFFF !important;border:2px solid #F5BF43 !important;color:#262626 !important;
}

/* app download buttons in the sidebar */
.app__btn{background:#F5F7FA !important;border:1px solid #E1E4EA !important;}
.app__btn,.app__btn span,.app__btn-title{color:#1A1A1A !important;background-color:transparent !important;}

/* hero banner slots: light placeholder instead of a near-black tile
   behind/around the artwork (the images themselves are unchanged) */
.banner-1,.banner-1-link,.banner-2,.banner-3,.banner-5,.mobile-side-banner{
  background-color:#F5F7FA !important;
}

/* solid gold buttons (Join now, promo CTA) already use dark (#262626) text
   on the gold fill — left as-is, contrast is already good */