/* ============================================================
   MASTER FINANCIALS — CSS PATCH FILE
   Fixes: Fonts, Hide template modals, Visual polish
   Upload to: public_html/assets/css/mfc-patch.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600;700&display=swap');

/* ── 1. PROFESSIONAL FONTS ─────────────────────────────────
   Replaces the default browser font across entire site
   ──────────────────────────────────────────────────────── */
body,
p, li, td, span, label, input, textarea, select, button,
div, a, blockquote, cite, small, strong, em {
    font-family: 'Outfit', system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .section-title,
.page-title, .slider-title, .hero-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    line-height: 1.15 !important;
}

/* Nav stays clean sans-serif */
nav a, .navbar a, .menu a,
header ul li a,
.top-bar a {
    font-family: 'Outfit', system-ui, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
}

/* Buttons */
.btn, button,
input[type="submit"],
a.btn, .button {
    font-family: 'Outfit', system-ui, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
}

/* Testimonial quotes */
blockquote, .testimonial-text, .quote-text {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
}


/* ── 2. HIDE LEFTOVER TEMPLATE MODALS ──────────────────────
   Hides the Sign In, Register, Search popups that are
   template remnants and make the site look unfinished
   ──────────────────────────────────────────────────────── */

/* Hide search modal */
.modal-search,
#modal-search,
[class*="modal-search"],
section:has(> h2:contains("What are you looking for")),
div:has(> h2:contains("What are you looking for")) {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Sign In modal */
.modal-signin,
#modal-signin,
[class*="modal-login"],
[class*="modal-signin"],
section:has(> h2:contains("Sign In")),
div:has(> h2:contains("Sign In")) {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Register modal */
.modal-register,
#modal-register,
[class*="modal-register"],
section:has(> h2:contains("Register")),
div:has(> h2:contains("Register")) {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Google Maps plain-text URL shown at bottom of pages */
a[href*="maps.google.com/maps/embed"] {
    display: none !important;
}


/* ── 3. BODY & READABILITY IMPROVEMENTS ────────────────────
   Improves line-height, paragraph spacing, and contrast
   ──────────────────────────────────────────────────────── */
body {
    line-height: 1.7 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
    line-height: 1.8 !important;
    margin-bottom: 1rem;
}

/* ── 4. CONTACT FORM IMPROVEMENTS ──────────────────────────
   Makes the contact form inputs look more professional
   ──────────────────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="phone"],
textarea,
select {
    font-family: 'Outfit', system-ui, sans-serif !important;
    font-size: 15px !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    border: 1.5px solid #dde5ea !important;
    transition: border-color 0.25s ease !important;
    outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
}


/* ── 5. FOOTER EMAIL FIX (visual) ───────────────────────────
   Highlights the footer contact area so the full email
   is clearly visible (the PHP fix corrects the actual text)
   ──────────────────────────────────────────────────────── */
footer .footer-contact a,
footer .contact-info a,
footer ul li a[href*="mailto"] {
    color: #c9a84c !important;
    word-break: break-all;
}

/* ── 6. PRINT STYLES ────────────────────────────────────────
   Clean print layout for clients printing your services
   ──────────────────────────────────────────────────────── */
@media print {
    header, footer, nav, .slider, .modal { display: none !important; }
    body { font-size: 12pt; color: #000; }
    a { color: #000; text-decoration: none; }
    h1, h2, h3 { font-family: Georgia, serif !important; }
}