/*
 * spc-refresh.css — lop CSS phu them (khong sua CSS goc cua Flatsome/child
 * theme) de giam cam giac "cu" cho 10 site thi diem. Chi chinh: bo goc, do
 * bong, khoang cach, hover, nut bam. KHONG doi font-family (tranh nap them
 * Google Fonts ngoai lam cham trang — dung dung font he thong site dang co).
 * Nap sau cung (enqueue priority thap trong 27_speedui.py) de thang cascade
 * ma khong can !important tran lan.
 */

:root {
  --spc-radius: 10px;
  --spc-radius-sm: 6px;
  --spc-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  --spc-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.1);
  --spc-transition: 180ms ease;
}

/* Nut bam: bo goc mem, bo bong cung, them chuyen dong hover nhe */
.button,
button,
input[type="submit"],
.wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button {
  border-radius: var(--spc-radius-sm) !important;
  transition: transform var(--spc-transition), box-shadow var(--spc-transition), opacity var(--spc-transition) !important;
  box-shadow: none;
}
.button:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}

/* The san pham / khoi noi dung: bo goc + do bong nhe thay vien cung */
.product-small,
.box,
.card,
.product,
.woocommerce ul.products li.product {
  border-radius: var(--spc-radius) !important;
  transition: box-shadow var(--spc-transition), transform var(--spc-transition) !important;
}
.product-small:hover,
.woocommerce ul.products li.product:hover {
  box-shadow: var(--spc-shadow-hover) !important;
  transform: translateY(-2px);
}

/* Anh san pham: bo goc dong bo voi the chua */
.product-small img,
.woocommerce ul.products li.product img,
.image-wrapper img {
  border-radius: var(--spc-radius) var(--spc-radius) 0 0 !important;
}

/* Input form: bo goc mem, vien nhat hon */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
  border-radius: var(--spc-radius-sm) !important;
  transition: border-color var(--spc-transition), box-shadow var(--spc-transition) !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06) !important;
}

/* Khoang cach thoang hon giua cac khoi noi dung chinh */
.container > .row {
  row-gap: 1.25rem;
}

/* Header/menu: bo cam giac dinh cung, them do bong rat nhe khi cuon */
#header.stuck,
.header-wrapper.stuck {
  box-shadow: var(--spc-shadow) !important;
}

/* Bo cac vien double/nang Flatsome hay dung o widget/sidebar cho do "cu" */
.widget,
.is-boxed .product-small {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Badge sale/new: bo goc thay hinh vuong cung */
.onsale,
.product-small .badge,
.label-new,
.label-sale {
  border-radius: 999px !important;
}

/* Chuyen doi anh khi lazyload/hover muot hon */
img {
  transition: opacity var(--spc-transition);
}