/*
Theme Name: The Local Booking
Description: A focused customer portal for The Local Barbershop. Requires the LatePoint customer dashboard block.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: the-local-booking
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
.tlbb-header, .tlbb-main, .tlbb-footer { box-sizing:border-box; width:calc(100% - 96px); max-width:1200px; margin-inline:auto; }
.tlbb-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:28px; border-bottom:1px solid #cec9c0; }
.tlbb-brand { font-size:15px; font-weight:600; line-height:1.2; letter-spacing:.045em; }
.tlbb-brand a { text-decoration:none; }
.tlbb-brand small { display:block; margin-top:6px; font-size:9px; letter-spacing:.17em; font-weight:400; }
.tlbb-header-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 24px; align-items:center; font-size:12px; }
.tlbb-header-links p { margin:0; }
.tlbb-book-link a { display:inline-block; background:#78362f; color:#f2efe8; padding:13px 20px; text-decoration:none; }
.tlbb-main { padding-block:64px 80px; }
.tlbb-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:32px 64px; align-items:end; margin-bottom:40px; }
.tlbb-eyebrow { color:#78362f; font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin:0 0 20px; }
.tlbb-title { font-family:'TLB Instrument',Georgia,serif; font-size:clamp(48px,6.6vw,88px); font-weight:400; line-height:1.02; letter-spacing:-.025em; margin:0; }
.tlbb-title em { color:#78362f; font-weight:400; }
.tlbb-intro-copy { font-size:16px; line-height:1.75; max-width:390px; }
.tlbb-intro-copy p { margin:0 0 14px; }
.tlbb-muted { color:#64625c; font-size:13px; }
.tlbb-customer-area { background:#fff; border:1px solid #cec9c0; border-radius:4px; padding:clamp(16px,3vw,40px); min-height:320px; box-sizing:border-box; }
.tlbb-customer-area > * { max-width:100%; }
.tlbb-help { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; margin-top:22px; font-size:12px; color:#64625c; }
.tlbb-help p { margin:0; }
.tlbb-footer { border-top:1px solid #cec9c0; padding-block:30px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; font-size:12px; line-height:1.8; }
.tlbb-footer p { margin:0; }
.tlbb-footer a, .tlbb-header-links a, .tlbb-help a { text-underline-offset:4px; }
.tlbb-footer-end { text-align:right; }
.tlbb-header a:focus-visible, .tlbb-footer a:focus-visible, .tlbb-main a:focus-visible { outline:2px solid #78362f; outline-offset:5px; }
.tlbb-book-link a:hover { background:#191917; }
@media(max-width:700px) {
 .tlbb-header, .tlbb-main, .tlbb-footer { width:calc(100% - 36px); }
 .tlbb-header { align-items:flex-start; padding-block:20px; gap:16px; }
 .tlbb-brand { font-size:12px; }
 .tlbb-brand small { font-size:8px; }
 .tlbb-header-links { gap:10px; font-size:10px; }
 .tlbb-book-link a { padding:10px 12px; }
 .tlbb-main { padding-block:40px 48px; }
 .tlbb-intro { grid-template-columns:1fr; gap:24px; margin-bottom:26px; }
 .tlbb-intro-copy { max-width:none; font-size:14px; }
 .tlbb-customer-area { padding:12px; }
 .tlbb-footer { grid-template-columns:1fr; gap:18px; }
 .tlbb-footer-end { text-align:left; }
}