/* alignment fixes */
nav,.menu,.tabs,.sports-tabs,.market-tabs{align-items:center!important} .match-row,.event-row,.match-name,.event-name{padding-left:8px!important;margin-left:0!important;line-height:1.25!important} .sports-menu,.top-menu{display:flex!important;justify-content:space-around!important;gap:8px!important} .market-item,.tab-item{position:relative!important;top:2px!important} 



/* =========================================================
   SAFE MOBILE ALIGNMENT FIX
   ONLY REQUESTED CHANGES
   ========================================================= */

@media (max-width:768px){

  /* -----------------------------------------
     1. HIDE TOP TEXT MENU ONLY
     HOME / MULTI MARKETS / CRICKET / FOOTBALL
     ----------------------------------------- */

  nav{
      position:relative;
  }

  nav ul:first-child,
  nav .menu:first-child{
      display:none !important;
  }

  /* -----------------------------------------
     2. MATCH SLIDER ALIGNMENT FIX
     ----------------------------------------- */

  .overflow-x-auto,
  .custom-scrollbar{
      padding-left:6px !important;
      padding-right:6px !important;
      box-sizing:border-box !important;
  }

  /* top match cards */
  .overflow-x-auto > div,
  .custom-scrollbar > div{
      margin-right:6px !important;
      transform:none !important;
  }

  /* -----------------------------------------
     3. STRIP – BLACK + GOLD
     INPLAY | SPORTS | CASINO | OTHERS
     ----------------------------------------- */

  .mobile-blue-strip{
      background:#111111;
      color:#D4AF37;
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-around;
      font-weight:600;
      padding:10px 0;
      border-top:1px solid #2A2A2A;
      border-bottom:1px solid #2A2A2A;
  }

  /* -----------------------------------------
     4. SPORTS ICONS ALIGNMENT
     ----------------------------------------- */

  .sports-icons,
  .sports-row{
      display:flex !important;
      justify-content:space-around !important;
      align-items:center !important;
      width:100% !important;
  }

  .sports-icons > *,
  .sports-row > *{
      text-align:center !important;
  }

}


/* custom mobile alignment fix */
html,body,#root{max-width:100% !important;overflow-x:hidden !important;background:#0B0B0B !important;}
body{margin:0 auto !important;}
*{box-sizing:border-box;}
.swiper-scrollbar,.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar-horizontal{display:none !important;height:0 !important;opacity:0 !important;}

/* final fixes */
html,body,#root,*{scrollbar-width:none !important;-ms-overflow-style:none !important;}
*::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;}
body{overflow:hidden auto !important;}
.overflow-y-auto,.overflow-auto,[class*='scroll']{scrollbar-width:none !important;}
button, .login-btn, .signup-btn{max-width:100% !important;}
.live,.virtual,.premium,[class*='live'],[class*='virtual'],[class*='premium']{background:#171717 !important;color:#D4AF37 !important;border-color:#2E2E2E !important;}


/* ===================================================================
   BLACK + GOLD LUXURY THEME OVERRIDES
   =================================================================== */

/* --- Blue/Purple → Gold TEXT --- */
.text-blue-400,.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800,
.text-sky-400,.text-sky-500,.text-sky-600,
.text-cyan-400,.text-cyan-500,.text-cyan-600,
.text-indigo-400,.text-indigo-500,.text-indigo-600,
.text-purple-400,.text-purple-500,.text-purple-600,
.text-violet-400,.text-violet-500,.text-violet-600,
.text-blue2{color:#D4AF37 !important;}

/* --- Blue/Purple → Gold BACKGROUNDS --- */
.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-blue-800,
.bg-sky-500,.bg-sky-600,
.bg-cyan-500,.bg-cyan-600,
.bg-indigo-500,.bg-indigo-600,
.bg-purple-500,.bg-purple-600,
.bg-violet-500,.bg-violet-600{background:linear-gradient(180deg,#F5C542,#C89B2F) !important;color:#111 !important;}

/* --- Blue/Purple → Gold BORDERS --- */
.border-blue-400,.border-blue-500,.border-blue-600,.border-blue-700,
.border-sky-200,.border-sky-400,.border-sky-500,.border-sky-600,
.border-cyan-500,.border-cyan-600,
.border-indigo-500,.border-indigo-600,
.border-purple-500,.border-purple-600{border-color:#D4AF37 !important;}

/* --- Hover TEXT --- */
.hover\:text-blue-500:hover,.hover\:text-blue-600:hover,.hover\:text-blue-700:hover,.hover\:text-blue-800:hover,
.hover\:text-sky-500:hover,.hover\:text-purple-500:hover,.hover\:text-purple-600:hover{color:#E8C45A !important;}

/* --- Hover BACKGROUNDS --- */
.hover\:bg-blue-500:hover,.hover\:bg-blue-600:hover,.hover\:bg-blue-700:hover,
.hover\:bg-sky-500:hover,.hover\:bg-purple-500:hover{background:#E8C45A !important;color:#111 !important;}

/* --- Focus ring / border --- */
.focus\:ring-blue-500:focus,.focus\:ring-sky-500:focus,
.focus-within\:ring-sky-200:focus-within{--tw-ring-color:rgba(212,175,55,0.3) !important;}
.focus-within\:border-sky-200:focus-within,.focus\:border-blue-500:focus,
.focus\:border-sky-500:focus{border-color:#D4AF37 !important;}

/* --- Orange text → Light Gold --- */
.text-orange-300,.text-orange-400{color:#F5C542 !important;}

/* --- Custom gray overrides for dark backgrounds --- */
.bg-gray1{background:#111111 !important;}
.bg-gray2{background:#181818 !important;}
.hover\:bg-gray2:hover{background:#222222 !important;}
.bg-gray4{background:#1B1B1B !important;}
.text-gray6{color:#9C9C9C !important;}
.border-gray3{border-color:#2E2E2E !important;}

/* --- Shadows – remove blue glow, use neutral dark --- */
.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:0 8px 25px rgba(0,0,0,.45) !important;}

/* --- Login / OFO form card overrides --- */
.bg-gradiantStyle .bg-white{background:#171717 !important;}
.bg-gradiantStyle .text-black{color:#D6D6D6 !important;}
.bg-gradiantStyle .text-neutral-700{color:#D6D6D6 !important;}
.bg-gradiantStyle .text-neutral-400{color:#9C9C9C !important;}
.bg-gradiantStyle input{background:#171717 !important;border-color:#303030 !important;color:#fff !important;}
.bg-gradiantStyle input::placeholder{color:#9C9C9C !important;}
.bg-gradiantStyle .border-b-primary{border-bottom-color:#D4AF37 !important;}

/* --- Category buttons (rounded pills) --- */
.rounded-full,.rounded-\[20px\]{background:#171717 !important;color:#D4AF37 !important;border:1px solid #2E2E2E !important;}

/* --- Header bottom border --- */
header{border-bottom:1px solid #2A2A2A !important;}

/* --- Nav hover border (gold underline) --- */
.hover\:border-b:hover{border-bottom-color:#D4AF37 !important;}

/* --- Gradient backgrounds (replace blue/purple gradients) --- */
.bg-gradient-to-r.from-blue-500,.bg-gradient-to-r.from-purple-500,.bg-gradient-to-r.from-indigo-500,
.bg-gradient-to-b.from-blue-500,.bg-gradient-to-b.from-purple-500{background:linear-gradient(180deg,#111111 0%,#D4AF37 100%) !important;}

/* --- Ring color override --- */
.ring-blue-500,.ring-sky-500,.ring-indigo-500{--tw-ring-color:#D4AF37 !important;}

/* --- Scrollbar colors (when visible) --- */
*::-webkit-scrollbar-track{background:#111111 !important;}
*::-webkit-scrollbar-thumb{background:#D4AF37 !important;border-radius:4px !important;}