:root {
    --primary-color: #003366;
    --secondary-color: #fbbd1d;
    --text-grey: grey;
    --text-highlight: #dc2626;
}

/* ==========  Start Sticky Header  ========== */
header {
    position: sticky !important;
    top: 0;
}
/* ==========  End Sticky Header  ========== */

/* Heading highlight */
h2 em {
    color: var(--text-highlight);
    font-style: normal;
}


/* Highlight text in hero section */
.yellow-text-radius {
    background: var(--secondary-color);
    display: inline-block;
    padding: 0.25rem 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primary-color);
    font-size: 14px;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    line-height: 1rem;
    border-radius: 9999px;
}

/* Hotline CSS in header */
.hotline-text,
.hotline-number {
    margin: 0;
    text-transform: uppercase;
}

.hotline-text {
    color: var(--text-grey);
    font-weight: 700;
    font-size: 10px;
}

.hotline-number {
    font-weight: 700;
    color: var(--primary-color);
}

/* Border search box */
.ast-header-search .search-form {
    border-radius: 8px;
}

/* Custom category image size in homepage */
.home-cate > img {
    height: 75px;
    width: 75px;
}



/* Hide notice banner in feature product */
.wc-block-components-notice-banner {
    display: none;
}

/* Product CSS */
.wc-block-product,
.wp-block-post {
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    padding: 20px;
}

.wc-block-product,
.wp-block-post {
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  padding: 20px;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-product:hover,
.wp-block-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Box price */
.wc-block-components-product-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Original price */
.wc-block-components-product-price del {
  color: #999;
  font-size: 14px;
  text-decoration: line-through;
  order: 1;
}

/* Sale price */
.wc-block-components-product-price ins {
  color: #1e3a8a; /* xanh đậm giống hình */
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  order: 2;
}

/* Disable underline */
.wc-block-components-product-price ins .amount {
  text-decoration: none;
}




/* Footer Menu */
.footer-title-menu {
    color: white;
    font-weight: 700;
}

.widget_nav_menu a.menu-link,
ul.footer-info-wrap li {
    color: #cccccc;
}

.widget_nav_menu a.menu-link:hover {
    color: white;
    transition: .3 ease;
}

.widget_text p {
    color: #cccccc;
    margin: 0;
}

.widget_nav_menu nav ul li,
ul.footer-info-wrap li {
    padding: 6px 0;
}

.footer-row-container-location {
    margin-bottom: 1.25em;
}


.button-single-product-container {
    background: var(--primary-color);
    padding: 10px 20px;
    border-radius: 12px;
    margin-top: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.button-single-product-container:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.button-single-product-container a {
    color: white;
    text-align: center;
    font-weight: 700;
    display: block;
}



/* CSS bảng thông số kỹ thuật */
.woocommerce-product-details__short-description {
    margin-top: 20px;
}

.woocommerce-product-details__short-description table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-product-details__short-description td {
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb;
}

/* Hàng tiêu đề */
.woocommerce-product-details__short-description tr:first-child td {
    background: #f3f4f6;
    font-weight: 700;
    color: #111827;
}

/* Hàng nội dung */
.woocommerce-product-details__short-description tr:last-child td {
    color: #374151;
}

/* Bỏ border dòng cuối */
.woocommerce-product-details__short-description tr:last-child td {
    border-bottom: none;
}

/* Hiệu ứng hover */
.woocommerce-product-details__short-description tr:hover td {
    background: #f9fafb;
}


.spec-short-des {
    font-weight: 700;
    color: var(--primary-color);
}