/* ============================================================
   EnRacha reskin — tema CasinoZeta
   Inspirado en enracha.es: identidad NARANJA (#f91047) sobre
   negro, tipografía Montserrat y botones con glow.
   Diseño original (no se copia código ni imágenes de la
   referencia). Solo afecta a CasinoZeta: este archivo se
   enlaza únicamente desde CasinoZeta/layouts/app.blade.php
   y se carga AL FINAL para sobreescribir el tema legacy.
   ============================================================ */

:root {
  --en-orange:      #f91047;
  --en-orange-2:    #ff3362;
  --en-orange-dark: #c00c38;
  --en-orange-rgb:  249, 16, 71;
  --en-bg:          #0b0b0c;
  --en-bg-2:        #141416;
  --en-surface:     #1c1d1f;
  --en-surface-2:   #26282b;
  --en-border:      rgba(255, 255, 255, 0.08);
  --en-text:        #ffffff;
  --en-muted:       #9aa0a6;
}

/* ===== TIPOGRAFÍA (Montserrat) ===== */
.enracha-skin,
.enracha-skin button,
.enracha-skin input,
.enracha-skin select,
.enracha-skin textarea,
.enracha-skin .part-title,
.enracha-skin .name,
.enracha-skin .button-content,
.enracha-skin .promotion-title {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ===== FONDOS GENERALES ===== */
body.enracha-skin {
  background: var(--en-bg) !important;
  color: var(--en-text);
}
.enracha-skin #app,
.enracha-skin main.main,
.enracha-skin #main-layout {
  background: radial-gradient(1200px 620px at 50% -12%, #241511 0%, var(--en-bg) 58%) !important;
}
.enracha-skin .home-main,
.enracha-skin .home-main-content,
.enracha-skin .home-body,
.enracha-skin .body.main-layout-item {
  background-color: transparent !important;
  color: #e9e9e9;
}

/* ===== HEADER ===== */
.enracha-skin #header,
.enracha-skin header#header {
  background: linear-gradient(180deg, #161617 0%, #0c0c0d 100%) !important;
  border-bottom: 1px solid rgba(var(--en-orange-rgb), 0.35) !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.6);
}

/* Botón registrarse / perfil (success) -> naranja con glow */
.enracha-skin .control-item.button.success,
.enracha-skin .btn.registration,
.enracha-skin .btn.profile-btn {
  background: linear-gradient(135deg, var(--en-orange) 0%, var(--en-orange-dark) 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 0 5px rgba(var(--en-orange-rgb), 0.7),
              0 0 18px rgba(var(--en-orange-rgb), 0.35) !important;
}
.enracha-skin .control-item.button.success:hover,
.enracha-skin .btn.registration:hover,
.enracha-skin .btn.profile-btn:hover {
  filter: brightness(1.08);
}
.enracha-skin .control-item__subtitle {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Botón ingresar / salir (default) -> contorno naranja */
.enracha-skin .control-item.button.default,
.enracha-skin .btn.login-btn {
  background: transparent !important;
  color: var(--en-orange) !important;
  border: 1px solid var(--en-orange) !important;
}
.enracha-skin .control-item.button.default:hover,
.enracha-skin .btn.login-btn:hover {
  background: rgba(var(--en-orange-rgb), 0.12) !important;
}
.enracha-skin .control-item__icon { fill: currentColor !important; }
.enracha-skin .burger-menu-button__icon path { fill: var(--en-orange) !important; }

/* ===== BARRA DE NAVEGACIÓN / PROVEEDORES ===== */
.enracha-skin .navigation-top,
.enracha-skin #navigation,
.enracha-skin .menu-bar {
  background: #0c0c0d !important;
  border-bottom: 1px solid var(--en-border) !important;
}
.enracha-skin .providers__link {
  background: var(--en-surface) !important;
  border: 1px solid var(--en-border) !important;
  color: var(--en-text) !important;
}
.enracha-skin .providers__link:hover,
.enracha-skin .providers__item.active .providers__link,
.enracha-skin .providers__link.active {
  background: rgba(var(--en-orange-rgb), 0.16) !important;
  border-color: var(--en-orange) !important;
}
.enracha-skin .providers__name { color: #d6d6d6 !important; }
.enracha-skin .providers__link:hover .providers__name,
.enracha-skin .providers__link.active .providers__name { color: #fff !important; }
.enracha-skin .providers__btn-all { color: var(--en-orange) !important; }
.enracha-skin .providers__toggler,
.enracha-skin .providers__dropdown {
  background: var(--en-surface) !important;
  border: 1px solid var(--en-border) !important;
}
.enracha-skin .providers__toggler,
.enracha-skin .providers__toggler-text { color: var(--en-orange) !important; }
.enracha-skin .providers__toggler:hover { border-color: var(--en-orange) !important; }

/* Buscador */
.enracha-skin .search-container .search svg,
.enracha-skin .icon-search { color: var(--en-orange) !important; fill: var(--en-orange) !important; }
.enracha-skin #game-search {
  background: var(--en-surface) !important;
  border: 1px solid var(--en-border) !important;
  color: #fff !important;
}

/* ===== TÍTULOS DE SECCIÓN ===== */
.enracha-skin .part-title { color: #fff !important; }
.enracha-skin .all { color: var(--en-orange) !important; }
.enracha-skin .evnet-count { color: var(--en-muted) !important; }
.enracha-skin .live {
  background-color: var(--en-orange) !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(var(--en-orange-rgb), 0.45);
}

/* ===== TARJETAS DE PROMOCIÓN (FAQ / Progress / Bonus) ===== */
.enracha-skin .promotion {
  background: var(--en-surface) !important;
  border: 1px solid var(--en-border) !important;
  box-shadow: none !important;
}
.enracha-skin .promotion.cash,
.enracha-skin .promotion.free-money,
.enracha-skin .promotion.promote {
  background: linear-gradient(127deg, #242528 0%, #161718 100%) !important;
  border: 1px solid rgba(var(--en-orange-rgb), 0.35) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
}
.enracha-skin .promotion:hover {
  border-color: var(--en-orange) !important;
}
.enracha-skin .promotion-title { color: #fff !important; }
.enracha-skin .progress-t { color: var(--en-orange) !important; }

/* ===== TARJETAS DE EVENTO EN VIVO (sport) — de blanco a oscuro ===== */
.enracha-skin .live-event-main {
  background-color: var(--en-surface) !important;
  color: #fff !important;
  border: 1px solid var(--en-border);
}
.enracha-skin .top-live-match-score { color: #fff !important; }
.enracha-skin .match-score-period {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #cfcfcf !important;
}
.enracha-skin .match-team { color: #fff !important; }
.enracha-skin .match-details { color: var(--en-muted) !important; }
.enracha-skin .live-top-odd {
  background-color: rgba(var(--en-orange-rgb), 0.12) !important;
  color: #fff !important;
}
.enracha-skin .live-top-odd:hover {
  background-color: rgba(var(--en-orange-rgb), 0.25) !important;
}
.enracha-skin .top-live-match-info .match-teams:before {
  background-image: linear-gradient(to bottom right, var(--en-orange), var(--en-orange-dark)) !important;
  box-shadow: 0 6px 22px rgba(var(--en-orange-rgb), 0.3) !important;
}

/* ===== BLOQUE DE PROVEEDORES / SHORTCUT (override del gradiente inline) ===== */
.enracha-skin .section__body {
  background-image: linear-gradient(97deg, #1d1e21, #131315) !important;
  border: 1px solid var(--en-border);
}
.enracha-skin .section__body-blur {
  background-image: linear-gradient(142deg,
      rgba(var(--en-orange-rgb), 0.35) -30%,
      rgba(var(--en-orange-rgb), 0) 50%) !important;
}
.enracha-skin .shortcut-provider__label { color: #fff !important; }
.enracha-skin .shortcut-provider__caption { color: var(--en-muted) !important; }
.enracha-skin .shortcut-provider__chevron { color: var(--en-orange) !important; }
.enracha-skin .game-preview { background: #0f0f10 !important; }

/* ===== TARJETA DE JUEGO + BOTÓN PLAY ===== */
.enracha-skin .casino-game-card .info .name,
.enracha-skin .info .name { color: #fff !important; }
.enracha-skin .game-card-image-container { background-color: #0f0f10 !important; }
.enracha-skin .play-btn .btn,
.enracha-skin .play-btn a.btn {
  background: linear-gradient(135deg, var(--en-orange), var(--en-orange-dark)) !important;
  color: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0 0 12px rgba(var(--en-orange-rgb), 0.5) !important;
}

/* ===== SLIDER ===== */
.enracha-skin #slider.slider.round { border-radius: 14px; overflow: hidden; }
.enracha-skin .VSlide_button {
  background: linear-gradient(135deg, var(--en-orange), var(--en-orange-dark)) !important;
  color: #fff !important;
  mix-blend-mode: normal !important;
}

/* ===== MODALES (login / registro) ===== */
.enracha-skin .login-blue-btn,
.enracha-skin button.login-blue-btn,
.enracha-skin .modal .btn-primary {
  background: linear-gradient(90deg, var(--en-orange), var(--en-orange-dark)) !important;
  box-shadow: 0 6px 18px rgba(var(--en-orange-rgb), 0.35) !important;
  color: #fff !important;
}
.enracha-skin .to-register-login a,
.enracha-skin .forgot-pass-login:hover { color: var(--en-orange) !important; }
.enracha-skin .login-input:focus { outline: 1px solid var(--en-orange) !important; }

/* ===== FOOTER ===== */
.enracha-skin .footer-panel,
.enracha-skin .Footer_footer_jBzI9 {
  background: #0a0a0b !important;
  color: #cfcfcf;
}
.enracha-skin .footer-panel .footer {
  background: #0d0d0e !important;
  border: 1px solid var(--en-border);
}
.enracha-skin .ApplicationSection_button_2TAwb {
  background: var(--en-surface) !important;
  border: 1px solid var(--en-border) !important;
}
.enracha-skin .SupportSection_button_V-WyR {
  background: var(--en-orange) !important;
  color: #fff !important;
}
.enracha-skin .LicenseSection_ageLimit_MINEJ {
  background: var(--en-orange) !important;
  color: #fff !important;
  border-radius: 6px;
}
.enracha-skin .SocialSection_socialTitle_3xpOk,
.enracha-skin .SupportSection_title_CJh9M span,
.enracha-skin .ApplicationSection_title_3FBs4 { color: #fff !important; }

/* ===== LOADER / PRELOADER ===== */
.enracha-skin .preloader { background: var(--en-bg) !important; }
.enracha-skin .mosaic-loader .cell { background: var(--en-orange) !important; }

/* ===== DETALLES (scrollbar / selección) ===== */
.enracha-skin ::selection { background: rgba(var(--en-orange-rgb), 0.85); color: #fff; }
.enracha-skin ::-webkit-scrollbar-thumb { background: var(--en-orange-dark); border-radius: 6px; }
.enracha-skin ::-webkit-scrollbar { width: 8px; height: 8px; }
.enracha-skin ::-webkit-scrollbar-track { background: #0e0e0f; }