/* DaLaVi – Trang hợp tác đại lý
   Toàn bộ CSS được scope trong #dlv-partner + class có tiền tố "dlv-"
   để KHÔNG đụng vào CSS sẵn có trên website của bạn. */

#dlv-partner{
  --dlv-green:#075b37; --dlv-green-2:#0b7447; --dlv-green-3:#0f8a54;
  --dlv-cream:#f7f2e7; --dlv-gold:#c69b4b; --dlv-ink:#173127;
  --dlv-muted:#65756e; --dlv-line:#dfe7e1; --dlv-white:#fff; --dlv-shadow:0 18px 50px rgba(7,91,55,.12);
  --dlv-radius:22px; --dlv-max:1180px;
  margin:0;color:var(--dlv-ink);background:#fff;line-height:1.65;
}
#dlv-partner, #dlv-partner *{box-sizing:border-box}
#dlv-partner img{max-width:100%;display:block}
#dlv-partner a{text-decoration:none;color:inherit}
.dlv-container{width:min(var(--dlv-max),calc(100% - 40px));margin:auto}
/* Mặc định: eyebrow nằm trên nền sáng (trắng/kem) -> dùng xanh đậm cho đủ tương phản */
.dlv-eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--dlv-green)}
/* Trên nền tối -> đổi eyebrow sang vàng gold cho nổi bật */
.dlv-hero .dlv-eyebrow,
.dlv-green-section .dlv-eyebrow,
.dlv-form-info .dlv-eyebrow,
.dlv-cta .dlv-eyebrow,
.dlv-tier.dlv-featured .dlv-eyebrow{color:var(--dlv-gold)}
/* Mặc định: heading trên nền sáng -> xanh đậm. !important để không bị CSS heading của theme đè lên. */
#dlv-partner h1,#dlv-partner h2,#dlv-partner h3{line-height:1.16;margin:0 0 18px;font-weight:800;color:var(--dlv-ink) !important}
#dlv-partner h1{font-size:clamp(2.4rem,5.4vw,5.1rem)}
#dlv-partner h2{font-size:clamp(2rem,3.6vw,3.4rem)}
#dlv-partner h3{font-size:1.35rem}
/* Trên nền tối -> heading trắng. Phải kèm #dlv-partner để độ ưu tiên >= rule mặc định ở trên (rule đó có ID). */
#dlv-partner .dlv-hero h1,#dlv-partner .dlv-hero h2,#dlv-partner .dlv-hero h3,
#dlv-partner .dlv-green-section h1,#dlv-partner .dlv-green-section h2,#dlv-partner .dlv-green-section h3,
#dlv-partner .dlv-product-card h1,#dlv-partner .dlv-product-card h2,#dlv-partner .dlv-product-card h3,
#dlv-partner .dlv-tier.dlv-featured h1,#dlv-partner .dlv-tier.dlv-featured h2,#dlv-partner .dlv-tier.dlv-featured h3,
#dlv-partner .dlv-form-info h1,#dlv-partner .dlv-form-info h2,#dlv-partner .dlv-form-info h3,
#dlv-partner .dlv-cta h1,#dlv-partner .dlv-cta h2,#dlv-partner .dlv-cta h3{color:#fff !important}
/* Footer nền tối -> heading dùng đúng tông chữ footer thay vì trắng thuần */
#dlv-partner footer h1,#dlv-partner footer h2,#dlv-partner footer h3{color:#cfe0d7 !important}
#dlv-partner .dlv-hero h1 span{color:#f0ca78 !important}
#dlv-partner p{margin:0 0 16px}
.dlv-lead{font-size:1.15rem;color:#e9f2ed;max-width:760px}
.dlv-muted{color:var(--dlv-muted)}
.dlv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}
.dlv-btn-primary{background:var(--dlv-gold);color:#173127}
.dlv-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(198,155,75,.28)}
.dlv-btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.dlv-btn-outline:hover{background:#fff;color:var(--dlv-green)}
#dlv-partner section{padding:92px 0}
.dlv-section-head{max-width:820px;margin-bottom:40px}
.dlv-section-head.dlv-center{text-align:center;margin:0 auto 44px}
.dlv-topbar{background:#073f29;color:#dbece2;font-size:.88rem;padding:8px 0}
.dlv-topbar .dlv-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
#dlv-partner header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,91,55,.08)}
#dlv-partner nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:30px}
.dlv-logo img{width:170px;height:auto}
.dlv-navlinks{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.94rem}
.dlv-menu-btn{display:none;border:0;background:var(--dlv-cream);padding:10px 13px;border-radius:12px;font-size:1.2rem}
.dlv-hero{min-height:760px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(4,54,34,.96) 0%,rgba(4,65,40,.82) 48%,rgba(4,49,31,.35) 100%),
  url('https://dacsandalat.com.vn/wp-content/uploads/2026/06/DaLaVi-dalat.jpeg') center/cover}
.dlv-hero:after{content:"";position:absolute;inset:auto -10% -28% 30%;height:420px;background:radial-gradient(circle,rgba(198,155,75,.25),transparent 65%)}
.dlv-hero-content{position:relative;z-index:2;max-width:930px;padding:95px 0}
.dlv-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.dlv-trustline{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.22);font-weight:700;color:#eaf3ee}
.dlv-stats{margin-top:-70px;position:relative;z-index:5}
.dlv-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:var(--dlv-radius);box-shadow:var(--dlv-shadow);overflow:hidden}
.dlv-stat{padding:30px 18px;text-align:center;border-right:1px solid var(--dlv-line)}
.dlv-stat:last-child{border:0}
.dlv-stat strong{display:block;font-size:2rem;color:var(--dlv-green)}
.dlv-stat span{font-size:.88rem;color:var(--dlv-muted)}
.dlv-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.dlv-photo-card{min-height:520px;border-radius:28px;background:
  linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45)),
  url('https://dacsandalat.com.vn/wp-content/uploads/2024/06/trai-cay-say-kho-dalavi-4.jpg') center/cover;
  position:relative;box-shadow:var(--dlv-shadow)}
.dlv-photo-note{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(255,255,255,.93);padding:20px;border-radius:18px}
.dlv-pill{display:inline-block;padding:7px 12px;border-radius:999px;background:#e8f2ec;color:var(--dlv-green);font-size:.8rem;font-weight:800;margin:4px}
.dlv-partner-grid,.dlv-benefit-grid,.dlv-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dlv-card{border:1px solid var(--dlv-line);border-radius:var(--dlv-radius);padding:28px;background:#fff;transition:.22s}
.dlv-card:hover{transform:translateY(-5px);box-shadow:var(--dlv-shadow);border-color:transparent}
.dlv-icon{width:48px;height:48px;border-radius:14px;background:var(--dlv-cream);display:grid;place-items:center;font-size:1.35rem;margin-bottom:18px}
.dlv-green-section{background:var(--dlv-green);color:#fff;position:relative;overflow:hidden}
.dlv-green-section:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(255,255,255,.04);right:-150px;top:-170px}
.dlv-green-section .dlv-muted{color:#c9ddd2}
.dlv-green-section .dlv-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.dlv-green-section .dlv-card:hover{background:rgba(255,255,255,.12)}
.dlv-green-section .dlv-icon{background:rgba(255,255,255,.12)}
.dlv-product-card{min-height:330px;border-radius:var(--dlv-radius);overflow:hidden;position:relative;color:#fff;background-size:cover;background-position:center}
.dlv-product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,45,29,.94))}
.dlv-product-card .dlv-inner{position:absolute;z-index:2;left:24px;right:24px;bottom:20px}
.dlv-product-card:nth-child(1){background-image:url('https://dacsandalat.com.vn/wp-content/uploads/2025/12/d3fbb4efde61543f0d707.jpg')}
.dlv-product-card:nth-child(2){background-image:url('https://dacsandalat.com.vn/wp-content/uploads/2024/06/atiso-tuoi-5.jpg')}
.dlv-product-card:nth-child(3){background-image:url('https://dacsandalat.com.vn/wp-content/uploads/2025/03/bo-cap-dong-1.jpg')}
.dlv-product-card:nth-child(4){background-image:url('https://dacsandalat.com.vn/wp-content/uploads/2025/03/dau-hat-macca.jpg')}
.dlv-product-card:nth-child(5){background-image:url('https://dacsandalat.com.vn/wp-content/uploads/2026/05/bo-034-cap-dong-lam-dong-4.jpg')}
.dlv-product-card:nth-child(6){background-image:url('https://dacsandalat.com.vn/wp-content/uploads/2026/07/my-vi-cat-tuong-xanh.jpg')}
.dlv-support-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dlv-support-col{background:var(--dlv-cream);padding:30px;border-radius:var(--dlv-radius)}
.dlv-support-col ul{padding-left:20px;margin:0}
.dlv-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.dlv-step{position:relative;padding:25px 20px;background:#fff;border:1px solid var(--dlv-line);border-radius:18px}
.dlv-step-num{font-weight:700;font-size:2.3rem;color:#d7e6dc}
.dlv-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dlv-tier{padding:34px;border-radius:24px;border:1px solid var(--dlv-line);background:#fff}
.dlv-tier.dlv-featured{background:var(--dlv-green);color:#fff;transform:translateY(-10px);box-shadow:var(--dlv-shadow)}
.dlv-tier ul{padding-left:18px}
.dlv-social-proof{background:var(--dlv-cream)}
.dlv-proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:stretch}
.dlv-proof-photo{border-radius:28px;min-height:430px;background:
  linear-gradient(180deg,transparent,rgba(4,48,30,.55)),
  url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1200&q=85') center/cover}
.dlv-quote{background:#fff;border-radius:28px;padding:40px;display:flex;flex-direction:column;justify-content:center}
.dlv-faq{max-width:900px;margin:auto}
#dlv-partner details{border-bottom:1px solid var(--dlv-line);padding:20px 0}
#dlv-partner summary{cursor:pointer;font-weight:800;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between}
#dlv-partner summary:after{content:"+";font-size:1.4rem;color:var(--dlv-green)}
#dlv-partner details[open] summary:after{content:"–"}
#dlv-partner details p{padding-top:12px;color:var(--dlv-muted)}
.dlv-form-section{background:#f3f7f4}
.dlv-form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px}
.dlv-form-info{background:var(--dlv-green);color:#fff;border-radius:28px;padding:40px;position:relative;overflow:hidden}
.dlv-form-info:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:55px solid rgba(255,255,255,.05);right:-90px;bottom:-100px}
#dlv-partner form{background:#fff;border-radius:28px;padding:38px;box-shadow:var(--dlv-shadow)}
#dlv-partner .dlv-form-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important}
/* Reset toàn bộ style form để không bị theme của web đè lên (!important) */
#dlv-partner label{
  font-weight:700 !important;font-size:.9rem !important;display:block !important;
  margin:0 0 7px !important;color:var(--dlv-ink) !important;
}
#dlv-partner input,#dlv-partner select,#dlv-partner textarea{
  display:block !important;width:100% !important;padding:14px 15px !important;
  border:1px solid #d7e0da !important;border-radius:12px !important;
  font:inherit !important;line-height:1.5 !important;color:var(--dlv-ink) !important;
  background:#fff !important;box-shadow:none !important;height:auto !important;
}
#dlv-partner select{
  -webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M1 1l6 6 6-6' fill='none' stroke='%2365756e' stroke-width='2'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:right 16px center !important;
  padding-right:42px !important;
}
#dlv-partner textarea{min-height:120px !important;resize:vertical !important}
#dlv-partner .dlv-full{grid-column:1/-1 !important}
#dlv-partner .dlv-checks{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
#dlv-partner label.dlv-check{
  display:flex !important;gap:9px !important;align-items:flex-start !important;
  font-weight:500 !important;margin:0 !important;
}
#dlv-partner label.dlv-check input{
  display:inline-block !important;width:auto !important;height:auto !important;
  margin:3px 0 0 !important;padding:0 !important;
}
.dlv-success{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;background:#e9f5ed;color:var(--dlv-green);font-weight:700}
/* Style cho HTML mà Contact Form 7 tự sinh ra (checkbox/acceptance/thông báo/lỗi) */
#dlv-partner .wpcf7-form-control.wpcf7-checkbox{
  display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:8px !important;
}
#dlv-partner .wpcf7-list-item{margin:0 !important}
#dlv-partner .wpcf7-list-item label{
  display:flex !important;gap:9px !important;align-items:flex-start !important;
  font-weight:500 !important;margin:0 !important;
}
#dlv-partner .wpcf7-list-item input[type="checkbox"]{
  display:inline-block !important;width:auto !important;height:auto !important;
  margin:3px 0 0 !important;padding:0 !important;
}
#dlv-partner .wpcf7-not-valid-tip{
  color:#c0392b !important;font-size:.82rem !important;margin-top:4px !important;display:block !important;
}
#dlv-partner .wpcf7-response-output{
  margin-top:16px !important;padding:14px 16px !important;border-radius:12px !important;
  font-weight:700 !important;border:0 !important;
}
#dlv-partner form.sent .wpcf7-response-output{background:#e9f5ed !important;color:var(--dlv-green) !important}
#dlv-partner form.failed .wpcf7-response-output,
#dlv-partner form.aborted .wpcf7-response-output,
#dlv-partner form.spam .wpcf7-response-output{background:#fdecea !important;color:#c0392b !important}
#dlv-partner form.invalid .wpcf7-response-output{background:#fdf3e3 !important;color:#8a5a12 !important}
@media(max-width:650px){
  #dlv-partner .wpcf7-form-control.wpcf7-checkbox{grid-template-columns:1fr !important}
}
.dlv-cta{padding:88px 0;background:
  linear-gradient(90deg,rgba(4,61,38,.95),rgba(4,61,38,.72)),
  url('https://images.unsplash.com/photo-1471193945509-9ad0617afabf?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}
#dlv-partner footer{background:#062f20;color:#cfe0d7;padding:55px 0 24px}
.dlv-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
#dlv-partner footer .dlv-logo img{background:#fff;border-radius:12px;padding:8px;width:190px}
.dlv-copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:.88rem}
.dlv-floating{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--dlv-gold);color:#173127;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}
@media(max-width:980px){
  .dlv-stats-grid{grid-template-columns:repeat(3,1fr)}
  .dlv-intro-grid,.dlv-proof-grid,.dlv-form-wrap{grid-template-columns:1fr}
  .dlv-partner-grid,.dlv-benefit-grid,.dlv-product-grid{grid-template-columns:repeat(2,1fr)}
  .dlv-steps{grid-template-columns:repeat(2,1fr)}
  .dlv-steps .dlv-step:last-child{grid-column:1/-1}
  .dlv-tiers{grid-template-columns:1fr}
  .dlv-tier.dlv-featured{transform:none}
  .dlv-navlinks{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fff;flex-direction:column;align-items:flex-start;padding:22px;border-radius:18px;box-shadow:var(--dlv-shadow)}
  .dlv-navlinks.dlv-open{display:flex}
  .dlv-menu-btn{display:block}
}
@media(max-width:650px){
  #dlv-partner section{padding:68px 0}
  .dlv-container{width:min(100% - 28px,var(--dlv-max))}
  .dlv-hero{min-height:720px}
  .dlv-stats{margin-top:-44px}
  .dlv-stats-grid{grid-template-columns:repeat(2,1fr)}
  .dlv-stat:nth-child(2n){border-right:0}
  .dlv-partner-grid,.dlv-benefit-grid,.dlv-product-grid,.dlv-support-wrap,.dlv-steps,.dlv-footer-grid{grid-template-columns:1fr}
  #dlv-partner .dlv-form-grid,#dlv-partner .dlv-checks{grid-template-columns:1fr !important}
  .dlv-steps .dlv-step:last-child{grid-column:auto}
  .dlv-trustline{gap:12px;font-size:.88rem}
  .dlv-hero-actions .dlv-btn{width:100%}
  .dlv-floating{left:14px;right:14px;text-align:center}
}