/*
 * Nutek Healthcare — Secure Component Styles
 * Replaces inline onmouseover/onmouseout JavaScript event handlers
 * with CSS :hover rules to allow a stricter Content Security Policy.
 */

/* ==========================================================================
   Schedule a Demo button
   (Replaces inline onmouseover/onmouseout on all pages)
   ========================================================================== */
.btn-demo {
    display: inline-block;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #1491cd, #024c66);
    border: 2px solid #1991cd;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-demo:hover,
.btn-demo:focus {
    background: linear-gradient(135deg, #ffffff, #e0eef9, #ffffff);
    color: #024c66;
    text-decoration: none;
    outline: 2px solid #1491cd;
    outline-offset: 2px;
}

/* ==========================================================================
   Honeypot field — completely invisible to human visitors
   Positioned off-screen; bots that fill all visible fields will trigger it.
   ========================================================================== */
.form-honeypot {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    tabindex: -1;
}

/* ==========================================================================
   Contact form status messages
   ========================================================================== */
#msgSubmit {
    margin-top: 15px;
    font-size: 1rem;
    min-height: 1.5em;
}

/* ==========================================================================
   Accessible focus styles (keyboard navigation)
   ========================================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid #1491cd;
    outline-offset: 2px;
}

/* ==========================================================================
   Inline-style replacement utility classes
   Replaces all remaining style="" attributes in HTML pages to allow
   'unsafe-inline' to be removed from the Content-Security-Policy style-src.
   ========================================================================== */

/* Icon/image size constraints (index.html, nutek-solution.html) */
.img-icon-sm {
    width: 40px;
    height: auto;
}

.img-icon-md {
    width: 48px;
    height: 48px;
}

/* Brand icon container background (used across solution/service pages) */
.bg-icon-light {
    background-color: #deeded !important;
}

/* Brand icon foreground colour */
.text-brand {
    color: #024c66 !important;
}

/* CTA section gradient background (nutek-solution.html) */
.bg-cta-gradient {
    background: linear-gradient(135deg, #1A8FC8 0%, #075A75 100%) !important;
}

/* Flex icon row — card header row with icon + heading (index.html) */
.flex-icon-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
}

/* Inline-flex icon wrapper — no fixed dimensions (index.html) */
.icon-flex-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    flex-shrink: 0;
}

/* Inline-flex icon wrapper — 30% height/width variant (index.html) */
.icon-flex-30 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    height: 30%;
    width: 30%;
}

/* ==========================================================================
   Remaining inline style="" replacements (pass 3)
   care-continuum, healthcare-data-analytics, healthcare-interoperability,
   nutek-solution, patient-engagment
   ========================================================================== */

/* boxes-area and section top spacing */
.mt-20 {
    margin-top: 20px !important;
}

/* Row indent variant — nutek-solution.html */
.ml-5pct {
    margin-left: 5% !important;
}