/*
Theme Name: Battlerobe
Theme URI: https://battlerobe.com
Author: Battlerobe
Description: WordPress theme for Battlerobe's editable B2B activewear supply-chain website.
Version: 1.0.3
Requires at least: 6.0
Text Domain: battlerobe
*/

@import url("battlerobe-site.css");

/* Native WordPress catalog and product templates. */
.br-wp-catalog,
.br-wp-product {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 56px 0 88px;
}
.br-wp-catalog__intro { max-width: 760px; margin-bottom: 28px; }
.br-wp-catalog__intro h1,
.br-wp-product h1 { margin: 8px 0 12px; }
.br-wp-catalog__layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: start; }
.br-wp-catalog__sidebar { position: sticky; top: 96px; }
.br-wp-index { padding: 18px; border: 1px solid rgba(42, 35, 32, .12); border-radius: 12px; background: #fffdfb; }
.br-wp-index + .br-wp-index { margin-top: 14px; }
.br-wp-index h2 { font-size: 15px; margin: 0 0 12px; }
.br-wp-index a { display: block; padding: 8px 0; color: inherit; text-decoration: none; font-size: 14px; }
.br-wp-index a:hover { color: #ae7180; }
.br-wp-filterbar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.br-wp-filterbar label { display: grid; gap: 6px; min-width: 160px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #8e6b73; }
.br-wp-filterbar select { min-height: 40px; border: 1px solid rgba(42, 35, 32, .15); border-radius: 9px; padding: 0 12px; background: #fff; font: inherit; color: #2a2320; }
.br-wp-filterbar button { align-self: end; min-height: 40px; border: 0; border-radius: 999px; padding: 0 18px; background: #a6d9cd; color: #1c3531; font-weight: 700; cursor: pointer; }
.br-wp-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.br-wp-product-card { min-width: 0; padding: 10px; border: 1px solid rgba(42,35,32,.1); border-radius: 11px; background: #fff; }
.br-wp-product-card__image { display: block; aspect-ratio: 1 / 1.12; overflow: hidden; border-radius: 8px; background: #f2f0ed; }
.br-wp-product-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.br-wp-product-card h2 { font-size: 16px; line-height: 1.2; margin: 12px 2px 8px; }
.br-wp-product-card p { margin: 4px 2px; color: #756b68; font-size: 12px; }
.br-wp-product-card__actions { display: flex; gap: 8px; margin-top: 13px; }
.br-wp-product-card__actions a { flex: 1; min-height: 34px; display: grid; place-items: center; border: 1px solid rgba(42,35,32,.16); border-radius: 999px; text-decoration: none; font-size: 12px; font-weight: 700; color: #2a2320; }
.br-wp-product-card__actions a:last-child { border-color: #e9a2b4; background: linear-gradient(90deg,#f6c5d2,#c9eee4); }
.br-wp-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 32px; }
.br-wp-pagination a, .br-wp-pagination span { padding: 8px 12px; border: 1px solid rgba(42,35,32,.12); border-radius: 8px; text-decoration: none; color: inherit; }
.br-wp-product__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.br-wp-product__gallery { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; }
.br-wp-product__thumbs { display: grid; gap: 10px; align-content: start; }
.br-wp-product__thumbs img { width: 84px; aspect-ratio: 1; object-fit: cover; border-radius: 8px; border: 1px solid rgba(42,35,32,.1); }
.br-wp-product__hero-image { width: 100%; aspect-ratio: 1 / 1.08; object-fit: cover; border-radius: 12px; background: #f2f0ed; }
.br-wp-product__meta { padding: 26px; border: 1px solid rgba(42,35,32,.12); border-radius: 12px; background: #fffdfb; }
.br-wp-product__meta dl { display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0; border: 1px solid rgba(42,35,32,.1); border-radius: 8px; overflow: hidden; }
.br-wp-product__meta dt, .br-wp-product__meta dd { margin: 0; padding: 12px; border-bottom: 1px solid rgba(42,35,32,.08); }
.br-wp-product__meta dt { color: #8e6b73; font-size: 11px; text-transform: uppercase; }
.br-wp-product__meta dd { font-weight: 700; }
.br-wp-product__meta .br-wp-price-note { padding: 14px; border-radius: 8px; background: #f6f2ef; color: #756b68; }
.br-wp-product__actions { display: flex; gap: 10px; margin-top: 20px; }
.br-wp-product__actions a { flex: 1; min-height: 44px; display: grid; place-items: center; border: 1px solid rgba(42,35,32,.18); border-radius: 999px; color: inherit; text-decoration: none; font-weight: 700; }
.br-wp-product__actions a:last-child { border-color: #e9a2b4; background: linear-gradient(90deg,#f6c5d2,#c9eee4); }
.br-wp-empty { padding: 30px; border: 1px dashed rgba(42,35,32,.18); border-radius: 10px; color: #756b68; }
@media (max-width: 980px) { .br-wp-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .br-wp-catalog, .br-wp-product { width: min(100% - 24px, 640px); padding: 36px 0 64px; }
  .br-wp-catalog__layout, .br-wp-product__layout { grid-template-columns: 1fr; }
  .br-wp-catalog__sidebar { position: static; }
  .br-wp-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .br-wp-product-card { padding: 7px; }
  .br-wp-product-card h2 { font-size: 14px; }
  .br-wp-product-card__actions { display: grid; gap: 5px; }
  .br-wp-product__gallery { grid-template-columns: 1fr; }
  .br-wp-product__thumbs { order: 2; grid-template-columns: repeat(4, 1fr); }
  .br-wp-product__thumbs img { width: 100%; }
  .br-wp-product__meta { padding: 18px; }
}