/* Bổ sung cho dental.css (sinh từ demo, không sửa tay): ảnh thật thay khối minh hoạ, biểu mẫu của form builder,
   bản đồ Leaflet, thanh xem trước giao diện. Giữ đúng màu/khoảng cách của demo đã duyệt. */
.pvbar{background:repeating-linear-gradient(-45deg,#fff7e8,#fff7e8 10px,#fff2dc 10px,#fff2dc 20px);color:#8a5a12;font-size:11.5px;font-weight:600;text-align:center;padding:4px}

/* logo tròn & ảnh bìa thật */
.lg img,.lgo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.lg:has(img),.lgo:has(img){background:#fff;overflow:hidden}
.lr .img img.cover,.cc .cv img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc a.cv{display:block}
.cc .nm a:hover,.lr .nm a:hover{color:var(--blue)}
.lr .act .mini-i a{display:flex;gap:3px;align-items:center}
.lr .act .mini-i a:hover{color:var(--blue)}
a.mini{color:inherit}
a.mini:hover{background:var(--bg-2)}
.near a.it:hover{background:var(--bg-2)}
.mapv a.mi{color:inherit}
.pcover.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcover.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,36,.55),rgba(10,18,36,.1))}
.pcover.has-img .txt{z-index:1}
.pid.spon{border-color:#9dbcf0;box-shadow:0 0 0 1px #dfe9fb,var(--sh-1)}
.pid.spon .lg{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--blue),var(--sh-2)}
.gal .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal .thumbs button{overflow:hidden;padding:0}
.gal .thumbs button img{width:100%;height:100%;object-fit:cover}
.intro .bb img{max-width:100%;height:auto;border-radius:var(--r-s)}

/* trang chủ: 2 khung (khu vực + labo) */
.split.two{grid-template-columns:2fr 1fr}
.alist.cols{columns:2;column-gap:8px}
.alist.cols li{break-inside:avoid}
@media (max-width:960px){.split.two{grid-template-columns:1fr}.alist.cols{columns:1}}

/* ô chọn trong khung tìm nhanh */
.finder .v select{width:100%;border:0;background:transparent;font:inherit;font-weight:600;font-size:14px;color:var(--ink);outline:0;padding:0;cursor:pointer;appearance:auto}
.pills a.pill{text-decoration:none}

/* biểu mẫu đặt hẹn (form builder lõi) theo kiểu .inp/.seg của demo */
.cms-form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cms-form .form-grid{display:grid;gap:8px}
.cms-form .form-label{display:block;font-size:11.5px;font-weight:700;color:var(--ink-3);margin:0 0 3px}
.cms-form .form-control{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-s);height:36px;padding:0 10px;background:var(--bg-2);font:inherit;font-size:13px;color:var(--ink);outline:0}
.cms-form .form-control:focus{border-color:var(--blue);background:#fff}
.cms-form textarea.form-control{height:64px;padding:8px 10px;resize:vertical}
.cms-form .choice-group{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
.cms-form .choice{display:flex;gap:5px;justify-content:center;align-items:center;padding:7px 0;font-size:12.5px;font-weight:600;color:var(--ink-2);background:#fff;border-right:1px solid var(--line);cursor:pointer}
.cms-form .choice:last-child{border-right:0}
.cms-form .choice input{position:absolute;opacity:0;pointer-events:none}
.cms-form .choice:has(input:checked){background:var(--blue-s);color:var(--blue-d);box-shadow:inset 0 -2px 0 var(--blue)}
.cms-form .choice:nth-child(1)::before{content:"\25D1";color:#f0a020}
.cms-form .choice:nth-child(2)::before{content:"\2600";color:var(--orange)}
.cms-form .choice:nth-child(3)::before{content:"\263E";color:var(--violet)}
.cms-form .btn-primary{display:flex;width:100%;justify-content:center;align-items:center;gap:6px;height:40px;border:0;border-radius:var(--r);font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:#fff;background:var(--blue);box-shadow:inset 0 -2px 0 rgba(0,0,0,.16)}
.bk .hd:not([style]) ~ .bd .cms-form .btn-primary{background:var(--mint)}
.cms-form .btn-primary svg{width:16px;height:16px}
.cms-form .alert{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;border-radius:var(--r-s);padding:8px 10px;margin-bottom:8px}
.cms-form .alert svg{flex:none;width:18px;height:18px}
.cms-form .alert-success{background:var(--mint-s);color:var(--mint-d);border:1px solid #bfe6d8}
.cms-form .alert-error{background:#fff1f2;color:#b42318;border:1px solid #f8c9cf}

/* bản đồ Leaflet trong chế độ xem "Bản đồ" */
#leafletMap{position:relative;height:100%;z-index:0}
#leafletMap .attr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12.5px;color:var(--ink-3)}

/* trang lõi (tin tức, liên hệ…) vẫn dùng template theme cha */
.core-main{min-height:40vh}
.f5 .by{color:#8f9ab0}

/* điện thoại: thanh "Bạn là chủ…?" xuống dòng thay vì tràn ngang */
@media (max-width:760px){.claimbar{flex-wrap:wrap}.claimbar>div{flex:1 1 calc(100% - 56px);min-width:0}.claimbar .btn{flex:1 1 auto;justify-content:center}}

/* gợi ý khi gõ: ô rỗng thì ẩn; bản gắn vào <body> dưới ô tìm ở đầu trang */
.ac:empty{display:none!important}
.ac.float{position:absolute;display:block;right:auto}
.ac.float a{color:var(--ink)}

/* trang tĩnh (giới thiệu, chính sách) */
.dental-prose{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;margin-top:14px;font-size:14px;line-height:1.75;color:#26324a}
.dental-prose h2{font-size:16px;margin:20px 0 6px;color:var(--ink)}
.dental-prose .aud{margin:14px 0}
.dental-prose .aud ol{padding:0}
@media (max-width:960px){.aud{grid-template-columns:1fr}}
@media (max-width:760px){.pol{grid-template-columns:1fr}.pol nav{position:static;display:flex;overflow-x:auto;gap:4px}.pol nav a{white-space:nowrap}.pol article,.dental-prose{padding:16px}}

/* Nút có icon: icon không bị co về 0 (tránh chữ đè icon) */
.btn i{flex-shrink:0}
/* Thẻ nha khoa 2 cột trên điện thoại: nút hẹp → bỏ icon, giữ chữ (giống app) */
@media (max-width:760px){.cc .ft .btn{padding:0 6px;min-width:0}.cc .ft .btn i{display:none}}