/*
Theme Name: Millennium Rehab
Theme URI: https://example.com/millennium-rehab
Author: AI Assistant
Description: A custom theme for Millennium Rehabilitation Physical Therapy. Matches reference image layout exactly.
Version: 1.0.1
Text Domain: millennium-rehab
*/

:root {
	--primary-blue: #2A5CAA;
	--primary-dark-blue: #1c4280;
	--accent-orange: #F38C20;
	--accent-orange-hover: #d9750d;
	--light-gray: #F4F6F9;
	--text-dark: #333333;
	--text-light: #FFFFFF;
}

body {
    font-family: 'Open Sans', 'Roboto', sans-serif;
    color: var(--text-dark);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: 'Montserrat', 'Roboto', sans-serif;
    font-weight: 700;
}

.text-primary-blue { color: var(--primary-blue) !important; }
.text-accent-orange { color: var(--accent-orange) !important; }

.bg-primary-blue { background-color: var(--primary-blue) !important; }
.bg-accent-orange { background-color: var(--accent-orange) !important; }
.bg-light-gray { background-color: var(--light-gray) !important; }

.btn-primary-blue {
    background-color: var(--primary-blue);
    color: var(--text-light);
    border: none;
    transition: background-color 0.3s ease;
}
.btn-primary-blue:hover {
    background-color: var(--primary-dark-blue);
    color: var(--text-light);
}

.btn-accent-orange {
    background-color: var(--accent-orange);
    color: var(--text-light);
    border: none;
    transition: background-color 0.3s ease;
}
.btn-accent-orange:hover {
    background-color: var(--accent-orange-hover);
    color: var(--text-light);
}

.border-bottom-orange { border-bottom-color: var(--accent-orange) !important; border-bottom-style: solid; }
.symptom-hover { transition: background 0.2s; cursor: pointer; }
.symptom-hover:hover { background: rgba(255,255,255,0.15); }
.hover-accent:hover { color: var(--accent-orange) !important; }

@media (min-width: 992px) {
    .border-end-lg {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
}