/* ================================================================
   TrueKatana — Reviews / Gallery
   Design System: --one-* tokens (from layout.css :root)
   ================================================================ */


/* ── Reviews Main ── */
.one-reviews { background: linear-gradient(180deg, var(--one-bg-primary) 0%, var(--one-bg-void) 100%) !important; }
.page-reviews { background: linear-gradient(180deg, var(--one-bg-primary) 0%, var(--one-bg-void) 100%) !important; }
.page-reviews-container { margin-top: 40px; margin-bottom: 150px; max-width: 1360px; }
.page-reviews-header { background-color: var(--one-bg-recessed) !important; padding-top: 30px !important; padding-bottom: 60px !important; }
.page-reviews-title { font-family: var(--one-font-display); font-display: optional; font-size: 3em; color: var(--one-text-inverse); font-weight: bolder; margin-bottom: 5px !important; }
.page-reviews-subtitle { color: var(--one-text-primary); max-width: 800px; font-size: 1.15em; }
.page-reviews-breadcrumb ol a { color: var(--one-text-secondary); font-size: 0.85em; }
.page-reviews-breadcrumb ol { justify-content: center; }
.page-reviews-breadcrumb ol { margin-bottom: 5px; background-color: transparent !important; padding: 8px 0 !important; }

/* Tab navigation */
.page-reviews-tab-container { margin-top: 30px; }
.page-reviews-tab { background: var(--one-bg-void) !important; color: var(--one-text-primary); padding: 12px 40px; }
.page-reviews-tab:hover { color: var(--one-text-inverse); }
.page-reviews-tab-active { background: var(--one-red) !important; color: var(--one-text-inverse); padding: 12px 40px; font-weight: bold; }
.page-reviews-tab-active:hover { color: var(--one-text-inverse); }

@media (max-width: 991.98px) {
  .page-reviews-tab { padding: 9px 30px; }
  .page-reviews-tab-active { padding: 8px 30px; }
}


/* ── Review Items (review cards) ── */
.page-reviews-item-h3 { margin-top: 30px !important; color: var(--one-text-primary); font-weight: bold; font-family: var(--one-font-display); font-display: optional; font-size: 2em; }
.page-reviews-item-card { background-color: var(--one-bg-card) !important; border: 1px solid var(--one-border); }
.page-reviews-item-left { border-right: 1px solid var(--one-border); min-height: 200px; }
.page-reviews-item-body { color: var(--one-text-primary); font-weight: 600; max-width: 90%; }
.page-reviews-item-content { font-size: 16px; color: var(--one-text-primary); max-width: 650px; }
.page-reviews-item-product { margin-top: 35px; max-width: 50%; color: var(--one-text-secondary); font-weight: normal; }
.page-reviews-item-product img { margin-right: 6px; border-radius: var(--one-radius-xs); }
.page-reviews-item-product a { color: var(--one-text-secondary); }
.page-reviews-item-product a:hover { text-decoration: underline; }
.page-reviews-item-product small { color: var(--one-success) !important; }
.page-reviews-item-date { color: var(--one-text-secondary); }
.page-reviews-item-title { color: var(--one-text-primary); }
.page-reviews-item-left small { font-size: 11px; color: var(--one-text-secondary); }
.page-reviews-item-title strong { font-size: 1.2em; }
.page-reviews-item-count { color: #333; font-weight: 500; }
.page-reviews-item-reply { border: 1px dashed var(--one-border-hover); padding: 10px 15px; color: var(--one-text-inverse); border-radius: var(--one-radius-sm); max-width: 500px; }

@media (max-width: 991.98px) {
  .page-reviews-item-left { border-right: 0; border-bottom: 1px solid var(--one-border); min-height: 50px; margin-bottom: 10px; }
  .page-reviews-item-product { margin-top: 35px; max-width: 100%; }
  .page-reviews-item-body { max-width: 100%; }
}


/* ── Product Review Page (single product reviews) ── */
.one-reviews-list { margin-top: 30px; }
.page-reviews-list-container { background-color: var(--one-bg-primary) !important; }
.page-reviews-list-left { min-height: 600px; color: var(--one-text-primary); background-color: var(--one-bg-card) !important; border: 1px solid var(--one-border); }
.page-reviews-list-left small { color: var(--one-text-secondary); font-size: 0.9em; }
.page-reviews-list-left-img img { border-radius: var(--one-radius-sm); }
.page-reviews-list-left-title { font-size: 1.25em; color: var(--one-text-inverse); line-height: 1.35em; }

.page-reviews-list-left-body a { color: var(--one-text-primary); }
.page-reviews-list-left-price { font-size: 2em; color: var(--one-text-inverse); }
.page-reviews-list-left-coupon-container { color: var(--one-warning) !important; font-size: 0.5em !important; }
.page-reviews-list-left-coupon-tags { color: #111; padding-top: 4px; padding-bottom: 3px; }
.page-reviews-list-left-shipping-tips { color: var(--one-success); }
.page-reviews-list-left-shipping-tips a { color: var(--one-success) !important; }
.page-reviews-list-left-inventory-low { color: var(--one-warning) !important; }
.page-reviews-list-left-inventory-instock { color: var(--one-success) !important; }

.page-reviews-list-card { background-color: var(--one-bg-card) !important; border: 1px solid var(--one-border); }
.page-reviews-list-item { margin-top: 35px; max-width: 45%; color: var(--one-text-secondary); font-weight: normal; }
.page-reviews-list-item-body { color: var(--one-text-primary); font-weight: 600; max-width: 90%; }
.page-reviews-list-item-content { font-size: 16px; color: var(--one-text-primary); max-width: 650px; min-height: 120px; }
.page-reviews-list-title strong { font-size: 15px; color: var(--one-text-primary); }
.page-reviews-list-title small { font-size: 12px; color: var(--one-text-secondary); }
.page-reviews-list-item img { margin-right: 10px; border-radius: var(--one-radius-xs); }
.page-reviews-list-item a { color: var(--one-text-secondary); }
.page-reviews-list-item a:hover { text-decoration: underline; }
.page-reviews-list-item-verify { color: var(--one-success) !important; }
.page-reviews-list-item-reply { border: 1px dashed var(--one-border-hover); padding: 10px 15px; color: var(--one-text-inverse); border-radius: var(--one-radius-sm); max-width: 500px; }


/* ── Photo Gallery ── */
.one-gallery-nav { background-color: var(--one-bg-card) !important; padding: 50px 30px; margin-bottom: 40px; }
.one-gallery-nav-title { margin-top: 50px !important; color: var(--one-text-primary); font-weight: bold; font-family: var(--one-font-display); font-display: optional; font-size: 2.5em; }
.one-gallery-nav-subtitle { color: var(--one-text-primary); font-size: 0.85em; max-width: 600px; }
.one-gallery-container { max-width: 1680px; margin: auto; color: #444; }
.one-gallery-grid { width: 20%; height: auto; float: left; padding: 10px; }
.one-gallery-grid:after { content: ''; display: block; clear: both; }
.one-gallery-body { background: var(--one-bg-primary) !important; }
.one-gallery-card { background: #eee !important; }
.one-gallery-card-body span { font-size: 13px; color: #333; }
.one-gallery-card-body a { font-size: 13px; color: #333; }
.one-gallery-card-body a:hover { text-decoration: underline; }
.one-gallery-card-body p { color: #333; }
.one-gallery-card-user { color: #333; }
.one-gallery-card-profile small { color: #666; font-size: 0.8em; }
.one-gallery-card-hr { border-color: #eee !important; }
.one-gallery-card-date { color: #555; font-size: 0.8em; padding-left: 10px; }
.one-gallery-card-item img { border-radius: var(--one-radius-sm); margin-top: 3px; }
.one-gallery-card-item a { font-size: 0.95em; line-height: 1.15 !important; }

@media (max-width: 1360px) {
  .one-gallery-grid { width: 25%; padding: 5px; }
}
@media (max-width: 991.98px) {
  .one-gallery-grid { width: 33.3%; padding: 5px; }
}
@media (max-width: 760px) {
  .one-gallery-grid { width: 50%; padding: 5px; }
}
@media (max-width: 575.98px) {
  .one-gallery-grid { width: 50%; padding: 5px; }
}