/* Hezitt Health – Custom Stylesheet */
/* Brand: #0258B7 | Accent: #F03A47 */
/* Global Font: Plus Jakarta Sans ONLY */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap');

.font-script {
    font-family: 'Caveat', cursive !important;
}

/* ── Global Font Enforcement ── */
html, body, input, button, select, textarea, p, h1, h2, h3, h4, h5, h6, span, a, label, li, td, th {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Ensure Font Awesome icons font family and weights are strictly preserved */
.fa-solid, .fa-solid::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
.fa-brands, .fa-brands::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}
.fa-regular, .fa-regular::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #0258B7; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #024a9a; }

/* ── Smooth Scroll ── */
html { scroll-behavior: smooth; }

/* ── [x-cloak] hide before Alpine init ── */
[x-cloak] { display: none !important; }

/* ── Solid Brand Utilities ── */
.bg-brand { background-color: #0258B7 !important; }
.text-brand { color: #0258B7 !important; }
.border-brand { border-color: #0258B7 !important; }

.bg-accent { background-color: #F03A47 !important; }
.text-accent { color: #F03A47 !important; }
.border-accent { border-color: #F03A47 !important; }

/* ── Pulse animation for live indicators ── */
@keyframes hezitt-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}
.pulse-live { animation: hezitt-pulse 2s ease-in-out infinite; }

/* ── Brand link hover underline ── */
.brand-link {
    position: relative;
    color: #0258B7;
    text-decoration: none;
}
.brand-link::after {
    content: '';
    position: absolute;
    left: 0; bottom: -1px;
    width: 0; height: 2px;
    background: #F03A47;
    transition: width 0.25s ease;
}
.brand-link:hover::after { width: 100%; }

/* ── Section fade-in animation ── */
@keyframes fadeInUp {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}
.fade-in-up { animation: fadeInUp 0.4s ease-out forwards; }

/* ── Clean Card Hover ── */
.clean-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.clean-card:hover {
    border-color: #0258B7;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* ── Infinite Marquee Ticker ── */
@keyframes marqueeScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee-scroll {
    display: flex;
    width: max-content;
    animation: marqueeScroll 40s linear infinite;
    will-change: transform;
}
.animate-marquee-scroll:hover {
    animation-play-state: paused;
}

/* ── Hide scrollbar utility ── */
.no-scrollbar::-webkit-scrollbar {
    display: none !important;
}
.no-scrollbar {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

/* ── Medical Journey BG Pattern Mobile Opacity & Content Mask ── */
@media (max-width: 640px) {
    .journey-bg-pattern {
        opacity: 0.05 !important;
        -webkit-mask-image: radial-gradient(ellipse at center, transparent 25%, black 85%);
        mask-image: radial-gradient(ellipse at center, transparent 25%, black 85%);
    }
}

/* ── Headless Free Google Translate Widget Suppression ── */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
.goog-te-gadget,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body {
    top: 0px !important;
    position: static !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}

#google_translate_element {
    display: none !important;
}