/* gnm-mobile-overrides.css — correcciones del workflow de calco 1:1 (se carga DESPUES de gnm-mobile.css, gana por orden).
   Todas las reglas van scopeadas bajo .gnm-mobile-home para no tocar el desktop.
   Este archivo lo reescribe el agente corrector cada ronda (acumulativo). */

/* ===== Ronda 1 ===== */
.gnm-mobile-home .home-links-mobile ~ .home-links-mobile { display: none; }
.gnm-mobile-home .games-block-home-fifa-mobile__link-block-button { background-image: url(/gnm/gm/img/src/features/home/mobile/GamesBlockFifa/img/button-bg.png); }

/* ===== Ronda 2 ===== */
.gnm-mobile-home .header-mobile { background-image: url("/gnm/gm/img/src/components/Header/mobile/img/header.webp"); background-color: transparent; }

/* ===== Ronda 3 ===== */
.gnm-mobile-home .home-games-header-mobile__arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 6l4 4-4 4' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; }

/* ===== Ronda 4 ===== */
.gnm-mobile-home .home-games-header-mobile__arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 6l4 4-4 4' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 17px; }

/* ===== Ronda 5 ===== */
.gnm-mobile-home .home-links-card-mobile__content_type_casino { background: center/100% 100% no-repeat url(/gnm/gm/img/src/features/home/mobile/Links/Card/img/casino-bg.png), linear-gradient(180deg, #320548 0%, #1F073A 100%); }
.gnm-mobile-home .home-links-card-mobile__content_type_livecasino { background: left .75rem top/100% 100% no-repeat url(/gnm/gm/img/src/features/home/mobile/Links/Card/img/casino-bg.png), linear-gradient(180deg, #320548 0%, #1F073A 100%); }
.gnm-mobile-home .home-links-card-mobile__arrow { background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%239583A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.gnm-mobile-home .header-mobile { background-color: transparent; }

/* ===== Fix manual [user]: ULTIM8 background image (regla que la extraccion salteo) + FIFA frame (asset bajado) ===== */
.gnm-mobile-home .home-sports-menu-mobile__item_type_ultim8 { background: url(/gnm/gm/img/src/features/home/mobile/img/ultim8-bg-mob.webp) center/cover no-repeat, linear-gradient(180deg, #320548 0%, #1f073a 100%); }

/* ===== Fix manual [user]: banner del slider con margen lateral (1rem) + esquinas redondeadas, como ganamos (reglas .slider-component que no se extrajeron) ===== */
.gnm-mobile-home .slider-component { padding: .625rem 1rem; min-height: 28.89vw; }
.gnm-mobile-home .slider-component .carousel .slide img { width: 100%; aspect-ratio: 2.34; border-radius: .9375rem; object-fit: cover; }

/* ===== Fix manual [user]: pica (spade) como placeholder cuando un cover no carga (asset bajado + localizado) ===== */
.gnm-mobile-home .loadable-image__loader { background-image: url(/gnm/gm/img/src/components/LoadableImage/view/img/loaded-img.png); }

/* ===== Fix [user]: en el PROFILE, el modificador _sm (Saldo de bonificación / Última conexión) no achicaba
   (regla faltante en los bundles) y quedaba a 26px como el saldo -> la Última conexión (fecha + IP) se veía
   gigante y en 2 líneas. Lo achicamos al tamaño secundario que corresponde. ===== */
.gnm-mobile-home .profile-user-info-mobile__balance-amount_sm { font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; color: #cdbff0 !important; }

/* ===== Fix [user]: la vista PROFILE no scrolleaba hasta abajo (se trababa en "Programa de bonos"). CAUSA:
   .profile-menu-mobile tenía height:844px FIJO (viewport) -> el contenido más alto se desbordaba sin sumar al
   scroll y quedaba tapado por el nav inferior. FIX: que crezca con el contenido (height:auto, min viewport) +
   padding inferior para despejar el nav fixed (~64px). ===== */
.gnm-mobile-home:has(.profile-menu-mobile) .slide-out,
.gnm-mobile-home:has(.profile-menu-mobile) .slide-out__content,
.gnm-mobile-home:has(.profile-menu-mobile) .app,
.gnm-mobile-home:has(.profile-menu-mobile) .app__scroll-block { height: auto !important; min-height: 100dvh; }
.gnm-mobile-home:has(.profile-menu-mobile) #gnm-mob-inject,
.gnm-mobile-home:has(.profile-menu-mobile) .profile-menu-mobile { height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; }
.gnm-mobile-home .profile-menu-mobile { padding-bottom: 92px; }

/* ===== Fix [user]: el ID del profile venía hardcodeado con el de OTRO usuario (pedrogn142) y ases no expone
   un ID numérico -> lo dejamos vacío y lo ocultamos (así no se muestra un ID ajeno). ===== */
.gnm-mobile-home .profile-user-info-mobile__id:empty { display: none; }

/* ===== [user] ocultar los botones de Depósito/Retirada POR AHORA (home + perfil). Se ocultan wrapper + botón
   para no dejar hueco. Para reactivarlos: borrar este bloque. ===== */
.gnm-mobile-home .home-links-mobile__payments,
.gnm-mobile-home .home-links-mobile__payments-button,
.gnm-mobile-home .profile-menu-mobile__payments,
.gnm-mobile-home .profile-menu-mobile__payments-button { display: none !important; }

/* ===== [user] overlay de carga (velo semi-transparente #gnm-load-app): mientras está presente, el header y
   el footer van POR ENCIMA del velo para verse nítidos (solo el medio queda velado). Al removerse, revierte. ===== */
body:has(#gnm-load-app) .gnm-mobile-home .header-mobile { position: relative; z-index: 1001; }
body:has(#gnm-load-app) .gnm-mobile-home .main-mobile-menu { z-index: 1001; }