/* ============================================================ Site RBX - LOOT (templates pages/page-*-rbx.php) Visual claro com roxo/ciano do layout "RBX Loot — site". Tudo fica escopado sob .rbx-site porque o style-common.css define regras globais para header, footer, main, h1-h6, p, a e inputs que sobrescreveriam o visual do site. ============================================================ */ /* Fontes hospedadas no tema (recorte latin, que cobre o portugues). Inter e Space Grotesk sao variaveis: um arquivo cobre todos os pesos. A Inter ganha outro nome porque o tema ja declara "Inter" com os arquivos estaticos 18pt. */ @font-face { font-family: 'Space Grotesk'; src: url('../fonts/SpaceGrotesk-latin.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; } @font-face { font-family: 'RBX Inter'; src: url('../fonts/Inter-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/IBMPlexMono-400-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/IBMPlexMono-500-latin.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/IBMPlexMono-600-latin.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } .rbx-site { --bg: #F7F5FC; --ink: #171122; --ink2: #3A3450; --muted: #5B5570; --soft: #716B86; --line: #E7E2F3; --line2: #D8D0EC; --roxo: #7C3AED; --roxo2: #6D28D9; --teal: #0E7490; --ouro: #A15C07; --verde: #1F8A4C; --lilas: #E6DAFF; --f-titulo: 'Space Grotesk', 'RBX Inter', system-ui, sans-serif; --f-texto: 'RBX Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --f-mono: 'IBM Plex Mono', ui-monospace, monospace; --topo: 76px; background: var(--bg); color: var(--ink); font-family: var(--f-texto); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; } /* ---------- Neutraliza o tema ---------- */ /* O cabecalho padrao do tema sai: o site traz o proprio menu. O argumento ocultar_menu do get_header() so remove os links — a barra com o logo continuaria impressa. */ body.rbx-body #site-header { display: none; } /* Fundo claro no para alcancar o overscroll (bounce do iOS). */ body.rbx-body { background: #F7F5FC; } /* O overflow-x: clip do style-common.css em html/body desativa o position: sticky do menu; aqui volta a "visible". Nenhum bloco do site estoura a largura da tela. */ html[data-rbx="site"], body.rbx-body { overflow-x: visible; } html[data-rbx="site"] { scroll-behavior: smooth; scroll-padding-top: calc(var(--topo, 76px) + 24px); } @media (prefers-reduced-motion: reduce) { html[data-rbx="site"] { scroll-behavior: auto; } } .rbx-site *, .rbx-site *::before, .rbx-site *::after { box-sizing: border-box; } /* style-common.css fixa "font-family: Inter" nesses elementos. */ :where(.rbx-site) :is(ul, ol, li, button, input, label, textarea, select, h5, h6) { font-family: inherit; } .rbx-site main.rbx-main { padding: 0; } /* Os resets abaixo usam :where() para ficar com a especificidade de um seletor de elemento: vencem o style-common.css (carregado antes) sem atropelar as classes dos componentes. */ /* style-common.css: "header{height:80px;display:flex;background…}", "header div{height:100%}" e "footer{background:#1b1b1b;padding…}" valem para qualquer