/* ===== THERA FOUNDATION SYSTEM ===== */
/* Lightweight foundation layer for body/button/mobile fit.
   Keep this small and additive; do not turn it into module-specific CSS. */

:root {
  --ths-heading: #17324d;
  --ths-body: #6f6258;
  --ths-accent: #b78645;
  --ths-cta-primary: #d4a64a;
  --ths-cta-secondary: #c0392b;
}

body {
  color: var(--ths-body);
  font-size: 15px;
  line-height: 1.6;
}

h1, h2, h3, h4 {
  color: var(--ths-heading);
  line-height: 1.3;
}

.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  font-size: 14px;
  padding: 10px 16px;
  border-radius: 6px;
  line-height: 1.2;
  max-width: 100%;
}

.button,
button {
  white-space: normal;
  word-break: break-word;
}

.btn-primary,
.button.primary,
.button.is-primary,
input[type="submit"].primary {
  background: var(--ths-cta-primary);
  color: #fff;
}

.btn-secondary {
  background: var(--ths-cta-secondary);
  color: #fff;
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  .button,
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
    font-size: 13px;
    padding: 8px 12px;
  }
}

/* PHASE 1 MOBILE PATCH */
@media(max-width:768px){
  .booking-layout{display:flex!important;flex-direction:column!important;}
  .booking-right{position:relative!important;top:auto!important;}
  .summary-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:999;padding:12px;}
  .service-chip{font-size:16px!important;padding:10px 14px!important;margin:4px;}
}