body {

      background-color: #1b3c67;

      color: #fff;

    }

   .navbar-mostbet {

background-color: #1a2c4a;

  color: #fff;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  font-weight: bold;

}



.navbar-mostbet .navbar-brand,

.navbar-mostbet .nav-link {

  color: #ffffff;

  transition: color 0.3s ease;

}



.navbar-mostbet .nav-link:hover {

  color: #ffc107;

}



.nav-item.active > .nav-link {

  color: #000 !important;             

  background-color: #ffc107 !important;

  border-radius: 0.375rem;              

  font-weight: 600;                    

  padding: 0.5rem 1rem;                 

}





a.btn {

  

   color: #000 !important;    

  font-weight: 600;   



}



footer a.btn {

   color: #fff !important;    

  font-weight: 600;   



}



    .btn-yellow {

      background-color: #ffc107;

      color: #000;

    }

    .btn-yellow:hover {

      background-color: #e0a800;

      color: #000;

    }

    .card {

      background-color: #1a2b4c;

      border: none;

    }

    .card-title, .card-text {

      color: #fff;

    }

    .footer {

      background-color: #1b3c67;

      padding: 20px 0;

    }

    .footer a {

      color: #ffc107;

      text-decoration: none;

    }

    .footer a:hover {

      text-decoration: underline;

    }



    .btn-yellow {

    background-color: #ffc107;

    color: #000;

  }

  .btn-yellow:hover {

    background-color: #e0a800;

    border-radius: 1px solid white;

    color: #000;

  }





  :root {

  --bs-primary: #006aff;

  --bs-secondary: #ff6600;

  --bs-success: #28a745;

  --bs-info: #17a2b8;

  --bs-warning: #ffc107;

  --bs-danger: #dc3545;

  --bs-light: #f8f9fa;

  --bs-dark: #1e1e2f;



  --bs-body-bg: #0f0f1a;

  --bs-body-color: #ffffff;

  --bs-font-sans-serif: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

}





.btn-primary {

  background: linear-gradient(135deg, #0048ff, #006aff);

  border: none;

  color: #fff;

}



.btn-primary:hover {

  background: linear-gradient(135deg, #0038d1, #0050cc);

}



.btn-secondary {

  background: #ffc107;

  border: none;

  color: #fff;

}





.btn:hover{

  color: #000 !important;

  background-color: #ffc107;



}





h1, h2, h3, h4, h5, h6 {

  color: #ffffff;

}





.mostbet-bg {

  background: linear-gradient(135deg, #0048ff 0%, #006aff 50%, #0038d1 100%);

  color: #fff;

}





.navbar {



  color: #fff;

}



.navbar .nav-link {

  color: #ffffff;

}







.card {

  background-color: #1c1c2e;

  color: #fff;

  border: none;

  box-shadow: 0 0 10px rgba(0, 106, 255, 0.2);

}





.floating-coin {

  position: fixed;

  width: 180px;

  z-index: 1000;

  pointer-events: none;

  transition: transform 0.2s ease-out;

  opacity: 0.85;

}









.navbar-toggler {

    padding: 0.5rem 0.75rem;

  background-color: transparent;

  border: none !important;

  outline: none !important;

  box-shadow: none !important;

}



@media (max-width: 576px) {

  .btn {

    font-size: 1.1rem;       

    padding: 0.75rem 1.25rem; 

    min-height: 52px;        

  }

}





.bg-mostbet {

  background-image: 

  radial-gradient(circle at center center, transparent, #121212),

  repeating-linear-gradient(

    135deg,

    #121212 0px, #121212 2px,

    transparent 2px, transparent 10px,

    #121212 10px, #121212 11px,

    transparent 11px, transparent 21px

  ),

  repeating-linear-gradient(

    45deg,

    #16356d 0px, #16356d 4px,

    transparent 4px, transparent 8px

  ),

  linear-gradient(90deg, #0a1e3e, #121212);



}





.nav-link {

  font-size: 0.9375rem; 

  padding: 0.5rem 0.75rem;

}



.btn {

  font-size: 0.875rem; 

}







.dropdown-menu {

  

  font-size: 0.9375rem;      

  border-radius: 0.5rem;

  border: none;

  padding: 0.5rem 0;

}





.dropdown-item {

  color: #ffffff;

  padding: 0.5rem 1rem;

  transition: background-color 0.2s ease;

}





.dropdown-item:hover {

  background-color: #1a9cff;

  color: #ffffff;

}



p a {

  color : rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important;

}









.fixed-side {

  position: fixed;

 

  width: 120px;

  z-index: 1040; 

  display: flex;

  justify-content: center;

  align-items: flex-start;

 



  height: auto;



}



.fixed-start {

  left: 0;

}



.fixed-end {

  right: 0;

}