/*
Theme Name: NovaReward
Theme URI: https://example.com/
Author: NovaReward
Description: Converted NovaReward frontend theme.
Version: 1.6.2
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: novareward
*/

        :root { --primary:#b91c1c;--accent:#fbbf24;--dark:#220505; }
        * { margin:0; padding:0; box-sizing:border-box; font-family:'Outfit',sans-serif; }
        body { background: var(--dark); color: white; line-height: 1.6; padding-bottom:0;overflow-x:hidden; }

        .btn-primary {
            width:100%; padding:16px 24px; background:linear-gradient(90deg,#b91c1c,#818cf8);
            color:white; border:none; border-radius:16px; font-weight:600; font-size:16px;
            cursor:pointer; box-shadow:0 10px 25px -5px rgba(99,102,241,0.4);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-primary:hover { transform: translateY(-2px); box-shadow:0 15px 30px -5px rgba(99,102,241,0.5); }

        .header { padding:20px 24px; background:rgba(15,23,42,0.98); backdrop-filter:blur(20px); position:sticky; top:0; z-index:100; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.08); }
        .logo { font-size:28px; font-weight:800; letter-spacing:-1.5px; }
        .logo span { color:var(--primary); }

        .balance-card { 
            margin:24px; 
            padding:40px 32px; 
            border-radius:28px; 
            background:linear-gradient(145deg,#1e2937,#334155); 
            text-align:center; 
            box-shadow:0 20px 40px -10px rgba(0,0,0,0.3); 
        }

        .amount { 
            font-size: 50px; 
            font-weight:800; 
            letter-spacing:-3px; 
            color:#fbbf24; 
            line-height: 1;
            white-space: nowrap;
        }

        .currency-badge {
            background: #1e2937;
            color: #67e8f9;
            border: 2px solid #67e8f9;
            padding: 8px 16px;
            border-radius: 9999px;
            font-weight: 700;
            font-size: 15px;
            white-space: nowrap;
        }

        .section-title { margin:32px 24px 16px; font-size:22px; font-weight:700; display:flex; align-items:center; gap:10px; }
        .card { margin:18px 24px; padding:28px; border-radius:24px; background:rgba(30,41,59,0.95); border:1px solid rgba(99,102,241,0.15); box-shadow:0 10px 30px -10px rgba(0,0,0,0.2); }

        .task-grid { display:grid; grid-template-columns:repeat(1,1fr); gap:16px; padding:0 24px; }
        .task-item { background:rgba(30,41,59,0.95); border-radius:20px; padding:28px 16px; text-align:center; border:1px solid rgba(99,102,241,0.2); transition:all 0.3s cubic-bezier(0.4,0,0.2,1); }
        .task-item:hover { transform:translateY(-4px); }
        .task-item.active { background:linear-gradient(135deg,#b91c1c,#fbbf24); border-color:#67e8f9; box-shadow:0 0 30px rgba(34,211,238,0.5); animation:pulse 2.5s infinite; }
        .task-item.watched { background:rgba(16,185,129,0.15); border-color:#34d399; }
        .task-item.locked { opacity:0.65; }

        @keyframes pulse { 0%,100% { box-shadow:0 0 0 0 rgba(34,211,238,0.4); } 70% { box-shadow:0 0 0 20px rgba(34,211,238,0); } }

        .bottom-nav {
            position:fixed; bottom:0; left:50%; transform:translateX(-50%);
            background:none; backdrop-filter:none; border-radius:0;
            padding:8px 12px; display:flex; justify-content:space-around; width:86%; max-width:700px; z-index:200;
            box-shadow:none; border:none;
        }
        .nav-item { text-align:center; color:#94a3b8; cursor:pointer; padding:8px 12px; border-radius:0; transition:all 0.3s; }
        .nav-item:hover { color:#cbd5e1; }
        .nav-item.active { color:#fbbf24; background:transparent; }

        .toast { position:fixed; bottom:100px; left:50%; transform:translateX(-50%); background:#1e2937; color:white; padding:14px 32px; border-radius:0; display:none; z-index:300; border:2px solid var(--accent); box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.3); }

        input[type="text"], input[type="number"], .modal-input {
            background: #334155;
            color: #f1f5f9 !important;
            border: 1px solid rgba(148,163,184,0.3);
        }
        input:focus, .modal-input:focus {
            outline: none;
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(34,211,238,0.2);
        }

        /* Comment visibility fix */
        input[id^="comment-"] {
            color: #ffffff !important;
            background: #475569 !important;
            caret-color: #fbbf24;
        }

        /* Auth Styles */
        .auth-card {
            background: rgba(30, 41, 59, 0.98);
            border-radius: 32px;
            width: 100%;
            max-width: 420px;
            padding: 32px 36px;
            box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.6);
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .logo-auth { font-size: 42px; font-weight: 800; letter-spacing: -2px; text-align: center; margin-bottom:4px; }
        .logo-auth span { color: var(--primary); }
    

.task-item,.card,.balance-card{animation:none}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.btn-primary{transition:.3s}.btn-primary:hover{transform:scale(1.02)}


#postsContainer{margin:0 24px!important;padding:0!important}
#postsContainer .card{
margin:18px 0!important;
width:calc(100vw - 48px)!important;
max-width:none!important;
box-sizing:border-box!important;
}


body{background:linear-gradient(180deg,#0b1220,#111827)}
.card,.balance-card,.task-item,.auth-card{border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.task-item:hover,.card:hover{transform:translateY(-6px) scale(1.01)}
i.fas,i.fab{color:#fbbf24}
.btn-primary,.btn-auth{background:linear-gradient(135deg,#b91c1c,#fbbf24)!important}


.page{max-width:1000px;margin:40px auto;padding:30px;border-radius:20px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px);box-shadow:0 20px 40px rgba(0,0,0,.35);}
.page h1{background:linear-gradient(90deg,#6cf,#8f5cff);-webkit-background-clip:text;color:transparent}
.card{background:rgba(255,255,255,.05);padding:20px;border-radius:16px;margin:15px 0;transition:.3s}
.card:hover{transform:translateY(-6px)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
button,a.btn{transition:.3s}button:hover,a.btn:hover{transform:scale(1.05)}

html{scroll-behavior:smooth}body{max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto}button,.card{transition:all .25s ease}button:active{transform:scale(.97)}.card:hover{transform:translateY(-2px)}

body{scroll-behavior:smooth}
.card,.task-card,button{transition:.35s ease}
.card:hover,.task-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.2)}
.hero{animation:none}
@keyframes fadeIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.glow{animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 20px rgba(0,170,255,.5)}}


.payment-page-wrapper{font-family:'Outfit',system-ui,sans-serif}
.payment-card{transition:all .4s cubic-bezier(.4,0,.2,1)}
.details-box{box-shadow:0 10px 25px -8px rgb(0 0 0/.45)}
.payment-btn-copy,.payment-btn-sent{transition:all .3s cubic-bezier(.4,0,.2,1)}
.payment-btn-copy:active,.payment-btn-sent:active{transform:scale(.97) translateY(2px)}
.payment-btn-sent{position:relative;overflow:hidden}
.payment-btn-sent::before{content:'';position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:.7s}
.payment-btn-sent:hover::before{left:200%}
.payment-shake{animation:paymentShake .5s cubic-bezier(.36,.07,.19,.97) both}
@keyframes paymentShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}
.payment-countdown{animation:paymentPulse 1s infinite}
@keyframes paymentPulse{0%,100%{opacity:1}50%{opacity:.7}}
/* NovaReward unified payment page theme */
.payment-page-wrapper{
  background:linear-gradient(180deg,#0b1220 0%,#111827 55%,#0b1220 100%);
  min-height:100vh;
}
.payment-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 45px rgba(0,0,0,.38);
  backdrop-filter:blur(12px);
}
.payment-card h1{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.payment-card .details-box{
  background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.98));
  border-color:rgba(255,255,255,.1);
}
.payment-card .payment-btn-copy{
  background:linear-gradient(135deg,#1e293b,#334155);
  border-color:rgba(255,255,255,.1);
}
.payment-card .payment-btn-copy:hover{background:linear-gradient(135deg,#334155,#475569)}
.payment-card .payment-btn-sent{
  background:linear-gradient(90deg,#b91c1c,#fbbf24);
  box-shadow:0 10px 25px rgba(185,28,28,.25);
}
.payment-card .payment-btn-sent:hover{background:linear-gradient(90deg,#991b1b,#f59e0b)}
.payment-card .text-amber-400{color:#fbbf24!important}
.payment-card .text-amber-200{color:#fde68a!important}
.payment-card .bg-amber-500\/10{background:rgba(251,191,36,.1)!important}
.payment-card .border-amber-400\/30{border-color:rgba(251,191,36,.3)!important}


/* Withdrawal request deposit is a withdrawal-flow screen and must not appear on the Profile page */
#withdrawal-request-deposit,
.withdrawal-request-deposit,
.withdrawalDepositView,
.crypto-withdrawal-request-deposit,
#crypto-withdrawal-request-deposit,
[data-page="withdrawal-request-deposit"],
[data-view="withdrawal-request-deposit"] {
    display: none !important;
}