@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');

/* DM Sans on text only – no bold, no layout changes */
body { font-family: 'DM Sans', sans-serif !important; font-weight: 400 !important; color: #1e2337 !important; }
h1, h2, h3, .service-name, .step-title { font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; color: #c8a373 !important; }

/* Progress bar text visible – main + sub-headings white/gold */
#steps-container .step-label, #steps-container .step-description, #steps-container small { color: #ffffff !important; font-family: 'DM Sans', sans-serif !important; }
#steps-container .active .step-label { color: #c8a373 !important; }

/* Gold buttons – color and font only, no size/padding changes */
.btn, .sb-button, button[type="submit"], .sb-prev-month, .sb-next-month { background-color: #c8a373 !important; color: #1e2337 !important; font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; border-radius: 6px !important; }

/* Keep arrows visible – no overrides */
.sb-prev-month::before, .sb-next-month::before { background: none !important; color: #1e2337 !important; opacity: 1 !important; }

/* Selected items dark green */
.time-slot.selected, .service-item.selected { background-color: #183b3f !important; color: #ffffff !important; }

/* Progress bar sub-headings – brighter white + forced DM Sans (extra targets) */
#steps-container .step-description,
#steps-container small,
#steps-container .subtitle,
#steps-container .provider-name,
#steps-container .step-small,
#steps-container .step-subtext,
.steps-container .step-info {
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
