/* Card Visit Thông Minh — nâng trải nghiệm 10/11/2026 (inc/cv-ux.php). Giữ giao diện cũ, chỉ sửa lỗi và thêm tiện ích. */

/* Tràn ngang trên máy tính: giỏ trượt nằm ngoài khung + hiệu ứng "bay vào từ phải" (WOW fadeInRight). clip không tạo thanh cuộn và không phá position: sticky. */
html, body { overflow-x: clip; }

/* Khoảng trắng giữa các khối trang chủ (đường kẻ 80px trên + dưới, tiêu đề khối đệm 75px) */
.container_line { margin-top: 56px !important; margin-bottom: 56px !important; }
.dpbqwbok { padding-bottom: 44px !important; }
@media (max-width: 767px) {
	.container_line { margin-top: 32px !important; margin-bottom: 32px !important; }
	.dpbqwbok { padding-bottom: 24px !important; }
	.gsedebio { padding-top: 36px !important; padding-bottom: 16px !important; }
	.woocommerce-breadcrumb, .breadcrumb, .breadcrumbs { font-size: 15px !important; line-height: 1.5 !important; }
	.product_title { font-size: 28px !important; line-height: 1.3 !important; }
}

/* Nút Zalo + Gọi nổi */
.cv-fab { position: fixed; right: 14px; bottom: 18px; z-index: 990; display: flex; flex-direction: column; gap: 10px; }
.cv-fab__btn { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; color: #fff !important; text-decoration: none !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .25); transition: transform .15s; }
.cv-fab__btn:hover { transform: scale(1.06); }
.cv-fab__btn--zalo { background: #0068ff; font: 700 13px/1 Arial, sans-serif; letter-spacing: .2px; }
.cv-fab__btn--call { background: #16a34a; animation: cv-ring 2.4s infinite; }
@keyframes cv-ring { 0%, 70%, 100% { box-shadow: 0 6px 18px rgba(0,0,0,.25), 0 0 0 0 rgba(22,163,74,.5); } 35% { box-shadow: 0 6px 18px rgba(0,0,0,.25), 0 0 0 12px rgba(22,163,74,0); } }
@media (prefers-reduced-motion: reduce) { .cv-fab__btn--call { animation: none; } }
/* Có thanh "Tự thiết kế thẻ & đặt in" dính đáy: đẩy nút lên trên thanh */
body:has(.cv-designbar) .cv-fab { bottom: 112px; }
@media (min-width: 768px) { body:has(.cv-designbar) .cv-fab { bottom: 96px; } }

/* reCAPTCHA: ẩn huy hiệu, đã có ghi chú trong form */
.grecaptcha-badge { visibility: hidden !important; }
.cv-recaptcha-note { font-size: 12px; color: #777; margin: 8px 0 0; }
.cv-recaptcha-note a { color: inherit; text-decoration: underline; }

/* Chân trang: thông tin liên hệ, liên kết, thanh toán */
.cv-foot { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; max-width: 1100px; margin: 0 auto 28px; padding: 32px 20px 24px; border-bottom: 1px solid rgba(0, 0, 0, .08); text-align: left; }
.cv-foot h3 { font-size: 16px; font-weight: 700; margin: 0 0 12px; color: #111; }
.cv-foot p { margin: 0 0 8px; color: #555; font-size: 14px; line-height: 1.6; }
.cv-foot__list, .cv-foot__links { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.cv-foot__list li { display: flex; gap: 8px; margin-bottom: 8px; color: #333; }
.cv-foot__list li span { flex: 0 0 92px; color: #777; }
.cv-foot__list a, .cv-foot__links a { color: #111; text-decoration: none; font-weight: 600; }
.cv-foot__list a:hover, .cv-foot__links a:hover { color: #0068ff; text-decoration: underline; }
.cv-foot__links li { margin-bottom: 8px; }
@media (max-width: 767px) {
	.cv-foot { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px 16px 16px; }
}

/* Giỏ hàng: tên sản phẩm + gói + thiết kế (cart.php 10/11/2026) */
.cv-cart-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; text-align: left; }
.cv-cart-name strong { font-size: 15px; line-height: 1.35; }
.cv-cart-name dl.variation { margin: 4px 0 0; font-size: 13px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 8px; }
.cv-cart-name dl.variation dt { color: #777; font-weight: 400; margin: 0; }
.cv-cart-name dl.variation dd { margin: 0; overflow-wrap: anywhere; }
.cv-cart-name dl.variation dd p { margin: 0; }
.cv-cart-name .antk-prev img { width: 90px !important; }
.woocommerce-cart-form td.product-thumbnail > a, .woocommerce-cart-form td.product-thumbnail > img { display: inline-block; vertical-align: middle; }
.woocommerce-cart-form td.product-thumbnail .cv-cart-name { display: inline-flex; vertical-align: middle; margin-left: 12px; max-width: calc(100% - 110px); }
@media (max-width: 767px) { .woocommerce-cart-form td.product-thumbnail .cv-cart-name { display: flex; margin: 8px 0 0; max-width: 100%; } }

/* Điện thoại: mục "Tính năng sản phẩm" (đệm 25/25 + lề 20 + cao tối thiểu 150px) và chân trang gọn hơn */
@media (max-width: 767px) {
	.website_features .feature { padding: 10px 0 !important; margin-bottom: 6px !important; min-height: 0 !important; }
	.cv-foot__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
	.cv-foot__list li span { flex-basis: 84px; }
}
