/*
Theme Name: VPCC Dương Thị Diệu
Theme URI: https://vanphongcongchungduongthidieu.com.vn/
Author: VPCC Dương Thị Diệu
Description: Giao diện đơn giản, hiện đại cho Văn phòng Công chứng Dương Thị Diệu.
Version: 1.1
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: vpcc-duong-thi-dieu
*/
:root{--green:#075b3b;--gold:#c9a227;--light:#f7f8f5;--text:#24332d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--text);line-height:1.7;background:#fff}a{color:inherit}
.container{width:min(1100px,92%);margin:auto}
.ticker{position:sticky;top:0;z-index:9999;background:var(--green);color:#fff;border-bottom:2px solid var(--gold);overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;min-width:max-content;animation:marquee 22s linear infinite;padding:10px 0}
.ticker span{display:inline-block;padding-right:80px;font-weight:700}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero{background:#0a4934}.hero img{display:block;width:100%;height:min(62vw,520px);min-height:250px;object-fit:cover}
.hero-placeholder{height:min(62vw,520px);min-height:250px;display:grid;place-items:center;color:#fff;text-align:center;background:linear-gradient(135deg,#075b3b,#092e24)}
.hero-placeholder strong{font-size:clamp(28px,5vw,54px)}
.section{padding:55px 0}.section h2{text-align:center;color:var(--green);font-size:clamp(28px,4vw,40px);margin:0 0 22px}
.section h2:after{content:"";display:block;width:70px;height:3px;background:var(--gold);margin:12px auto 0}
.intro{background:var(--light)}.intro-content{max-width:900px;margin:auto;font-size:17px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card,.form-card{border:1px solid #e4e8e5;border-radius:16px;padding:28px;background:#fff;box-shadow:0 8px 25px #0000000f}
.contact-card strong{color:var(--green)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:14px}.form-group.full{grid-column:1/-1}
label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cfd8d3;border-radius:9px;font:inherit;background:#fff}textarea{min-height:130px;resize:vertical}
.btn{border:0;border-radius:9px;padding:14px 22px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}.btn:hover{background:#06452e}
.notice{padding:13px 16px;border-radius:9px;margin-bottom:15px;background:#e7f5ed;color:#075b3b}.notice.error{background:#fff0f0;color:#a33}
footer{background:#073a2a;color:#fff;text-align:center;padding:28px 15px}.floating{position:fixed;right:16px;bottom:16px;z-index:9998;display:flex;gap:9px}.floating a{padding:12px 15px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 5px 20px #0003}.call{background:#0a8f57}.zalo{background:#1687ff}
@media(max-width:750px){.contact-grid,.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.section{padding:40px 0}.floating{right:10px;bottom:10px}.floating a{padding:10px 12px;font-size:14px}}