body{
    margin: 0;
    padding: 0;
    background-color: #480100 !important;
}

.wrap{
  background-color: #303c44 !important;
  color: #FFF;
}

.playerDetails{
  display: none !important;
}

/* NAVBAR */
    .navbar-twobet {
      background: linear-gradient(180deg, #470101, #8c0501);
      padding: 12px 24px;
    }

    .navbar-twobet .nav-link {
      color: white !important;
      font-weight: 500;
      margin: 0 6px;
    }

    .navbar-twobet .nav-link:hover {
      opacity: 0.8;
    }

    .btn-login {
      border: 1px solid #8c0501;
      color: #8c0501;
      border-radius: 25px;
      padding: 6px 18px;
      background: transparent;
    }

    .material-symbols-rounded {
      font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
      font-size: 20px;
      vertical-align: middle;
      line-height: 1;
    }

  .nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
  }



    .lang-select {
      color: white;
      background: transparent;
      border: none;
    }

/* LANG TRANSLATE */ 

html.goog-te-banner-frame { top: 0 !important;}

body { position: static !important; min-height: auto !important; top: 0 !important; }

.skiptranslate{display: none;}

.lang-dropdown {
  position: relative;
  display: flex;
  justify-content: end;
}

.lang-btn {
  background: transparent;
  color: white;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 1.1rem;
}

.lang-menu {
  position: absolute;
  right: 0;
  top: 100%;
  background: #33333373;
  display: none;
  flex-direction: column;
  padding: 6px;
  border-radius: 6px;
  z-index: 10;
}

.lang-dropdown:hover .lang-menu {
  display: flex;
}

.lang-menu button {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
}

.lang-menu button:hover {
  background: #444;
  border-radius: 4px;
}

.lang-menu img {
  width: 24px;
  height: 18px;
  display: block;
}

/* MODAL*/

.btn-close-custom{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #000;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn-close-custom svg{
    width: 14px;
    height: 14px;
    fill: white;
}

.shadow{
	box-shadow: 8px 10px 5px -4px rgba(0,0,0,0.62);
	-webkit-box-shadow: 8px 10px 5px -4px rgba(0,0,0,0.62);
	-moz-box-shadow: 8px 10px 5px -4px rgba(0,0,0,0.62);
}

.modal-backdrop.show {
	opacity: 0.9 !important;
	background-color: #303A44!important;
}

/*LOGIN*/

/* Contenedor principal */
#bp_login_div form{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 320px;
    background: transparent;
    color-scheme: light;
    font-size: 0.9rem;
    display: grid;/* Fila 1: user + pass */
    grid-template-rows: auto auto;
}

/* ===== FILA SUPERIOR ===== */
.bp_login_username,
.bp_login_password{
    width: 100%;
    display: inline-block;
    grid-row: 1;
}

/* ===== FILA INFERIOR ===== */

/* Remember */
.bp_login_remember{
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Botón login */
.bp_login_submit{
    grid-row: 2;
}

/* Grid de la fila inferior */
#bp_login_div form{
    grid-template-columns: 1fr 1fr;
}

/* Posiciones */
.bp_login_username{ grid-column: 1; }
.bp_login_password{ grid-column: 2; }

.bp_login_remember{ grid-column: 1; }
.bp_login_submit{ grid-column: 2; }

/* ===== ESTILOS ===== */

/* Inputs */
#bp_login_div input[type="text"],
#bp_login_div input[type="password"]{
    width: 100%;
    padding: 2px;
    border-radius: 6px;
    font-size: 0.95rem;
    background: rgba(255,255,255,0.15); 
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.45);
}

/* Focus */
#bp_login_div input:focus{
    outline: none;
    border-color: #8b0000;
    box-shadow: 0 0 0 2px rgba(139,0,0,0.15);
}

/* Partner login */
.bp_login_partner{
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 8px;
}

.bp_login_partner a{
    color: #ffc5c5;
    text-decoration: none !important;
    font-size: 0.85rem;
}

.bp_login_partner a:hover{
    text-decoration: underline;
}

/* Labels blancos */
#bp_login_div label{
    color: #ffffff !important;
}

/* Focus */
#bp_login_div input:focus{
    border-color: #ffffff;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.2);
}


/* Botón */
.bp_login_submit button{
    background: #ffffff;
    color: #8b0000;
    font-weight: 700;
}

.bp_login_submit button:hover{
    background: #f2f2f2;
    color: #b30000;
}

/* Remember me */
.bp_login_remember{
    color: #ffffff;
    font-size: 0.85rem;
}

/* Checkbox */
.bp_login_remember input[type="checkbox"]{
    accent-color: #ffffff;
}

/* Partner login */
.bp_login_partner a{
    color: #ffffff;
    opacity: 0.85;
}

.bp_login_partner a:hover{
    opacity: 1;
    text-decoration: underline;
}

    /*SPORTSBOOK PAGE DASHBOARD*/

.sidebar{background:#1f2a30;border-radius:14px;padding:10px;height:100%;}
.sidebar .nav-link{color:#cfd8dc;border-radius:10px;margin-bottom:6px;display:flex;align-items:center;gap:10px;}
.nav-pills .nav-link.active{background-color: #480100 !important;}
.sidebar .nav-link.active{background:#ffffff;color:#000;}
.nav-link:hover{color: #87979f !important;}
.material-symbols-rounded{font-size:22px;}
.content-panel{border-radius:14px;padding:25px;height:100%;}
.search-box{margin-bottom:15px;}
@media(max-width:768px){
.sidebar{margin-bottom:15px;}
}