/* NEW300-A3 brand layer; original template structure is preserved. */
:root{--a3-brand-primary:#7c3aed;--a3-brand-accent:#f4c95d}
img[src*="a3-brand/logo"],.a3-brand-image{object-fit:contain!important;object-position:center!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;box-sizing:border-box!important}
img[src*="a3-brand/mark"]{object-fit:contain!important;background:transparent!important;box-shadow:none!important}
img[src*="a3-brand/hero"],.a3-brand-hero{object-fit:cover!important;object-position:center!important}
.a3-brand-lockup{display:block!important;width:min(290px,100%)!important;height:72px!important;object-position:left center!important}
.t34-logo .a3-brand-lockup,.t35-logo .a3-brand-lockup,.t36-logo .a3-brand-lockup{width:190px!important;height:42px!important;max-height:42px!important;object-position:center!important}
header img[src*="a3-brand/logo"],.topbar img[src*="a3-brand/logo"],.header img[src*="a3-brand/logo"]{max-width:290px!important;max-height:76px!important;padding:0!important}
.logo-card img[src*="a3-brand/logo"],.casino-logo[src*="a3-brand/logo"],.platform-logo[src*="a3-brand/logo"]{width:100%!important;height:100%!important;padding:8px!important}
nav.bottom-nav,nav.bottom-links{pointer-events:auto!important}
nav.bottom-nav a,nav.bottom-links a{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}



/* HANN Online's source lockup is white; recolor the glyphs purple on light headers without adding a backing plate. */
.site-header .brand,.header .brand,.topbar .brand,.sub-header .brand{padding:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.site-header .brand img[src*="a3-brand/logo"],.header .brand img[src*="a3-brand/logo"],.topbar .brand img[src*="a3-brand/logo"],.sub-header .brand img[src*="a3-brand/logo"]{filter:brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(4935%) hue-rotate(255deg) brightness(96%) contrast(94%)!important}

@media(max-width:864px){
nav.bottom-nav,nav.bottom-links{left:50%!important;width:100vw!important;height:11.1111vw!important;padding:1.1574vw 6.25vw .6944vw!important;transform:translateX(-50%)!important;transform-origin:bottom center!important}
nav.bottom-nav img,nav.bottom-links img{width:4.6296vw!important;height:4.6296vw!important;margin-bottom:.3472vw!important}
nav.bottom-nav a,nav.bottom-links a{font-size:1.8519vw!important}
}

/* These templates already zoom their 864px canvas; keep nav assets at logical size to avoid double scaling. */
@media(max-width:864px){
nav.bottom-nav{width:864px!important;height:90px!important;padding:8px 55px!important}

nav.bottom-nav img{width:43px!important;height:43px!important;margin-bottom:2px!important}
nav.bottom-nav a{font-size:14px!important}
}




/* Template 31 renders the dock outside the transformed phone canvas, so it stays attached to the viewport while the page scrolls. */
body{padding-bottom:calc(100px * var(--scale))!important}
nav.bottom-nav{position:fixed!important;z-index:70!important;left:50vw!important;right:auto!important;bottom:0!important;width:calc(864px * var(--scale))!important;height:calc(90px * var(--scale))!important;padding:calc(8px * var(--scale)) calc(55px * var(--scale))!important;transform:translateX(-50%)!important;transform-origin:bottom center!important}
nav.bottom-nav img{width:calc(43px * var(--scale))!important;height:calc(43px * var(--scale))!important;margin-bottom:calc(2px * var(--scale))!important}
nav.bottom-nav a{font-size:calc(14px * var(--scale))!important}