/* Emas (Gold) - Gold Theme Color Variables - Premium Theme ✨ */
:root {
--theme-primary: #000000;
--theme-secondary: #1a1a1a;
--theme-tertiary: #2a2a2a;
--theme-accent: #ffd700;
--theme-hover: #ffed4e;
--theme-text: #fafafa;
--theme-button-bg: #d4af37;
--theme-button-hover: #ffd700;
--theme-jam-bg: #000000;
}

/* Body Background & Text Colors */
:root {
--bs-body-bg: var(--theme-primary);
--white-color: var(--theme-text);
}

body {
color: var(--white-color);
background-color: var(--bs-body-bg);
}

/* Links */
a {
color: var(--theme-accent);
}

a:hover {
color: var(--theme-hover);
}

/* Form Controls */
.form-control {
background-color: #1d1d1d;
}

.form-control:focus {
background-color: #1d1d1d;
}

/* Card & List Groups */
.card {
background-color: #1d1d1d;
}

.card-title {
color: var(--white-color);
}

.list-group-item:disabled {
background-color: #1d1d1d;
}

.list-group-item.active {
color: #1d1d1d;
}

.list-group-item {
border-bottom: 1px solid var(--theme-secondary);
}

.list-group-item-action:focus,.list-group-item-action:hover {
background-color: var(--theme-secondary);
}

.list-group-item.active a {
background-color: var(--theme-secondary);
border: none;
color: var(--theme-accent);
}

.list-group-item a:hover {
color: var(--theme-accent);
}

/* Carousel Controls */
.carousel-control-next,.carousel-control-prev {
color: #1d1d1d;
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
color: #1d1d1d;
}

.carousel-indicators [data-bs-target] {
background-color: #1d1d1d;
}

.carousel-caption {
color: #1d1d1d;
}

.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #1d1d1d;
}

.carousel-dark .carousel-caption {
color: #1d1d1d;
}

/* Owl Carousel */
.owl-carousel .owl-video-wrapper {
background: var(--theme-primary);
}

/* Theme Color Classes */
.color-1 {
background-color: #1d1d1d;
}

.color-2 {
background-color: var(--theme-secondary);
}

.color-3 {
background-color: var(--theme-tertiary);
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
}

/* Icons & Buttons */
i.icon {
color: #1d1d1d;
}

.btn-regis {
background: linear-gradient(to bottom, var(--theme-button-bg), var(--theme-button-hover));
color: #1d1d1d;
}

.btn-regis:hover {
background: linear-gradient(to bottom, var(--theme-button-hover), var(--theme-button-bg));
}

/* Card Game */
.card.card-game {
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
}

.card-game span {
color: var(--white-color);
}

/* Jam & Pola */
.jam {
color: #fff;
background: var(--theme-jam-bg);
}

.pola {
color: #fff;
}

/* Game Buttons */
.btn-game {
color: #1d1d1d;
background: var(--theme-button-bg);
}

.btn-game:hover {
background-color: var(--theme-button-hover);
color: #fff;
}

/* Owl Carousel Items */
.owl-item .active span {
color: #ffffff;
}

.owl-item span {
color: #ffffff;
}

/* Search Input */
input#search {
background-color: var(--theme-button-bg);
color: #1d1d1d;
}

/* Card Provider */
.card-provider {
background-color: #1d1d1d;
}

/* Game Item */
.game-item {
background: var(--theme-secondary);
}

/* Carousel Game */
.carousel-game {
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
}

/* Animated Character */
.animate-charcter {
color: var(--white-color);
}

/* Percent Bar Background */
.percent {
background-color: var(--theme-secondary);
}

.percent p {
text-shadow: 0 0 3px var(--theme-primary), 0 0 3px var(--theme-primary), 0 0 3px var(--theme-primary);
}

.percent-bar {
color: #1d1d1d;
}

/* RTP Color Classes */
.yellow {
position: relative;
background-color: #debc01;
}

.green {
position: relative;
background-color: #0eb700;
}

.red {
position: relative;
background-color: #b12c55;
}

.green:after,.red:after,.yellow:after {
background: var(--theme-primary);
}

/* Footer */
.footer-text {
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
border-top: 1px solid var(--theme-tertiary);
}