/*
 Theme Name:   sullivan-child
 Author:       admin
 Author URI:   https://tiemdonhaca.com
 Template:     sullivan
 Version:      1.0
*/

/* Biến màu và font */
:root {
  --td-bg: oklch(98.5% 0.001 106.423);
  --td-text: oklch(14.7% 0.004 49.25);
  --td-blue: oklch(54.6% 0.245 262.881);
  --td-orange: oklch(47% 0.157 37.304);
  --td-black: oklch(20.5% 0 none);
  --td-font: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Font: ghi đè font của theme cha */
body,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
textarea,
select,
.site-title,
.main-menu,
.excerpt,
.subheading {
  font-family: var(--td-font) !important;
}

/* Nền và màu chữ chung */
body {
  color: var(--td-text);
  background: var(--td-bg);
}

.site-header,
#site-content,
#site-footer,
.woocommerce-coming-soon-header.has-background {
  background-color: var(--td-bg);
}

#site-footer,
#site-footer a,
#site-footer p,
#site-footer li {
  color: var(--td-text);
}

/* Header và nội dung */
.site-header {
  border-bottom: none;
}

.site-header .custom-logo-link img {
  max-width: 200px;
}

#site-content {
  padding: 30px 0;
}

.page-title {
  color: var(--td-blue);
}

.section-inner + .section-inner {
  margin-top: 20px;
}

/* Banner cửa hàng */
.shop-featured-image {
  margin-bottom: 2rem;
}

.shop-featured-image .shop-featured-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

/* Sản phẩm */
.product-upper-wrapper {
  align-items: normal;
}

.buy-now-button {
  margin-left: 10px;
}

#site-content li.product a img,
.woocommerce-product-gallery img {
  border-radius: 10px;
}

.product_meta {
  display: none;
}

.price bdi {
  color: var(--td-orange);
  font-size: 1.25rem;
  font-weight: 700;
}

/* Thanh toán */
.woocommerce-checkout-review-order-table .checkout-product-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.product-total,
.cart-subtotal td,
.order-total td {
  text-align: right;
}

#order_review tfoot th {
  text-align: left;
}

/* Thông báo cửa hàng */
.woocommerce-store-notice {
  background: var(--td-black);
  font-family: var(--td-font);
}

/* Ẩn phần không dùng */
#site-footer .credits,
.archive-header-tools,
.description_tab,
.additional_information_tab,
#tab-description > h2 {
  display: none !important;
}