/* In Vĩnh Phát · lớp áo chung cho mọi trang khác của web (Flatsome): danh mục, sản phẩm, giỏ hàng, thanh toán,
   tài khoản, bài viết. Chỉ đổi màu, font, bo góc, khoảng cách; không đụng tới cấu trúc trang hay nội dung. */

html,body{overflow-x:clip!important}   /* thay cho overflow:hidden của theme để header mới dính (sticky) được */
:root{--primary-color:#2D63F5}
body.vptc-site{
  --c:#00ADED;--b:#1A5FE0;--b2:#2D63F5;--m:#E5097F;--y:#FFD23F;--z:#0068FF;--ok:#0E9F6E;
  --ink:#0F1B2D;--ink2:#46536A;--ink3:#7A8699;--line:#E3E8F0;--bg:#F2F5FA;--card:#fff;
  --ww:clamp(1280px,92vw,1520px);--r:14px;--sh:0 1px 2px rgba(15,27,45,.05),0 6px 18px -10px rgba(15,27,45,.18);
  --f:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:var(--f);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased
}
body.vptc-site #wrapper,body.vptc-site #main{background:transparent}
body.vptc-site .vptc-stub{display:none!important}
body.vptc-site #button-contact-vr,body.vptc-home #button-contact-vr,body.vptc-site #top-link{display:none!important}
@media (max-width:860px){body.vptc-site{padding-bottom:62px}}

/* chữ */
body.vptc-site,body.vptc-site p,body.vptc-site li,body.vptc-site td,body.vptc-site th,body.vptc-site input,body.vptc-site select,body.vptc-site textarea,body.vptc-site button,body.vptc-site .button,body.vptc-site .nav>li>a{font-family:var(--f)}
body.vptc-site #main h1,body.vptc-site #main h2,body.vptc-site #main h3,body.vptc-site #main h4,body.vptc-site #main h5,body.vptc-site #main h6,
body.vptc-site .shop-page-title h1,body.vptc-site .page-title h1,body.vptc-site .heading-font{font-family:var(--f);color:var(--ink);letter-spacing:normal}
body.vptc-site #main .uppercase,body.vptc-site .page-title .uppercase{letter-spacing:.02em}
body.vptc-site #main{font-size:16px;line-height:1.65;color:var(--ink)}

/* chiều rộng nội dung khớp với header mới */
/* (chỉ trang cửa hàng, danh mục, sản phẩm, bài viết; trang dựng bằng UX Builder giữ nguyên bố cục) */
body.vptc-site:not(.page) .container,body.vptc-site:not(.page) .container-width,body.vptc-site:not(.page) .row,
body.vptc-site.woocommerce-page .container,body.vptc-site.woocommerce-page .container-width,body.vptc-site.woocommerce-page .row{max-width:calc(var(--ww) - 18px)}
body.vptc-site:not(.page) .row.row-collapse,body.vptc-site.woocommerce-page .row.row-collapse{max-width:calc(var(--ww) - 48px)}
body.vptc-site:not(.page) .row.row-small,body.vptc-site.woocommerce-page .row.row-small{max-width:calc(var(--ww) - 28px)}
body.vptc-site:not(.page) .row.row-large,body.vptc-site.woocommerce-page .row.row-large{max-width:calc(var(--ww) + 12px)}

/* dải tiêu đề trang + breadcrumb */
body.vptc-site .shop-page-title,body.vptc-site .checkout-page-title,body.vptc-site .my-account-header,body.vptc-site #main>.page-title:not(.featured-title){background:#fff;border-bottom:1px solid var(--line);margin-bottom:22px}
body.vptc-site .page-title-inner{padding-top:16px;padding-bottom:16px;min-height:0}
body.vptc-site .breadcrumbs{font-family:var(--f);font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink3)}
body.vptc-site .is-large .breadcrumbs,body.vptc-site .breadcrumbs.is-large{font-size:15px}
body.vptc-site .breadcrumbs a{color:var(--ink2);font-weight:600}
body.vptc-site .breadcrumbs a:hover{color:var(--b2)}
body.vptc-site .breadcrumbs .divider{opacity:.45;margin:0 .35em}
body.vptc-site .checkout-breadcrumbs a,body.vptc-site .checkout-breadcrumbs .divider{text-transform:none;letter-spacing:0;font-weight:800;color:var(--ink3)}
body.vptc-site .checkout-breadcrumbs a.current{color:var(--b2)}
body.vptc-site .woocommerce-result-count{color:var(--ink3);font-size:14px}
body.vptc-site .archive-page-header .page-title{font-size:clamp(22px,2.4vw,30px);font-weight:800;text-transform:none;letter-spacing:0}
body.vptc-site .archive-page-header{padding:18px 0 6px}

/* vạch nhấn */
body.vptc-site .is-divider{height:3px;max-width:36px;border-radius:2px;background:linear-gradient(90deg,var(--c),var(--b2),var(--m))}

/* khung trắng bo góc */
body.vptc-site .term-description,
body.vptc-site #shop-sidebar .widget,body.vptc-site .post-sidebar .widget,body.vptc-site .product-sidebar .widget,body.vptc-site #secondary .widget,
body.vptc-site .product-main,body.vptc-site .product-footer .woocommerce-tabs,
body.vptc-site .page-checkout>.woocommerce,body.vptc-site .my-account>.container>.woocommerce,
body.vptc-site .blog-single .article-inner,body.vptc-site #comments,
body.vptc-site .page-wrapper.page-right-sidebar>.row>.col>.col-inner,body.vptc-site .page-wrapper.page-left-sidebar>.row>.col>.col-inner{
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh)}
body.vptc-site .term-description{padding:clamp(16px,2vw,26px);margin:0 0 24px;font-size:16px;line-height:1.75;color:#24324A}
body.vptc-site #shop-sidebar .widget,body.vptc-site .post-sidebar .widget,body.vptc-site .product-sidebar .widget,body.vptc-site #secondary .widget{padding:16px 18px;margin-bottom:16px}
body.vptc-site .product-main{padding:clamp(18px,2.4vw,32px) 0;margin:18px auto 22px}
body.vptc-site .product-footer .woocommerce-tabs{padding:10px clamp(14px,2vw,26px) 18px;margin:0 auto 24px;border-top:1px solid var(--line)!important}
body.vptc-site .product-footer .woocommerce-tabs>.tabs{margin-top:0!important}
body.vptc-site .page-checkout>.woocommerce,body.vptc-site .my-account>.container>.woocommerce{padding:clamp(16px,2.4vw,30px);margin-bottom:28px}
body.vptc-site .blog-single .article-inner{padding:clamp(18px,3vw,40px);margin-bottom:24px}
body.vptc-site #comments{padding:clamp(16px,2.4vw,28px);margin-bottom:24px}
@media (max-width:549px){body.vptc-site .product-main{border-radius:0;border-left:0;border-right:0}}

/* tiêu đề widget */
body.vptc-site .widget-title,body.vptc-site .widget .widget-title span,body.vptc-site span.widget-title{font-family:var(--f);font-size:15px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
body.vptc-site .widget ul li,body.vptc-site .widget>ul>li{border-color:var(--line)}
body.vptc-site .widget a{color:var(--ink2)}
body.vptc-site .widget a:hover{color:var(--b2)}
body.vptc-site .widget .count{color:var(--ink3)}

/* thẻ sản phẩm trong danh mục, tìm kiếm, sản phẩm liên quan */
body.vptc-site .product-small.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .18s ease,box-shadow .18s ease}
body.vptc-site .product-small.col:hover .product-small.box{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,27,45,.06),0 16px 30px -14px rgba(15,27,45,.32)}
body.vptc-site .product-small .box-image{background:#F4F7FD}
body.vptc-site .product-small .box-text{padding:12px 14px 15px;text-align:left}
body.vptc-site .product-small .product-cat,body.vptc-site .product-small p.category{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--b2);opacity:1;margin-bottom:4px}
body.vptc-site .product-small .product-title,body.vptc-site .product-small .name{font-size:15.5px;line-height:1.38;font-weight:600;color:var(--ink);margin-bottom:6px}
body.vptc-site .product-small .product-title a{color:inherit}
body.vptc-site .product-small .product-title a:hover{color:var(--b2)}
body.vptc-site .price,body.vptc-site .price .amount,body.vptc-site .price ins .amount{color:var(--m);font-weight:800}
body.vptc-site .product-small .price{font-size:17px}
body.vptc-site .price del,body.vptc-site .price del .amount{color:var(--ink3);font-weight:500;opacity:1}
body.vptc-site .price ins{text-decoration:none}
body.vptc-site .badge-container .badge-inner,body.vptc-site .badge-inner.on-sale,body.vptc-site span.onsale{background-color:var(--m);color:#fff;border-radius:999px;font-family:var(--f);font-weight:800}
body.vptc-site .box-blog-post .badge-inner,body.vptc-site .badge-outline .badge-inner{color:var(--b2);border-color:var(--b2);background:#fff}

/* trang sản phẩm */
body.vptc-site .product-info .product-title,body.vptc-site h1.product_title{font-size:clamp(24px,2.3vw,32px);line-height:1.25;font-weight:800;color:var(--ink)}
body.vptc-site .product-info .price{font-size:clamp(24px,2vw,30px)}
body.vptc-site .product-short-description,body.vptc-site .woocommerce-product-details__short-description{color:#2B3A52;line-height:1.7}
body.vptc-site .product_meta{font-size:14px;color:var(--ink3)}
body.vptc-site .product_meta a{color:var(--b2)}
body.vptc-site .product-tabs>li>a,body.vptc-site .wc-tabs>li>a{font-family:var(--f);font-size:15.5px;font-weight:800;text-transform:none;letter-spacing:0;color:var(--ink2)}
body.vptc-site .product-tabs>li.active>a{color:var(--ink)}
body.vptc-site .nav-line>li>a:before,body.vptc-site .nav-line-bottom>li>a:before,body.vptc-site .nav-line-grow>li>a:before{background-color:var(--b2)}
body.vptc-site .woocommerce-Tabs-panel{font-size:16px;line-height:1.75;color:#24324A}
body.vptc-site .product-section-title,body.vptc-site .related .product-section-title{font-family:var(--f);font-size:20px;font-weight:800;text-transform:none;letter-spacing:0;color:var(--ink)}

/* nút */
body.vptc-site .button,body.vptc-site button.button,body.vptc-site input.button,body.vptc-site input[type=submit]{font-family:var(--f);text-transform:none;letter-spacing:0;font-weight:800;border-radius:10px}
body.vptc-site .button.primary:not(.is-outline),body.vptc-site .button.alt,body.vptc-site input.button.alt,body.vptc-site .single_add_to_cart_button,body.vptc-site .checkout-button,body.vptc-site #place_order,
body.vptc-site button[type=submit]:not(.is-outline):not(.is-form):not(.plain),body.vptc-site input[type=submit]:not(.is-form),body.vptc-site .button.wc-forward:not(.checkout):not(.checkout-button),body.vptc-site .button.submit-button{
  background:linear-gradient(100deg,#0091D0 0%,#2D5BF0 70%)!important;background-color:var(--b2)!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(45,91,240,.85)}
body.vptc-site .single_add_to_cart_button,body.vptc-site .checkout-button,body.vptc-site #place_order{font-size:16.5px;min-height:46px;line-height:46px;padding:0 1.6em}
body.vptc-site .button.primary:not(.is-outline):hover,body.vptc-site .single_add_to_cart_button:hover,body.vptc-site .checkout-button:hover,body.vptc-site #place_order:hover{filter:brightness(1.06);box-shadow:0 10px 22px -10px rgba(45,91,240,.95)}
body.vptc-site .button.is-outline:not(.circle){border-radius:10px;border-color:var(--b2);color:var(--b2)}
body.vptc-site .button.is-outline:not(.circle):hover{background:var(--b2);color:#fff}
body.vptc-site .button.checkout,body.vptc-site .woocommerce-mini-cart__buttons .checkout{background:var(--m)!important;border-color:var(--m)!important;color:#fff!important}

/* ô nhập */
body.vptc-site #main input[type=text],body.vptc-site #main input[type=email],body.vptc-site #main input[type=tel],body.vptc-site #main input[type=password],body.vptc-site #main input[type=search],body.vptc-site #main input[type=url],body.vptc-site #main input[type=number]:not(.qty),body.vptc-site #main textarea,body.vptc-site #main select{border:1px solid #D6DDE8;border-radius:10px;box-shadow:none;background-color:#fff;color:var(--ink);font-family:var(--f)}
body.vptc-site #main input:focus,body.vptc-site #main textarea:focus,body.vptc-site #main select:focus{border-color:var(--b2);box-shadow:0 0 0 3px rgba(45,99,245,.16);outline:0}
body.vptc-site #main label{font-weight:700;color:var(--ink2)}

/* phân trang */
body.vptc-site .nav-pagination>li>.page-number,body.vptc-site .nav-pagination>li>a,body.vptc-site .nav-pagination>li>span{border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-weight:700;min-width:40px;height:40px;line-height:38px}
body.vptc-site .nav-pagination>li>.current,body.vptc-site .nav-pagination>li>span:hover,body.vptc-site .nav-pagination>li>a:hover{background:var(--b2);border-color:var(--b2);color:#fff}

/* thông báo WooCommerce */
body.vptc-site .woocommerce-message,body.vptc-site .woocommerce-info,body.vptc-site .woocommerce-error,body.vptc-site .message-container{border-radius:12px}
body.vptc-site .woocommerce-message .button,body.vptc-site .message-container .button{border-radius:10px}

/* giỏ hàng, thanh toán */
body.vptc-site .shop_table th{font-family:var(--f);letter-spacing:.02em;color:var(--ink3);font-size:13px}
body.vptc-site .shop_table .product-name a{color:var(--ink);font-weight:700}
body.vptc-site .cart-sidebar,body.vptc-site .checkout-sidebar{border-radius:14px}
body.vptc-site .order-total .amount,body.vptc-site .cart_totals .order-total .amount{color:var(--m)}

/* bài viết */
body.vptc-site .blog-wrapper{padding-top:24px}
body.vptc-site .entry-title{font-size:clamp(25px,3vw,36px);line-height:1.25;font-weight:800;color:var(--ink)}
body.vptc-site .entry-category a,body.vptc-site .entry-category{color:var(--m);letter-spacing:.06em;font-weight:800}
body.vptc-site .entry-meta,body.vptc-site .entry-meta a{color:var(--ink3)}
body.vptc-site .entry-content{font-size:16.5px;line-height:1.78;color:#24324A}
body.vptc-site .entry-content a,body.vptc-site .term-description a,body.vptc-site .woocommerce-Tabs-panel a{color:var(--b2);text-decoration:underline;text-underline-offset:2px}
body.vptc-site .entry-content h2,body.vptc-site .entry-content h3,body.vptc-site .term-description h2,body.vptc-site .term-description h3,body.vptc-site .woocommerce-Tabs-panel h2,body.vptc-site .woocommerce-Tabs-panel h3{font-weight:800;line-height:1.3;margin-top:1.4em}
body.vptc-site .entry-content table,body.vptc-site .term-description table,body.vptc-site .woocommerce-Tabs-panel table{border-collapse:collapse;border-radius:10px;overflow:hidden}
body.vptc-site .entry-content td,body.vptc-site .entry-content th,body.vptc-site .term-description td,body.vptc-site .term-description th{border:1px solid var(--line);padding:.6em .8em}
body.vptc-site .post-item .box-blog-post{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .18s ease,box-shadow .18s ease}
body.vptc-site .post-item:hover .box-blog-post{transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(15,27,45,.32)}
body.vptc-site .post-item .box-text{padding:14px 16px 18px}
body.vptc-site .post-item .post-title{font-family:var(--f);font-size:17px;line-height:1.38;font-weight:700;color:var(--ink)}
body.vptc-site .post-item .from_the_blog_excerpt{color:var(--ink2);font-size:14.5px}

/* chữ nhấn màu chính của theme → màu Vĩnh Phát */
body.vptc-site .primary.is-underline,body.vptc-site .primary.is-link,body.vptc-site .is-outline.primary,body.vptc-site [data-color=primary]{color:var(--b2)}
body.vptc-site .accordion-title.active{color:var(--b2)}