/*
Theme Name: HS Helix Child
Theme URI: https://healthcaresuccess.com
Description: Child theme for HS Helix - customize without modifying parent theme
Author: Healthcare Success
Author URI: https://healthcaresuccess.com
Template: hshelix
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hs-helix-child
*/

/**
 * MLPT Custom Color System
 * 
 * Color usage definitions for child theme
 * 
 * @package HS_Helix_Child
 */

/* ==========================================================================
   Brand Colors
   ========================================================================== */

/* Primary: #2F8DDF - Text link hover, Icon color on light */
/* Secondary: #01457F - Text default (headings/body), Secondary button */
/* Accent: #FDA622 - Active input state, Icon color on dark */
/* Gray: #525656 - Input text, Inactive logo, Top navigation font */
/* Dark: #072435 - Text, Button text, Secondary button hover */

/* ==========================================================================
   Custom Variables
   ========================================================================== */

/* Gray 50%: #B5B7B7 - Divider lines */
/* Gray 10%: #F0F1F1 - Top navigation background, Footer background */
/* White: #FFFFFF - Background */
/* Primary 20%: #D9EDFF - Module background, Card background */
/* Primary 10%: #F0F1F1 - Field value select */
/* Accent Dark: #F98D29 - Primary button hover state */

/* ==========================================================================
   Gradients
   ========================================================================== */

/* Primary Button: linear-gradient(143deg, #FDA622 58.16%, #F98D29 93%) */
/* Tagline Bar: linear-gradient(90deg, #072435 0%, #0E4168 100%) */

/* ==========================================================================
   Link Styles
   ========================================================================== */

a {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

a:hover {
  color: var(--wp--preset--color--primary);
  text-decoration: underline;
}

/* ==========================================================================
   Button Styles - Applied via theme.json
   ========================================================================== */

/* Primary buttons use gradient from theme.json */
/* Hover state uses accent-dark from theme.json */

/* Ensure gradient works on all button variations */
.wp-block-button__link:not(.is-style-outline),
.wp-element-button:not(.is-style-outline) {
  color: var(--wp--preset--color--dark, #072435);
}

/* Landing pages excluded from this rule - they use color overrides */
.wp-block-button__link:not(.is-style-outline):hover,
.wp-element-button:not(.is-style-outline):hover,
.wp-block-button__link:not(.is-style-outline):active,
.wp-element-button:not(.is-style-outline):active,
.wp-block-button__link:not(.is-style-outline):focus-visible,
.wp-element-button:not(.is-style-outline):focus-visible {
  color: var(--wp--preset--color--dark, #072435);
}

/* Landing page buttons - allow color overrides */
.single-hs_landing_page .wp-block-button__link:not(.is-style-outline):hover,
.single-hs_landing_page .wp-element-button:not(.is-style-outline):hover,
.single-hs_landing_page .wp-block-button__link:not(.is-style-outline):active,
.single-hs_landing_page .wp-element-button:not(.is-style-outline):active,
.single-hs_landing_page .wp-block-button__link:not(.is-style-outline):focus-visible,
.single-hs_landing_page .wp-element-button:not(.is-style-outline):focus-visible {
  color: inherit;
}

/* Secondary Button - Keep white text on hover */
.wp-block-button.is-style-secondary .wp-block-button__link,
.wp-block-button.is-style-secondary .wp-element-button {
  color: white;
}

.wp-block-button.is-style-secondary .wp-block-button__link:hover,
.wp-block-button.is-style-secondary .wp-element-button:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:active,
.wp-block-button.is-style-secondary .wp-element-button:active,
.wp-block-button.is-style-secondary .wp-block-button__link:focus-visible,
.wp-block-button.is-style-secondary .wp-element-button:focus-visible {
  color: white;
}

/* Secondary Button (Outline Style) */
.wp-block-button.is-style-outline .wp-block-button__link {
  color: var(--wp--preset--color--secondary);
  border: 2px solid var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--background) !important;
  border-color: var(--wp--preset--color--secondary) !important;
}

/* ==========================================================================
   Input/Form Styles
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
  color: var(--wp--preset--color--gray);
  border: 1px solid var(--wp--preset--color--border);
  background-color: var(--wp--preset--color--background);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--wp--preset--color--accent);
  outline-color: var(--wp--preset--color--accent);
}

select {
  background-color: var(--wp--preset--color--primary-10);
}

/* ==========================================================================
   Divider/Border Styles
   ========================================================================== */

hr,
.wp-block-separator {
  border-color: var(--wp--preset--color--gray-50);
}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */

.wp-block-navigation {
  background-color: var(--wp--preset--color--gray-10);
}

.wp-block-navigation a {
  color: var(--wp--preset--color--gray);
}

.wp-block-navigation a:hover {
  color: var(--wp--preset--color--primary);
}

/* ==========================================================================
   Module/Card Backgrounds
   ========================================================================== */

.has-surface-background-color,
.module-background,
.card-background {
  background-color: var(--wp--preset--color--primary-20);
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */

footer,
.wp-block-template-part[data-area="footer"] {
  background-color: var(--wp--preset--color--gray-10);
}

/* ==========================================================================
   Icon Styles
   ========================================================================== */

/* Icon on light backgrounds */
.icon-light {
  color: var(--wp--preset--color--primary);
}

/* Icon on dark backgrounds */
.icon-dark {
  color: var(--wp--preset--color--accent);
}

/* Inactive state */
.icon-inactive {
  color: var(--wp--preset--color--gray);
  opacity: 0.5;
}