/* TownePlace Suites Los Angeles LAX/Manhattan Beach · hosted site styles. Base design system is inlined per page; brand-finish appends the client's rendered brand below. */


/* ══ cloute brand-finish (auto) ══ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@300;400;500;600;700;800&family=Source+Sans+3:wght@300;400;500;600;700;800&display=swap');
:root{
  --bf-masthead-bg:rgb(255, 255, 255); --bf-masthead-fg:rgb(28, 28, 28);
  --bf-nav-bg:rgb(255, 255, 255); --bf-nav-fg:rgb(28, 28, 28);
  --bf-btn-bg:rgb(0, 52, 73); --bf-btn-fg:rgb(255, 255, 255);
  --bf-accent:rgb(0, 52, 73);
  --bf-body-bg:rgb(255, 255, 255); --bf-text:rgb(28, 28, 28);
  --bf-link:rgb(0, 52, 73); --bf-border:rgb(226, 226, 224);
}
/* Chrome (masthead + nav) */
.masthead, .site-header{background:var(--bf-masthead-bg) !important;color:var(--bf-masthead-fg) !important}
.masthead .brand__name, .masthead .brand__sub, .site-wordmark, .site-header .brand, .site-header .brand *{color:var(--bf-masthead-fg) !important}
.brand__rule, h2 + .rule{background:var(--bf-accent) !important}
.nav, .site-nav{background:var(--bf-nav-bg) !important}
.nav a, .site-nav a{color:var(--bf-nav-fg) !important}
.nav a.is-active, .site-nav a.active{border-bottom-color:var(--bf-accent) !important}
/* Body surface + copy — match the client's real page look */
body, main, .content{background:var(--bf-body-bg) !important;color:var(--bf-text) !important;font-family:'Source Sans 3', system-ui,sans-serif !important}
main p, main li, main dd, main dt, .content p, .content li{color:var(--bf-text) !important}
main a, .content a{color:var(--bf-link) !important}
.card, [class*="card"], .panel, main section, main table, main input{border-color:var(--bf-border) !important}
/* Primary CTA — color + real shape */
.btn--primary, .btn.primary, a[href^="tel:"]{background:var(--bf-btn-bg) !important;color:var(--bf-btn-fg) !important;border-radius:52px !important}
/* Ghost CTA (Official site) — the base theme draws it near-white for a dark
   masthead; on a light client masthead (Marriott, Hilton) that is white on
   white, so it follows the masthead foreground instead. */
.masthead .btn--ghost, .site-header .btn--ghost{color:var(--bf-masthead-fg) !important;border-color:var(--bf-masthead-fg) !important;background:transparent !important;border-radius:52px !important}
/* Headings — client's display face + weight */
h1,h2,h3,h4,.brand__name,.site-wordmark{font-family:'Fraunces', var(--font-head, sans-serif) !important;font-weight:500}
/* Mixed-case headings — the client page does not set its titles in caps */
h1,h2,h3,h4,.brand__name,.site-wordmark,.hero-id h1,.stat-value{text-transform:none !important;letter-spacing:0 !important}
/* ══ end cloute brand-finish ══ */