/* LelangPet V6.1.1 — Clean Surface Theme
   Purpose: remove muddy/dirty gradients and normalize the palette so the UI feels
   cleaner, flatter, and more premium while keeping the navy–orange brand.
*/
:root{
    --lp-navy-950:#101a40;
    --lp-navy-900:#172455;
    --lp-navy-800:#1f2f69;
    --lp-navy-700:#2b448f;
    --lp-navy-600:#3c58a8;
    --lp-navy-100:#e9eefc;
    --lp-navy-50:#f5f7ff;

    --lp-orange-600:#e58d17;
    --lp-orange-500:#f5a126;
    --lp-orange-400:#ffb848;
    --lp-orange-100:#fff0d7;
    --lp-orange-50:#fff8ee;

    --bg:#f7f9ff;
    --bg2:#eef3ff;
    --paper:#ffffff;
    --paper-2:#fbfcff;
    --ink:#1f2f69;
    --muted:#677391;
    --muted2:#939db9;

    --orange:#f5a126;
    --orange2:#ffb848;
    --orange-soft:#fff0d7;
    --blue:#2b448f;
    --blue-soft:#e9eefc;
    --yellow:#ffd067;
    --yellow-soft:#fff5cf;
    --green:#2fa36a;
    --green-soft:#e9f8ef;
    --red:#cf5b5b;
    --red-soft:#ffefed;

    --line:rgba(31,47,105,.10);
    --line2:rgba(31,47,105,.16);
    --shadow:0 22px 60px rgba(31,47,105,.10);
    --shadow-sm:0 10px 28px rgba(31,47,105,.075);
}

html{background:#f7f9ff}
body{
    background:linear-gradient(180deg,#fbfcff 0%,#f7f9ff 100%);
    color:var(--ink);
}
::selection{background:rgba(43,68,143,.18);color:#0f1837}

.ambient-one{background:rgba(245,161,38,.10)!important}
.ambient-two{background:rgba(43,68,143,.08)!important}

/* brand */
.brand.brand-image{display:inline-flex;align-items:center;gap:0!important;min-width:0;max-width:100%}
.brand.brand-image .brand-lockup{display:block;height:36px;line-height:0;max-width:100%}
.brand.brand-image .brand-lockup img{display:block;width:auto;height:100%;max-width:min(100%,230px);object-fit:contain}
.site-nav .brand.brand-image .brand-lockup{height:37px}
.sidebar-brand .brand.brand-image .brand-lockup{height:34px}
.auth-form>.brand.brand-image .brand-lockup{height:46px}
.verify-card>.brand.brand-image .brand-lockup{height:44px}
.site-footer .brand.brand-image .brand-lockup{height:38px}
.brand.brand-image .brand-mark,.brand.brand-image .brand-copy{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* shell */
.site-header,.app-header{
    background:rgba(251,252,255,.94)!important;
    border-bottom:1px solid rgba(31,47,105,.08)!important;
    box-shadow:0 1px 0 rgba(31,47,105,.02)!important;
    backdrop-filter:saturate(1.1) blur(14px);
}
.mobile-public-nav{background:rgba(251,252,255,.98)!important;border-color:rgba(31,47,105,.08)!important}
.site-nav nav a,.login-link{color:#56607f!important}
.site-nav nav a:hover,.login-link:hover{color:var(--lp-navy-700)!important}

/* buttons */
.btn-primary{
    background:var(--lp-navy-700)!important;
    color:#fff!important;
    border:1px solid transparent!important;
    box-shadow:0 12px 26px rgba(43,68,143,.18)!important;
}
.btn-primary:hover{
    background:#3552a5!important;
    box-shadow:0 15px 32px rgba(43,68,143,.22)!important;
    filter:none!important;
}
.btn-primary:active{background:#243978!important;transform:none!important}
.btn-soft{background:#fff!important;color:var(--lp-navy-800)!important;border-color:rgba(31,47,105,.12)!important}
.btn-soft:hover{background:#f6f8ff!important;border-color:rgba(43,68,143,.18)!important}
.btn-ghost{background:transparent!important;color:var(--lp-navy-800)!important;border-color:rgba(31,47,105,.13)!important}
.btn-dark{background:var(--lp-navy-900)!important;color:#fff!important}
.text-link,.link-button,.form-between>a,.auth-switch a{color:var(--lp-navy-700)!important}
.text-link span{color:var(--lp-orange-500)!important}

/* forms */
input,textarea,select{border-color:rgba(31,47,105,.13)!important;color:#23315f!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#9aa3be!important}
input:focus,textarea:focus,select:focus{border-color:rgba(245,161,38,.58)!important;box-shadow:0 0 0 3px rgba(245,161,38,.10)!important}
.check input{accent-color:var(--lp-navy-700)!important}

/* accents */
.eyebrow,.hero-kicker,.sidebar-kicker,.page-head .eyebrow,.lp-modal-kicker,.address-card>span,.moderation-list>a>b{color:var(--lp-orange-500)!important}
.hero-kicker span{background:var(--lp-orange-500)!important}
.hero-copy h1 em,.how-intro h2 em,.trust-copy h2 em{color:var(--lp-orange-500)!important}
.muted{color:var(--muted)!important}

/* cards and sections */
.auction-card,.dash-card,.metric-card,.wizard-card,.verify-card,.notification-row,.category-admin-card,.address-card,.table-card,.listing-card,.summary-card,.settings-card,.profile-hero,.section-card,.bid-panel,.transaction-card,.info-card,.payment-card,.modal-card,.flash{
    background:var(--paper)!important;
    border-color:rgba(31,47,105,.09)!important;
    box-shadow:var(--shadow-sm)!important;
}
.auction-card:hover{box-shadow:0 18px 42px rgba(31,47,105,.11)!important}
.auction-media{background:var(--lp-navy-50)!important}

.category-pill,.mini-time,.admin-chip,.status-pill,.status-tag{background:var(--lp-navy-800)!important;color:#fff!important}
.live-pill.is-live{background:#fff5e6!important;color:#b96808!important;border-color:rgba(245,161,38,.18)!important}

/* public home */
.hero-orbit{
    background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.98) 0%,rgba(244,247,255,.92) 48%,rgba(255,248,238,.72) 72%,transparent 73%)!important;
}
.orbit-ring{border-color:rgba(43,68,143,.13)!important}
.orbit-ring.r2{border-color:rgba(245,161,38,.16)!important}
.center-paw,.mini-auction,.trust-card,.step-card{background:var(--paper)!important}
.center-paw svg{fill:var(--lp-orange-500)!important}
.fish-node,.bird-node,.cat-node{background:#fff!important}

/* auth */
.auth-visual{
    background:linear-gradient(180deg,#f4f7ff 0%,#f9fbff 62%,#fffaf3 100%)!important;
}
.auth-visual:after{
    background-image:linear-gradient(rgba(31,47,105,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(31,47,105,.022) 1px,transparent 1px)!important;
}
.auth-panel{background:rgba(255,255,255,.82)!important}
.auth-back{color:#52608c!important}
.auth-heading h2,.verify-card h1{color:var(--lp-navy-800)!important}
.auth-heading p,.verify-card>p{color:#6d7798!important}
.auth-orbit{border-color:rgba(245,161,38,.22)!important}
.verify-icon,.notification-icon{background:var(--lp-orange-100)!important;color:var(--lp-orange-600)!important}

/* member shell */
.sidebar{background:rgba(255,255,255,.92)!important;border-right-color:rgba(31,47,105,.08)!important}
.sidebar-nav>a{color:#596486!important}
.sidebar-nav>a:hover{background:#f0f3ff!important;color:var(--lp-navy-700)!important}
.sidebar-nav>a.active{background:var(--lp-navy-700)!important;color:#fff!important;box-shadow:0 8px 20px rgba(43,68,143,.16)!important}
.nav-label{color:#9aa3bd!important}
.sidebar-foot{border-top-color:rgba(31,47,105,.08)!important}
.sidebar-foot a{color:#727d9e!important}
.profile-dropdown{border-color:rgba(31,47,105,.10)!important;box-shadow:0 18px 44px rgba(31,47,105,.12)!important}
.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f2f5ff!important}

/* transactions */
.action-panel,.admin-kpi-strip,.admin-review-panel{background:var(--lp-navy-900)!important}
.action-panel .eyebrow{color:var(--lp-orange-400)!important}
.action-panel input,.action-panel select,.action-panel textarea,.amount-due,.review-checks>div{background:#263873!important;border-color:#3c5196!important;color:#fff!important}
.shipment-ticket>div{background:#edf2ff!important}
.shipment-ticket small{color:#6575aa!important}

/* admin */
.admin-mode .sidebar{background:#15214c!important;border-color:rgba(255,255,255,.07)!important}
.admin-mode .sidebar-nav>a{color:#c6cff4!important}
.admin-mode .sidebar-nav>a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.admin-mode .sidebar-nav>a.active{background:#fff!important;color:var(--lp-navy-800)!important}
.admin-mode .nav-label,.admin-mode .sidebar-foot a{color:#94a2dc!important}
.admin-kpi-strip>div{border-color:rgba(255,255,255,.08)!important}
.filter-tabs a.active{background:var(--lp-navy-800)!important}
.audit-dot,.header-icon b{background:var(--lp-orange-500)!important}

/* feedback */
.flash-success{background:#eefaf4!important;border-color:rgba(47,163,106,.18)!important;color:#23724b!important}
.flash-success>span{background:var(--green)!important}
.flash-warning{background:#fff7df!important;border-color:rgba(245,161,38,.22)!important;color:#80530c!important}
.flash-error{background:#fff0ee!important;border-color:rgba(207,91,91,.20)!important;color:#8b4141!important}
.flash-error>span{background:var(--red)!important}

/* header controls */
.header-icon{background:rgba(255,255,255,.92)!important;border-color:rgba(31,47,105,.10)!important;color:var(--lp-navy-800)!important}
.header-icon:hover{background:#fff!important;border-color:rgba(43,68,143,.24)!important}

/* loader */
.lp-loader-mark.is-brand-image{width:58px!important;height:58px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.lp-loader-mark.is-brand-image img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.lp-loader-copy strong{color:var(--lp-navy-800)!important}

/* media gallery */
.media-gallery,.gallery-lightbox,.lp-lightbox{--gallery-ink:#101a40;--gallery-accent:var(--lp-orange-500)}

@media(max-width:900px){
    .site-nav .brand.brand-image .brand-lockup{height:33px}
    .sidebar-brand .brand.brand-image .brand-lockup{height:31px}
}
@media(max-width:650px){
    .site-nav .brand.brand-image .brand-lockup{height:30px}
    .auth-form>.brand.brand-image .brand-lockup{height:38px}
    .verify-card>.brand.brand-image .brand-lockup{height:36px}
    .site-footer .brand.brand-image .brand-lockup{height:34px}
}