/*
Theme Name: 22Bet Brasil Child
Theme URI: https://brasil22bet.net
Description: Child theme com cabeçalho e rodapé do site 22Bet Brasil.
Author: 22Bet Brasil
Template: blankslate
Version: 1.0.0
Text Domain: b22-child
*/
:root{--b22-bg-dark:#0A4248;--b22-surface:#164C51;--b22-bg:#12636A;--b22-surface-2:#1C5B62;--b22-accent:#36A7B1;--b22-green:#36B15A;--b22-green-dark:#2A9449;--b22-red:#EE4E4A;--b22-light:#E8EEF0;--b22-text:#FFFFFF;--b22-muted:#ADD7DB}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;padding:0;background:var(--b22-bg-dark);color:var(--b22-text);font-family:'Roboto',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.b22-skip{position:absolute;left:-9999px;top:0;padding:12px 20px;background:var(--b22-green);color:var(--b22-text);z-index:1000}
.b22-skip:focus{left:16px;top:16px}
.b22-main{display:block;width:100%;margin:0;padding:0}

.b22-header{position:sticky;top:0;z-index:100;background:var(--b22-bg-dark);color:var(--b22-text);font-family:'Roboto',Arial,sans-serif}
.b22-header *,.b22-header *::before,.b22-header *::after{box-sizing:border-box}
.b22-header__inner{display:flex;align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:0 24px;min-height:76px}
.b22-logo{display:flex;align-items:center;flex:0 0 auto;margin:0;line-height:1}
.b22-logo a{display:inline-flex;align-items:center;color:var(--b22-text);text-decoration:none;font-size:28px;font-weight:700;letter-spacing:.5px}
.b22-logo img,.b22-logo .custom-logo{display:block;width:auto;height:48px;max-width:180px;object-fit:contain}
.b22-logo__mark{color:var(--b22-red)}
.b22-nav{display:flex;flex:1 1 auto;justify-content:center;min-width:0}
.b22-menu,.b22-menu ul{margin:0;padding:0;list-style:none}
.b22-menu{display:flex;align-items:center;gap:4px;padding:6px;background:var(--b22-surface);border-radius:999px}
.b22-menu li{position:relative;margin:0;padding:0}
.b22-menu a{display:flex;align-items:center;padding:12px 20px;border-radius:999px;color:var(--b22-text);font-size:15px;line-height:1.2;font-weight:500;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.b22-menu a:hover,.b22-menu a:focus-visible,.b22-menu .current-menu-item>a,.b22-menu .is-current>a{background:var(--b22-surface-2);color:var(--b22-text)}
.b22-menu a:focus-visible{outline:2px solid var(--b22-text);outline-offset:2px}
.b22-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin:-3px 0 0 10px;border-right:2px solid var(--b22-text);border-bottom:2px solid var(--b22-text);transform:rotate(45deg)}
.b22-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:220px;padding:8px;margin-top:6px;background:var(--b22-surface);border-radius:8px}
.b22-menu li:hover>.sub-menu,.b22-menu li:focus-within>.sub-menu{display:block}
.b22-menu .sub-menu li{display:block}
.b22-menu .sub-menu a{border-radius:4px;padding:12px 16px}
.b22-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.b22-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border:2px solid var(--b22-green-dark);border-radius:4px;background:var(--b22-green);color:var(--b22-text);font-size:15px;line-height:1.2;font-weight:700;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.b22-btn:hover,.b22-btn:focus-visible{background:var(--b22-green-dark);color:var(--b22-text)}
.b22-btn:focus-visible{outline:2px solid var(--b22-text);outline-offset:3px}
.b22-btn--ghost{background:transparent;border-color:var(--b22-surface-2)}
.b22-btn--ghost:hover,.b22-btn--ghost:focus-visible{background:var(--b22-surface-2);border-color:var(--b22-surface-2)}
.b22-burger{display:none;align-items:center;justify-content:center;width:46px;height:46px;margin-left:auto;padding:0;border:2px solid var(--b22-surface-2);border-radius:4px;background:transparent;cursor:pointer}
.b22-burger span,.b22-burger span::before,.b22-burger span::after{display:block;width:22px;height:2px;background:var(--b22-text);content:"";position:relative}
.b22-burger span::before{position:absolute;top:-7px}
.b22-burger span::after{position:absolute;top:7px}
.b22-burger[aria-expanded="true"] span{background:transparent}
.b22-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.b22-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.b22-panel{display:flex;align-items:center;flex:1 1 auto;gap:24px;min-width:0}

.b22-footer{background:var(--b22-bg-dark);color:var(--b22-text);font-family:'Roboto',Arial,sans-serif;border-top:1px solid var(--b22-surface-2)}
.b22-footer *,.b22-footer *::before,.b22-footer *::after{box-sizing:border-box}
.b22-footer__inner{max-width:1200px;margin:0 auto;padding:64px 24px 32px}
.b22-footer__cols{display:flex;flex-wrap:wrap;gap:40px}
.b22-footer__col{flex:1 1 180px;min-width:0}
.b22-footer__col--brand{flex:1.6 1 280px}
.b22-footer__brand{margin:0 0 16px;font-size:26px;line-height:1;font-weight:700}
.b22-footer__brand a{color:var(--b22-text);text-decoration:none}
.b22-footer__about{margin:0 0 16px;max-width:380px;font-size:15px;line-height:1.65;color:var(--b22-muted)}
.b22-footer__title{margin:0 0 16px;font-size:16px;line-height:1.3;font-weight:700;text-transform:uppercase;color:var(--b22-text)}
.b22-footer__list,.b22-footer__list ul{margin:0;padding:0;list-style:none}
.b22-footer__list li{margin:0 0 10px;padding:0}
.b22-footer__list a{color:var(--b22-muted);font-size:15px;line-height:1.5;text-decoration:none}
.b22-footer__list a:hover,.b22-footer__list a:focus-visible{color:var(--b22-text);text-decoration:underline;text-underline-offset:3px}
.b22-footer__badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--b22-muted);border-radius:50%;color:var(--b22-text);font-size:15px;font-weight:700}
.b22-footer__bottom{margin-top:48px;padding-top:28px;border-top:1px solid var(--b22-surface-2)}
.b22-footer__note{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--b22-muted)}
.b22-footer__note strong{color:var(--b22-text);font-weight:500}
.b22-footer__copy{margin:20px 0 0;font-size:14px;line-height:1.6;color:var(--b22-muted)}

@media (max-width:1180px){
.b22-menu a{padding:12px 14px;font-size:14px}
.b22-btn{padding:12px 18px}
}
@media (max-width:900px){
.b22-header__inner{flex-wrap:wrap;gap:0;min-height:68px;padding:10px 24px}
.b22-burger{display:inline-flex}
.b22-panel{display:none;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:20px;padding:20px 0 12px}
.b22-panel.is-open{display:flex}
.b22-nav{justify-content:stretch}
.b22-menu{flex-direction:column;align-items:stretch;gap:0;width:100%;padding:8px;border-radius:8px}
.b22-menu a{padding:14px 16px;border-radius:4px}
.b22-menu .menu-item-has-children>a::after{display:none}
.b22-menu .sub-menu{display:block;position:static;min-width:0;margin:0;padding:0 0 0 16px;background:transparent}
.b22-actions{flex-direction:column;align-items:stretch}
.b22-btn{width:100%;padding:16px 24px}
.b22-footer__inner{padding:48px 24px 28px}
}
@media (max-width:600px){
.b22-header__inner{padding:10px 16px}
.b22-logo a{font-size:24px}
.b22-footer__inner{padding:40px 16px 24px}
.b22-footer__cols{gap:32px}
.b22-footer__col,.b22-footer__col--brand{flex:1 1 100%}
}
.b22-footer__note a{color:var(--b22-text);text-decoration:underline;text-underline-offset:3px}