/*
Theme Name: ROCK Việt Nam
Theme URI: https://rockvietnam.vn/
Author: ROCK Việt Nam
Description: Giao diện thương hiệu và cửa hàng ROCK Việt Nam, sẵn sàng kết nối WooCommerce.
Version: 0.1.6
Text Domain: rock-vietnam
*/

:root {
  --rock-theme-blue: #0b78b2;
  --rock-theme-navy: #082d42;
  --rock-theme-yellow: #ffc94d;
}

html { scroll-behavior: smooth; }
body { margin: 0; }
body.admin-bar .site-header { top: 32px; }

.site-header { transition: box-shadow .25s ease, background .25s ease; }
.site-header.is-scrolled { box-shadow: 0 12px 30px rgba(4, 42, 64, .15); }
.menu-toggle { cursor: pointer; }
.primary-nav > ul { display: flex; align-items: center; gap: 27px; margin: 0; padding: 0; list-style: none; }
.primary-nav > ul > li { margin: 0; padding: 0; }
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a { color: #fff; }
.primary-nav .current-menu-item > a::after,
.primary-nav .current_page_item > a::after { width: 100%; }

.theme-empty-state {
  padding: 40px;
  border: 1px dashed rgba(8, 45, 66, .22);
  border-radius: 24px;
  color: #55707f;
  background: rgba(255, 255, 255, .7);
  text-align: center;
}

.rock-wp-product-card .product-card__body { min-height: 210px; }
.rock-wp-product-card .product-card__price-row { align-items: center; }
.rock-wp-product-card .product-card__price del { margin-left: 8px; color: #8aa0ad; font-size: .8em; }
.rock-wp-product-card .product-card__link { display: block; height: 100%; }
.rock-wp-product-card .product-card__cta { color: var(--rock-theme-blue); font-size: 12px; font-weight: 800; }

.catalog-shell { padding: 76px 0 96px; background: #f7fbfd; }
.catalog-shell .woocommerce-breadcrumb { margin: 0 0 20px; color: #5f7684; font-size: 12px; }
.catalog-shell .woocommerce-result-count,
.catalog-shell .woocommerce-ordering { margin-bottom: 22px; color: #5f7684; font-size: 12px; }
.catalog-shell ul.products { clear: both; margin-top: 30px; }
.catalog-shell ul.products::before,
.catalog-shell ul.products::after { content: none; }
.catalog-shell .woocommerce ul.products li.product { border-radius: 22px; background: #fff; box-shadow: 0 12px 30px rgba(10, 71, 107, .08); }

@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

@media (max-width: 1000px) {
  .primary-nav > ul { gap: 18px; }
}

@media (max-width: 700px) {
  .primary-nav > ul { display: flex; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 0; }
}