/*
Theme Name: Moshi Store Theme
Description: Sovereign Apex HUD System - Reborn from V4.5.0
Version: 1.0.0
Author: Diego RM & Antigravity
*/

:root {
    --c-bg: #05050d;
    --c-cyan: #00f3ff;
    --c-magenta: #ff00ff;
    --c-glass: rgba(0, 0, 0, 0.75);
    --c-border: rgba(0, 243, 255, 0.3);
    --font-main: 'Inter', sans-serif;
    --font-apex: 'Orbitron', sans-serif;
    --ease: cubic-bezier(0.23, 1, 0.32, 1);
}

/* Reset Pro */
* { box-sizing: border-box; margin: 0; padding: 0; }

html {
    scroll-behavior: smooth;
}

body { 
    background: var(--c-bg); 
    color: #fff; 
    font-family: var(--font-main); 
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }

.moshi-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.pc-only { display: block; }
@media (max-width: 1024px) { .pc-only { display: none !important; } }

/* Estilos Base de WP */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Soberanía Full-Bleed: Control de anchos */
#page {
    width: 100%;
    max-width: 100%;
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}

/* 📱 SOLUCIÓN MÓVIL: Eliminar doble scroll interno y barras intrusas */
@media (max-width: 1024px) {
    #page, 
    #content, 
    .site-content, 
    #primary, 
    #main, 
    .ast-container, 
    .ast-separate-container {
        overflow: visible !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /* Ocultar barra de scroll en celular (ADN de la Home) */
    ::-webkit-scrollbar { display: none !important; }
    body { -ms-overflow-style: none !important; scrollbar-width: none !important; }
}

/* El site-main y contenedores de constructores no deben tener scroll */
.site-main, 
.elementor, 
.elementor-inner, 
.elementor-section-wrap {
    width: 100%;
    overflow: visible !important;
}

/* La home toma el 100% sin restricciones */
.m-home {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
}