/* Shared header/footer styles for the Jobber theme (moved out of inline style attributes for CSP).
   !important keeps the same precedence the inline styles had over bootstrap/style.css. */

/* ---------- Global ---------- */
body { font-family: 'Inter', sans-serif !important; top: 0px !important; }
.skiptranslate > iframe.skiptranslate { display: none !important; visibility: hidden !important; }
body > .header, body > header { display: none !important; }
.back-to-top { bottom: 90px; } /* keep clear of the reCAPTCHA badge */

/* ---------- Header ---------- */
.jn-nav { font-family: 'Inter', sans-serif !important; }
.jn-nav a { text-decoration: none !important; }
.jn-nav-spacer { height: 80px; }

#language-select {
    appearance: none; -webkit-appearance: none;
    background-color: #f8fafc; border: 1px solid #e2e8f0;
    border-radius: 9999px; padding: 6px 32px 6px 28px;
    font-family: 'Inter', sans-serif; font-size: 13px;
    font-weight: 500; color: #334155; cursor: pointer;
    transition: all 0.2s; outline: none;
}
#language-select:hover { background-color: #f1f5f9; border-color: #cbd5e1; }
#language-select:focus { box-shadow: 0 0 0 3px rgba(14,165,233,0.15); border-color: #7dd3fc; }

/* ---------- Footer ---------- */
.jn-footer { font-family: 'Inter', sans-serif !important; }
.jn-footer-icon { color: #0ea5e9 !important; }
.jn-footer-brand { font-weight: 700; font-size: 1.25rem; color: #fff !important; line-height: 1; margin-top: 4px; }
.jn-footer-brand span { color: #0ea5e9 !important; }
.jn-footer-tagline { font-size: 9px; font-weight: 700; color: #9ca3af !important; text-transform: uppercase; letter-spacing: 0.15em; margin-top: 4px; }
.jn-footer-text { color: #9ca3af !important; line-height: 1.75; }
.jn-footer-heading { color: #fff !important; font-weight: 700; margin-bottom: 1.5rem !important; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.875rem !important; }
.jn-footer-links { list-style: none; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 0.75rem; }
.jn-footer-links a { color: #d1d5db !important; text-decoration: none !important; }
.jn-footer-links a:hover { color: #38bdf8 !important; }
.jn-footer-intro { margin-bottom: 1rem !important; color: #9ca3af !important; }
.jn-footer-email { display: inline-flex; align-items: center; color: #38bdf8 !important; text-decoration: none !important; font-weight: 500; font-size: 1.125rem; }
.jn-footer-email:hover { color: #fff !important; }
.jn-footer-email svg { width: 1.25rem; height: 1.25rem; margin-right: 0.5rem; }
.jn-footer-bottom { max-width: 80rem; margin: 3rem auto 0; padding: 2rem 1rem 0; border-top: 1px solid #1f2937; font-size: 0.875rem; color: #6b7280; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; }
.jn-footer-bottom p { margin: 0 !important; }
.jn-footer-legal { display: flex; gap: 1rem; }
.jn-footer-legal a { color: #6b7280 !important; text-decoration: none !important; }
.jn-footer-legal a:hover { color: #fff !important; }