/* ===========================================================================
   Sơn Ứng Khuyến — Site-wide reskin (manus.space style)
   Loaded site-wide by ungkhuyen-theme-skin.php (mu-plugin).
   Palette: navy #214682 + warm orange #d98a4e, warm near-white bg.
   Fonts: Playfair Display (headings) + Inter (body).
   =========================================================================== */

:root {
  --uk-navy:      #214682;
  --uk-navy-2:    #1b3a6b;
  --uk-orange:    #d98a4e;
  --uk-orange-2:  #c2773c;
  --uk-bg:        #faf4ee;
  --uk-bg2:       #efe9e2;
  --uk-text:      #1a1a1a;
  --uk-muted:     #6b6b6b;
  --uk-radius:    10px;
  --uk-shadow:    0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.06);
  --uk-shadow-lg: 0 10px 30px rgba(0,0,0,.12);

}

/* Remap WoodMart master color variables (green -> navy/orange).
   !important is required: WoodMart's own :root inline <style> loads AFTER this
   file, so a plain declaration would lose the cascade. !important on a custom
   property wins regardless of source order. */
:root {
  --wd-primary-color: var(--uk-navy) !important;
  --wd-alternative-color: var(--uk-orange) !important;
  --btn-accented-bgcolor: var(--uk-navy) !important;
  --btn-accented-bgcolor-hover: var(--uk-navy-2) !important;
  --btn-accented-color: #fff !important;
  --btn-accented-color-hover: #fff !important;
}

/* ---- Typography --------------------------------------------------------- */
body,
button, input, select, textarea,
.woocommerce-page {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, h5,
.wd-entities-title, .product-title,
.section-title, .title, .widget-title,
.woocommerce-loop-product__title,
.product_title,
.wd-nav-product-cat .menu-item-text {
  font-family: "Playfair Display", Georgia, serif !important;
  letter-spacing: .2px;
}
h1, h2, h3 { color: var(--uk-navy); }

/* ---- Links & accents ---------------------------------------------------- */
a { color: var(--uk-navy); }
a:hover { color: var(--uk-orange); }

.price, .price .amount, .price ins, .woocommerce-Price-amount {
  color: var(--uk-navy) !important;
}

/* sale / onsale badges -> orange */
.onsale, .product-label.onsale, .wd-product-label.bg- {
  background-color: var(--uk-orange) !important;
  color: #fff !important;
  border-radius: 6px;
}

/* ---- Buttons ------------------------------------------------------------ */
.btn, .button,
.wd-buttons .button,
.single_add_to_cart_button,
.add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.price_slider_amount .button,
.quantity .plus, .quantity .minus,
button.alt, .btn-style-default {
  background-color: var(--uk-navy) !important;
  border-color: var(--uk-navy) !important;
  color: #fff !important;
  border-radius: var(--uk-radius) !important;
  box-shadow: none !important;
  font-weight: 600;
  transition: background-color .2s ease, transform .12s ease;
}
.btn:hover, .button:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.price_slider_amount .button:hover,
.quantity .plus:hover, .quantity .minus:hover {
  background-color: var(--uk-navy-2) !important;
  border-color: var(--uk-navy-2) !important;
  color: #fff !important;
}

/* "DANH MỤC SẢN PHẨM" categories opener + nav accents -> navy */
.wd-header-cats .menu-opener,
.wd-header-cats > .menu-opener,
.wd-dropdown-trigger.wd-design-default > a,
.wd-header-cats > a,
.whb-top-bar {
  background-color: var(--uk-navy) !important;
  color: #fff !important;
}
.wd-header-cats .menu-opener { border-radius: var(--uk-radius) var(--uk-radius) 0 0; }
.wd-header-cats .menu-opener,
.wd-header-cats .menu-opener * { color: #fff !important; }

/* ---- Header reskin (light, was green) ----------------------------------- */
.whb-header { box-shadow: 0 1px 8px rgba(0,0,0,.06); }
.whb-header,
.whb-header .whb-main-header,
.whb-header .whb-general-header,
.whb-header .whb-row {
  background-color: #ffffff !important;
}
/* category nav row / any green header row -> white, navy text */
.whb-main-header .wd-nav > li > a,
.whb-general-header .wd-nav > li > a {
  color: var(--uk-navy) !important;
  font-weight: 600;
}
.whb-main-header .wd-nav > li > a:hover { color: var(--uk-orange) !important; }
.wd-header-el .wd-tools-icon::before,
.whb-header .wd-tools-element { color: var(--uk-navy); }

/* ---- Product cards (shop / category / loop) ----------------------------- */
.products .product-grid-item,
ul.products li.product,
.wd-product .product-wrapper {
  border-radius: var(--uk-radius);
  transition: box-shadow .2s ease, transform .2s ease;
}
.products .product-grid-item:hover,
ul.products li.product:hover {
  box-shadow: var(--uk-shadow-lg);
  transform: translateY(-3px);
}

/* ---- Footer reskin (navy) ----------------------------------------------- */
.wd-footer, .footer-container,
.main-footer, .wd-footer-bottom {
  background-color: var(--uk-navy-2) !important;
  color: rgba(255,255,255,.85) !important;
}
.wd-footer a, .footer-container a,
.main-footer a { color: rgba(255,255,255,.85) !important; }
.wd-footer a:hover, .footer-container a:hover { color: var(--uk-orange) !important; }
.wd-footer h1, .wd-footer h2, .wd-footer h3, .wd-footer h4, .wd-footer h5,
.main-footer .widget-title,
.footer-container .widget-title {
  color: #ffffff !important;
}
.wd-footer .wd-widget-title { color:#fff !important; }