/* ==========================================================
   FRONTEND DESIGN TOKENS
   Shared CTA and interactive-tab contrast across all pages.
========================================================== */
:root {
    --frontend-cta: #189af0;
    --frontend-cta-hover: #08446e;
    --frontend-cta-text: #ffffff;
}

/* About-section editorial copy */
body .about-intro-desc,
body .global-section p,
body .global-desc p,
body .infra-section p,
body .innovation-tech-section p,
body .innovation-section p,
body .foundation-text,
body .founder-description p,
body .sustainability-section p,
body .vmc-inner p,
body .group-simple-section p {
    text-align: justify;
}

/* Primary CTA treatment */
body .btn-primary,
body .btn-warning,
body .about-cta,
body .calibration-hero-cta,
body .industry-view-btn,
body .product-cta-btn,
body .innovation-modal-cta,
body .btn-submit,
body .btn-submit-v2,
body .btn-service-submit,
body .support-contact-cta,
body .cta-btn,
body .btn-catalogue,
body .btn-v2-catalogue,
body .btn-v2-enquire,
body .btn-enquire,
body .brochure-btn,
body .final-cta-btn,
body .highlight-v2-cta {
    background: var(--frontend-cta) !important;
    border-color: var(--frontend-cta) !important;
    color: var(--frontend-cta-text) !important;
}

body .btn-primary:hover,
body .btn-warning:hover,
body .about-cta:hover,
body .calibration-hero-cta:hover,
body .industry-view-btn:hover,
body .product-cta-btn:hover,
body .innovation-modal-cta:hover,
body .btn-submit:hover,
body .btn-submit-v2:hover,
body .btn-service-submit:hover,
body .support-contact-cta:hover,
body .cta-btn:hover,
body .btn-catalogue:hover,
body .btn-v2-catalogue:hover,
body .btn-v2-enquire:hover,
body .btn-enquire:hover,
body .brochure-btn:hover,
body .final-cta-btn:hover,
body .highlight-v2-cta:hover {
    background: var(--frontend-cta-hover) !important;
    border-color: var(--frontend-cta-hover) !important;
    color: #ffffff !important;
}

body .hero-btn {
    background: var(--frontend-cta) !important;
    border-color: var(--frontend-cta) !important;
    color: #ffffff !important;
}

body .hero-btn:hover {
    background: var(--frontend-cta-hover) !important;
    border-color: var(--frontend-cta-hover) !important;
    color: #ffffff !important;
}

/* CTA links that are styled without Bootstrap's .btn class */
body .pc-link:hover,
body .group-company-cta:hover {
    color: var(--frontend-cta-hover) !important;
}

/* Keep interactive tab labels readable on their selected/hover states. */
body .gallery-filter:hover,
body .gallery-filter.active,
body .industry-category-tab:hover,
body .industry-category-tab.active,
body .highlight-bg-v2-tab:hover,
body .highlight-bg-v2-tab.active {
    background: linear-gradient(135deg, #189af0, #1091ae) !important;
    color: #ffffff !important;
}

body .industry-subcategory-tab:hover,
body .industry-subcategory-tab.active {
    background: #e9f9fc !important;
    color: #087d99 !important;
}

body .product-tabs .nav-link:hover,
body .product-tabs .nav-link.active {
    color: var(--frontend-cta-hover) !important;
}

/* Focus states remain visible for keyboard and touch users. */
body .btn:focus-visible,
body button:focus-visible,
body a:focus-visible,
body .gallery-filter:focus-visible,
body .faq-category:focus-visible,
body .industry-category-tab:focus-visible {
    outline: 3px solid rgba(24,154,240,.35);
    outline-offset: 2px;
}