/* EDIT Public Portal — shared design tokens + premium canvas v3.0 */

html {
  background: var(--edit-canvas, #f8f4ee);
}

body {
  font-family: var(--edit-font-body, Inter, ui-sans-serif, system-ui, sans-serif);
  color: var(--edit-ink, #29251f);
  background: var(--edit-canvas, #f8f4ee);
}

.edit-button {
  background: var(--edit-ink, #29251f);
  border-color: var(--edit-ink, #29251f);
  border-radius: var(--edit-radius-md, 10px);
}

.edit-button.secondary {
  background: var(--edit-surface, #fff);
  color: var(--edit-ink, #29251f);
  border-color: var(--edit-line, #e7e1d8);
}

.public-directory,
.clinic-public-page,
.booking-page-v2,
.lux-public-shell {
  background: var(--edit-canvas, #f8f4ee);
}

.directory-header,
.lux-site-header,
.lux-booking-header {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: var(--edit-line, #e7e1d8);
}

.directory-hero {
  background: linear-gradient(160deg, var(--edit-canvas, #f8f4ee) 0%, var(--edit-accent-soft, #e8d7c1) 100%);
}

.directory-search-button,
.lux-primary,
.lux-header-book {
  background: var(--edit-ink, #29251f);
}

.directory-business-link {
  border-color: var(--edit-line, #e7e1d8);
  border-radius: 999px;
}

.directory-logo img,
.registration-logo {
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

/* Clinic PWA — My account link (kept separate from v2.82 edit.css) */
.clinic-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.clinic-mobile-header > button,
.clinic-header-actions > button,
.clinic-header-actions .clinic-account-link,
.booking-account-portal-link {
  border: 0;
  background: #11110f;
  color: #fff;
  border-radius: 999px;
  padding: 11px 18px;
  font-weight: 750;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  font-size:inherit;
}

.clinic-header-actions .clinic-account-link,
.booking-account-portal-link {
  background: #fff;
  color: #171714 !important;
  border: 1px solid #cfc4b7;
}

.booking-header-actions {
  gap: 6px;
}

.booking-account-signed-in-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

@media (max-width: 820px) {
  .clinic-mobile-header {
    grid-template-columns: 54px 1fr auto;
  }

  .clinic-mobile-header > button,
  .clinic-header-actions > button,
  .clinic-header-actions .clinic-account-link {
    font-size:12px;
    padding: 9px 13px;
  }
}

@media (max-width: 480px) {
  .clinic-mobile-header {
    grid-template-columns: 38px 1fr auto;
  }

  .clinic-header-actions {
    gap: 6px;
  }

  .clinic-mobile-header > button,
  .clinic-header-actions > button,
  .clinic-header-actions .clinic-account-link,
  .booking-account-portal-link {
    padding: 7px 11px;
    font-size:10px;
  }
}