/**
 * Rocket Basket brand — muted midnight navy + orange.
 * Large areas stay calm; orange is only for buttons and highlights.
 */
:root {
    --sh-ink: #1A2332;
    --sh-ink-2: #1A2332;
    --sh-muted: #5B6573;
    --sh-muted-2: #8A93A1;
    --sh-surface: #F4F6F8;
    --sh-surface-2: #E8EDF2;
    --sh-card: #FFFFFF;
    --sh-accent: #3A5F8A;
    --sh-accent-mid: #4A73A3;
    --sh-accent-deep: #1B2838;
    --sh-accent-soft: rgba(58, 95, 138, 0.12);
    --sh-accent-glow: rgba(240, 138, 31, 0.2);
    --sh-cta: #F08A1F;
    --sh-cta-hover: #1B2838;
    --sh-sale: #E24B42;
    --sh-star: #E8B320;
    --sh-highlight: #E8B320;
    --sh-topbar: #1B2838;
    --sh-topbar-2: #243447;
    --sh-hero-scrim: rgba(27, 40, 56, 0.72);
    --primary-color: #3A5F8A;
    --danger-color: #E24B42;
    --warning-color: #E8B320;
    --body-bg: #F4F6F8;
    --text-color: #1A2332;
    --dark-text: #1A2332;
    --accent-color: #E8B320;
    --vh-accent: #3A5F8A;
    --vh-accent-dark: #1B2838;
    --vh-ink: #1A2332;
    --vh-gold: #E8B320;
    --vh-cream: #F4F6F8;
    --admin-accent: #3A5F8A;
    --sh-admin-accent: #3A5F8A;
    --sh-admin-accent-dark: #1B2838;
}

body {
    background-color: #F4F6F8;
    color: #1A2332;
}

/* ---- Header: calm dark strip, white bar, readable type ---- */
.header-top {
    background: #1B2838 !important;
    background-image: none !important;
}

.header-top,
.header-top a,
.header-contact a,
.header-auth .auth-link,
.announcement-text {
    color: rgba(255, 255, 255, 0.94) !important;
}

.header-top a:hover,
.auth-link:hover {
    color: #FFFFFF !important;
}

.header-main,
.header.scrolled .header-main {
    background: #FFFFFF !important;
}

.nav-link,
.nav-menu a {
    color: #1A2332;
}

.nav-link:hover,
.nav-link.active,
.nav-item:hover > .nav-link {
    color: #3A5F8A;
}

/* ---- Buttons: orange CTA, midnight hover ---- */
.search-form .search-btn,
.auth-link.register,
.btn-primary,
.vr-btn-primary,
.vr-btn-submit,
.btn-premium--cta,
.checkout-btn,
.about-cta-btn-primary,
.legal-form-actions button,
.vl-submit-btn,
.vl-register-btn {
    background: #F08A1F !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #F08A1F !important;
}

.search-form .search-btn:hover,
.auth-link.register:hover,
.btn-primary:hover,
.vr-btn-primary:hover,
.vr-btn-submit:hover,
.btn-premium--cta:hover,
.checkout-btn:hover,
.about-cta-btn-primary:hover,
.legal-form-actions button:hover,
.vl-submit-btn:hover,
.vl-register-btn:hover {
    background: #1B2838 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #1B2838 !important;
}

.btn-premium--dark,
.about-cta-btn-outline,
.btn-secondary {
    background: #3A5F8A !important;
    color: #FFFFFF !important;
    border-color: #3A5F8A !important;
}

.btn-premium--dark:hover,
.about-cta-btn-outline:hover,
.btn-secondary:hover {
    background: #1B2838 !important;
    border-color: #1B2838 !important;
    color: #FFFFFF !important;
}

.price-current,
.current-price,
.product-price .current-price {
    color: #3A5F8A !important;
}

.price-discount,
.sale-price {
    color: #E24B42 !important;
}

.sale-badge {
    background: #E24B42 !important;
    color: #FFFFFF !important;
}

.product-card,
.shop-card,
.catalog-product-card {
    background: #FFFFFF;
}

/* ---- Hero / banners: muted midnight, white type ---- */
.home-hero,
.terms-hero,
.shop-hero,
.vr-hero,
.about-hero,
.vl-brand-panel,
.auth-hero-panel {
    background: #1B2838 !important;
    background-image:
        radial-gradient(ellipse at 82% 18%, rgba(240, 138, 31, 0.16), transparent 42%),
        linear-gradient(165deg, #1B2838 0%, #243447 52%, #1E3044 100%) !important;
    color: #FFFFFF !important;
}

.home-hero h1,
.home-hero__copy h1,
.terms-hero h1,
.shop-hero-title,
.vr-hero h1,
.about-hero-content h1,
.vl-brand-title,
.auth-hero-panel h1,
.auth-hero-panel h2 {
    color: #FFFFFF !important;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.2);
}

.home-hero__copy p,
.terms-hero-lead,
.terms-hero-meta,
.shop-hero-inner p,
.vr-hero p,
.about-hero-content p,
.vl-brand-tagline,
.auth-hero-panel p,
.auth-hero-panel .muted {
    color: rgba(255, 255, 255, 0.9) !important;
}

.home-hero::after {
    background: linear-gradient(180deg, transparent, #F4F6F8) !important;
}

/* ---- Footer ---- */
.site-footer .footer-main,
.footer-main {
    background: #1B2838 !important;
}

.footer-newsletter {
    background: #243447 !important;
    background-image: none !important;
}

.newsletter-text,
.newsletter-text h3,
.newsletter-text p {
    color: #FFFFFF !important;
}

.newsletter-btn {
    background: #F08A1F !important;
    color: #FFFFFF !important;
}

.newsletter-btn:hover {
    background: #FFFFFF !important;
    color: #1B2838 !important;
}

.footer-bottom {
    background: #15202C !important;
}

.footer-heading,
.footer-links a,
.footer-contact,
.footer-contact a,
.footer-about-text,
.footer-app-text,
.footer-app-text strong,
.footer-app-text span,
.footer-bottom p,
.footer-bottom-links a,
.footer-operator,
.footer-operator a {
    color: rgba(255, 255, 255, 0.88);
}

.footer-links a:hover,
.footer-contact a:hover,
.footer-bottom-links a:hover {
    color: #FFFFFF;
}

/* ---- Vendor dashboard ---- */
body.vendor-dashboard-page {
    background:
        radial-gradient(circle at 12% 4%, rgba(240, 138, 31, 0.08), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(58, 95, 138, 0.1), transparent 32%),
        linear-gradient(180deg, #F4F6F8, #EEF2F6 56%, #fff) !important;
    color: #1A2332 !important;
}

.vendor-sidebar {
    background:
        radial-gradient(circle at 18% 0%, rgba(240, 138, 31, 0.12), transparent 34%),
        linear-gradient(180deg, #1B2838, #15202C) !important;
    color: #fff !important;
}

.vendor-nav ul li.active a {
    background: linear-gradient(135deg, #3A5F8A, #1B2838) !important;
    color: #fff !important;
}

.vendor-content h1,
.vendor-content h2,
.vh-title-wrapper h1 {
    color: #1A2332;
}

/* ---- Admin ---- */
body.hold-transition,
body.sidebar-mini,
body.admin-standalone,
body.admin-body {
    background:
        radial-gradient(circle at 12% 3%, rgba(240, 138, 31, 0.08), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(58, 95, 138, 0.1), transparent 32%),
        linear-gradient(180deg, #F4F6F8, #EEF2F6 52%, #fff) !important;
    color: #1A2332 !important;
}

.main-sidebar,
.sidebar-dark-primary {
    background:
        radial-gradient(circle at 18% 0%, rgba(240, 138, 31, 0.12), transparent 34%),
        linear-gradient(180deg, #1B2838, #15202C) !important;
}

.main-sidebar .nav-sidebar .nav-link,
.main-sidebar .brand-text,
.main-sidebar .user-panel .info a {
    color: rgba(255, 255, 255, 0.9) !important;
}

.main-sidebar .brand-link .brand-image,
.main-sidebar .brand-link.sh-brand-stacked .brand-image {
    filter: none !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 4px !important;
    opacity: 1 !important;
}

.main-sidebar .nav-sidebar .nav-link.active,
.nav-pills .nav-link.active {
    background: linear-gradient(135deg, #3A5F8A, #1B2838) !important;
    color: #FFFFFF !important;
}