/*
Theme Name: SandalWood Custom Theme
Theme URI: https://sandalwood.id
Author: SandalWood IT
Description: Tema custom untuk menyamakan visual blog dengan landing page.
Version: 1.0
*/
:root { --gold: #d4af37; --dark-bg: #121212; --darker-bg: #0a0a0a; --text-light: #e0e0e0; --text-muted: #a0a0a0; --font-main: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: var(--dark-bg); color: var(--text-light); font-family: var(--font-main); line-height: 1.6; display: flex; flex-direction: column; min-height: 100vh; }
header.site-header { background-color: var(--darker-bg); padding: 2rem 5%; text-align: center; border-bottom: 2px solid var(--gold); }
header.site-header h1 a { color: var(--gold); text-decoration: none; font-size: 2.5rem; font-weight: bold; letter-spacing: 2px; }
header.site-header p.tagline { color: var(--text-muted); font-size: 1rem; margin-top: 0.5rem; }
main.site-main { flex: 1; max-width: 800px; margin: 3rem auto; padding: 0 20px; width: 100%; }
.post-item { background-color: #1e1e1e; padding: 2rem; margin-bottom: 2rem; border-radius: 8px; border-left: 4px solid var(--gold); }
.post-item h2 { margin-bottom: 10px; }
.post-item h2 a { color: var(--text-light); text-decoration: none; font-size: 1.8rem; transition: color 0.3s; }
.post-item h2 a:hover { color: var(--gold); }
.post-meta { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 15px; }
.post-excerpt { color: var(--text-muted); margin-bottom: 15px; }
.read-more { display: inline-block; color: var(--dark-bg); background-color: var(--gold); padding: 8px 15px; text-decoration: none; border-radius: 4px; font-weight: bold; }
.read-more:hover { background-color: #fff; }
footer.site-footer { background-color: var(--darker-bg); color: var(--text-muted); text-align: center; padding: 3rem 20px; border-top: 1px solid #333; font-size: 0.9rem; }
.footer-columns { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; max-width: 1000px; margin: 0 auto 2rem auto; }
.footer-col { flex: 1; min-width: 250px; }
.footer-col h3 { color: var(--gold); margin-bottom: 15px; font-size: 1.2rem; }
.copyright { margin-top: 2rem; color: #666; }