/*
Theme Name: GeneratePress Child
Theme URI:
Description: Custom child theme for GeneratePress — Practice Care Plus
Author:
Author URI:
Template: generatepress
Version: 1.0.0
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES
   ========================================================================== */

:root {
    --primary: #002050;
    --primary-dark: #001A40;
    --accent: #7A1E2C;
    --accent-soft: #9B2C3B;
    --slate: #334155;
    --muted-slate: #64748B;
    --teal: #0F766E;
    --off-white: #F7F9FC;
    --light-gray: #E7EDF5;
}

/* ==========================================================================
   BASE OVERRIDES
   ========================================================================== */

body {
    background-color: var(--off-white);
    color: var(--slate);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary);
}

/* ==========================================================================
   SCROLL REVEAL ANIMATION — SAFE VERSION
   (Content visible by default; hidden only if JS is confirmed working)
   ========================================================================== */

.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.js-enabled .reveal:not(.active) {
    opacity: 0;
    transform: translateY(30px);
}

.js-enabled .reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   TRANSITION DELAY UTILITIES
   ========================================================================== */

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */

:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff !important;
    background-color: #7a1e2c !important;
}
/* .hover\:text-primary:hover {
    color: #ffffff !important;
} */