/* PruvaHost / Datawise adaptation for WISECP 5. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --wstyle-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --wstyle-radius: 10px;
}

body { font-family: var(--wstyle-font-family); }

/* Datawise uses a dark masthead on inside pages and a transparent one over the carousel. */
body:not(.datawise-home):not([data-client-nav]) .site-header {
    background: #121b28;
}
.site-header .site-brand-text { font-weight: 800; letter-spacing: -.04em; }
.site-header .site-nav .nav-link { font-weight: 600; }
.pruva-account-link { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.auth-stage { background: url('../images/datawise/hosting-slide.png') center 42%/min(80%, 600px) auto no-repeat, linear-gradient(135deg, #172650, #3366ff 75%); }
.auth-stage-scrim { background: url('../images/datawise/data-pattern-left-white.png') left center/280px auto no-repeat, linear-gradient(180deg, rgba(9,22,54,.35), transparent 32%, rgba(9,22,54,.16) 60%, rgba(9,22,54,.82)); }

/* A single brand treatment carries through cart, checkout, auth and the client area. */
.btn-primary, .badge.bg-primary { background-color: var(--wstyle-primary); border-color: var(--wstyle-primary); }
.btn-primary:hover { background-color: color-mix(in srgb, var(--wstyle-primary) 84%, #000); border-color: color-mix(in srgb, var(--wstyle-primary) 84%, #000); }
.client-sidebar, .client-topbar { --wstyle-primary-text: var(--wstyle-primary); }
.client-sidebar { background: #121b28 url('../images/datawise/data-pattern-left-white.png') left top/220px auto no-repeat; }
.client-sidebar .client-sidebar-link.active { background: #3366ff; color: #fff; border-radius: 11px; }
.client-sidebar .client-sidebar-link:hover:not(.active) { background: rgba(255,255,255,.09); border-radius: 11px; }
.client-main { background: #f4f7fb; }
.client-main .dash-hero { overflow: hidden; border-radius: 20px; background: linear-gradient(120deg, #172650, #3366ff) !important; box-shadow: 0 18px 35px rgba(36,75,161,.16); }
.client-main .dash-hero::before { background-image: url('../images/datawise/data-pattern-right-white.png'); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; opacity: .18; }
.client-main .dash-stat, .client-main .dash-panel, .client-main .dashx-card { border-radius: 16px; box-shadow: 0 9px 24px rgba(25,53,100,.055); }
[data-bs-theme='dark'] .client-main { background: #101927; }

/* The requested payment/status bar follows the Datawise footer layout. */
.site-footer { background: #08283e; color: #b9c9d7; }
.site-footer .footer-base { border-top-color: rgba(255,255,255,.12); }
.site-footer .footer-base-end { display: inline-flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.site-footer .footer-status { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.site-footer .status-dot { background: #20bd6b; box-shadow: 0 0 0 3px rgba(32,189,107,.12); }
.site-footer .footer-base-end .fa-brands { color: #b9c9d7; font-size: 27px; line-height: 1; }
.site-footer .footer-base-end .fa-brands:hover { color: #fff; }
.site-footer .footer-link, .site-footer .footer-phone { color: #b9c9d7; }
.site-footer .footer-link:hover, .site-footer .footer-phone:hover { color: #fff; }
.site-footer .footer-heading { color: #fff; }

/* Match the same finish on the separate checkout footer. */
.checkout-shell-footer .fa-brands { font-size: 26px; }
.pruva-client-status, .pruva-client-pay { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 12px; color: var(--wstyle-muted-color); }
.pruva-client-status .status-dot { width: 8px; height: 8px; border-radius: 50%; background: #20bd6b; }
.pruva-client-pay { gap: 5px; }
.pruva-client-pay .fa-brands { font-size: 22px; }

@media (max-width: 767.98px) {
    .site-footer .footer-base-end { width: 100%; justify-content: center; }
    .site-footer .footer-base { text-align: center; }
}