/*
Theme Name:   Blue50 Foundation
Theme URI:    https://blue50.ca/
Description:  Child theme of Twenty Twenty-Four carrying the Blue50 brand shell (teal header/footer, full-width pages, no sidebar) so the site's custom-styled pages render exactly as they did under Divi.
Author:       Blue50 Nails & Spa
Template:     twentytwentyfour
Version:      1.0.2
Text Domain:  blue50-foundation
*/

/* Brand tokens (same set the site's custom pages use) */
:root {
--b50-teal: #1A6B6E;
--b50-teal-deep: #14504F;
--b50-teal-darker: #0E3534;
--b50-champagne: #B8956A;
--b50-champagne-hover: #A07D55;
--b50-bg-alt: #F7F5F2;
--b50-text: #1C1C1C;
--b50-muted: #6B6560;
}

body {
font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
color: var(--b50-text);
}

/* Header shell */
.b50-header {
background: var(--b50-teal-darker);
position: sticky;
top: 0;
z-index: 95;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
}

.b50-header-inner {
max-width: 1200px;
margin: 0 auto;
min-height: 60px;
padding: 0 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}

.b50-wordmark {
font-family: 'League Spartan', sans-serif;
font-weight: 500;
font-size: 1.45rem;
letter-spacing: 0.12em;
text-transform: lowercase;
color: #fff;
text-decoration: none;
line-height: 1.05;
}

.b50-wordmark small {
display: block;
font-size: 0.55rem;
letter-spacing: 0.35em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.75);
}

.b50-nav {
display: flex;
gap: 2rem;
}

.b50-nav a {
color: rgba(255, 255, 255, 0.7);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
transition: color 0.2s;
}

.b50-nav a:hover {
color: var(--b50-champagne);
}

/* Page title (for titled full-width pages, e.g. intern pages) */
.b50-page-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(2rem, 4vw, 3rem);
color: var(--b50-text);
max-width: 1200px;
margin: 2.2rem auto 0;
padding: 0 1.5rem;
}

/* Footer shell */
.b50-footer {
background: var(--b50-teal-darker);
padding: 3rem 1.5rem;
text-align: center;
}

.b50-footer .b50-wordmark {
display: inline-block;
margin-bottom: 1.2rem;
}

.b50-footer-nav {
display: flex;
gap: 2rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 1.2rem;
}

.b50-footer-nav a {
color: rgba(255, 255, 255, 0.5);
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
}

.b50-footer-nav a:hover {
color: var(--b50-champagne);
}

.b50-footer-contact {
color: rgba(255, 255, 255, 0.65);
font-size: 0.85rem;
margin-bottom: 1.5rem;
}

.b50-footer-copy {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 1.2rem;
color: rgba(255, 255, 255, 0.3);
font-size: 0.75rem;
letter-spacing: 0.05em;
}

/* Footer normalization - one compact footer on every page */
.b50-footer { padding: 2rem 1.5rem 6.5rem; }
.b50-footer-nav, .b50-footer .b50-footer-nav { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.75rem 1.75rem; justify-content: center; }
@media (max-width: 600px) {
.b50-footer { padding: 1.75rem 1rem 7rem; }
.b50-footer-nav, .b50-footer .b50-footer-nav { gap: 0.6rem 1.25rem; }
}
.b50-footer-links, .b50-footer .b50-footer-links { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 0.75rem 1.75rem !important; justify-content: center !important; }
.b50-footer-links li { display: inline-block !important; }
@media (max-width: 600px) {
.b50-footer-links, .b50-footer .b50-footer-links { gap: 0.6rem 1.25rem !important; }
body .b50-footer { padding-bottom: 7rem !important; }
}
body .b50-footer { padding-bottom: 6.5rem !important; }

/* Hiring popup (#b50hiring) - center horizontally */
#b50hiring { left: 50% !important; right: auto !important; width: min(92vw, 340px) !important; max-width: 92vw !important; transform: translateX(calc(-50% - 16px)) translateY(-50%) !important; }
#b50hiring.b50h-show { transform: translateX(-50%) translateY(-50%) !important; }
@media (prefers-reduced-motion: reduce) {
#b50hiring, #b50hiring.b50h-show { transform: translateX(-50%) translateY(-50%) !important; }
}