/*
Theme Name: Anest Iwata Việt Nam
Theme URI: https://anestiwata.nhatquan.vn
Author: Nhất Quán JSC
Description: Theme catalogue sản phẩm Anest Iwata (thiết bị phun sơn, máy nén khí, bơm chân không, hệ thống cấp liệu sơn) cho Nhất Quán JSC. Chuyển thể từ website Node.js gốc sang WordPress, dùng Custom Post Type "san_pham", không phụ thuộc WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: anest-iwata-vietnam
*/

@import url("css/main.css?ver=1.2.0");

/* Social links */
.social-links{display:flex;align-items:center;gap:12px;margin-top:18px}
.social-links span{font-size:14px;font-weight:600;color:#475569;margin-right:2px}
.social-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;opacity:0;animation:soc-in .5s ease forwards}
.social-links a:nth-of-type(1){background:#1877f2;animation-delay:.05s}
.social-links a:nth-of-type(2){background:#111;animation-delay:.15s}
.social-links a:nth-of-type(3){background:#f00;animation-delay:.25s}
.social-links a svg{width:22px;height:22px;transition:transform .3s}
.social-links a::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;opacity:0;pointer-events:none}
.social-links a:nth-of-type(1)::after{border-color:#1877f2}
.social-links a:nth-of-type(2)::after{border-color:#25f4ee}
.social-links a:nth-of-type(3)::after{border-color:#f00}
.social-links a:hover{transform:translateY(-5px) scale(1.12)}
.social-links a:hover svg{transform:rotate(-12deg) scale(1.1)}
.social-links a:nth-of-type(1):hover{box-shadow:0 10px 22px rgba(24,119,242,.5)}
.social-links a:nth-of-type(2):hover{box-shadow:-3px 4px 0 #25f4ee,3px -2px 0 #fe2c55,0 10px 22px rgba(0,0,0,.4)}
.social-links a:nth-of-type(3):hover{box-shadow:0 10px 22px rgba(255,0,0,.5)}
.social-links a:hover::after{animation:soc-ring .8s ease-out infinite}
.social-links a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.site-footer .social-links a{box-shadow:0 0 0 2px rgba(255,255,255,.25)}
@keyframes soc-in{from{opacity:0;transform:translateY(12px) scale(.6)}to{opacity:1;transform:none}}
@keyframes soc-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.social-links a{animation:none;opacity:1;transition:none}.social-links a:hover::after{animation:none}}
.pd-content{line-height:1.7}
.pd-content h2{margin:24px 0 10px}
.pd-content ul{list-style:disc;padding-left:22px;margin:8px 0 16px}
.pd-content li{margin:4px 0}
.pd-content img{max-width:100%;height:auto}