/* === Macanese Heritage palette & base tweaks (safe with Elementor) === */
:root{
  --mh-maroon:#6D142A;
  --mh-maroon-700:#4f0f20;
  --mh-brown:#5a3b2e;
  --mh-gold:#c8a96b;
  --mh-ivory:#f7f3e9;
}

html body{
  background-color: var(--mh-ivory);
}

/* Links & accents (Astra + Elementor friendly) */
a{ text-decoration:none; }
a:hover, a:focus{ text-decoration:underline; }

/* Astra header/footer color helpers (only applies if not overridden by Customizer/Elementor) */
.site-header, .main-header-bar{ background: var(--mh-maroon); }
.site-header a, .main-header-bar a{ color:#fff; }
.site-footer{ background: var(--mh-brown); color:#f3f3f3; }
.site-footer a{ color: var(--mh-gold); }

/* Utility classes for heritage callouts */
.mh-callout{
  border-left:4px solid var(--mh-gold);
  padding:.85rem 1rem;
  background:#fff;
}
.mh-muted{ color:#534f4a; }
.mh-accent{ color: var(--mh-maroon); }

/* Buttons (fallback if Elementor buttons use theme styles) */
button, .button, .ast-button, .wp-block-button__link{
  background: var(--mh-maroon);
  color:#fff;
  border-radius:6px;
  padding:.6rem 1rem;
}
button:hover, .button:hover, .ast-button:hover, .wp-block-button__link:hover{
  background: var(--mh-maroon-700);
}

/* Table styling for heritage content lists */
table.mh-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
table.mh-table th, table.mh-table td{
  border:1px solid #e6dfd0;
  padding:.55rem .7rem;
}
table.mh-table thead th{
  background: #efe7d5;
  color:#3b2d25;
}

/* Tooltip color alignment (matches your site tone) */
.tooltip .tooltiptext{
  background-color: var(--mh-maroon);
}