@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap');

/* --- Color variables --- */
:root {
  --diy-ink:    #1a1a18;
  --diy-gold:   #c9a96e;
  --diy-cream:  #fafaf8;
  --diy-muted:  #888780;
  --diy-border: #e0ddd6;
}

/* --- Base --- */
body {
  background-color: var(--diy-cream);
  font-family: 'DM Sans', 'IBM Plex Sans', sans-serif;
}

/* --- Headings --- */
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6,
.entry-title,
.site-title {
  font-family: 'Lora', 'IBM Plex Sans', serif;
  font-weight: 500;
}

/* --- Links --- */
a {
  color: var(--diy-gold);
}
a:hover {
  color: #a8833a;
}

/* --- Header --- */
.site-header {
  background-color: var(--diy-ink) !important;
  border-bottom: 3px solid var(--diy-gold);
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Site title in header */
.site-title a,
.site-title a:link,
.site-title a:visited {
  color: #f0ede4 !important;
  font-family: 'Lora', serif;
}
.site-title a:hover {
  color: var(--diy-gold) !important;
}

/* Tagline */
.site-description {
  color: var(--diy-muted) !important;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
}

/* --- Navigation links --- */
.main-navigation a,
.main-navigation a:link,
.main-navigation a:visited {
  color: #b0ad9f !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
}
.main-navigation a:hover {
  color: var(--diy-gold) !important;
}

/* Social nav (Instagram link) */
.social-navigation a {
  color: #b0ad9f !important;
}
.social-navigation a:hover {
  color: var(--diy-gold) !important;
}

/* --- Post entries on homepage --- */
.site-main > article {
  background: #ffffff;
  border: 0.5px solid var(--diy-border);
  border-radius: 8px;
  padding: 24px 28px;
  transition: border-color 0.15s;
}
.site-main > article:hover {
  border-color: var(--diy-gold);
}

/* Post titles */
.entry-title {
  font-family: 'Lora', serif;
  font-weight: 500;
  font-size: 1.5rem !important;
}
.entry-title a,
.entry-title a:link,
.entry-title a:visited {
  color: var(--diy-ink) !important;
}
.entry-title a:hover {
  color: var(--diy-gold) !important;
  text-decoration: none;
}

/* Post meta (date, author, categories) */
.entry-meta,
.entry-footer {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: var(--diy-muted) !important;
}
.entry-meta a,
.entry-footer a {
  color: var(--diy-muted) !important;
}
.entry-meta a:hover,
.entry-footer a:hover {
  color: var(--diy-gold) !important;
}

/* Category links — make them look like pills */
.cat-links a,
.entry-footer .cat-links a {
  background: #f5eedd;
  color: #8a6a2a !important;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* --- Single post content --- */
.entry-content {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: #2a2a28;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-family: 'Lora', serif;
  font-weight: 500;
  color: var(--diy-ink);
  margin-top: 2em;
  padding-top: 0.75em;
  border-top: 0.5px solid var(--diy-border);
}

/* Code blocks */
.entry-content pre,
pre {
  background: var(--diy-ink) !important;
  color: #e0ddd6 !important;
  border-radius: 6px;
  padding: 16px 20px;
  font-size: 0.8rem;
  line-height: 1.65;
  overflow-x: auto;
}
.entry-content code,
code {
  background: #f0ede4;
  color: #7a3c1a;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.82rem;
}
pre code {
  background: none !important;
  color: inherit !important;
  padding: 0;
}

/* Blockquote accent */
.wp-block-quote,
blockquote {
  border-left-color: var(--diy-gold) !important;
}

/* --- Footer --- */
.site-footer,
#colophon {
  background-color: var(--diy-ink);
  color: var(--diy-muted);
  border-top: 3px solid var(--diy-gold);
}
.site-footer a,
#colophon a {
  color: var(--diy-gold) !important;
}
.site-info {
  color: var(--diy-muted) !important;
  font-family: 'DM Sans', sans-serif;
}

/* --- Buttons --- */
button,
input[type=submit],
a.wp-block-button__link,
.wp-block-file__button {
  background-color: var(--diy-gold) !important;
  color: var(--diy-ink) !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  border-radius: 4px !important;
}
button:hover,
input[type=submit]:hover,
a.wp-block-button__link:hover {
  background-color: #a8833a !important;
}

/* --- Responsive tweaks --- */
@media (max-width: 640px) {
  .site-header {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .site-main > article {
    padding: 16px 18px;
  }
}

/* Fix menu — hide expanded list on mobile by default */
.main-navigation > div {
  display: none !important;
}
.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
  display: block !important;
}

/* Show menu items inline on desktop */
@media only screen and (min-width: 560px) {
  .main-navigation > div {
    display: inline-block !important;
  }
}

/* Hide mobile menu toggle on desktop */
@media only screen and (min-width: 560px) {
  #toggle-menu,
  #toggle {
    display: none !important;
  }
}

/* Horizontal navigation on desktop */
@media only screen and (min-width: 560px) {
  .main-navigation .main-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0 1.5rem;
    align-items: center;
  }
  .main-navigation .main-menu li {
    display: inline-block;
  }
  .main-navigation .main-menu a {
    display: block;
    padding: 0.4rem 0;
    white-space: nowrap;
  }
}

/* Remove bullet from social links */
.social-links-menu {
  list-style: none;
  margin: 0;
  padding: 0;
	
	/* Fix post/page title colour */
	.single .entry-title,
	.page .entry-title {
		  color: var(--diy-ink) !important;
	}
	}
}