/*
Theme Name: Coins & Gold Directory — Full Width
Theme URI: https://example.com/
Author: You
Author URI: https://example.com/
Description: Directory-style theme. Homepage lists top-level pages with intro text. Top-level pages list their own child pages. Full-width layout; sidebar stacks below the content.
Version: 1.0.3
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coins-and-gold-directory
Tags: one-column, two-columns, custom-menu, featured-images, custom-logo, sticky-post, theme-options
*/
:root{
  --gold:#D4AF37; --gold-2:#B8860B; --gold-soft:#E6C865; --bg:#0C0B0A; --panel:#121110;
  --text:#F5F3ED; --muted:#C9C3B6; --accent:#f1d27a; --shadow:0 10px 30px rgba(0,0,0,.35); --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 70% -10%, rgba(212,175,55,.08), transparent 60%), var(--bg);color:var(--text);font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px;overflow-x:auto}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg, rgba(0,0,0,.7), rgba(0,0,0,.2));backdrop-filter: blur(8px);border-bottom:1px solid rgba(212,175,55,.15)}
.header-inner{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.4px}
.brand .logo{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--gold-soft), var(--gold) 60%, var(--gold-2));box-shadow:inset 0 2px 6px rgba(255,255,255,.3), inset 0 -4px 10px rgba(0,0,0,.4)}
.brand span{font-family:"Playfair Display", serif;font-size:1.15rem}
.main-nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{padding:8px 12px;border-radius:10px;border:1px solid transparent}
.main-nav a:hover,.main-nav a:focus{border-color:rgba(212,175,55,.35)}

/* Always-right sidebar layout */
.site-main{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 320px; /* content | sidebar */
  gap:26px;
  padding:30px 0;
}
.site-main > *{min-width:0}

.card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));border:1px solid rgba(212,175,55,.16);border-radius:var(--radius);padding:18px}
.card h1,.card h2,.card h3{margin-top:0;font-family:"Playfair Display", serif}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.25)}

.home-intro{margin-bottom:20px}
.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width: 1100px){ .directory-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 700px){ .directory-grid{grid-template-columns:1fr} }

.dir-item{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(212,175,55,.16);border-radius:14px;padding:12px;background:rgba(0,0,0,.25)}
.dir-thumb img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid rgba(212,175,55,.25)}
.dir-title{margin:0 0 6px}
.dir-excerpt{margin:0;color:var(--muted)}
.read-more{display:inline-block;margin-top:8px}

.widget-area .widget{margin-bottom:18px;border:1px solid rgba(212,175,55,.16);border-radius:14px;padding:14px;background:rgba(0,0,0,.25)}
.widget-title{font-family:"Playfair Display", serif;margin:0 0 8px}

.site-footer{padding:30px 0;border-top:1px solid rgba(212,175,55,.12);color:var(--muted)}
.copyright{font-size:.95rem;text-align:center}

/* === v1.0.3 Full-width update === */
.site-main{ display:grid; grid-template-columns: 1fr; gap:26px; }
.site-sidebar{ position: static; top: auto; width: auto; }
.container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.entry-content, .card, .card p, .card li, .card div{ white-space: normal; word-break: normal; overflow-wrap: anywhere; }
p{ display:block; } *{ box-sizing: border-box; } img{ max-width:100%; height:auto; }