/* Maria’s Budapest — approved brand identity v1
 * Owner-approved 2026-08-15.
 * Primary palette: chocolate #2E1F18, terracotta #C8644A, soft beige #F4ECE4.
 * Wordmark artwork is outlined SVG; no webfont dependency.
 */
:root{
  --brand-chocolate:#2E1F18;
  --brand-terracotta:#C8644A;
  --brand-beige:#F4ECE4;
  --ink:var(--brand-chocolate);
  --paper:var(--brand-beige);
  --terra:var(--brand-terracotta);
}

/* Approved web-first wordmark replaces the legacy script treatment without
   removing accessible brand text from the document. The source SVG retains
   generous brand-board whitespace, so the header crops it optically. */
.mb-brand{
  position:relative;
  display:block;
  flex:0 0 auto;
  width:184px;
  height:66px;
  min-width:0;
  background-image:url("brand/marias-budapest-logo.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:136% auto;
}
.mb-brand .mb-brand-script,
.mb-brand .mb-brand-city{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  transform:none!important;
}

/* Keep the approved mark legible against the dark footer. */
.mb-brand-footer{
  width:184px;
  height:70px;
  padding:5px 10px;
  border-radius:8px;
  background-color:var(--brand-beige);
  background-origin:content-box;
  background-clip:border-box;
}

/* Brand application: keep action colour restrained and high-contrast. */
.mb-btn-primary{background:var(--brand-terracotta);border-color:var(--brand-terracotta)}
.mb-btn-primary:hover{background:#A94E38;border-color:#A94E38}
.mb-kicker,.mb-eyebrow,.mb-text-link,.mb-easy-label{color:var(--brand-terracotta)}
.mb-proof-icon{border-color:var(--brand-terracotta);color:var(--brand-terracotta)}
.mb-outcome-band{background:linear-gradient(120deg,#2E1F18,#5A3327)}
.mb-footer{background:var(--brand-chocolate)}

/* Real EN/HU control: compact, explicit and accessible. */
.mb-languages{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.mb-languages a{text-decoration:none;color:var(--muted);padding:6px 2px;border-bottom:1px solid transparent}
.mb-languages a[aria-current="page"]{color:var(--brand-chocolate);border-bottom-color:var(--brand-terracotta)}
.mb-languages span{color:rgba(46,31,24,.35);margin:0}

/* Price & trust: evidence-led, no fake review badge. */
.mb-trust-section{background:#fffaf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mb-trust-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);column-gap:58px;align-items:end;margin-bottom:36px}
.mb-trust-intro .mb-eyebrow{grid-column:1/-1}
.mb-trust-intro h2{margin:0;font-size:clamp(2.2rem,3.2vw,3.45rem)}
.mb-trust-intro>p:not(.mb-eyebrow){margin:0 0 6px;color:var(--muted);max-width:620px}
.mb-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--white)}
.mb-trust-grid article{padding:34px 32px;min-height:230px}
.mb-trust-grid article+article{border-left:1px solid var(--line)}
.mb-trust-grid article>span{display:inline-block;color:var(--brand-terracotta);font-size:.72rem;font-weight:900;letter-spacing:.12em;margin-bottom:32px}
.mb-trust-grid h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:400;line-height:1.15;margin:0 0 12px}
.mb-trust-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}

/* Legal/privacy scaffolding. Draft until verified operator identifiers exist. */
.mb-legal-page{min-height:100vh;background:var(--brand-beige);color:var(--brand-chocolate);padding:54px 0 90px}
.mb-legal-shell{max-width:900px}
.mb-legal-page .mb-brand{margin-bottom:54px}
.mb-legal-page h1,.mb-legal-page h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}
.mb-legal-page h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;margin:0 0 42px}
.mb-legal-page h2{font-size:1.65rem;margin:38px 0 12px}
.mb-legal-page p{max-width:760px;color:var(--muted);line-height:1.7}
.mb-legal-warning{border-left:4px solid var(--brand-terracotta);background:#fffaf6;padding:22px 24px;margin:0 0 36px}
.mb-legal-warning strong{display:block;margin-bottom:5px}
.mb-legal-warning p{margin:0}
.mb-legal-data{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:0;border-top:1px solid var(--line);margin-top:20px}
.mb-legal-data dt,.mb-legal-data dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line)}
.mb-legal-data dt{font-weight:800}.mb-legal-data dd{color:var(--muted)}
.mb-checkbox a{color:var(--brand-chocolate);text-decoration:underline;text-underline-offset:2px}

@media(max-width:1080px){
  .mb-brand{width:166px;height:60px}
  .mb-trust-intro{grid-template-columns:1fr;gap:16px}
}
@media(max-width:820px){
  .mb-trust-grid{grid-template-columns:1fr}
  .mb-trust-grid article{min-height:auto}
  .mb-trust-grid article+article{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:720px){
  .mb-brand{width:142px;height:52px}
  .mb-brand-footer{width:166px;height:64px}
  .mb-languages{display:flex}
  .mb-trust-grid article{padding:28px 24px}
  .mb-trust-grid article>span{margin-bottom:20px}
  .mb-legal-page{padding:34px 0 64px}
  .mb-legal-page .mb-brand{margin-bottom:38px}
  .mb-legal-data{grid-template-columns:1fr}
  .mb-legal-data dt{padding-bottom:4px;border-bottom:0}
  .mb-legal-data dd{padding-top:4px}
}