/* Poderosa777 | Tema Premium Vermelho, Preto e Dourado
   Aplicado após o tema original para preservar navegação e lógica do Vue/Ionic.
   Paleta inspirada na referência fornecida pelo proprietário.
*/
:root, html, body, html.new-skin-symbol {
    color-scheme: dark;
    --p777-black: #050506;
    --p777-panel: #111012;
    --p777-red: #bb0716;
    --p777-red-bright: #e71922;
    --p777-gold: #ffc533;
    --p777-gold-light: #ffe07e;
    --p777-white: #fff9f1;
    --ep-color-background-fill-body-default: #050506 !important;
    --ep-color-background-fill-top-nav-primary: #0a0809 !important;
    --ep-color-background-fill-surface: #151113 !important;
    --ep-color-background-fill-surface-raised-L1: #1a1516 !important;
    --ep-color-background-fill-surface-raised-L2: #221416 !important;
    --ep-color-background-fill-surface-lowered: #0d0a0b !important;
    --ep-color-background-fill-glow-primary-opacity-40: rgba(210,0,24,.30) !important;
    --ep-color-background-fill-glow-secondary-opacity-100: #ad0917 !important;
    --ep-color-text-default: #faf7f5 !important;
    --ep-color-text-weak: #bdb6b7 !important;
    --ep-color-text-weaker: #93898c !important;
    --ep-color-border-default: #382024 !important;
    --ep-color-border-brand: #e31424 !important;
    --ep-color-icon-brand-primary: #ffca35 !important;
    --ep-color-icon-brand-secondary: #e61c28 !important;
    --ep-color-text-brand-primary: #ffd054 !important;
    --ep-color-btn-level-3-border: #ffc533 !important;
    --color-bar-bg-100: #070608 !important;
    --color-primary-btn-main: linear-gradient(145deg,#f2222d,#980006) !important;
    --color-primary-border-light: #e81227 !important;
    --tab-image-color: #e2d9d9 !important;
    --tab-image-active-color: #ffdf4e !important;
    --color-text-tab-main: #ffdf4e !important;
    --d4e820a4: #060405 !important;
    --ion-background-color: #050506 !important;
    --ion-text-color: #fff9f1 !important;
    --ion-toolbar-background: #0a0809 !important;
    --ion-item-background: #110d0e !important;
    --ion-color-primary: #f0ac1a !important;
    --ion-color-primary-contrast: #170d02 !important;
}
html, body, #app, ion-app, ion-router-outlet, ion-page {
    background: #050506 !important;
}
body {color:#fff9f1 !important;font-family:'Inter',system-ui,Arial,sans-serif;}
ion-content {--background:#050506 !important;}
ion-content::part(background) { background: #050506 !important; }
ion-header, ion-toolbar {--background:#080707 !important;--color:#fff !important;}
ion-header { border-bottom:1px solid rgba(246,31,42,.30); }
/* Barra do aplicativo e navegação inferior */
ion-tab-bar, ion-tab-bar div.tab-bar {
    --background:#070607 !important;
    background:#070607 !important;
    border-top:1px solid #7b1018 !important;
    box-shadow:0 -7px 25px rgba(0,0,0,.60) !important;
}
ion-tab-button {--color:#e1dddd !important;--color-selected:#ffcb31 !important;}
ion-tab-button.tab-selected, ion-tab-button[aria-selected='true'] {color:#ffca34 !important;}
ion-tab-button.tab-selected ion-icon {filter: drop-shadow(0 0 5px rgba(239,28,25,.85));}
/* Cards: bordas sutis, em vez de azul / cinza originais */
.game-card, .style1.game-card, .style2.game-card, .game-box ion-col {
    border-radius:12px !important;
}
.game-card .game-img, .game-card ion-img, .game-box ion-img {
    border-radius:11px !important;
    overflow:hidden;
}
/* Superfícies e chips compatíveis com o skin layout2 */
.new-skin-symbol .tab-bar, .new-skin-symbol .category-container .container,
.new-skin-symbol ion-list, .new-skin-symbol ion-card, .new-skin-symbol ion-item {
    --background:#111011;
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar {
    --background:#171315 !important;
    --box-shadow:0 0 0 1px #642026 !important;
    border-radius:10px !important;
}
.new-skin-symbol ion-segment-button.segment-button-checked,
.new-skin-symbol ion-segment-button.active-tab {
    --color-checked:#ffd15d !important;
    color:#ffd15d !important;
}
/* Chamadas à ação de login e cadastro, sem interferir em rotas */
ion-button.login, ion-button.register,
.new-skin-symbol ion-button.login, .new-skin-symbol ion-button.register {
    --color:#160a00 !important;
    --background:#ffbd26 !important;
    --background-hover:#ffd86b !important;
    --background-activated:#f0a409 !important;
    --border-radius:10px !important;
    --box-shadow:inset 0 1px 0 #ffe99e, 0 2px 8px rgba(104,37,0,.25) !important;
    font-weight:700 !important;
}
ion-button.login::part(native), ion-button.register::part(native) {
    background:linear-gradient(180deg,#ffe16b 0%,#ffc127 52%,#e9a215 100%) !important;
    color:#211100 !important;
    border:1px solid #ffdb7e !important;
    border-radius:10px !important;
    font-weight:700 !important;
}
/* Botões principais dos formulários mantêm estados desativados e autenticação */
ion-button.primary:not(.button-disabled):not([disabled]) {
    --background:linear-gradient(180deg,#ffc93c,#e7a312) !important;
    --color:#251300 !important;
}
/* Banners carregados pela API existente: cantos arredondados, moldura vermelha */
.swiper-slide img, .swiper-wrapper img, .swiper img,
.banner-swiper img, .banner-box img, [class*='banner'] ion-img {
    border-radius:12px;
}
.swiper-slide img[src*='poderosa777_banner'],
img[src*='poderosa777_banner'] {
    object-fit:cover;
    border-radius:12px !important;
    border:1px solid rgba(255,67,40,.35);
    box-shadow:0 5px 18px rgba(118,0,13,.23);
}
/* Ajustes de tipografia e brilho sem comprometer a legibilidade */
.new-skin-symbol .favorite.active, .new-skin-symbol .tab-img.on {color:#ffcb35 !important;}
.new-skin-symbol a {text-decoration:none;}
.new-skin-symbol [class*='section-title'],
.new-skin-symbol [class*='game-title'] {letter-spacing:-.01em;}
/* A maioria das telas Ionic usa shadow DOM: variáveis, não overlays, mantêm a interação. */
@media (max-width: 700px) {
    ion-content { --padding-start:0; --padding-end:0; }
    ion-tab-bar {padding-bottom:env(safe-area-inset-bottom,0px);}
    .new-skin-symbol .swiper-slide img[src*='poderosa777_banner'] {
        width:100%;height:auto;aspect-ratio:2.22;object-fit:cover;
    }
}
@media (min-width: 701px) {
    body {background:linear-gradient(90deg,#050506,#110608 50%,#050506) !important;}
}