/**
 * 888 Pokies Widget — Desktop Colors CSS (Part 5)
 * @version 1.4.0
 * Auto-generated from 888.html
 */

.pokies-888-wrap .sstate .sstate-sub {
    color: var(--text3);
}

.pokies-888-wrap .sstate-item {
    border-bottom: 1px solid var(--border);
}

.pokies-888-wrap .sstate-item:last-child {
    border-bottom: none;
}

.pokies-888-wrap .sstate-item .ssi-img {
    border-radius: var(--r-xs);
    color: #fff;
}

.pokies-888-wrap .sstate-item .ssi-info small {
    color: var(--text2);
}

.pokies-888-wrap .snews {
    background: linear-gradient(135deg,var(--green-l),var(--gold-l));
    border: 1px solid rgba(0,132,61,.1);
    border-radius: var(--r);
    box-shadow: var(--sh);
}

.pokies-888-wrap .snews p {
    color: var(--text2);
}

.pokies-888-wrap .snews-input {
    border-radius: var(--r-xs);
    border: 1px solid var(--border);
    background: var(--white);
    outline: none;
}

.pokies-888-wrap .snews-input:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(0,132,61,.08);
}

.pokies-888-wrap .snews-btn {
    border-radius: var(--r-xs);
    background: var(--green);
    color: #fff;
    border: none;
}

.pokies-888-wrap .snews-btn:hover {
    background: var(--green-d);
}

.pokies-888-wrap .sapp {
    background: linear-gradient(135deg,#163a25,#1e5a35);
    border-radius: var(--r);
    box-shadow: var(--sh);
    color: #fff;
}

.pokies-888-wrap .sapp::after {
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,205,0,.1),transparent 70%);
}

.pokies-888-wrap .sapp p {
    color: rgba(255,255,255,.6);
}

.pokies-888-wrap .sapp-btn {
    border-radius: var(--r-xs);
    border: none;
}

.pokies-888-wrap .sapp-ios {
    background: rgba(255,255,255,.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
}

.pokies-888-wrap .sapp-ios:hover {
    background: rgba(255,255,255,.2);
}

.pokies-888-wrap .sapp-and {
    background: linear-gradient(135deg,#FFCD00,#e6a800);
    color: #1a1a1a;
}

.pokies-888-wrap .sapp-and:hover {
    box-shadow: 0 4px 12px rgba(200,154,16,.3);
}

.pokies-888-wrap .about-hero {
    background: linear-gradient(135deg,#163a25 0%,#1e5a35 50%,#1a4a2d 100%);
    border-radius: 24px;
    color: #fff;
}

.pokies-888-wrap .about-hero::before {
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,205,0,.1),transparent 70%);
}

.pokies-888-wrap .about-hero::after {
    border-radius: 50%;
    background: radial-gradient(circle,rgba(0,132,61,.15),transparent 70%);
}

.pokies-888-wrap .about-hero h2 em {
    color: var(--gold);
}

.pokies-888-wrap .about-hero>p {
    color: rgba(255,255,255,.75);
}

.pokies-888-wrap .about-stat {
    border-radius: 14px;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.1);
}

.pokies-888-wrap .about-stat b {
    color: #fff;
}

.pokies-888-wrap .about-stat span {
    color: rgba(255,255,255,.5);
}

.pokies-888-wrap .about-card {
    background: var(--white);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}

.pokies-888-wrap .about-card:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,.08);
}

.pokies-888-wrap .about-card h3 {
    color: var(--text);
}

.pokies-888-wrap .about-card h3 span {
    border-radius: 10px;
}

.pokies-888-wrap .about-card p {
    color: var(--text2);
}

.pokies-888-wrap .about-card a {
    color: var(--green);
    border-bottom: 1px solid rgba(0,132,61,.2);
}

.pokies-888-wrap .about-card a:hover {
    border-color: var(--green);
}

.pokies-888-wrap .about-card ul li {
    border-bottom: 1px solid var(--border);
    color: var(--text2);
}

.pokies-888-wrap .about-card ul li:last-child {
    border-bottom: none;
}

.pokies-888-wrap .about-card ul li::before {
    border-radius: 50%;
    background: var(--green);
}

.pokies-888-wrap .about-guide {
    background: var(--white);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}

.pokies-888-wrap .about-guide:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
    border-color: rgba(0,132,61,.15);
}

.pokies-888-wrap .about-guide-icon {
    border-radius: 14px;
}

.pokies-888-wrap .about-guide-icon.gi-play {
    background: var(--green-l);
    color: var(--green);
}

.pokies-888-wrap .about-guide-icon.gi-mech {
    background: var(--blue-l);
    color: var(--blue);
}

.pokies-888-wrap .about-guide-icon.gi-gloss {
    background: var(--gold-l);
    color: #a07a08;
}

.pokies-888-wrap .about-guide-text b {
    color: var(--text);
}

.pokies-888-wrap .about-guide-text span {
    color: var(--text3);
}

.pokies-888-wrap .bf-wrap {
    background: var(--white);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}

.pokies-888-wrap .bf-intro {
    color: var(--text2);
}

.pokies-888-wrap .bf-intro a {
    color: var(--green);
    border-bottom: 1px solid rgba(0,132,61,.2);
}

.pokies-888-wrap .bf-intro a:hover {
    border-color: var(--green);
}

.pokies-888-wrap .bf-card {
    border: 1px solid var(--border);
    border-radius: 20px;
    background: var(--white);
}

.pokies-888-wrap .bf-card:hover {
    box-shadow: 0 8px 32px rgba(0,0,0,.08);
}

.pokies-888-wrap .bf-card-icon {
    border-radius: 16px;
}

.pokies-888-wrap .bf-card:nth-child(1) .bf-card-icon {
    background: linear-gradient(135deg,#dcfce7,#bbf7d0);
    color: var(--green);
}

.pokies-888-wrap .bf-card:nth-child(2) .bf-card-icon {
    background: linear-gradient(135deg,#fef9c3,#fde68a);
    color: #a07a08;
}

.pokies-888-wrap .bf-card:nth-child(3) .bf-card-icon {
    background: linear-gradient(135deg,#dbeafe,#bfdbfe);
    color: var(--blue);
}

.pokies-888-wrap .bf-card:nth-child(4) .bf-card-icon {
    background: linear-gradient(135deg,#fee2e2,#fecaca);
    color: #dc2626;
}

.pokies-888-wrap .bf-card:nth-child(5) .bf-card-icon {
    background: linear-gradient(135deg,#f3e8ff,#e9d5ff);
    color: #9333ea;
}

.pokies-888-wrap .bf-card-head h3 {
    color: var(--text);
}

.pokies-888-wrap .bf-card p {
    color: var(--text2);
}

.pokies-888-wrap .bf-card a {
    color: var(--green);
}

.pokies-888-wrap .bf-card-bottom {
    background: var(--bg);
    border-top: 1px solid var(--border);
}

.pokies-888-wrap .bf-highlight {
    color: var(--green);
}

.pokies-888-wrap .bf-highlight svg {
    color: var(--green);
}

.pokies-888-wrap .pay-section {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh);
}

.pokies-888-wrap .pay-logo {
    border-radius: var(--r-xs);
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--text2);
}

.pokies-888-wrap .pay-logo:hover {
    border-color: var(--green);
    color: var(--green);
}

.pokies-888-wrap .pay-note {
    color: var(--text3);
}

.pokies-888-wrap .rg-banner {
    border-radius: var(--r);
    background: linear-gradient(135deg,#163a25,#1e5a35,#1a4a2d);
    color: #fff;
}

.pokies-888-wrap .rg-banner::after {
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,205,0,.08),transparent 70%);
}

.pokies-888-wrap .rg-icon {
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(4px);
}

.pokies-888-wrap .rg-icon svg {
    color: #fff;
}

.pokies-888-wrap .rg-body p {
    color: rgba(255,255,255,.65);
}

.pokies-888-wrap .rg-btns .btn-rg {
    border-radius: var(--r-xs);
    border: none;
}

.pokies-888-wrap .rg-btns .btn-rg-g {
    background: rgba(255,255,255,.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
}

.pokies-888-wrap .rg-btns .btn-rg-g:hover {
    background: rgba(255,255,255,.2);
}

.pokies-888-wrap .rg-btns .btn-rg-y {
    background: linear-gradient(135deg,#FFCD00,#e6a800);
    color: #1a1a1a;
}

.pokies-888-wrap .rg-btns .btn-rg-y:hover {
    box-shadow: 0 4px 14px rgba(200,154,16,.3);
}

.pokies-888-wrap .rg-18 {
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.3);
}

.pokies-888-wrap .faq-section {
    background: var(--white);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}

.pokies-888-wrap .faq-item {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 14px;
}

.pokies-888-wrap .faq-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.pokies-888-wrap .faq-item[open] {
    border-color: var(--green);
    box-shadow: 0 4px 16px rgba(0,132,61,.1);
}

.pokies-888-wrap .faq-item summary::after {
    color: var(--green);
}

.pokies-888-wrap .faq-item[open] summary::after {
    color: var(--text);
}

.pokies-888-wrap .faq-item[open] summary {
    border-bottom: 1px solid var(--border2);
}

.pokies-888-wrap .faq-item .faq-ans {
    color: var(--text2);
}

.pokies-888-wrap .gp-section {
    background: var(--white);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}

.pokies-888-wrap .gp-hero {
    background: #0d1f12;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.pokies-888-wrap .gp-hero::before {
    background: linear-gradient(90deg,var(--g2),var(--go2),var(--r2));
    opacity: .6;
}

.pokies-888-wrap .gp-hero-top h2 {
    color: #fff;
}

.pokies-888-wrap .gp-hero-top h2 .c-green {
    color: #4ade80;
}

.pokies-888-wrap .gp-hero-top h2 .c-gold {
    color: #fbbf24;
}

.pokies-888-wrap .gp-hero-top a {
    color: rgba(255,255,255,.45);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
}

.pokies-888-wrap .gp-hero-top a:hover {
    color: #fff;
    border-color: rgba(255,255,255,.3);
}

.pokies-888-wrap .gp-hero-sub {
    color: rgba(255,255,255,.45);
}

.pokies-888-wrap .gp-hero-badge {
    border-radius: 10px;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(8px);
}

.pokies-888-wrap .gp-card {
    background: var(--bg);
    border-radius: 16px;
    border: 1px solid var(--border);
}