/*
Theme Name: Mie Properties (Astra Child)
Template: astra
Description: Brand styling for mieproperties.co.uk - built on Astra, self-hosted fonts, brand blue sampled from the original logo.
Version: 1.0.9
Author: Mie Properties
*/

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/fraunces-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/worksans-400.woff2') format('woff2');
}

:root {
  --mie-blue: #005FBF;
  --mie-blue-dark: #00447F;
  --mie-ink: #1E2A33;
  --mie-bg: #FAF8F5;
  --mie-bg-alt: #F1EEE9;
  --mie-border: #E3DED6;
}

/* !important below overrides Astra's own dynamic Customizer-generated CSS,
   which prints as a large inline <style> block whose position in <head>
   isn't reliably after this stylesheet - see JeyKettle-Host vault notes. */
body {
  background-color: var(--mie-bg) !important;
  color: var(--mie-ink) !important;
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 700;
  color: var(--mie-ink) !important;
}

.entry-header,
.entry-title {
  text-align: center !important;
}

.wp-block-gallery .blocks-gallery-grid {
  justify-content: center;
}

.wp-block-gallery {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

a,
.ast-header-navigation a,
.entry-content a {
  color: var(--mie-blue) !important;
}

a:hover,
.ast-header-navigation a:hover {
  color: var(--mie-blue-dark) !important;
}

.site-header,
.ast-above-header,
.ast-below-header {
  background-color: var(--mie-bg) !important;
  border-color: var(--mie-border) !important;
}

.ast-button,
button,
.wp-block-button__link {
  background-color: var(--mie-blue);
  border-color: var(--mie-blue);
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  border-radius: 6px;
}

.ast-button:hover,
button:hover,
.wp-block-button__link:hover {
  background-color: var(--mie-blue-dark);
  border-color: var(--mie-blue-dark);
}

/* generous section spacing, 2026-professional feel over Astra's tighter default */
.ast-container,
.entry-content > * {
  max-width: 100%;
}

.entry-content > * + * {
  margin-top: 1.5em;
}

.site-header .custom-logo-link img,
.site-logo-img {
  max-height: 56px;
  width: auto;
}

/* logo already carries the brand mark - the separate text title next to it is redundant */
.ast-site-title-wrap {
  display: none;
}

/* nav items were oversized (16px links, 16px horizontal padding, tall header) */
.main-header-menu a.menu-link {
  font-size: 13px !important;
  padding: 0 8px !important;
  line-height: 32px !important;
}

.main-header-menu {
  row-gap: 2px;
}

.site-header,
.ast-above-header-wrap {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
