/* OduwaPay LOGO PALETTE trial (black #000, green #3f9d58, gold #e0b050). Previous: owc-pay-theme.v4-emerald.css */
/* OduwaPay gold & black theme (light). Loaded on oduwapay.com via nginx. Scoped to the logged-in app shell (.pcoded). */
:root{--owc-green:#3f9d58;--owc-green2:#62b97a;--owc-green-deep:#000000;--owc-green-soft:#eef6f0;--owc-ink:#111111;--owc-ink2:#0b0b0b;--owc-gold:#e0b050;--owc-gold2:#f3d36b;--owc-gold3:#b07030;--owc-gold-soft:#fbf3de;--owc-line:#eee2c4;--owc-bg:#faf7f1;--owc-text:#1a1a1a;--owc-muted:#8a7d66}

/* page background */
.pcoded .pcoded-main-container,.pcoded .pcoded-wrapper,.pcoded .pcoded-content{background:var(--owc-bg)!important}

/* top bar */
.pcoded .pcoded-header{background:#fff!important;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--owc-gold3),var(--owc-gold2),var(--owc-gold3)) 1;box-shadow:0 2px 14px rgba(33,27,18,.06)!important;color:var(--owc-text)!important}
.pcoded .pcoded-header .navbar-logo{background:linear-gradient(180deg,#000000,#0b0b0b)!important}
.pcoded .pcoded-header .navbar-logo .s-name{color:var(--owc-gold2)!important;letter-spacing:.3px}
.pcoded .pcoded-header .navbar-logo .mobile-menu i{color:var(--owc-gold2)!important}
.pcoded .pcoded-header .label-inverse{background:var(--owc-ink2)!important;color:var(--owc-gold2)!important;border:1px solid rgba(224,176,80,.45);border-radius:10px!important;padding:7px 14px!important;box-shadow:0 3px 10px rgba(33,27,18,.12);font-weight:600}
.pcoded .pcoded-header .label-inverse a,.pcoded .pcoded-header .label-inverse span,.pcoded .pcoded-header .label-inverse i{color:var(--owc-gold2)!important}
.pcoded .pcoded-header .label-inverse:has(.fa-shopping-bag){background:linear-gradient(135deg,#f8e58c,#e0b050 55%,#b07030)!important;border-color:#c08030}
.pcoded .pcoded-header .label-inverse:has(.fa-shopping-bag) a,.pcoded .pcoded-header .label-inverse:has(.fa-shopping-bag) span,.pcoded .pcoded-header .label-inverse:has(.fa-shopping-bag) i{color:#1b1508!important}
.pcoded .pcoded-header .label-inverse:hover{transform:translateY(-1px);transition:transform .15s}
.pcoded .pcoded-header .user-profile .dropdown-toggle,.pcoded .pcoded-header .user-profile .dropdown-toggle span{color:var(--owc-text)!important;font-weight:600}
.pcoded .profile-notification{border-top:2px solid var(--owc-gold)!important}

/* sidebar: warm charcoal, gold accents */
.pcoded .pcoded-navbar,.pcoded .pcoded-navbar .pcoded-inner-navbar{background:linear-gradient(180deg,#000000 0%,#0b0b0b 100%)!important}
.pcoded .pcoded-navbar .pcoded-navigatio-lavel{color:#bfa266!important;font-size:11px!important;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}
.pcoded .pcoded-navbar .pcoded-item>li>a,.pcoded .pcoded-navbar .pcoded-item>li>a a{color:#eee6d4!important}
.pcoded .pcoded-navbar .pcoded-item>li>a .pcoded-micon i{color:#d9be7c!important}
.pcoded .pcoded-navbar .pcoded-item>li>a:hover,.pcoded .pcoded-navbar .pcoded-item>li:hover>a{background:rgba(243,211,107,.08)!important;color:var(--owc-gold2)!important}
.pcoded .pcoded-navbar .pcoded-item>li.active>a{background:linear-gradient(90deg,rgba(243,211,107,.22),rgba(243,211,107,.04))!important;border-left:3px solid var(--owc-gold)!important;color:var(--owc-gold2)!important}
.pcoded .pcoded-navbar .pcoded-item>li.active>a .pcoded-mtext,.pcoded .pcoded-navbar .pcoded-item>li.active>a i{color:var(--owc-gold2)!important;font-weight:600}
.pcoded .pcoded-navbar .side-icon{box-shadow:0 0 0 1px rgba(243,211,107,.35);border-radius:50%}

/* section headings */
.pcoded .send-block,.pcoded h6.send-block{color:var(--owc-text)!important;font-weight:600!important}
.pcoded .sel-coin-img{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(224,176,80,.5);border-radius:50%}
.pcoded .br-border,.pcoded .dashborder{border:0!important;height:2px!important;background:linear-gradient(90deg,var(--owc-gold3),var(--owc-gold2) 30%,rgba(243,211,107,0))!important}

/* cards */
.pcoded .page-body .card{background:#fff!important;border:1px solid var(--owc-line)!important;border-radius:16px!important;box-shadow:0 6px 22px rgba(33,27,18,.06)!important;overflow:hidden}
.pcoded .page-body .card-header{background:#fff!important;border-bottom:1px solid var(--owc-line)!important}
.pcoded .dashboard-box{position:relative;border-top:3px solid var(--owc-gold)!important}
.pcoded .dashboard-box p{color:var(--owc-gold3)!important;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:12px}
.pcoded .dashboard-box h4,.pcoded .page-body .text-blue{color:var(--owc-text)!important}
.pcoded .dashboard-box h4{font-weight:700!important}
.pcoded .dashboard-box .text-c-dark,.pcoded .dashboard-box i{color:var(--owc-gold)!important;opacity:.85}
.pcoded .page-body .text-default{color:var(--owc-text)!important}

/* wallet page */
.pcoded .bg-c-lite-dark{background:linear-gradient(160deg,#000000,#111111)!important}
.pcoded .bg-c-lite-dark,.pcoded .bg-c-lite-dark *{color:#f3ead6}
.pcoded .user-card-full .social-icon,.pcoded .social-link i{background:var(--owc-ink2)!important;color:var(--owc-gold2)!important}
.pcoded .alert-warning.background-warning{background:#fffaf0!important;border:1px solid #f1dfae!important;border-left:4px solid var(--owc-gold)!important;color:var(--owc-text)!important}
.pcoded .alert-warning .text-w1,.pcoded .alert-warning i{color:var(--owc-gold3)!important}

/* forms & buttons */
.pcoded .page-body .form-control{border-color:#e6dcc5!important;border-radius:10px}
.pcoded .page-body .form-control:focus{border-color:var(--owc-gold)!important;box-shadow:0 0 0 3px rgba(224,176,80,.18)!important}
.pcoded .page-body .input-group-addon{background:var(--owc-gold-soft)!important;border-color:#e6dcc5!important;color:var(--owc-gold3)!important}
.pcoded .page-body .btn-primary,.pcoded .page-body .search-btn{background:linear-gradient(135deg,#f8e58c,#e0b050 55%,#b07030)!important;border:0!important;color:#1b1508!important;font-weight:700;border-radius:10px!important;box-shadow:0 4px 14px rgba(176,112,48,.3)}
.pcoded .page-body .btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.pcoded .page-body a:not(.btn):not([class*=owc]){color:#8a5a10}
.pcoded .switch input:checked+.slider{background:var(--owc-gold)!important}
.pcoded .switch input:focus+.slider{box-shadow:0 0 1px var(--owc-gold)!important}

/* tables */
.pcoded .page-body .table thead th,.pcoded .swap-thead th,.pcoded .swap-thead{background:var(--owc-gold-soft)!important;color:var(--owc-text)!important;border-color:var(--owc-line)!important;font-weight:600}
.pcoded .page-body .table td{border-color:#f2ead8!important}
.pcoded .page-body .table tbody tr:hover{background:#fffbf1!important}
.pcoded .pagination .page-item.active .page-link,.pcoded .pagination li.active a,.pcoded .pagination .selected a{background:var(--owc-gold)!important;border-color:var(--owc-gold)!important;color:#1b1508!important}
.pcoded .pagination a,.pcoded .pagination .page-link{color:var(--owc-gold3)!important}

/* keep promo pills clear of the sidebar menu on desktop */
@media (min-width:992px){body:has(.pcoded-navbar) .owcg-wrap{left:258px!important}body:has(.pcoded-navbar) .owcg-card{left:258px!important}}

/* emerald accents */
.pcoded .pcoded-header .navbar-logo{background:linear-gradient(135deg,#000000,#050505 60%,#0c0c0c)!important}
.pcoded .pcoded-navbar,.pcoded .pcoded-navbar .pcoded-inner-navbar{background:linear-gradient(180deg,#000000 0%,#050505 45%,#0b0b0b 100%)!important}
.pcoded .pcoded-navbar .pcoded-item>li>a .pcoded-micon i{color:var(--owc-green2)!important}
.pcoded .pcoded-navbar .pcoded-item>li.active>a{border-left:3px solid transparent!important;border-image:linear-gradient(180deg,var(--owc-green2),var(--owc-gold)) 1!important}
.pcoded .pcoded-header .label-inverse:not(:has(.fa-shopping-bag)){background:linear-gradient(135deg,#000000,#358a4b)!important;border-color:rgba(98,185,122,.55)!important}
.pcoded .pcoded-header .label-inverse:not(:has(.fa-shopping-bag)) *{color:#fff!important}
.pcoded .dashboard-box{border-top:0!important}
.pcoded .dashboard-box::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--owc-green),var(--owc-green2) 35%,var(--owc-gold2) 70%,var(--owc-gold))}
.pcoded .dashboard-box p{color:var(--owc-green)!important}
.pcoded .dashboard-box .text-c-dark,.pcoded .dashboard-box i{color:var(--owc-green2)!important}
.pcoded .br-border,.pcoded .dashborder{background:linear-gradient(90deg,var(--owc-green),var(--owc-gold) 35%,rgba(243,211,107,0))!important}
.pcoded .sel-coin-img{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(63,157,88,.55)}
.pcoded .page-body .input-group-addon{background:var(--owc-green-soft)!important;color:var(--owc-green)!important}
.pcoded .page-body .table tbody tr:hover{background:#f4faf5!important}
.pcoded .user-card-full .social-icon,.pcoded .social-link i{background:var(--owc-green)!important;color:#fff!important}
.pcoded .bg-c-lite-dark{background:linear-gradient(160deg,#000000,#0c0c0c)!important}
.pcoded .switch input:checked+.slider{background:var(--owc-green)!important}
/* logged-in app already has the header Buy button and the embedded buy panel: hide the duplicate floating Buy pill */
body:has(.pcoded-navbar) .owcg-buy{display:none!important}

/* ===== Public pages: login / register / forgot / reset (.main-login) ===== */
html:has(.main-login){background:
  radial-gradient(900px 520px at 8% 0%,rgba(98,185,122,.16),transparent 60%),
  radial-gradient(800px 520px at 100% 100%,rgba(243,211,107,.28),transparent 60%),
  linear-gradient(180deg,#fbf8f1,#f6f1e6)!important;background-color:#f8f4ea!important;background-repeat:no-repeat!important;background-attachment:fixed!important;min-height:100%}
body:has(.main-login)::before{content:"";position:fixed;inset:0 0 auto 0;height:5px;z-index:5;background:linear-gradient(90deg,#000000,#3f9d58 30%,#f3d36b 65%,#b07030)}
.main-login .login-box{background:#fff!important;border-radius:24px!important;border:1px solid #eee2c4;box-shadow:0 24px 60px rgba(33,27,18,.12),0 2px 8px rgba(33,27,18,.05)!important;position:relative;overflow:hidden;padding:30px 26px 22px!important}
.main-login .login-box::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#3f9d58,#62b97a 35%,#f3d36b 70%,#e0b050)}
.main-login .lgn{box-shadow:none!important;border-radius:0!important}
.main-login .login-logo{width:64px!important;height:64px!important;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(224,176,80,.55),0 8px 20px rgba(30,70,40,.25)}
.main-login .site-head,.main-login .l-head{color:#111111!important;text-shadow:none!important;font-weight:800!important;letter-spacing:.2px;width:100%;text-align:center;margin-top:12px!important}
.main-login .t-head{color:#3f9d58!important;font-weight:700!important;text-transform:uppercase;letter-spacing:2px;font-size:14px!important;margin-top:4px}
.main-login .t-head::after{content:"";display:block;width:56px;height:3px;margin:8px auto 0;border-radius:3px;background:linear-gradient(90deg,#3f9d58,#e0b050)}
.main-login p{color:#7a6f5c!important}
.main-login label,.main-login .text-blue{color:#1a1a1a!important;font-weight:600}
.main-login .form-control{border:1px solid #e6dcc5!important;border-radius:12px!important;padding:11px 14px!important;background:#fffdf8!important;color:#111111!important}
.main-login .input-group .form-control{border-radius:12px 0 0 12px!important}
.main-login .form-control:focus{border-color:#e0b050!important;box-shadow:0 0 0 3px rgba(224,176,80,.18)!important;background:#fff!important}
.main-login .input-group-addon{background:#eef6f0!important;border:1px solid #e6dcc5!important;border-left:0!important;border-radius:0 12px 12px 0!important;color:#3f9d58!important}
.main-login .input-group-addon i{color:#3f9d58!important}
.main-login .btn-primary{width:100%;padding:13px 10px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#f8e58c,#e0b050 55%,#b07030)!important;color:#1b1508!important;font-weight:800!important;font-size:16px!important;letter-spacing:.3px;box-shadow:0 10px 24px rgba(176,112,48,.32)!important;transition:transform .15s,filter .15s}
.main-login .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.main-login a,.main-login a .text-blue,.main-login a.text-blue{color:#3f9d58!important;font-weight:700}
.main-login .form-group.text-center{color:#8a7d66!important}
.main-login .login-notice{background:#fff!important;border:1px solid #d6eadb!important;border-left:5px solid #3f9d58!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(30,70,40,.08)!important;color:#1a1a1a!important}
.main-login .login-notice__title{color:#8a5a10!important;letter-spacing:.6px}
.main-login .login-notice span{color:#1a1a1a}
body:has(.main-login){background:transparent!important}
.main-login .lgn{border:0!important;padding:0 4px!important}
.main-login:has(.login-notice) .main-center-1{height:auto!important;padding:8px 0 48px}
.main-login:has(.login-notice) .main-center-2{height:auto!important}
@media (max-width:767px){body:has(.main-login) .owcg-wrap{display:none!important}body:has(.main-login) .main-login{padding-bottom:96px}}

/* logo-palette tweaks */
.pcoded .pcoded-header .navbar-logo{background:#000!important}
.pcoded .pcoded-header .navbar-logo .s-name{color:#62b97a!important;font-weight:800;letter-spacing:.6px}
.pcoded .pcoded-navbar,.pcoded .pcoded-navbar .pcoded-inner-navbar{background:radial-gradient(420px 260px at 0 0,rgba(63,157,88,.16),transparent 70%),linear-gradient(180deg,#000,#0b0b0b)!important}
.pcoded .pcoded-navbar .pcoded-navigatio-lavel{color:#e0b050!important}
.main-login .site-head,.main-login .l-head{color:#3f9d58!important;text-transform:uppercase;letter-spacing:1px}
.main-login .t-head{color:#b07030!important}
.main-login .login-logo{box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(224,176,80,.7),0 8px 22px rgba(0,0,0,.35)!important;background:#000}
.main-login .site-head::after{content:"\201CJust Oduwa It\201D";display:block;text-transform:none;text-align:center;font:italic 700 15px Georgia,serif;color:#b07030;margin-top:4px;letter-spacing:.5px}
.pcoded .pcoded-header .navbar-logo .s-name{letter-spacing:0!important;font-weight:700!important}
.main-login .login-logo,.pcoded .navbar-logo img.logo{content:url(/owc-gift-assets/oduwapay-mark.png)}
.main-login .login-logo{width:84px!important;height:84px!important}