/*
Theme Name: 888Realty Block Theme
Theme URI: https://888realty.com
Author: 888Realty
Description: Fully compliant WordPress block theme for 888Realty with corrected header alignment, global font, homepage cards, unit page styling, and real screenshot.
Version: 1.2.0
Requires at least: 6.6
License: GPL2+
Text Domain: 888realty-block-theme
*/

/* HEADER */
.header-bar { font-family: var(--wp--preset--font-family--system-sans); background:#fff; }
.header-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
}
.header-left .wp-block-site-title a {
  color:#000 !important;
  text-decoration:none;
  font-weight:700;
  font-size:2.25rem; /* increased from 1.5rem */
}
.header-left .header-tagline {
  margin:0;
  color:#444;              /* darker gray for better contrast */
  font-size:1.25rem;       /* larger for presence */
  letter-spacing:0.5px;    /* slight spacing for design polish */
  text-transform:uppercase;/* always uppercase for branding */
}
.header-right .header-phone {
  margin:0;
  color:#8B0000;
  font-weight:700;
  font-size:1.25rem;
}

/* HOMEPAGE CARDS */
.realty-card {
  border:1px solid #ddd;
  border-radius:8px;
  padding:12px 16px;
  margin:0.75rem 0;
  box-shadow:0 1px 3px rgba(0,0,0,0.08);
}
.realty-card h3 { margin-top:0; }
.realty-card p { margin:0.25rem 0; }

/* UNIT PAGES */
.unit-lease-details {
  background:#f9f9f9;
  border-left:4px solid #8B0000;
  padding:12px 16px;
  margin:1.5rem 0;
}
.wp-block-gallery { margin-top:1.5rem; margin-bottom:2rem; }
figure.wp-block-image { text-align:center; margin:1.5rem auto; }

h1 { color:#8B0000; font-size:2rem; margin-bottom:1rem; }
h2 { font-size:1.5rem; margin-top:1.5rem; margin-bottom:0.75rem; }
h3 { font-size:1.2rem; color:#333; margin-top:1.25rem; margin-bottom:0.5rem; }

.has-large-font-size {
  font-size:1.25rem;
  line-height:1.7;
  color:#111;
  margin-top:0.5rem;
  margin-bottom:1.5rem;
}

/* FOOTER */
.wp-block-group p.has-text-align-center {
  color:#777 !important;
  font-size:0.9rem;
}