/* ===== Palette ===== */
:root{
  --cream: #F4EFE6;
  --sage:  #4F6461;
  --text:  #2B2B2B;
  --muted: #7A8288;
  --pink:  #B07A8C;
}

/* ===== Base page ===== */
html, body{
  background: var(--cream) !important;
  color: var(--text) !important;
}

body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* ===== Content links ===== */
.page__content a{
  color: var(--sage) !important;
  text-decoration: none;
}
.page__content a:hover{
  text-decoration: underline;
}

/* ===== Buttons ===== */
.btn, .btn:visited{
  background: var(--sage) !important;
  color: var(--cream) !important;
  border: 0 !important;
}
.btn:hover{
  opacity: 0.9;
}

/* =========================================================
   MASTHEAD / TOP NAV
   ========================================================= */
.masthead,
.masthead__inner-wrap,
.masthead__menu,
.greedy-nav,
.greedy-nav .visible-links,
.greedy-nav .hidden-links{
  background: var(--sage) !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Nav links */
.masthead a,
.masthead a:visited,
.greedy-nav a,
.greedy-nav a:visited{
  color: var(--text) !important;
}
.masthead a:hover,
.greedy-nav a:hover{
  opacity: 0.85;
}

/* Hide text site title (since you’re using a logo) */
.masthead .site-title{
  display: none !important;
}

/* Optional: spacing tweak for nav row (keep/remove to taste) */
.masthead__menu ul{
  margin-left: 20vw !important;
}

/* =========================================================
   TYPOGRAPHY
   ========================================================= */
h1, h2, h3, h4,
.page__title,
.archive__subtitle,
.page__content h1,
.page__content h2,
.page__content h3{
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: var(--sage) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Title sizing */
.page__title, h1{
  font-size: 2.2rem !important;
}

/* Big section headings */
.page__content h2{
  font-size: 2.2rem !important;
  letter-spacing: 0.08em;
  line-height: 1.15;
  margin-top: 2.2rem;
  margin-bottom: 0.8rem;
  font-weight: 500 !important;
}

.page__content h3{
  font-size: 1.6rem !important;
  letter-spacing: 0.06em;
  margin-top: 1.2rem;
  font-weight: 500 !important;
}

/* Paragraph readability */
.page__content p{
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

/* Subtle divider */
.page__content hr{
  border: 0;
  border-top: 1px solid rgba(79,100,97,0.18);
}

/* =========================================================
   SIDEBAR
   ========================================================= */
.author__name{
  color: var(--pink) !important;
}

/* Social icons: align text + icon */
.author__urls-wrapper a,
.author__urls a,
.social-icons a{
  display: inline-flex !important;
  align-items: center !important;
}

/* Sidebar SVG sizing */
.author__urls.social-icons li a svg.social-svg{
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  display: inline-block !important;
  vertical-align: -2px !important;
  margin-right: 8px !important;
  fill: currentColor !important;
}

/* Sidebar icons/text color (grey but not “faded photo”) */
.author__urls.social-icons li a i,
.author__urls.social-icons li a svg.social-svg{
  color: var(--muted) !important;
  fill: currentColor !important;
}

/* =========================================================
   REMOVE HERO
   ========================================================= */
.page__hero,
.page__hero--overlay,
.page__hero--large{
  display: none !important;
}

/* Remove extra spacing hero can leave behind */
.page__content{
  padding-top: 0 !important;
}

/* =========================================================
   FOOTER
   ========================================================= */
.page__footer{
  background: var(--sage) !important;
  color: var(--cream) !important;
  border-top: none !important;
}
.page__footer a,
.page__footer a:visited{
  color: var(--cream) !important;
}
.page__footer a:hover{
  opacity: 0.85;
}

/* =========================================================
   FIX: AUTHOR PHOTO FADE (theme was filtering a parent)
   ========================================================= */
.sidebar,
.sidebar *{
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* ===== Safer homepage text-width fix ===== */
/* Keep the theme layout intact. Only let the written content use more width. */

@media (min-width: 64em) {
  .layout--single .page__inner-wrap {
    max-width: 100% !important;
  }

  .layout--single .page__content {
    max-width: 100% !important;
  }

  .layout--single .page__content p,
  .layout--single .page__content li,
  .layout--single .page__content dl {
    max-width: 100% !important;
  }
}

/* ===== Homepage: make intro column wider on desktop ===== */
@media (min-width: 80em) {
  .layout--single .page {
    width: calc(100% - 260px) !important;
    padding-right: 2rem !important;
  }

  .layout--single .page__inner-wrap {
    max-width: 100% !important;
  }

  .layout--single .page__content {
    max-width: 100% !important;
  }
}

@media (max-width: 79.9375em) {
  .layout--single .page {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .layout--single .page__inner-wrap,
  .layout--single .page__content {
    max-width: 100% !important;
  }
}

/* ===== Reduce empty space before footer on homepage ===== */
.layout--single .page {
  padding-bottom: 1rem !important;
}

.layout--single .page__content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.layout--single .page__content > *:last-child {
  margin-bottom: 0 !important;
}

.page__footer {
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
}

/* ===== Homepage: tighten gap before footer ===== */
.layout--single .page {
  padding-bottom: 0 !important;
}

.layout--single .page__inner-wrap {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.layout--single .page__content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.layout--single .page__content > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.page__footer {
  margin-top: 0 !important;
  padding-top: 0.5rem !important;
}

.page__footer footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}