/*
Theme Name: Prayer.st Craigslist (Slug Fix)
Theme URI: https://prayer.st
Author: Prayer.st
Description: Craigslist-inspired text-first theme. Fixes taxonomy slug collision and auto-flushes permalinks on theme switch.
Version: 1.1.0 (SEO Optimized)
License: GPL-2.0+
Text Domain: prayerst
*/
:root{
  --bg:#ffffff; --ink:#111; --muted:#555; --accent:#0645ad; --line:#e6e6e6; --max:1080px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}
a{color:var(--accent);text-decoration:underline}
a:hover{text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 16px}
.header{border-bottom:1px solid var(--line);padding:12px 0}
.header .brand{font-weight:800;letter-spacing:.5px; font-size: 1.25rem;}
.header .site-title{margin:0;} /* SEO Fix: Removes default browser margins from H1/Div */
.nav a{margin-right:14px;white-space:nowrap}
.searchbar{padding:12px 0;border-bottom:1px solid var(--line)}
.searchbar form{display:flex;gap:8px}
.searchbar input[type="search"]{flex:1;padding:10px;border:1px solid var(--line);border-radius:2px}
.searchbar button{padding:10px 14px;border:1px solid var(--line);background:#f8f8f8;cursor:pointer}
.grid{display:grid;grid-template-columns:1fr;gap:24px;padding:16px 0}
@media(min-width:900px){.grid{grid-template-columns:1fr 1fr 1fr}}
.section h2{font-size:1rem;margin:.25rem 0 .5rem 0;text-transform:uppercase;letter-spacing:.5px}
.list{list-style:disc;margin:0;padding-left:22px}
.aside{border:1px solid var(--line);padding:12px;background:#fdfdfd}
.footer{border-top:1px solid var(--line);padding:16px 0;color:var(--muted);font-size:.9rem}
.badge{font-size:.85rem;color:var(--muted)}
.item-title{margin:0}
.meta{color:var(--muted);font-size:.9rem}
button, .button{display:inline-block;padding:8px 12px;border:1px solid var(--line);background:#f8f8f8;color:var(--ink);text-decoration:none;border-radius:2px; cursor: pointer;}
.hr{height:1px;background:var(--line);border:0;margin:12px 0}
.mono{font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Courier New", monospace}
.prayerst-submit-form p{margin:.85rem 0}
.prayerst-submit-form input[type=text],
.prayerst-submit-form input[type=number],
.prayerst-submit-form textarea,
.prayerst-submit-form select{width:100%;padding:10px;border:1px solid var(--line);border-radius:2px}

/* =========================================
   SEO & NEW FEATURES STYLING
   ========================================= */

/* Accessibility: Skip to Content */
.skip-link {
  position: absolute; top: -9999px; left: 0;
  background: #f1f1f1; color: var(--accent); padding: 10px; z-index: 9999;
}
.skip-link:focus { top: 0; left: 0; width: auto; height: auto; }

/* Breadcrumbs (Navigation Path) */
.breadcrumbs {
  font-size: 0.85rem; color: var(--muted);
  border-bottom: 1px solid var(--line); padding-bottom: 8px; margin-bottom: 24px;
}
.breadcrumbs a { text-decoration: none; color: var(--muted); }
.breadcrumbs a:hover { text-decoration: underline; color: var(--accent); }

/* Single Post: Floating Image */
.prayer-image {
  float: right; margin: 0 0 1rem 1.5rem; max-width: 320px;
}
.prayer-image img {
  height: auto; max-width: 100%; border: 1px solid var(--line); padding: 4px; background: #fff;
}
/* Mobile Image Handling: Stack it instead of float */
@media (max-width: 600px) {
  .prayer-image { float: none; margin: 0 0 1rem 0; max-width: 100%; }
}

/* FAQ Section (Shortcode Output) */
.prayer-faq-item {
  border-left: 3px solid var(--line); padding-left: 16px; margin-top: 24px;
}
.faq-question {
  font-size: 1.1rem; font-weight: 700; margin: 0 0 8px 0; color: var(--ink);
}
.faq-answer {
  color: #333; line-height: 1.6;
}

/* Featured Sidebar Fallback */
.featured-prayer article { margin-bottom: 1rem; }
.featured-prayer .excerpt { font-size: 0.95rem; margin-bottom: 12px; }

/* Footer Silo Links */
.footer .section h3 {
  font-size: 0.85rem; text-transform: uppercase; margin-bottom: 8px; color: #888; letter-spacing: 0.05em;
}
.footer .list li { margin-bottom: 4px; }
.footer .meta { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--line); }
.back-to-top { font-size: 0.85rem; text-decoration: none; color: var(--muted); }