/*
Theme Name: VPCC Dương Thị Diệu
Theme URI: https://example.com/
Author: OpenAI
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.0
License: GPL-2.0-or-later
Text Domain: vpcc-duong-thi-dieu
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f8f6;color:#333}
a{color:inherit}
.vpcc-ticker{width:100%;overflow:hidden;background:#075b3a;color:#f4d77a;height:48px;display:flex;align-items:center;white-space:nowrap}
.vpcc-ticker-text{display:inline-block;padding-left:100%;animation:vpcc-chay 18s linear infinite;font-size:17px;font-weight:700}
@keyframes vpcc-chay{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.vpcc-banner{width:100%;height:520px;overflow:hidden;background:#ddd}
.vpcc-banner img{width:100%;height:100%;object-fit:cover;display:block}
.vpcc-container{width:90%;max-width:1100px;margin:0 auto}
.vpcc-section{background:#fff;margin:35px 0;padding:40px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.06)}
.vpcc-title{text-align:center;color:#075b3a;font-size:30px;margin:0 0 25px}
.vpcc-title:after{content:"";display:block;width:70px;height:3px;background:#d4af37;margin:12px auto 0}
.vpcc-intro{font-size:17px;line-height:1.9;text-align:justify}
.vpcc-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vpcc-contact-box{border:1px solid #e4e4e4;padding:25px;border-radius:10px;text-align:center;background:#fafafa}
.vpcc-contact-box h3{color:#075b3a;margin-top:0}
.vpcc-contact-box p{line-height:1.7}
.vpcc-contact-box a{text-decoration:none;color:#075b3a;font-weight:700}
.vpcc-footer{background:#075b3a;color:#fff;text-align:center;padding:25px 15px;margin-top:40px}
.vpcc-footer strong{color:#f4d77a}
.vpcc-actions{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:10px}
.vpcc-action{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:50px;padding:12px 18px;box-shadow:0 4px 14px rgba(0,0,0,.18);font-weight:700;color:#fff}
.vpcc-call{background:#075b3a}
.vpcc-zalo{background:#087cff}
@media(max-width:768px){
 .vpcc-banner{height:300px}
 .vpcc-section{padding:25px 20px}
 .vpcc-title{font-size:25px}
 .vpcc-intro{font-size:16px}
 .vpcc-contact{grid-template-columns:1fr}
 .vpcc-ticker-text{font-size:15px}
 .vpcc-actions{right:12px;bottom:12px}
 .vpcc-action{padding:10px 14px;font-size:14px}
}