/*
 Theme Name:   Salient Child
 Theme URI:    https://i4health.info/
 Description:  Child theme for the Salient WordPress theme
 Author:       i4Health
 Author URI:   https://i4health.info/
 Template:     salient
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  salient-child
*/

/*
 * Add your custom styles below this line
 * These styles will override the parent theme styles
 */

/* ========================================
   WCAG Color Contrast Fixes
   ======================================== */

/* Links - WCAG 1.4.3 - Require 4.5:1 contrast - Using brand dark teal */
/* Target ONLY content and footer areas mentioned in accessibility report */
.post-content a,
.entry-content a,
article .entry-content a:not(.nectar-button),
.comment-list a,
.comment-content a,
#footer-outer .widget a,
#footer-outer .copyright a {
    color: #09425a; /* Brand dark teal - 8.77:1 ratio - WCAG AA compliant */
}

/* Link hover states - darker teal for emphasis */
.post-content a:hover,
.post-content a:focus,
.entry-content a:hover,
.entry-content a:focus,
article .entry-content a:hover:not(.nectar-button),
article .entry-content a:focus:not(.nectar-button),
.comment-list a:hover,
.comment-list a:focus,
.comment-content a:hover,
.comment-content a:focus,
#footer-outer .widget a:hover,
#footer-outer .widget a:focus,
#footer-outer .copyright a:hover,
#footer-outer .copyright a:focus {
    color: #062d3d; /* Darker brand teal - 11.85:1 ratio */
}

/* Buttons - WCAG 1.4.11 - UI components need 3:1, text needs 4.5:1 - Using brand dark teal */
/* Only override content area buttons, NOT header/navigation buttons */
.post-content .nectar-button,
.entry-content .nectar-button,
article .entry-content button[type="submit"],
article .entry-content input[type="submit"],
.wpcf7-form input[type="submit"],
.comment-form input[type="submit"],
.comment-form #submit {
    background-color: #09425a; /* Brand dark teal */
    color: #ffffff; /* 8.77:1 ratio - WCAG AA compliant */
    border-color: #09425a;
}

/* Search button text */
.nectar-search-overlay input[type="submit"] {
    color: #000000; /* 21:1 maximum contrast */
}

/* Required field asterisks - WCAG 1.4.3 - Using darker brand orange */
.required,
span.required,
.wpcf7-not-valid-tip,
label .required {
    color: #8f3d14; /* Darker brand orange - 7.42:1 ratio - WCAG AA compliant */
}

/* Hero text on gradients - WCAG 1.4.3 - Using background overlay instead of text-shadow for better legibility */
.nectar-slider-wrap .swiper-slide h1,
.nectar-slider-wrap .swiper-slide h2,
.full-width-section h1,
.full-width-section h2,
#page-header-bg h1,
#page-header-bg h2 {
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
    padding: 0.5em 1em;
    display: inline-block;
    border-radius: 4px;
}

/* ========================================
   WCAG 1.4.1 - Links Distinguishable
   ======================================== */

/* Underline content and footer links only */
.post-content a,
.entry-content a,
article .entry-content a,
.comment-list a,
.comment-content a,
#footer-outer .widget a,
#footer-outer .copyright a {
    text-decoration: underline;
}

/* ========================================
   WCAG 2.4.7 - Visible Focus Indicators
   ======================================== */

/* Navigation menu focus - Using brand dark teal */
#top nav a:focus,
#header-outer nav a:focus,
.sf-menu a:focus {
    outline: 2px solid #09425a;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(9, 66, 90, 0.3);
}

/* Social icons focus - Using brand dark teal */
#social a:focus,
#footer-outer .social a:focus,
#header-secondary-outer #social a:focus {
    outline: 2px solid #09425a;
    outline-offset: 2px;
    border-radius: 50%;
}

/* Form elements focus - Using brand dark teal */
/* Only target forms in content areas, not search or header forms */
.comment-form input:focus,
.comment-form textarea:focus,
.comment-form select:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,
article .entry-content input:focus,
article .entry-content textarea:focus,
article .entry-content select:focus {
    outline: 2px solid #09425a;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(9, 66, 90, 0.3);
}

/* Skip link for keyboard users - Using brand dark teal */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999999;
}

.skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    overflow: visible;
    position: static;
    width: auto;
    background: #09425a; /* Brand dark teal */
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: underline;
}

/* ========================================
   WCAG 1.3.1 & 1.3.2 - Semantic Content
   ======================================== */

/* Ensure decorative pseudo-elements are not read by screen readers */
[class*='icon-']::before,
[class*='icon-']::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Remove CSS-generated quote marks (use semantic HTML instead) */
blockquote::before,
blockquote::after {
    content: none !important;
}

/* Figcaption styling for content blockquotes - WCAG 1.3.1 */
/* Applied by i4health_semantic_blockquotes() filter to blog posts/pages */
.entry-content figure figcaption,
.post-content figure figcaption,
article figure figcaption {
    font-style: italic;
    margin-top: 0.5em;
    font-size: 0.9em;
    color: #666;
}

/* Improve layout stability without CSS - Only apply to content areas, not structural elements */
/* Removed overly aggressive display:block rule that was breaking header layout */