/*
Theme Name: The True Real Estate
Author: Custom Studio
Description: Vietnamese real estate responsive homepage with header, hero search, listing sections and footer.
Version: 1.0.0
Requires at least: 5.8
*/
:root{--navy:#1e2d50;--blue:#0088cf;--orange:#f69b09}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#152644;background:#fff}a{text-decoration:none;color:inherit}.container{max-width:1160px;margin:auto;padding:0 15px}.top{position:absolute;top:0;left:0;right:0;z-index:3;background:#ffffffec}.nav{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:77px}.brand{font-size:24px;font-weight:900;color:#071c3c;display:flex;align-items:center;gap:10px}.brandmark{font-size:42px;color:#071c3c}.menu{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}.pill{background:#008ac6;color:white;padding:13px 20px;border-radius:30px;white-space:nowrap}.pill.red{background:#e35450}.hero{min-height:475px;background:#1b5586 url(assets/hero.jpg) center center/cover no-repeat;position:relative;padding-top:110px}.hero .hero-inner{min-height:330px;display:flex;align-items:end;padding-bottom:25px}.search{display:flex;gap:9px;flex-wrap:wrap;background:#ffffffde;padding:12px;border-radius:6px;box-shadow:0 5px 25px #0002;width:100%}.search select{flex:1;min-width:155px;background:#fff;border:1px solid #ccc;padding:12px;color:#777}.search button,.btn{background:#0ba83c;border:0;color:white;font-weight:bold;padding:12px 25px;cursor:pointer}.section{padding:35px 0 12px}.section h2{font-size:23px;color:#12254b;text-align:center;display:flex;align-items:center;gap:18px;margin:0 0 28px}.section h2:before,.section h2:after{content:'';height:1px;background:#ddd;flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #ddd;border-radius:10px;overflow:hidden;position:relative;background:white}.card img{width:100%;height:207px;object-fit:cover;display:block}.details{padding:13px 12px 23px;font-size:13px;color:#888}.details h3{text-align:center;color:#f39800;font-size:15px;margin:0 0 10px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.price{color:#0089cf;font-weight:700;font-size:15px;margin-top:10px}.ribbon{position:absolute;bottom:12px;right:-37px;background:#ed0909;color:#fff;transform:rotate(-32deg);width:160px;text-align:center;padding:5px;font-size:12px}.footer{background:#1e2c4c;color:white;margin-top:45px;padding:40px 0 0}.footergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer h3{font-size:16px;margin:0 0 20px}.footer p,.footer li{font-size:14px;line-height:1.8;color:#e2e7f0}.footer ul{list-style:none;padding:0;margin:0}.footer li{padding:5px 0;border-bottom:1px solid #ffffff19}.copyright{text-align:center;background:#172441;color:#aeb7c9;padding:16px;margin-top:35px;font-size:13px}.call{position:fixed;bottom:20px;left:0;background:#f28b17;color:white;padding:10px 20px;border-radius:0 35px 35px 0;font-weight:bold;z-index:5}.menu-toggle{display:none}@media(max-width:850px){.top{position:relative}.nav{flex-wrap:wrap;padding:10px}.menu{display:none;width:100%;flex-wrap:wrap;padding:15px 0}.menu.show{display:flex}.menu-toggle{display:block;border:0;background:var(--navy);color:white;padding:10px}.hero{padding-top:0;min-height:340px}.hero .hero-inner{min-height:340px}.cards{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.cards,.footergrid{grid-template-columns:1fr}.search{display:grid}.card img{height:220px}.hero{background-position:55% center}.hero .hero-inner{min-height:360px}.section{padding-top:28px}}