/*
Theme Name: Chua Ba Vang Elegant
Theme URI: https://example.com/
Author: Custom Theme Studio
Description: Elegant Vietnamese temple and news WordPress theme with warm cream and gold styling.
Version: 1.0.0
Requires at least: 6.0
Text Domain: chua-ba-vang-elegant
*/
:root{--brown:#874009;--gold:#e6b459;--cream:#fff8f2;--ink:#202331}*{box-sizing:border-box}body{margin:0;background:var(--cream);font:16px/1.65 Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1150px;margin:auto;padding:0 20px}.top{background:white}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px}.greeting{font-size:13px;color:var(--brown);max-width:270px}.brand{display:flex;align-items:center;gap:14px;color:var(--brown);font-weight:800;font-size:34px}.brandmark{display:grid;place-items:center;background:var(--gold);color:white;border-radius:50%;width:58px;height:58px;font-size:31px}.social{color:var(--brown);font-weight:bold}.social input{border:1px solid #bd8c64;border-radius:4px;padding:10px;width:155px;margin-left:15px}.nav{background:white;border-bottom:2px solid #e8ded4}.nav .wrap{display:flex;gap:27px;align-items:center;min-height:50px;flex-wrap:wrap}.nav a{font-weight:700;color:#666}.nav a:hover,.nav a:first-child{color:var(--brown)}.hero{position:relative;margin:0 auto 35px;overflow:hidden}.hero img{width:100%;height:355px;object-fit:cover;display:block}.hero-label{position:absolute;bottom:24px;left:35px;background:#874009dc;color:white;padding:12px 24px;font-size:22px;font-weight:bold}.section{padding:35px 0}.section-title{font-size:27px;color:var(--brown);margin:0 0 22px}.section-title:before{content:'❀';color:var(--gold);margin-right:12px}.news-layout{display:grid;grid-template-columns:3fr 1fr;gap:30px}.feature{background:linear-gradient(115deg,#bd7830,#e7b34d);color:white;padding:30px;margin-bottom:25px}.feature h2{margin:0 0 10px;font-size:24px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.articles h3{font-size:17px;line-height:1.4}.articles p,.side p{color:#7b7780;font-size:14px}.side{background:white;padding:16px;align-self:start}.side h3{margin:0;color:var(--brown)}.side a{display:block;border-top:1px solid #eee;padding:12px 0;font-size:14px}.btn{display:inline-block;background:var(--gold);color:white;border:0;border-radius:5px;padding:11px 25px;font-weight:bold;cursor:pointer}.center{text-align:center;margin-top:26px}.abbot{background:linear-gradient(110deg,#bf7c2c,#e4ad4a);padding:40px;color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.abbot h2{font-size:30px}.abbot-art{font-size:150px;text-align:center;line-height:1.2}.post-list article{padding:16px 0;border-bottom:1px solid #ddd}.post-list h3{margin:0 0 8px}.post-list p{color:#777}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{margin:0;background:white;padding:8px}.gallery img{height:180px;width:100%;object-fit:cover}.gallery figcaption{font-weight:bold;padding:10px}.footer{background:#fff;padding:35px 0;margin-top:30px}.footergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer h3{color:var(--brown)}.footer li{margin-bottom:8px}.bottom{background:#eee;text-align:center;padding:14px;font-size:13px}.entry{max-width:900px;margin:45px auto;background:white;padding:35px}.entry h1{color:var(--brown)}@media(max-width:800px){.head{flex-wrap:wrap;padding:15px 0}.brand{font-size:25px}.nav .wrap{gap:14px}.hero img{height:240px}.news-layout,.abbot,.footergrid{grid-template-columns:1fr}.articles,.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.articles,.gallery{grid-template-columns:1fr}.hero-label{font-size:16px;left:10px}.greeting{display:none}}