/* ================================================================
   RIVONX VENTURES — GLOBAL THEME
   Matching: script.viserlab.com/hyiplab/demo/
   Color Palette:
     Base Accent : #ff5e15  (orange)
     Dark BG     : #0b0e11  (near-black dark)
     Card BG     : #111418  (slightly lighter dark)
     Section BG  : #1b1f24  (panel dark)
     White text  : #ffffff
     Muted text  : rgba(255,255,255,0.60)
   ================================================================ */

/* ----------------------------------------------------------------
   CSS VARIABLES — match demo exactly
   ---------------------------------------------------------------- */
:root {
    /* Override HYIPLab base HSL → orange #ff5e15 = HSL 22° 100% 54% */
    --base-h: 22;
    --base-s: 100%;
    --base-l: 54%;

    /* Background system */
    --body-bg:    0 0% 4%;       /* #0b0e11 equivalent */
    --section-bg: 210 6% 13%;    /* #1b1f24 */
    --card-bg: linear-gradient(174deg, #13181e -20.3%, #0b0e11 86.96%);
    --heading-color: 0 0% 100%;
}

/* ----------------------------------------------------------------
   BODY
   ---------------------------------------------------------------- */
body {
    background-color: #0b0e11 !important;
    color: rgba(255,255,255,0.75) !important;
}

/* ----------------------------------------------------------------
   PRELOADER
   ---------------------------------------------------------------- */
.preloader { background: #0b0e11 !important; }

/* ----------------------------------------------------------------
   SCROLL TO TOP
   ---------------------------------------------------------------- */
.scroll-top {
    background: #ff5e15 !important;
    color: #fff !important;
}
.scroll-top:hover { background: #e04d0a !important; }

/* ----------------------------------------------------------------
   HEADER — exact demo match
   All inline styles in header.blade.php handle specifics,
   this covers remaining body-level states.
   ---------------------------------------------------------------- */
header, .header { background-color: #0b0e11 !important; }

/* ----------------------------------------------------------------
   BUTTONS — orange like demo
   ---------------------------------------------------------------- */
.btn--base, .btn.btn--base {
    background: #ff5e15 !important;
    border-color: #ff5e15 !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}
.btn--base:hover, .btn.btn--base:hover {
    background: #e04d0a !important;
    border-color: #e04d0a !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 94, 21, 0.35) !important;
}

/* Banner outline button */
.banner-register-btn {
    background: transparent !important;
    border: 2px solid #ff5e15 !important;
    color: #ff5e15 !important;
}
.banner-register-btn:hover {
    background: #ff5e15 !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(255, 94, 21, 0.4) !important;
}

/* Ripple animation for CTA */
@keyframes ripple {
    0%   { box-shadow: 0 0 0 0 rgba(255, 94, 21, 0.45); }
    70%  { box-shadow: 0 0 0 12px rgba(255, 94, 21, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 94, 21, 0); }
}
.btn-ripple { animation: ripple 2s infinite; }

/* ----------------------------------------------------------------
   TEXT UTILITIES
   ---------------------------------------------------------------- */
.text--base  { color: #ff5e15 !important; }
.bg--base    { background-color: #ff5e15 !important; }
.border--base { border-color: #ff5e15 !important; }

/* ----------------------------------------------------------------
   SECTION HEADINGS
   ---------------------------------------------------------------- */
.section-heading__title { color: #ffffff !important; }
.section-heading__desc  { color: rgba(255,255,255,0.60) !important; }
.section-heading__shape,
.section-heading__shape::before,
.section-heading__shape::after {
    background-color: #ff5e15 !important;
}

/* ----------------------------------------------------------------
   BANNER
   ---------------------------------------------------------------- */
.banner-section { background-color: #0b0e11; }
.banner-content__subtitle { color: #ff5e15 !important; }
.banner-content__title    { color: #ffffff !important; }
.banner-content__desc     { color: rgba(255,255,255,0.70) !important; }
.counterup-item__title    { color: #ffffff !important; }
.counterup-item__text     { color: rgba(255,255,255,0.60) !important; }

/* Live activity feed in banner */
.banner-live-activity {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,94,21,0.25) !important;
    color: rgba(255,255,255,0.70) !important;
}
.banner-live-activity__dot { background: #ff5e15 !important; }
@keyframes pulseOrange {
    0%  { box-shadow: 0 0 0 0 rgba(255, 94, 21, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(255, 94, 21, 0); }
    100%{ box-shadow: 0 0 0 0 rgba(255, 94, 21, 0); }
}
.banner-live-activity__dot { animation: pulseOrange 1.5s infinite; }

/* ----------------------------------------------------------------
   ABOUT SECTION
   ---------------------------------------------------------------- */
.about-content__title          { color: #ffffff !important; }
.about-content__title span     { color: #ff5e15 !important; }
.about-content__text,
.about-content__desc           { color: rgba(255,255,255,0.65) !important; }
.step-item                     { background: #111418 !important; border: 1px solid rgba(255,94,21,0.15) !important; }
.step-item__title              { color: #ff5e15 !important; }
.step-item__commission         { color: #ffffff !important; }
.step-item__shape, .step-item__shape::before, .step-item__shape::after {
    background-color: #ff5e15 !important;
}

/* ----------------------------------------------------------------
   PLAN SECTION
   ---------------------------------------------------------------- */
.plan-item, .plan-card {
    background: #111418 !important;
    border: 1px solid rgba(255,94,21,0.15) !important;
}
.plan-item:hover, .plan-card:hover {
    border-color: #ff5e15 !important;
    box-shadow: 0 8px 30px rgba(255,94,21,0.2) !important;
}

/* ----------------------------------------------------------------
   WHY CHOOSE
   ---------------------------------------------------------------- */
.choose-item {
    background: rgba(255,94,21,0.06) !important;
    border: 1px solid rgba(255,94,21,0.15) !important;
    border-radius: 8px;
}
.choose-item:hover { border-color: #ff5e15 !important; }
.choose-item__title { color: #ffffff !important; }

/* ----------------------------------------------------------------
   REFERRAL SECTION
   ---------------------------------------------------------------- */
.referral-item {
    background: linear-gradient(135deg, #13181e 0%, #0b0e11 100%) !important;
    border: 1px solid rgba(255,94,21,0.25) !important;
}
.referral-item__title          { color: #ffffff !important; }
.referral-item__title span     { color: #ff5e15 !important; }
.referral-item__text           { color: rgba(255,255,255,0.65) !important; }
.referral-item__text .number   { color: #ff5e15 !important; }
.referral-counter {
    background: rgba(255,94,21,0.07) !important;
    border: 1px solid rgba(255,94,21,0.2) !important;
}

/* ----------------------------------------------------------------
   TOP INVESTOR + DEPOSIT/WITHDRAWAL
   ---------------------------------------------------------------- */
.investor-item {
    background: #111418 !important;
    border: 1px solid rgba(255,94,21,0.12) !important;
}
.investor-item:hover { border-color: #ff5e15 !important; }
.investor-item__number   { background: #ff5e15 !important; color: #fff !important; }
.investor-item__name     { color: #ffffff !important; }
.investor-item__currency { color: #ff5e15 !important; }

.deposit-withdraw-wrapper .title  { color: #ffffff !important; }
.deposit-withdraw-item {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
}
.deposit-withdraw-item .name       { color: #ffffff !important; }
.deposit-withdraw-item .time       { color: rgba(255,255,255,0.45) !important; }
.deposit-withdraw-item__currency   { color: #ff5e15 !important; }
.deposit-withdraw-item__shape,
.deposit-withdraw-item__shape::before { background-color: #ff5e15 !important; }

/* ----------------------------------------------------------------
   TESTIMONIALS
   ---------------------------------------------------------------- */
.testimonial-item {
    background: #111418 !important;
    border: 1px solid rgba(255,94,21,0.12) !important;
}
.testimonial-item:hover { border-color: #ff5e15 !important; }
.testimonial-item__name        { color: #ffffff !important; }
.testimonial-item__designation { color: #ff5e15 !important; }
.testimonial-item__desc        { color: rgba(255,255,255,0.65) !important; }
.testimonial-item__rating .icon { color: #ff5e15 !important; }

/* ----------------------------------------------------------------
   FAQ
   ---------------------------------------------------------------- */
.accordion-item         { background: #111418 !important; border: 1px solid rgba(255,94,21,0.12) !important; }
.accordion-button       { background: #111418 !important; color: #ffffff !important; }
.accordion-button:not(.collapsed) { background: #ff5e15 !important; color: #fff !important; box-shadow: none !important; }
.accordion-button::after { filter: brightness(0) invert(1); }
.accordion-body .text   { color: rgba(255,255,255,0.70) !important; }

/* ----------------------------------------------------------------
   BLOG
   ---------------------------------------------------------------- */
.blog-item, .blog-card {
    background: #111418 !important;
    border: 1px solid rgba(255,94,21,0.12) !important;
}
.blog-item:hover, .blog-card:hover { border-color: #ff5e15 !important; }
.blog-item__title, .blog-card__title { color: #ffffff !important; }
.blog-item__date, .blog-item__author { color: rgba(255,255,255,0.45) !important; }
.blog-item__desc  { color: rgba(255,255,255,0.65) !important; }

/* ----------------------------------------------------------------
   FOOTER
   ---------------------------------------------------------------- */
.footer-area {
    background: #0b0e11 !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
}
.footer-item__title { color: #ffffff !important; }
.footer-item__desc  { color: rgba(255,255,255,0.55) !important; }
.footer-menu__link  { color: rgba(255,255,255,0.60) !important; transition: color 0.2s; }
.footer-menu__link:hover { color: #ff5e15 !important; }
.footer-contact-menu__item-icon { color: #ff5e15 !important; }
.footer-contact-menu__item-content { color: rgba(255,255,255,0.60) !important; }
.social-list__link {
    background: rgba(255,94,21,0.12) !important;
    color: #ff5e15 !important;
    border: 1px solid rgba(255,94,21,0.25) !important;
    transition: all 0.3s ease;
}
.social-list__link:hover {
    background: #ff5e15 !important;
    color: #fff !important;
}
.copyright-area, .footer-area-wrapper .copyright {
    background: #070a0d !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
    color: rgba(255,255,255,0.40) !important;
}
.copyright-area a { color: #ff5e15 !important; }

/* ----------------------------------------------------------------
   BREADCRUMB
   ---------------------------------------------------------------- */
.breadcrumb-section, .breadcrumb-wrapper {
    background: #0f1419 !important;
}
.breadcrumb-content__title { color: #ffffff !important; }
.breadcrumb-item a { color: #ff5e15 !important; }
.breadcrumb-item.active { color: rgba(255,255,255,0.55) !important; }

/* ----------------------------------------------------------------
   USER SIDEBAR
   ---------------------------------------------------------------- */
.sidebar-menu, .user-sidebar, .sidebar {
    background: #0b0e11 !important;
    border-right: 1px solid rgba(255,255,255,0.07) !important;
}
.sidebar-menu__item a, .sidebar-menu-item__link {
    color: rgba(255,255,255,0.65) !important;
}
.sidebar-menu__item.active a,
.sidebar-menu-item__link:hover,
.sidebar-menu__item a:hover {
    color: #ff5e15 !important;
    background: rgba(255,94,21,0.08) !important;
}
.sidebar-menu__item.active { border-left: 3px solid #ff5e15 !important; }

/* ----------------------------------------------------------------
   DASHBOARD CARDS
   ---------------------------------------------------------------- */
.balance-widget, .balance-card, .stat-card, .dashboard-card, .dash-widget {
    background: #111418 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
}
.balance-widget:hover, .stat-card:hover {
    border-color: #ff5e15 !important;
    box-shadow: 0 8px 24px rgba(255,94,21,0.15) !important;
}
.balance-widget__icon, .stat-card__icon {
    background: rgba(255,94,21,0.12) !important;
    color: #ff5e15 !important;
}
.balance-widget__title, .stat-card__title { color: rgba(255,255,255,0.55) !important; }
.balance-widget__amount, .stat-card__amount { color: #ffffff !important; }

/* ----------------------------------------------------------------
   TABLES
   ---------------------------------------------------------------- */
.table { color: rgba(255,255,255,0.85) !important; }
.table thead th {
    background: #0b0e11 !important;
    color: #ff5e15 !important;
    border-bottom: 1px solid rgba(255,94,21,0.25) !important;
}
.table td, .table th { border-color: rgba(255,255,255,0.07) !important; }
.table tbody tr:hover { background: rgba(255,94,21,0.04) !important; }
.custom--table, .table-wrapper {
    background: #111418 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 10px;
    overflow: hidden;
}

/* ----------------------------------------------------------------
   FORMS
   ---------------------------------------------------------------- */
.form--control, .form-control,
input[type="text"], input[type="email"],
input[type="password"], input[type="number"],
textarea, select {
    background: #0b0e11 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}
.form--control:focus, .form-control:focus,
input:focus, textarea:focus, select:focus {
    border-color: #ff5e15 !important;
    box-shadow: 0 0 0 3px rgba(255,94,21,0.15) !important;
    background: #0b0e11 !important;
    color: #ffffff !important;
    outline: none !important;
}
.form--control::placeholder, .form-control::placeholder {
    color: rgba(255,255,255,0.30) !important;
}
.form-label, label { color: rgba(255,255,255,0.75) !important; }
.input-group-text {
    background: #ff5e15 !important;
    border-color: #ff5e15 !important;
    color: #fff !important;
}

/* Select2 */
.select2-container--default .select2-selection--single {
    background: #0b0e11 !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
}
.select2-dropdown {
    background: #111418 !important;
    border-color: rgba(255,94,21,0.2) !important;
}
.select2-results__option { color: #ffffff !important; }
.select2-results__option--highlighted {
    background: #ff5e15 !important;
    color: #fff !important;
}
.select2-container--open .select2-selection.select2-selection--single {
    border-color: #ff5e15 !important;
    border-radius: 6px !important;
}

/* ----------------------------------------------------------------
   MODALS
   ---------------------------------------------------------------- */
.modal-content {
    background-color: #111418 !important;
    border: 1px solid rgba(255,94,21,0.2) !important;
    border-radius: 12px !important;
}
.modal-header {
    background: #0b0e11 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.modal-footer { border-top: 1px solid rgba(255,255,255,0.08) !important; }
.modal-title  { color: #ffffff !important; }
.modal-content .close { background: transparent; color: rgba(255,255,255,0.7) !important; }
.btn-close { filter: brightness(0) invert(1) opacity(0.6); }

/* ----------------------------------------------------------------
   BADGES
   ---------------------------------------------------------------- */
.badge.bg--base, .badge--base { background: #ff5e15 !important; color: #fff !important; }
.badge.bg--success { background: #1a7c4f !important; }
.badge.bg--danger  { background: #7c1a1a !important; }
.badge.bg--warning { background: #7c5a1a !important; }

/* ----------------------------------------------------------------
   PAGINATION
   ---------------------------------------------------------------- */
.pagination .page-item .page-link {
    background: #111418 !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.70) !important;
}
.pagination .page-item.active .page-link {
    background: #ff5e15 !important;
    border-color: #ff5e15 !important;
    color: #fff !important;
}
.pagination .page-item .page-link:hover {
    background: rgba(255,94,21,0.15) !important;
    color: #ff5e15 !important;
}

/* ----------------------------------------------------------------
   CARDS (bootstrap generic)
   ---------------------------------------------------------------- */
.card {
    background: #111418 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    color: rgba(255,255,255,0.85) !important;
}
.card-header {
    background: #0b0e11 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    color: #ffffff !important;
}
.card-footer {
    background: #0b0e11 !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
}
.card-title { color: #ffffff !important; }
.card-text  { color: rgba(255,255,255,0.65) !important; }

/* ----------------------------------------------------------------
   COOKIES CARD
   ---------------------------------------------------------------- */
.cookies-card {
    width: 520px;
    padding: 30px;
    color: #dddddd;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999999;
    transition: all .5s;
    border-radius: 5px;
    border: 1px solid rgba(255,94,21,0.4);
    background-color: #111418;
    box-shadow: 0 0 20px rgba(255,94,21,0.3);
}
.cookies-card.hide { bottom: -500px !important; }
.cookies-card__icon {
    width: 55px; height: 55px; border-radius: 50%;
    background-color: #ff5e15 !important; color: #fff;
    font-size: 32px; display: inline-flex;
    justify-content: center; align-items: center;
}
.cookies-card__content { margin-bottom: 0; }
@media (max-width: 767px) {
    .cookies-card { width: 100%; left: 0; bottom: 0; font-size: 14px; padding: 15px; }
}

/* ----------------------------------------------------------------
   LOGIN / REGISTER PAGES
   ---------------------------------------------------------------- */
.account-section, .login-section, .register-section { background: #0b0e11 !important; }
.account-wrapper, .login-wrapper, .register-wrapper {
    background: #111418 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
}
.login-main { background-color: #0b0e11; }
.login-area { background: #111418 !important; border: 1px solid rgba(255,94,21,0.15) !important; border-radius: 12px; }

/* ----------------------------------------------------------------
   OFFCANVAS (mobile menu)
   ---------------------------------------------------------------- */
.offcanvas { background: #0b0e11 !important; }
.offcanvas-header { border-color: rgba(255,255,255,0.08) !important; }
.offcanvas .nav-link { color: #ffffff !important; }
.offcanvas .nav-link:hover { color: #ff5e15 !important; }

/* ----------------------------------------------------------------
   ALERTS
   ---------------------------------------------------------------- */
.alert-success { background: rgba(26,124,79,0.15) !important; border-color: #1a7c4f !important; color: #4caf84 !important; }
.alert-danger  { background: rgba(124,26,26,0.15) !important; border-color: #7c1a1a !important; color: #cf6e6e !important; }
.alert-warning { background: rgba(124,90,26,0.15) !important; border-color: #7c5a1a !important; color: #cfae6e !important; }

/* ----------------------------------------------------------------
   MISC
   ---------------------------------------------------------------- */
html, body { overflow-x: hidden; }
hr { border-color: rgba(255,255,255,0.08) !important; }
a  { color: #ff5e15; }
a:hover { color: #e04d0a; }
.radius--10px { border-radius: 10px; }
.disabled { opacity: 0.7; }

/* ----------------------------------------------------------------
   RIVONX POWER SECTIONS (custom homepage additions)
   ---------------------------------------------------------------- */
/* Ticker */
.rivonx-stats-ticker {
    background: linear-gradient(90deg, #ff5e15 0%, #c94000 100%) !important;
}
.rivonx-stats-ticker__label { background: rgba(0,0,0,0.25) !important; color: #fff !important; }
.ticker-stat { color: #fff !important; }
.ticker-stat strong { color: #ffe0cc !important; }
.ticker-sep { color: rgba(255,255,255,0.35) !important; }

/* Counter cards */
.rivonx-counter-card {
    background: #111418 !important;
    border-color: rgba(255,94,21,0.15) !important;
}
.rivonx-counter-card--accent {
    background: linear-gradient(135deg, #1a0e06 0%, #111418 100%) !important;
    border-color: rgba(255,94,21,0.3) !important;
}
.rivonx-counter-card__icon  { color: #ff5e15 !important; }
.rivonx-counter-card__num   { color: #ffffff !important; }
.rivonx-counter-card__label { color: rgba(255,255,255,0.50) !important; }
.rivonx-counter-card:hover, .rivonx-counter-card--accent:hover {
    border-color: #ff5e15 !important;
    box-shadow: 0 8px 30px rgba(255,94,21,0.2) !important;
}

/* PAMM */
.rivonx-badge {
    background: rgba(255,94,21,0.12) !important;
    border-color: rgba(255,94,21,0.35) !important;
    color: #ff5e15 !important;
}
.rivonx-pamm-content__title { color: #ffffff !important; }
.rivonx-pamm-content__title span { color: #ff5e15 !important; }
.rivonx-pamm-content__desc { color: rgba(255,255,255,0.65) !important; }
.rivonx-pamm-features li { color: rgba(255,255,255,0.75) !important; }
.rivonx-pamm-features li i { color: #ff5e15 !important; }
.rivonx-pamm-card {
    background: #111418 !important;
    border-color: rgba(255,255,255,0.07) !important;
}
.rivonx-pamm-card--highlight {
    background: linear-gradient(135deg, #1e0900, #111418) !important;
    border-color: rgba(255,94,21,0.25) !important;
}
.rivonx-pamm-card:hover { border-color: #ff5e15 !important; }
.rivonx-pamm-card__icon { color: #ff5e15 !important; }
.rivonx-pamm-card h5    { color: #ffffff !important; }
.rivonx-pamm-card p     { color: rgba(255,255,255,0.50) !important; }
.rivonx-pamm-step { background: rgba(255,94,21,0.08) !important; border-color: rgba(255,94,21,0.2) !important; }
.rivonx-pamm-step__num  { background: #ff5e15 !important; color: #fff !important; }
.rivonx-pamm-step__text { color: #ffffff !important; }
.rivonx-pamm-step__arrow { color: rgba(255,94,21,0.5) !important; }

/* 7-Level Commission */
.rivonx-level-row {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.07) !important;
}
.rivonx-level-row:hover {
    background: rgba(255,94,21,0.06) !important;
    border-color: rgba(255,94,21,0.3) !important;
}
.rivonx-level-row__info strong { color: #ffffff !important; }
.rivonx-level-row__info span   { color: rgba(255,255,255,0.40) !important; }
.rivonx-commission-cta-text    { color: rgba(255,255,255,0.50) !important; }

/* Trust cards */
.rivonx-trust-card {
    background: #111418 !important;
    border-color: rgba(255,255,255,0.07) !important;
}
.rivonx-trust-card:hover, .rivonx-trust-card--active {
    background: linear-gradient(135deg, #1e0900 0%, #111418 100%) !important;
    border-color: rgba(255,94,21,0.35) !important;
    box-shadow: 0 10px 35px rgba(255,94,21,0.15) !important;
}
.rivonx-trust-card__icon {
    background: rgba(255,94,21,0.12) !important;
    border-color: rgba(255,94,21,0.25) !important;
    color: #ff5e15 !important;
}
.rivonx-trust-card__title { color: #ffffff !important; }
.rivonx-trust-card__desc  { color: rgba(255,255,255,0.50) !important; }

/* ----------------------------------------------------------------
   COPY ANIMATION (original — preserved)
   ---------------------------------------------------------------- */
.copyInput {
    display: inline-block; line-height: 50px; position: absolute;
    top: 0; right: 0; width: 40px; text-align: center;
    font-size: 14px; cursor: pointer; transition: all .3s;
}
.copied::after {
    position: absolute; top: 8px; right: 12%; width: 100px;
    display: block; content: "COPIED"; font-size: 1em; padding: 5px;
    color: #fff; background-color: hsl(var(--base));
    border-radius: 3px; opacity: 0; will-change: opacity, transform;
    animation: showcopied 1.5s ease;
}
@keyframes showcopied {
    0%   { opacity: 0; transform: translateX(100%); }
    50%  { opacity: 0.7; transform: translateX(40%); }
    70%  { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; }
}
.input-group-text.copytext.copyBoard { cursor: pointer; }

/* hover input popup */
.hover-input-popup { position: relative; }
.input-popup { display: none; }
.hover-input-popup .input-popup {
    display: block; position: absolute; bottom: 70%; left: 50%;
    width: 280px; background-color: #1a1a1a; color: #fff;
    padding: 20px; border-radius: 5px; transform: translateX(-50%); transition: all 0.3s;
}
.input-popup::after {
    position: absolute; content: ''; bottom: -19px; left: 50%;
    margin-left: -5px; border-width: 10px; border-style: solid;
    border-color: transparent transparent #1a1a1a transparent; transform: rotate(180deg);
}
.input-popup p { padding-left: 20px; position: relative; }
.input-popup p::before { position: absolute; font-family: 'Line Awesome Free'; font-weight: 900; left: 0; top: 4px; line-height: 1; font-size: 18px; }
.input-popup p.error { text-decoration: line-through; }
.input-popup p.error::before { content: "\f057"; color: #ea5455; }
.input-popup p.success::before { content: "\f058"; color: #28c76f; }

/* responsive filter */
.show-filter { display: none; }
@media(max-width:767px) {
    .responsive-filter-card { display: none; transition: none; }
    .show-filter { display: block; }
}

/* select2 */
.select2-container--default .select2-search--dropdown .select2-search__field { padding: 10px 20px; }
.select2-results__option.select2-results__message { text-align: center !important; padding: 12px 14px !important; }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar { width: 8px; border-radius: 5px; }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track { background: #0b0e11; }
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { background: #ff5e15; border-radius: 5px; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after { transform: rotate(-180deg); }
.select2-results__option:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.select2-results__option:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: 0 !important; }
.select2-dropdown .country-flag { width: 25px; height: 25px; border-radius: 8px; }
.select2-dropdown .gateway-title { font-size: 14px; font-weight: 600; margin-bottom: 0 !important; }
.select2-dropdown .gateway-subtitle { font-size: 12px; margin-bottom: 0 !important; }

/* payment */
.payment-card-title { padding: 13px 25px; text-align: center; background-color: #ff5e15; border-radius: 5px; border: 0; margin-bottom: 0; color: #fff; }
.payment-system-list { --thumb-width: 100px; --thumb-height: 40px; --radio-size: 12px; --border-color: #ffffff1a; background-color: #111418; border-radius: 5px; height: 100%; }
.payment-system-list.is-scrollable { max-height: min(388px, 70vh); overflow-x: auto; }
.payment-system-list.is-scrollable::-webkit-scrollbar { width: 5px; }
.payment-system-list.is-scrollable::-webkit-scrollbar-thumb { background-color: #ff5e15; border-radius: 10px; }
.payment-item { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px 18px; transition: all 0.3s; border-left: 3px solid transparent; margin-bottom: 0; }
label.payment-item { border-bottom: 1px solid rgba(255,255,255,0.07); }
label.payment-item:last-child { border-bottom: 0 !important; }
.gateway-card { padding: 0; margin-top: 30px; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 10px; overflow: hidden; }
.payment-item:has(.payment-item__radio:checked) { border-left: 3px solid #ff5e15; }
.payment-item__check { border: 1px solid #ff5e15; width: var(--radio-size); height: var(--radio-size); display: inline-block; border-radius: 100%; }
.payment-item:has(.payment-item__radio:checked) .payment-item__check { border: 3px solid #ff5e15; }
.payment-item__name { padding-left: 10px; width: calc(100% - var(--radio-size)); transition: all 0.3s; }
.payment-item__thumb { width: var(--thumb-width); height: var(--thumb-height); text-align: right; padding-left: 10px; }
.payment-item__thumb img { max-width: var(--thumb-width); max-height: var(--thumb-height); object-fit: cover; }
.payment-item__btn { border: 0; background: #ff5e15; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; font-weight: 500; }
.payment-item__btn-text { color: #fff; }
button .spinner-border { --bs-spinner-width: 1.5rem; --bs-spinner-height: 1.5rem; }

/* Deposit gateway selector */
.deposit-form .gateway-option-list { height: auto; padding: 12px; background: #101316; }
.deposit-form label.gateway-option { position: relative; display: flex; flex-wrap: nowrap; gap: 16px; min-height: 76px; margin: 0 0 10px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.09); border-left: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: linear-gradient(135deg, #171b20, #111418); cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
.deposit-form label.gateway-option:last-of-type { margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.09) !important; }
.deposit-form label.gateway-option:hover { border-color: rgba(255,94,21,.55); background: linear-gradient(135deg, #1c2025, #15181c); transform: translateY(-1px); }
.deposit-form label.gateway-option:has(.gateway-input:checked) { border: 1px solid rgba(255,94,21,.9); border-left: 1px solid rgba(255,94,21,.9); background: linear-gradient(135deg, rgba(255,94,21,.13), #15181c 72%); box-shadow: 0 0 0 3px rgba(255,94,21,.08), 0 10px 24px rgba(0,0,0,.2); }
.deposit-form label.gateway-option:has(.gateway-input:focus-visible) { outline: 2px solid rgba(255,94,21,.8); outline-offset: 2px; }
.deposit-form .gateway-option .payment-item__info { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; gap: 12px; }
.deposit-form .gateway-option .payment-item__check { position: relative; flex: 0 0 20px; width: 20px; height: 20px; border: 2px solid #65717a; border-radius: 50%; background: #0c1013; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.deposit-form .gateway-option:has(.gateway-input:checked) .payment-item__check { border: 2px solid #ff5e15; background: #ff5e15; box-shadow: 0 0 0 4px rgba(255,94,21,.12); }
.deposit-form .gateway-option:has(.gateway-input:checked) .payment-item__check::after { position: absolute; top: 4px; left: 5px; width: 7px; height: 4px; border: solid #fff; border-width: 0 0 2px 2px; content: ''; transform: rotate(-45deg); }
.deposit-form .gateway-option .payment-item__name { width: auto; padding-left: 0; color: #e8edf2; font-size: 15px; font-weight: 650; line-height: 1.4; }
.deposit-form .gateway-option:has(.gateway-input:checked) .payment-item__name { color: #fff; }
.deposit-form .gateway-option .payment-item__thumb { display: flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; background: rgba(255,255,255,.04); }
.deposit-form .gateway-option .payment-item__thumb img { display: block; width: 40px; height: 40px; max-width: 40px; max-height: 40px; border-radius: 50%; object-fit: contain; }

.deposit-info { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 8px; }
.deposit-info__title { max-width: 50%; margin-bottom: 0; text-align: left; color: rgba(255,255,255,0.75); }
.deposit-info__input { max-width: 50%; text-align: right; width: 100%; }
.total-amount { border-top: 1px solid rgba(255,255,255,0.08); }
.total-amount .deposit-info__title { font-weight: 600; }

/* table-search */
.table-search { width: 33%; margin-left: auto; }
@media (max-width:991px) { .table-search { width: 50%; } }
@media (max-width:575px) { .table-search { width: 100%; } }

/* verification */
.verification-code-wrapper { border: 1px solid transparent; background: #0b0e11; border-radius: 12px; box-shadow: 0 3px 17px rgba(255,255,255,0.1); }
.verification-code::after { background-color: #000 !important; }
.verification-code input:focus { background-color: inherit !important; }
.border-bottom { border-color: rgba(255,255,255,0.10) !important; }
.verification-code span { background: #111418; border: solid 1px rgba(255,255,255,0.12); color: #ffffff; }
.verification-code input { color: #fff !important; }

/* checkbox */
label.required:after { content: '*'; color: #DC3545 !important; margin-left: 2px; }
.form--check .form-check-input { box-shadow: none !important; background-color: transparent; border: 1px solid #ff5e15; margin-right: 5px; border-radius: 2px; width: 16px; height: 16px; position: relative; }
.form--check .form-check-input:checked { background-color: #ff5e15 !important; border-color: #ff5e15 !important; box-shadow: none; }
.form--check .form-check-input:checked[type=checkbox] { background-image: none; }
.form--check .form-check-input:checked::before { position: absolute; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; font-size: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.file-upload .remove-btn { background: #dc3545 !important; border-color: #dc3545 !important; }

/* Consistent vertical separation between homepage sections */
.home-sections {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-block: 48px;
}

.home-sections > .my-120 {
    margin-block: 0;
}

@media (max-width: 991px) {
    .home-sections {
        gap: 36px;
        padding-block: 36px;
    }
}

@media (max-width: 575px) {
    .home-sections {
        gap: 24px;
        padding-block: 24px;
    }
}