/* supplement.css — clean generic stylesheet for the "monstera" theme markup.
   Original theme CSS (autoptimize cache bundles + theme style.css) was not
   preserved in the Wayback archive; this restores a coherent, readable blog
   layout targeting the real DOM classes/ids used across the site. */

:root{
  --accent:#7e9161;      /* muted sage — fits monstera / slow-living / sustainability */
  --accent-dark:#5f7048;
  --ink:#413b34;
  --muted:#7a7168;
  --line:#e7e1d8;
  --paper:#ffffff;
  --page:#faf8f4;
  --maxw:1140px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--page);color:var(--ink);
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.7;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--accent-dark);text-decoration:none;}
a:hover{color:var(--accent);text-decoration:underline;}

h1,h2,h3,h4,h5,h6{
  font-family:"Playfair Display",Georgia,"Times New Roman",serif;
  color:var(--ink);line-height:1.25;font-weight:700;margin:0 0 .5em;
}
h1{font-size:2.1rem;} h2{font-size:1.6rem;} h3{font-size:1.25rem;}
p{margin:0 0 1.2em;}

/* ---------- top navigation ---------- */
.primary-nav-container{background:var(--paper);border-bottom:1px solid var(--line);}
#site-navigation{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
ul#primary-menu{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:4px;
}
ul#primary-menu li{margin:0;}
ul#primary-menu li a{
  display:block;padding:16px 16px;color:var(--ink);font-size:.8rem;
  font-weight:700;text-transform:uppercase;letter-spacing:.12em;
}
ul#primary-menu li a:hover{color:var(--accent);text-decoration:none;}
.menu-toggle{display:none;}

/* ---------- header / logo ---------- */
#masthead{background:var(--paper);text-align:center;padding:34px 20px 26px;border-bottom:1px solid var(--line);}
.full-logo.site-branding{max-width:var(--maxw);margin:0 auto;}
.site-title,.site-header .site-title{
  font-family:"Playfair Display",Georgia,serif;font-size:2.4rem;margin:0;
}
.site-title a,.site-header a{color:var(--ink);}
.site-description{color:var(--muted);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;}
.header-logo img{margin:0 auto;max-height:120px;width:auto;}

/* ---------- main layout ---------- */
.page,#content{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
#content{display:flex;flex-wrap:wrap;gap:44px;align-items:flex-start;padding-top:36px;padding-bottom:36px;}
#primary{flex:1 1 62%;min-width:0;}
#secondary{flex:1 1 26%;min-width:240px;}

/* Keep accessibility and cookie controls aligned with the main content. */
.skip-link{
  display:block;
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 20px;
}
#cookie-law-info-again{
  left:50% !important;
  right:auto !important;
  width:min(var(--maxw), calc(100% - 40px));
  transform:translateX(-50%);
  box-sizing:border-box;
}

/* ---------- homepage featured gallery ---------- */
.main-gallery.full-slide{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:36px 0;
}
.home-gallery-cell{position:relative;overflow:hidden;border-radius:4px;background:#efeae1;}
.home-gallery-cell .home-gallery-img img{width:100%;height:260px;object-fit:cover;}
.home-gallery-cell .entry-header{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(transparent,rgba(0,0,0,.6));}
.home-gallery-cell .entry-title,.home-gallery-cell .entry-title a{color:#fff;font-size:1.2rem;margin:0;}
.home-gallery-cell .read-more{position:absolute;top:12px;right:12px;}
.home-gallery-cell .read-more a{background:var(--accent);color:#fff;padding:5px 12px;border-radius:2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;}

/* ---------- post list (index / category / archive) ---------- */
.posts-container{margin:0;}
article.index-article{
  display:flex;gap:22px;background:var(--paper);border:1px solid var(--line);
  border-radius:5px;overflow:hidden;margin:0 0 28px;
}
.index-featured{flex:0 0 40%;max-width:40%;}
.index-featured img{width:100%;height:100%;min-height:180px;object-fit:cover;}
.index-featured.mobile-only{display:none;}
.index-content{flex:1 1 auto;padding:22px 24px;min-width:0;}
.index-content .entry-title{font-size:1.4rem;margin:0 0 .3em;}
.index-content .entry-title a{color:var(--ink);}
.index-content .entry-title a:hover{color:var(--accent);text-decoration:none;}
.entry-meta{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;}
.entry-meta a{color:var(--muted);}
.entry-content{color:#57504a;}

/* ---------- single article ---------- */
.single .entry-header{margin:10px 0 20px;}
.single .entry-title{font-size:2.1rem;}
.entry-content h2{margin-top:1.4em;}
.entry-content img{border-radius:4px;margin:1.2em auto;}
.entry-content ul,.entry-content ol{padding-left:1.4em;margin:0 0 1.2em;}
.entry-content blockquote{border-left:3px solid var(--accent);margin:1.4em 0;padding:.4em 1.2em;color:var(--muted);font-style:italic;}

/* read-more buttons */
.read-more a,.more-link,a.btn{
  display:inline-block;background:var(--accent);color:#fff;padding:8px 18px;
  border-radius:2px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
}
.read-more a:hover,.more-link:hover{background:var(--accent-dark);color:#fff;text-decoration:none;}

/* ---------- pagination ---------- */
.navigation.posts-navigation,.navigation.pagination{margin:28px 0;}
.nav-links a{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:2px;margin-right:8px;}
.nav-links a:hover{background:var(--accent);color:#fff;text-decoration:none;border-color:var(--accent);}

/* ---------- sidebar widgets ---------- */
#secondary .widget,#secondary aside{margin:0 0 34px;}
.widget-title,#secondary aside > h2,#secondary .widget h2{
  font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;
  border-bottom:2px solid var(--accent);display:inline-block;padding-bottom:6px;margin-bottom:16px;
}
.aboutme-widget img{border-radius:50%;max-width:150px;margin:0 auto 14px;}
.aboutme-widget{text-align:center;color:var(--muted);font-size:.92rem;}
ul#menu-sidebar,.widget_nav_menu ul,.widget ul{list-style:none;margin:0;padding:0;}
ul#menu-sidebar li,.widget_nav_menu li{border-bottom:1px solid var(--line);}
ul#menu-sidebar li a,.widget_nav_menu li a{display:block;padding:9px 2px;color:var(--ink);}
ul#menu-sidebar li a:hover,.widget_nav_menu li a:hover{color:var(--accent);text-decoration:none;}
.search-form{display:flex;gap:0;}
.search-form input[type=search],.search-field{flex:1;padding:9px 12px;border:1px solid var(--line);border-right:0;font-family:inherit;}
.search-form input[type=submit],.search-submit{background:var(--accent);color:#fff;border:0;padding:9px 16px;cursor:pointer;}
.monstera_social_icons_widget a{margin-right:12px;font-size:1.3rem;color:var(--accent);}

/* ---------- footer ---------- */
#colophon{background:#3a352f;color:#d9d2c8;margin-top:40px;}
#full-width-footer{max-width:var(--maxw);margin:0 auto;padding:40px 20px;}
#colophon a{color:#e6dfd4;}
#colophon a:hover{color:#fff;}
#colophon .widget-title,#colophon h2{color:#fff;border-color:var(--accent);}
.site-info{max-width:var(--maxw);margin:0 auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#aca396;text-align:center;}

/* ---------- cookie-consent leftover UI (plugin CSS removed) ---------- */
.cli-modal,.cli-modal-backdrop,#cookie-law-info-bar,.cookie-law-info-bar,.cli-bar-popup{display:none !important;}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .main-gallery.full-slide{grid-template-columns:1fr;}
  #content{flex-direction:column;gap:32px;}
  #primary,#secondary{flex:1 1 100%;max-width:100%;}
}
@media(max-width:640px){
  article.index-article{flex-direction:column;}
  .index-featured,.index-featured.mobile-only{max-width:100%;flex-basis:auto;display:block;}
  .index-featured img{height:220px;}
  ul#primary-menu{justify-content:flex-start;}
  ul#primary-menu li a{padding:12px 10px;}
  #masthead .site-title{font-size:1.9rem;}
}