@font-face {
font-family: "digital_sans_ef_medium";
font-display: swap;
src: url("/Fonts/digital_sans_ef_medium.woff2?v=0") format("woff2"),
url("/Fonts/digital_sans_ef_medium.woff?v=0") format("woff");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "gilroybold";
font-display: swap;
src: url("/Fonts/Gilroy-Bold.woff2?v=0") format("woff2");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Open24DisplaySt";
font-display: swap;
src: url("/Fonts/Open24DisplaySt.woff2?v=0") format("woff2");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Glyphicons Halflings";
font-display: swap;
src: url("/Fonts/glyphicons-halflings-regular.woff?v=0") format("woff");
}

body {
font-family: "digital_sans_ef_medium", Arial, Helvetica, sans-serif;
font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
font-family: "gilroybold";
}

.home-progressive-jackpot .jackpot-container {
font-family: "Open24DisplaySt";
}

.glyphicon {
font-family: "Glyphicons Halflings";
}

.breadcrumb {
list-style: none;
display: flex;
padding: 0;
margin: 0;
}
.breadcrumb li {
margin-right: 5px;
}
.breadcrumb li::after {
content: "»";
margin-left: 5px;
}
.breadcrumb li:last-child::after {
content: "";
}

body {
margin: 0;
}

/* Tombol hamburger */
.hamburg {
position: fixed;
left: 10px;
bottom: 50px;
width: 35px;
height: 30px;
z-index: 10001;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}

.hamburg div {
background-color: #00ffff;
height: 4px;
border-radius: 2px;
transition: 0.4s;
}

.hamburg.active .bar1 {
transform: rotate(-45deg) translate(-6px, 6px);
}

.hamburg.active .bar2 {
opacity: 0;
}

.hamburg.active .bar3 {
transform: rotate(45deg) translate(-6px, -6px);
}

.bar1,
.bar2,
.bar3 {
width: 100%;
}

/* Sidebar */
.floating-sidebar {
position: fixed;
left: 10px;
bottom: 80px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 9999;
transition: all 0.4s ease;
}

.floating-sidebar.hidden {
transform: translateX(-100%);
opacity: 0;
pointer-events: none;
}

.floating-sidebar a img {
width: 50px;
height: 50px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
transition: transform 0.2s;
}

.floating-sidebar a img:hover {
transform: scale(1.1);
}

.snackbar-clean {
position: fixed;
bottom: 20px;
left: 20px;
background: #4caf50;
color: #fff;
padding: 12px 16px;
font-size: 14px;
border-radius: 6px;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s ease, transform 0.4s ease;
will-change: transform, opacity;
z-index: 9999;
pointer-events: none;
}
.snackbar-clean.show {
opacity: 1;
transform: translateY(0);
}