/* ── Google Fonts ─────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;700&display=swap');

/* ── Colour variables ─────────────────────────────────────────────────────── */
:root {
	--md-bg:         #F7F3EE;
	--md-text:       #2A2A2A;
	--md-red:        #8C3A2E;
	--md-red-hover:  #6E2D23;
	--md-tan:        #C4956A;
	--md-nav-bg:     #2A2A2A;
	--md-nav-text:   #F7F3EE;
	--md-border:     #E0D8CF;
}

/* ── Base ─────────────────────────────────────────────────────────────────── */
body {
	background-color: var(--md-bg);
	color: var(--md-text);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.75;
}

/* Override GeneratePress white everywhere */
:root {
	--base-3: #F7F3EE !important;
	--base-2: #F7F3EE !important;
	--base:   #EDE8E1 !important;
}

body,
.site,
.site-content,
.site-main,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.inside-page-header,
.sidebar .widget,
.footer-widgets {
	background-color: #F7F3EE !important;
}

/* ── Headings ─────────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	color: var(--md-text);
	line-height: 1.25;
}

h1 { font-size: 2.4rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.4rem; }

/* ── Links ────────────────────────────────────────────────────────────────── */
a {
	color: var(--md-red);
	text-decoration: none;
}
a:hover {
	color: var(--md-red-hover);
	text-decoration: underline;
}

/* ── Navigation ───────────────────────────────────────────────────────────── */
.site-header,
.main-navigation,
#site-navigation {
	background-color: var(--md-nav-bg) !important;
}

.main-navigation a,
.main-navigation ul li a {
	color: var(--md-nav-text) !important;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0 16px !important;
}

.main-navigation a:hover,
.main-navigation ul li a:hover {
	color: var(--md-tan) !important;
	text-decoration: none !important;
}

/* Mobile menu toggle (hamburger icon) */
.site-header .menu-toggle,
.site-header .menu-toggle:hover,
.site-header .menu-toggle:active,
.site-header .menu-toggle:focus,
.site-header button.menu-toggle,
.site-header button.menu-toggle:hover,
#site-navigation .menu-toggle,
#site-navigation button.menu-toggle {
	color: #F7F3EE !important;
	fill: #F7F3EE !important;
}

.site-header .menu-toggle .gp-icon,
.site-header .menu-toggle .gp-icon svg,
.site-header .menu-toggle .gp-icon svg path,
#site-navigation .menu-toggle .gp-icon svg {
	color: #F7F3EE !important;
	fill: #F7F3EE !important;
}

.site-header .menu-toggle .mobile-menu,
#site-navigation .menu-toggle .mobile-menu {
	color: #F7F3EE !important;
}

/* Site title */
.main-title a,
.main-title a:visited,
.main-title a:hover,
.site-title a,
.site-title a:visited,
.site-title a:hover {
	color: #F7F3EE !important;
	font-family: 'Playfair Display', serif;
	font-size: 1.4rem;
	text-decoration: none !important;
}

/* Logo sizing */
.site-logo img,
.custom-logo {
	max-height: 72px !important;
	width: auto !important;
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
	background-color: var(--md-red) !important;
	color: #fff !important;
	border: none;
	border-radius: 3px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 12px 28px;
	transition: background-color 0.2s ease;
}

.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--md-red-hover) !important;
	text-decoration: none !important;
}

/* ── Content area ─────────────────────────────────────────────────────────── */
.entry-content,
.page-content {
	max-width: 100%;
}

/* ── Post titles ──────────────────────────────────────────────────────────── */
.entry-title a {
	color: var(--md-text);
}
.entry-title a:hover {
	color: var(--md-red);
	text-decoration: none;
}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.site-footer,
.site-info,
.inside-site-info {
	background-color: var(--md-nav-bg) !important;
	color: var(--md-nav-text) !important;
	font-size: 0.85rem;
}

.site-info {
	border-top: 3px solid var(--md-red);
}

.site-footer a,
.site-info a {
	color: var(--md-tan) !important;
}

/* ── Horizontal rules + borders ───────────────────────────────────────────── */
hr {
	border-color: var(--md-border);
}

/* ── Instagram nav icon ───────────────────────────────────────────────────── */
.nav-instagram a {
	display: flex !important;
	align-items: center;
	color: var(--md-nav-text) !important;
	padding: 0 16px !important;
	transition: color 0.2s ease;
}

.nav-instagram a:hover {
	color: var(--md-tan) !important;
}

.nav-instagram svg {
	display: block;
}

/* ── Portfolio grid (title colour tweak) ──────────────────────────────────── */
.portfolio-item-title {
	font-family: 'Playfair Display', serif;
	font-size: 0.9rem;
}