/*
Theme Name: Kelly's Rhema Words Modern
Theme URI: https://kellyscottage.com/rhemawords/
Author: Organic Designs / modernized with OpenAI
Description: Modern PHP 8+ preservation rebuild based on Kelly's original Artisteer Rhema Words project. Preserves the original artwork and classic two-column layout while replacing obsolete Artisteer PHP code.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: kellys-rhemawords-modern
Tags: blog, two-columns, right-sidebar, custom-menu, featured-images
*/

:root {
  --dr-page: #f4f0df;
  --dr-paper: #f7f4e8;
  --dr-paper-soft: #fbf9f1;
  --dr-border: #d9d3bd;
  --dr-blue: #98957d;
  --dr-blue-dark: #76735f;
  --dr-text: #6b6557;
  --dr-link: #7b7763;
  --dr-link-hover: #8d8669;
  --dr-max: 1006px;
}
* { box-sizing: border-box; }
html { min-height:100%; }
body {
  margin:0;
  min-height:100%;
  background: #f4f0df;
  color:var(--dr-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:1.55;
}
a { color:var(--dr-link); text-decoration:none; }
a:hover,a:focus { color:var(--dr-link-hover); text-decoration:underline; }
img { max-width:100%; height:auto; }
button,input,select,textarea { font:inherit; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { width:auto; height:auto; clip:auto; background:#fff; padding:10px; z-index:100000; }

#page { width:100%; padding:1px 0 24px; }
.site-shell {
  width:min(var(--dr-max), calc(100% - 20px));
  margin:0 auto;
  background:rgba(244,240,229,.92);
  border-radius:10px;
  box-shadow:0 0 4px rgba(69,57,37,.16);
  overflow:hidden;
}
.site-header {
  height:226px;
  background:#f6f2e8 url('images/header.png') center top/100% auto no-repeat;
}

.site-nav { padding:10px 8px 0; border-bottom:1px solid rgba(186,163,125,.45); }
.menu-toggle { display:none; margin:0 0 8px; padding:6px 12px; border:1px solid #c9bda4; border-radius:6px; background:#ddd2bd; color:#5f5941; cursor:pointer; }
.primary-menu { display:flex; flex-wrap:wrap; gap:2px; margin:0; padding:0; list-style:none; }
.primary-menu li { list-style:none; position:relative; margin:0; }
.primary-menu > li > a {
  display:block;
  padding:7px 15px 6px;
  border:1px solid #c9bda4;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:linear-gradient(#f4f0e5,#ddd5c4);
  color:#786554;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current_page_item > a,
.primary-menu > li > a:hover { background:#f7f4eb; color:#526d79; text-decoration:none; }
.primary-menu .sub-menu { display:none; position:absolute; top:100%; left:0; z-index:50; min-width:190px; margin:0; padding:5px; list-style:none; background:#f4f0e5; border:1px solid #d0c2aa; box-shadow:0 4px 12px rgba(0,0,0,.12); }
.primary-menu li:hover > .sub-menu,.primary-menu li:focus-within > .sub-menu { display:block; }
.primary-menu .sub-menu a { display:block; padding:6px 8px; }

.layout { display:flex; align-items:flex-start; gap:6px; padding:6px; }
.content { flex:1 1 78%; min-width:0; }
.sidebar { flex:0 0 22%; width:22%; }

.post-card {
  margin:0 0 10px;
  padding:14px 16px;
  background:rgba(244,240,229,.96);
  border:1px solid rgba(186,163,125,.36);
  border-radius:5px;
  box-shadow:0 1px 3px rgba(72,58,34,.09);
}
.entry-title { margin:0 0 8px; color:#6b5a4a; font-family:"Comic Sans MS", Arial, sans-serif; font-size:24px; font-weight:400; line-height:1.2; }
.entry-title::before { content:""; display:inline-block; width:22px; height:20px; margin-right:7px; vertical-align:-3px; background:url('images/postheadericon.gif') center/contain no-repeat; }
.entry-title a { color:inherit; }
.entry-meta,.entry-footer { color:#8c806d; font-size:11px; margin:5px 0 10px; }
.entry-content { color:#796553; }
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4 { color:#6b5a4a; font-family:"Comic Sans MS", Arial, sans-serif; font-weight:400; }
.entry-content ul { list-style-image:url('images/postbullets.png'); }
.entry-content blockquote { margin:1em 0; padding:10px 16px; background:#faf7ef; border-left:4px solid #8ca1aa; }

.widget { margin:0 0 9px; padding:0 10px 10px; background:rgba(248,245,236,.96); border:1px solid rgba(186,163,125,.42); border-radius:4px; box-shadow:1px 1px 2px rgba(0,0,0,.08); overflow:hidden; }
.widget-title { margin:0 -10px 8px; padding:8px 10px; background:linear-gradient(#faf8f0,#ece6d8); color:#786554; font-family:"Comic Sans MS", Arial, sans-serif; font-size:16px; font-weight:400; }
.widget ul,.widget ol { margin:0; padding-left:18px; }
.widget li { margin:3px 0; }
.widget_search input[type="search"] { width:100%; }
.widget_search .wp-block-search__button,.widget_search input[type="submit"] { margin-top:5px; }

.site-footer { padding:14px 18px; text-align:center; color:#8a7766; font-size:11px; border-top:1px solid rgba(186,163,125,.35); }
.site-footer a { color:#796553; }
.footer-widgets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:8px; }

.nav-links { display:flex; justify-content:space-between; gap:12px; margin:14px 0; }

@media (max-width: 760px) {
  .site-header { height:auto; aspect-ratio:1000/394; background-size:100% auto; }
  .menu-toggle { display:inline-block; }
  .primary-menu { display:none; flex-direction:column; }
  .primary-menu.is-open { display:flex; }
  .primary-menu > li > a { border-radius:5px; border-bottom:1px solid #c9b99d; }
  .primary-menu .sub-menu { position:static; display:block; box-shadow:none; border:0; padding-left:18px; }
  .layout { display:block; }
  .sidebar { width:auto; }
  .footer-widgets { grid-template-columns:1fr; }
}


/* Journey-specific preservation details */
.site-shell {
  background: rgba(246,240,226,.96);
}
.site-nav {
  padding-top: 6px;
}
.primary-menu > li > a {
  background: linear-gradient(#f7f1e4,#e8ddc7);
  color: #6c5e4d;
}
.post-card {
  background: rgba(248,244,234,.98);
}
.widget {
  background: rgba(250,247,239,.98);
}
.widget-title {
  background: linear-gradient(#fbf8f0,#eee5d5);
  color:#6f6252;
}
.entry-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color:#6f6252;
}
@media (max-width: 760px) {
  .site-header {
    height:auto;
    aspect-ratio:960/245;
    background-size:100% auto;
  }
}


/* Notes-specific preservation details */
.site-shell {
  background: rgba(247,244,232,.97);
}
.site-nav {
  padding-top: 4px;
}
.primary-menu > li > a {
  background: linear-gradient(#fbf9f1,#eee9d8);
  color: #77725f;
}
.post-card {
  background: rgba(250,248,239,.98);
}
.widget {
  background: rgba(251,249,242,.98);
}
.widget-title {
  background: linear-gradient(#fcfaf4,#f0ecde);
  color:#77725f;
}
.entry-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color:#77725f;
}
@media (max-width: 760px) {
  .site-header {
    height:auto;
    aspect-ratio:960/217;
    background-size:100% auto;
  }
}


/* Rhema Words preservation details */
.site-shell {
  background: rgba(248,245,236,.97);
}
.site-nav {
  padding-top: 5px;
}
.primary-menu > li > a {
  background: linear-gradient(#fbf8f0,#ece4d5);
  color: #6f675b;
}
.post-card {
  background: rgba(250,248,241,.98);
}
.widget {
  background: rgba(251,249,243,.98);
}
.widget-title {
  background: linear-gradient(#fcfaf4,#efe8da);
  color:#70685c;
}
.entry-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color:#70685c;
}
@media (max-width: 760px) {
  .site-header {
    height:auto;
    aspect-ratio:960/217;
    background-size:100% auto;
  }
}