/*
Theme Name:  Strasys
Theme URI:   https://strasys.uk
Description: Bespoke WordPress theme for Strasys — Decision Intelligence for Healthcare. Built with Tailwind CSS and Phosphor Icons.
Version:     2.0.0
Author:      Strasys Digital
Author URI:  https://strasys.uk
Text Domain: strasys
Tags:        custom-menu, full-width-template, custom-logo
*/

/* ── Global reset ── */
ul li {
    list-style: none !important;
}

/* ── Navigation ── */
nav li::marker { color: transparent; }
.glass-nav {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
#site-nav { border-bottom: 1px solid #d1d5db !important; }
.nav-cta-divider { border-left: 1px solid #d1d5db !important; }

/* ── Footer ── */
footer li::marker { color: transparent; }
.footer-heading { font-family: inherit; font-size: 0.875rem; font-weight: 600; color: #ffffff; letter-spacing: 0.01em; }
footer a { color: inherit; }
footer a:hover { color: #52B4A9 !important; }
.border-brand-800 {
    --tw-border-opacity: 1;
    border-color: #454753 !important;
}

/* ── Breadcrumb reset — remove Salient numbered list styling ── */
.nectar-breadcrumbs,
.nectar-breadcrumbs ol,
.nectar-breadcrumbs ul,
#nectar-crumbs,
#nectar-crumbs ol,
#nectar-crumbs ul,
nav.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs,
.breadcrumb-trail {
    list-style: none !important;
    counter-reset: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.nectar-breadcrumbs li,
.nectar-breadcrumbs ol li,
.nectar-breadcrumbs ul li,
#nectar-crumbs li,
#nectar-crumbs ol li,
.breadcrumb li,
.breadcrumbs li,
.breadcrumb-trail li {
    list-style: none !important;
    counter-increment: none !important;
    display: inline-flex;
    align-items: center;
}
.nectar-breadcrumbs li::before,
.nectar-breadcrumbs li::marker,
#nectar-crumbs li::before,
#nectar-crumbs li::marker,
.breadcrumb li::before,
.breadcrumb li::marker {
    content: none !important;
    display: none !important;
}

/* ── Prevent horizontal scroll on all screen sizes ── */
html, body {
    overflow-x: hidden;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #454753;
}

main, .main, #main { margin-bottom: 0 !important; padding-bottom: 0 !important; }
footer, .footer, #footer { margin-top: -23px !important; }

/* ── Global heading reset ── */
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}

/* ── Opt-in utilities for page templates ── */
.heading-white { color: #ffffff !important; }
.heading-reset { text-transform: none !important; font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; }

/* ── Headings on dark backgrounds should be white ── */
.bg-brand-900 h1, .bg-brand-900 h2, .bg-brand-900 h3,
.bg-brand-900 h4, .bg-brand-900 h5, .bg-brand-900 h6,
.bg-brand-800 h1, .bg-brand-800 h2, .bg-brand-800 h3,
.bg-brand-800 h4, .bg-brand-800 h5, .bg-brand-800 h6 {
    color: #ffffff;
}

/* ── Footer: force no bullets regardless of parent theme styles ── */
footer ul,
footer ul li,
footer ol,
footer ol li {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* ──────────────────────────────────────────────────────────────
   Gradient text (canonical rule — overrides per-template inline
   definitions because style.css loads via wp_head() after them).

   Fix: italic glyphs (e.g. <dfn> and .italic spans inside
   .gradient-text) have right-side overhang that extends past
   the character bounding box. Because -webkit-background-clip:
   text clips the gradient to that box, the overhang renders
   transparent (the letter appears clipped) AND the tail visually
   overlaps the following non-italic word on the same line.

   Fix approach:
   1. Generous right padding so the clipped gradient box extends
      past the italic overhang of the final glyph, keeping the
      letter fully rendered.
   2. Matching left padding for italic descender-lean at the
      start of the span.
   3. Margin-right for clean inline separation from the next word
      so "Intelligence Engine" does not visually collide.
   4. box-decoration-break: clone so padding + background are
      applied to every line fragment when the span wraps, not
      just the absolute start/end of the whole span.
   ────────────────────────────────────────────────────────────── */
.gradient-text {
    background: linear-gradient(90deg, #52B4A9 0%, #167984 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.1em 0.3em 0.2em 0.08em;
    margin-right: 0.1em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* <dfn> nested inside .gradient-text (the homepage hero pattern)
   inherits the gradient-clip from its parent span. The parent's
   padding + box-decoration-break handle the overhang, but we
   also remove the default margin on dfn so the padding behaves
   predictably inside tracking-tighter headings. */
.gradient-text dfn,
.gradient-text em,
.gradient-text .italic {
    font-style: italic;
    margin: 0;
}