/* =========================================================
   SAVEZLY — Custom Theme Layer
   Safe visual overrides only
   ========================================================= */

:root{
    --savezly-bg:#0f172a;
    --savezly-header:#111827;
    --savezly-sidebar:#111827;
    --savezly-panel:#1e293b;
    --savezly-panel-soft:#202c40;
    --savezly-border:rgba(148,163,184,.15);
    --savezly-text:#f8fafc;
    --savezly-muted:#94a3b8;
    --savezly-blue:#2563eb;
    --savezly-cyan:#06b6d4;
    --savezly-purple:#7c3aed;
    --savezly-pink:#d946ef;
}

/* Main page */

html,
body{
    background:
        radial-gradient(circle at 85% 5%,rgba(6,182,212,.08),transparent 28%),
        radial-gradient(circle at 15% 15%,rgba(124,58,237,.09),transparent 30%),
        var(--savezly-bg) !important;
    color:var(--savezly-text) !important;
}

/* Header */

#header,
#header > div{
    background:rgba(17,24,39,.97) !important;
    border-bottom:1px solid var(--savezly-border) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* Logo */

a.logo{
    width:220px !important;
    height:64px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    flex-shrink:0;
}

/* Sidebar */

#sidebar-menu,
#sidebar-menu > div:first-child{
    background:var(--savezly-sidebar) !important;
    border-right:1px solid var(--savezly-border) !important;
}

#sidebar-menu a{
    color:#e5e7eb !important;
    transition:background-color .2s ease,color .2s ease;
}

#sidebar-menu a:hover{
    background:rgba(124,58,237,.14) !important;
    color:#fff !important;
}

#sidebar-menu i,
#sidebar-menu svg{
    color:#a78bfa !important;
    fill:#a78bfa;
}

/* Common panels and cards */

.bg-\[\#1F1F30\],
.bg-\[\#1f1f30\],
.bg-\[\#1A1B28\],
.bg-\[\#1a1b28\],
.bg-\[\#212233\],
.bg-\[\#181925\],
.bg-\[\#0C0D14\],
.bg-\[\#0c0d14\]{
    background-color:var(--savezly-panel) !important;
    border-color:var(--savezly-border) !important;
}

/* Game thumbnails */

.play-games-page-game-list img,
.gameplay-container img,
main a img{
    transition:transform .22s ease,filter .22s ease;
}

.play-games-page-game-list a:hover img,
.gameplay-container a:hover img{
    transform:translateY(-2px);
    filter:brightness(1.06);
}

/* Main buttons */

button,
.btn,
.button,
a.btn,
.gamePlay-button,
.mobi-gamePlay-button,
.play-now-button,
.detail-infobox-btn,
.mobi-desc-play a,
.mobi-desc-more a,
.mobi-desc-walkbtn a{
    background:linear-gradient(135deg,var(--savezly-blue),var(--savezly-purple)) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:10px;
    box-shadow:0 6px 18px rgba(37,99,235,.18);
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

button:hover,
.btn:hover,
.button:hover,
a.btn:hover,
.gamePlay-button:hover,
.mobi-gamePlay-button:hover,
.play-now-button:hover,
.detail-infobox-btn:hover,
.mobi-desc-play a:hover,
.mobi-desc-more a:hover,
.mobi-desc-walkbtn a:hover{
    background:linear-gradient(135deg,var(--savezly-cyan),var(--savezly-purple)) !important;
    color:#fff !important;
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(6,182,212,.22);
}

/* Search */

#header input[type="text"],
#header input[type="search"],
input[type="text"],
input[type="search"]{
    background:#202a40 !important;
    color:#fff !important;
    border:1px solid rgba(148,163,184,.18) !important;
    border-radius:12px;
}

#header input[type="text"]:focus,
#header input[type="search"]:focus,
input[type="text"]:focus,
input[type="search"]:focus{
    outline:none !important;
    border-color:var(--savezly-cyan) !important;
    box-shadow:0 0 0 3px rgba(6,182,212,.12) !important;
}

input::placeholder{
    color:#94a3b8 !important;
}

/* Tags and categories */

.game-tags ul li a,
.game-dec .tags a,
a[href*="/tag/"],
a[href*="/category/"]{
    background:rgba(124,58,237,.10) !important;
    border:1px solid rgba(167,139,250,.18) !important;
    color:#ddd6fe !important;
    border-radius:8px;
    transition:.2s ease;
}

.game-tags ul li a:hover,
.game-dec .tags a:hover,
a[href*="/tag/"]:hover,
a[href*="/category/"]:hover{
    background:rgba(6,182,212,.16) !important;
    border-color:rgba(6,182,212,.38) !important;
    color:#fff !important;
}

/* Content links */

main a,
footer a{
    color:#67e8f9;
}

main a:hover,
footer a:hover{
    color:#fff;
}

/* Text */

h1,
h2,
h3,
h4{
    color:#f8fafc !important;
}

p,
.description,
.play-game-desc{
    color:#cbd5e1;
    line-height:1.7;
}

/* Advertisement containers */

.adsbygoogle{
    max-width:100%;
}

.ad300,
.adsmall,
#topad,
#game-bottom{
    overflow:hidden;
    text-align:center;
}

/* Footer */

footer{
    background:#0b1220 !important;
    border-top:1px solid var(--savezly-border) !important;
    color:var(--savezly-muted) !important;
}

.copyright{
    color:#94a3b8 !important;
    font-size:13px;
    text-align:center;
}

/* Scrollbar */

::-webkit-scrollbar{
    width:9px;
    height:9px;
}

::-webkit-scrollbar-track{
    background:#0f172a;
}

::-webkit-scrollbar-thumb{
    background:#334155;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:#475569;
}

/* Mobile */

@media (max-width:768px){

    a.logo{
        width:145px !important;
        height:56px !important;
    }

    #header input[type="text"],
    #header input[type="search"]{
        font-size:14px;
    }

    .play-now-button{
        min-height:46px;
    }
}

/* === AUTO TAG CARD COLOR START === */
/* generated: 1786041469 */
:root {
    --tag-card-left-rgb: 42, 16, 100;
    --tag-card-bg: #2A1064;
    --tag-card-default-end: #2A1064;
}
/* === AUTO TAG CARD COLOR END === */