/* 
 * OVERRIDE DEFINITIVO - PlayTeck Theme
 * Este arquivo FORÇA as configurações corretas
 */

/* ========================================
   MOBILE - REMOVER STICKY/FIXED
   ======================================== */
@media (max-width: 768px) {
    /* NADA pode ser sticky ou fixed no mobile */
    header,
    header[role="banner"],
    .main-header,
    .site-header,
    .nav-tabs-area,
    nav {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;
    }
    
    /* Padding mobile */
    .site-wrapper {
        padding: 0 8px !important;
        max-width: 100% !important;
    }
}

/* ========================================
   NAVEGAÇÃO - NUNCA STICKY (MOBILE E DESKTOP)
   ======================================== */
nav.nav-tabs-area,
.nav-tabs-area,
nav[role="navigation"],
[class*="nav-tab"] {
    position: relative !important;
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    transform: none !important;
}

/* Sobrescrever qualquer position herdado */
body nav.nav-tabs-area,
body .nav-tabs-area {
    position: static !important;
}

/* ========================================
   DESKTOP - LARGURA TOTAL
   ======================================== */
@media (min-width: 769px) {
    /* HTML e Body - base */
    html {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    body {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Containers principais - SEM LIMITE */
    .site-wrapper,
    header,
    header[role="banner"],
    .main-header,
    .nav-tabs-area,
    .site-main,
    main,
    .ps-layout {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Site wrapper - padding pequeno */
    .site-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Header pode ser sticky em desktop */
    header[role="banner"],
    .main-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 200 !important;
    }
}

/* ========================================
   UNIVERSAL - PARA TELAS GRANDES
   ======================================== */
@media (min-width: 1200px) {
    .site-wrapper {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (min-width: 1600px) {
    .site-wrapper {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* ========================================
   PÁGINA DE DOWNLOAD — oculta header/footer
   ======================================== */
body.page-template-page-download .site-header,
body.page-template-page-download header[role="banner"],
body.page-template-page-download .nav-tabs-area,
body.page-template-page-download .bottom-nav,
body.page-template-page-download footer,
body.page-template-page-download .site-wrapper > *:not(#dl-page):not(style):not(script) {
    display: none !important;
}
body.page-template-page-download {
    margin: 0 !important;
    padding: 0 !important;
    background: #0f0c29 !important;
}
body.page-template-page-download .site-wrapper {
    padding: 0 !important;
    max-width: 100% !important;
}