/**
 * VitalCaring - Section 504 Compliance CSS
 * Armour Creative
 *
 * Requirements from Laura Hyun:
 * 1. All hyperlinks underlined
 * 2. Light purple body text -> darker
 * 3. Higher contrast throughout
 * 4. Hyperlinks stand out more
 */


/* ==========================================================
   1. UNDERLINE ALL HYPERLINKS
   Buttons and nav items excluded — only content links
   ========================================================== */

/* Content area links */
.entry-content-wrapper a,
.avia-section a:not(.avia-button):not(.avia-menu-text):not([class*="av-icon"]):not(.slide-image),
#footer-page a:not(.avia-button),
.footer_color a:not(.avia-button),
.sidebar a {
    text-decoration: underline !important;
}

/* Exclude nav links, buttons, and icon links from underline */
.av-main-nav a,
.sub_menu a,
.avia-button,
a.av-icon-char,
a.avia-svg-icon,
.slide-image,
.logo a,
.avia-standard-logo a {
    text-decoration: none !important;
}

/* Blog post title links in sliders/grids — underline on hover only */
.slide-entry-title a,
.entry-title a {
    text-decoration: none !important;
}
.slide-entry-title a:hover,
.entry-title a:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   2. DARKEN LIGHT PURPLE BODY TEXT
   Laura: "Light purple text needs to be changed to black
   if it is not a header. Small text in light purple is
   not easy to read."
   ========================================================== */

/* Override Enfold's purple body text color to near-black */
.avia-section p,
.avia-section li,
.avia-section td,
.avia-section span:not(.avia-menu-text),
.avia-section .avia_textblock,
.entry-content-wrapper p,
.entry-content-wrapper li,
.entry-content-wrapper td {
    /* color: #333333 !important;*/
}

/* Keep headers in their purple brand color — that's fine per Laura */
.avia-section h1,
.avia-section h2,
.avia-section h3,
.avia-section h4,
.avia-section h5,
.avia-section h6,
.av-special-heading .av-special-heading-tag {
    /* Leave as-is — headers can stay purple */
}

/* White text on dark backgrounds should stay white */
.avia-section.dark_color p,
.avia-section.dark_color li,
.avia-section.dark_color span,
[style*="background-color: rgb(34, 92, 80)"] p,
[style*="background-color: rgb(34, 92, 80)"] li,
.av-section-color-overlay-wrap p,
.av-section-color-overlay-wrap li,
#hero-slides p,
#hero-slides li,
#hero-slides span,
.footer_color p,
.footer_color li,
.footer_color span,
#footer-page p,
#footer-page li,
#footer-page span {
    color: inherit !important;
}


/* ==========================================================
   3. HIGHER CONTRAST - PURPLE BUTTONS
   Darken the hospice purple button from #7C7EAA to #5A5C88
   ========================================================== */

.avia-button.avia-color-theme-color {
    background-color: #5A5C88 !important;
    border-color: #4A4C78 !important;
}


/* ==========================================================
   4. LINK FOCUS / HOVER STATES
   Make focused and hovered links more visible
   ========================================================== */

a:focus {
    outline: 3px solid #393b67 !important;
    outline-offset: 2px !important;
}

a:hover {
    text-decoration: underline !important;
}

/* Skip to main content link (if added) */
.skip-to-content {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 10000;
    padding: 10px 20px;
    background: #393b67;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.skip-to-content:focus {
    left: 10px;
    top: 10px;
}