/*
 Theme Name: Flatsome Child
 Template: flatsome
 Version: 5645
 Description: Vetshop — Thú Y Shop storefront (build 2026-07-03)
*/

/* ===== Typography: Be Vietnam Pro everywhere (fallback nếu Flatsome không load) ===== */
body, p, .nav > li > a, input, select, textarea, button,
h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: 'Be Vietnam Pro', Roboto, Arial, sans-serif;
}

/* ===== Cards & buttons: bo góc nhẹ, shadow mềm (DESIGN_PLAN #4) ===== */
.button, button, input[type="submit"] { border-radius: 8px; }
.product-small.box { border-radius: 8px; overflow: hidden; transition: box-shadow .2s; }
.product-small.box:hover { box-shadow: 0 6px 18px rgba(19, 78, 74, .14); }
.badge-inner { border-radius: 6px; }

/* Giá */
.price .woocommerce-Price-amount { font-weight: 700; }

/* Header hotline block */
.html_top_right_text .header-hotline a:hover { color: #F59E0B; }

/* ===== Nút liên hệ nổi Zalo + Gọi ===== */
.vetshop-float-contact {
    position: fixed;
    right: 16px;
    bottom: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}
.vetshop-float-contact .vf-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
    transition: transform .15s;
}
.vetshop-float-contact .vf-btn:hover { transform: translateY(-2px); }
.vetshop-float-contact .vf-zalo { background: #0068FF; }
.vetshop-float-contact .vf-zalo .vf-ico {
    background: #fff;
    color: #0068FF;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
}
.vetshop-float-contact .vf-call { background: #1E7A3C; animation: vf-pulse 2.2s infinite; }
@keyframes vf-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(30, 122, 60, .45); }
    70%  { box-shadow: 0 0 0 14px rgba(30, 122, 60, 0); }
    100% { box-shadow: 0 0 0 0 rgba(30, 122, 60, 0); }
}
@media (max-width: 549px) {
    .vetshop-float-contact { bottom: 14px; right: 10px; }
    .vetshop-float-contact .vf-label { display: none; }
    .vetshop-float-contact .vf-btn { padding: 12px; }
    .vetshop-float-contact .vf-ico { font-size: 16px; }
}

/* ShopGrowth widget anchor — ẩn tới khi widget thật được nhúng */
#shopgrowth-widget[data-status="placeholder"] { display: none; }

/* Nút "Mua qua chat" trên trang chủ (trigger ShopGrowth, tạm trỏ Zalo) */
.shopgrowth-chat-trigger { cursor: pointer; }

/* Topbar chữ nhỏ gọn */
.top-bar .html { font-size: 12.5px; }

/* Section title đồng bộ màu */
.section-title span { text-transform: none; }

/* vetshop-logo-enlarge 2026-07-03 */
#logo img, .header-logo img, #logo .header-logo{ max-height: 82px !important; width:auto !important; }
.header-main{ height: 116px !important; }
.stuck #logo img, .stuck .header-logo img{ max-height: 64px !important; }
.footer-widgets img[src*="logo-reverse"], .footer-widgets img[src*="thuyshop-footer"], .widget img[src*="logo-reverse"], .widget img[src*="thuyshop-footer"]{ max-width: 240px !important; height:auto !important; }
@media (max-width:549px){ #logo img, .header-logo img{ max-height: 62px !important; } .header-main{ height:84px !important; } }
/* end enlarge */
/* ===== GPKD trust card (2026-07-03) ===== */
.vetshop-gpkd-card { background:#fff; border:1px solid #CCEDE5; border-radius:14px; padding:26px 28px; box-shadow:0 4px 18px rgba(19,78,74,.08); }
.vetshop-gpkd-badge { display:inline-block; background:#134E4A; color:#CCFBF1; font-size:11.5px; font-weight:800; letter-spacing:.06em; padding:5px 12px; border-radius:99px; }
.vetshop-gpkd-grid .g-row { display:flex; gap:12px; padding:8px 0; border-bottom:1px dashed #D6EAE5; font-size:14.5px; line-height:1.5; }
.vetshop-gpkd-grid .g-row:last-child { border-bottom:none; }
.vetshop-gpkd-grid .g-label { flex:0 0 170px; color:#6B7280; }
.vetshop-gpkd-grid .g-val { color:#134E4A; font-weight:700; }
@media (max-width:549px){ .vetshop-gpkd-grid .g-row{ flex-direction:column; gap:2px; } .vetshop-gpkd-grid .g-label{ flex:none; font-size:12.5px; } .vetshop-gpkd-card{ padding:20px 18px; } }
a.vetshop-gpkd-thumb { display:inline-block; }
a.vetshop-gpkd-thumb img { border:1px solid #CCEDE5; border-radius:12px; box-shadow:0 6px 20px rgba(19,78,74,.15); transition:transform .18s; }
a.vetshop-gpkd-thumb:hover img { transform:scale(1.03); }
/* end GPKD trust card */