/* ViVa Computers Belgium, set 01. Colour overrides only; retain RepairIT layout. */
:root {
    --primary-color: #102c46 !important;
    --primary-color-hover: #193e60 !important;
    --color-1st: #102c46 !important;
    --secondary-color: #f7f5f0;
    --accent-color: #efc46b;
    --divider-color: #102c461a;
}

.hero {
    background-image: linear-gradient(110deg, rgba(10, 31, 52, .94), rgba(24, 59, 87, .80)), url('../images/viva-home-background.webp') !important;
}
.page-header,
.page-header.viva-shop-header {
    background-image: linear-gradient(110deg, #102c46, #244c6a) !important;
}
.why-choose-us {
    background-image: linear-gradient(rgba(10, 31, 52, .85), rgba(16, 44, 70, .90)), url('../images/viva-waarom-ons-achtergrond.webp') !important;
}
.main-footer,
.our-testimonials,
.viva-shop-lead,
.viva-shop-products,
.viva-shop-categories,
.viva-shop-help,
.viva-eset-hero,
.viva-eset-business,
.viva-eset-training-hero,
.viva-eset-training-stage,
.viva-hosting-hero {
    background-color: #102c46;
    background-image: radial-gradient(ellipse at 90% 10%, rgba(239, 196, 107, .10), transparent 50%), linear-gradient(120deg, #102c46, #193e60);
}
.viva-wordmark-icon { background: #efc46b; color: #102c46; }
.viva-footer-bottom nav .viva-cookie-settings { background: #efc46b; border-color: #efc46b; color: #102c46; }
.btn-default { color: #102c46; }
.our-testimonials .section-title > p { color: #e4ebf1; }
a:focus-visible, button:focus-visible { outline: 3px solid #bd8424; outline-offset: 4px; }

/* Keep the remote-support additions consistent with the Belgian identity. */
.viva-remote-support__brand { background: linear-gradient(125deg, #102c46, #244c6a); }
.viva-remote-support__device a { color: #193e60; }
.viva-remote-support__brand-name small { color: #efc46b; }

/* All three support actions remain available on phones. */
@media (max-width: 1439px) {
    .main-header .navbar .main-menu { display: none !important; }
    .main-header .navbar-toggle, .main-header .responsive-menu { display: block; }
}
@media (max-width: 767px) {
    .viva-header-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .viva-header-actions .header-btn { display: block; grid-column: 1 / -1; }
    .viva-header-actions .header-btn .btn-default { display: block; width: 100%; text-align: center; }
    #viva-remote-support-devices { scroll-margin-top: 240px; }
}