/* Additional custom styles for Nadine's Hair Studio */

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Custom font loading */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v24/nuFiD-vYZM3xj8g3MFPY0aDGbE58.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    src: local('Playfair Display Medium'), local('PlayfairDisplay-Medium'), url(https://fonts.gstatic.com/s/playfairdisplay/v24/nuFiD-vYZM3xj8g3MFPY0aDGbE58.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    src: local('Playfair Display SemiBold'), local('PlayfairDisplay-SemiBold'), url(https://fonts.gstatic.com/s/playfairdisplay/v24/nuFiD-vYZM3xj8g3MFPY0aDGbE58.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://fonts.gstatic.com/s/playfairdisplay/v24/nuFiD-vYZM3xj8g3MFPY0aDGbE58.woff2) format('woff2');
    font-display: swap;
}

/* Lato font loading */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    src: local('Lato Medium'), local('Lato-Medium'), url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjx4wXiWtFCfQ7A.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    src: local('Lato SemiBold'), local('Lato-SemiBold'), url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjx4wXiWtFCfQ7A.woff2) format('woff2');
    font-display: swap;
}

/* Ensure all text is readable */
.text-emerald-900 {
    color: #064e3b;
}

.text-emerald-800 {
    color: #065f46;
}

.text-emerald-700 {
    color: #047857;
}

.text-emerald-600 {
    color: #059669;
}

.text-cream-900 {
    color: #746553;
}

.text-cream-800 {
    color: #8c7a64;
}

.text-cream-700 {
    color: #a89479;
}

.text-cream-200 {
    color: #f5f0e8;
}

.text-cream-100 {
    color: #faf8f3;
}

.text-cream-50 {
    color: #fdfcf8;
}

/* Ensure buttons have proper contrast */
.btn-primary {
    background: linear-gradient(135deg, #065f46, #047857);
    color: #fdfcf8;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #047857, #059669);
    color: #fdfcf8;
}

.btn-secondary {
    border: 2px solid #d4c3ab;
    color: #065f46;
    background: transparent;
}

.btn-secondary:hover {
    background: #065f46;
    border-color: #065f46;
    color: #fdfcf8;
}

/* Service cards */
.service-card {
    background: #ffffff;
    border: 1px solid #f5f0e8;
}

.service-card:hover {
    border-color: #065f46;
}

/* Testimonial cards */
.testimonial-card {
    background: linear-gradient(135deg, #faf8f3, #f5f0e8);
    border: 1px solid #ece4d6;
}

/* Navigation */
#navbar {
    background: rgba(253, 252, 248, 0.95);
    backdrop-filter: blur(10px);
}

#navbar.scrolled {
    box-shadow: 0 4px 20px rgba(6, 78, 59, 0.1);
}

/* Mobile menu */
.mobile-menu {
    background: #fdfcf8;
    border-left: 1px solid #f5f0e8;
}

/* Form inputs */
input, textarea, select {
    background: #fdfcf8;
    border: 1px solid #ece4d6;
    color: #3d372e;
}

input:focus, textarea:focus, select:focus {
    background: #ffffff;
    border-color: #065f46;
}

/* Placeholder text */
input::placeholder, textarea::placeholder {
    color: #a89479;
}

/* Success message */
#form-success {
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    color: #064e3b;
}

/* Footer links */
footer a {
    color: #f5f0e8;
}

footer a:hover {
    color: #ffffff;
}

/* Ensure all links are readable */
a {
    text-decoration: none;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Print styles */
@media print {
    .hero-gradient,
    .float,
    .reveal {
        display: none !important;
    }
    
    body {
        color: #000000;
        background: #ffffff;
    }
    
    .service-card,
    .testimonial-card,
    .bg-white {
        box-shadow: none;
        border: 1px solid #cccccc;
    }
}