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


/* ── Collections Body ── */
.one-collections { background: linear-gradient(180deg, var(--one-bg-primary) 0%, var(--one-bg-void) 100%) !important; color: var(--one-text-muted); }
.one-collections-container-fluid { margin-top: 40px; margin-bottom: 40px; padding: 0 30px; max-width: 1920px; }
.one-collections-container { margin-top: 40px; margin-bottom: 150px; }
.one-collections-hero { min-height: 450px; }


/* ── Collections Header / Nav ── */
.one-collections-header { background-color: var(--one-bg-card) !important; color: var(--one-text-primary); border-radius: var(--one-radius-sm); padding:25px 25px 35px 25px; margin-bottom:15px; text-align: left; }
.one-collections-nav-title { color: var(--one-text-inverse); font-family: var(--one-font-display); font-display: optional; font-weight: bold; font-size: 2.75em; }
.one-collections-nav-body { margin: auto; color: var(--one-text-primary);margin-bottom:25px!important;font-size:15px}

.one-collections-nav-related-container { text-align: left; margin-top: 20px !important; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.one-collections-nav-related { font-weight: bold; color: var(--one-text-muted); margin-right: 10px; }
.one-collections-nav-badge { display: inline-flex; background: var(--one-bg-surface); color: var(--one-text-primary); padding: 6px 14px; border-radius: 30px; font-size: 0.9em; }
.one-collections-nav-badge:hover { color: var(--one-link); }
.one-collections-nav-breadcrumb { color: var(--one-text-muted) !important; }
.one-collections-nav-breadcrumb ol { margin-bottom: 5px; background-color: transparent !important; padding: 0 !important; }
.one-collections-nav-breadcrumb a { color: var(--one-text-muted) !important; font-size: 0.9em; }
.one-collections-nav-breadcrumb span::before { color: var(--one-text-muted) !important; }


/* ── Search & Toolbar ── */
.one-collections-block-body {}
.one-collections-tools-bar { padding-bottom: 15px; line-height: 36px; color: var(--one-text-primary); }
.one-collections-dropdown { background-color: var(--one-bg-card) !important; color: var(--one-text-secondary); font-size: 0.9em; }
.one-collections-search { background-color: var(--one-bg-card) !important; color: var(--one-text-primary); border-radius: 8px; }
.one-collections-search input { background-color: var(--one-bg-card) !important; color: var(--one-text-primary); }
.one-collections-search input::placeholder { color: var(--one-text-muted); font-size: 0.9em; }
.one-collections-search input:focus { color: var(--one-text-primary); }


/* ── Product Cards (white bg, dark text — matches catalog/onsale style) ── */
.one-collections-block-body figcaption{line-height:1.15em;margin-bottom:6px;font-weight:700;font-size:15px;}
.one-collections-block-title {color: #222;}
.one-collections-block-title:hover{color:var(--one-red) !important; }
.one-collections-reviews-star { color: var(--one-red); }
.one-collections-reviews-star small {color:#333;font-weight:700;}
.one-collections-page-result { padding-top: 8px; font-size: 13px; }

.one-collections-block-price { color: #000; font-size: 20px; font-weight: 900; font-family: var(--one-font-body); letter-spacing: -0.3px; }
.one-collections-block-save { text-align: center; color: #222; font-size: 14px; }
.one-collections-block-was { color: #111; font-size: 12px;font-weight:600}

.one-collections-shipping-tips { color: var(--one-success); font-size: 0.85em; margin-bottom: 3px; font-weight:700 }
.one-collections-block-btn { min-width: 65%; font-weight: 700}
.one-collections-block figure span { position: absolute; top: 15px; left: 15px; }
.one-collections-block-quickship { background-color: #774BDD; letter-spacing: 1px; padding: 3px 12px; border-radius: 20px; color: #fff; font-size: 10px; width: fit-content; font-weight: 700;}
.one-collections-block-off { margin: auto; background-color: #FFE000; color: #000; width: fit-content; padding: 2px 8px; font-size: 11px; border-radius: 5px; font-weight: 900; }

@media (max-width: 991.98px) {
  .one-collections-container-fluid { margin-top: 15px; padding: 0 8px; overflow-x: hidden; }
  .one-collections-container { margin-top: 10px; padding: 0 10px; overflow-x: hidden; }
  .one-collections-col { padding: 2px !important; padding-bottom: 8px !important; }
  .one-collections-block-body { padding: 8px; }
  .one-collections-block-title { color: #111; line-height: 1.15em; font-weight: 800; font-size: 14px; }
  .one-collections-block-title a { color: #333; }
  .one-collections-block-price { color: #000; font-size: 17px; font-weight: 900; }
  .one-collections-shipping-tips { font-size: 0.85em; margin-bottom: 3px; }
  .one-collections-hero { min-height: 150px; }
  .one-collections-block-icon { padding-bottom: 20px; }
  .one-collections-block-icon i { font-size: 1.3em; }

  .one-collections-mobile-nav { color: var(--one-text-primary); }
  .one-collections-mobile-nav-title { color: var(--one-text-inverse); font-family: var(--one-font-display); font-display: optional; font-size: 2.25em; font-weight: bolder; padding: 5px 20px; }
  .one-collections-mobile-nav-breadcrumb { color: var(--one-text-secondary) !important; }
  .one-collections-mobile-nav-breadcrumb ol { justify-content: center; }
  .one-collections-mobile-nav-breadcrumb a { color: var(--one-text-secondary) !important; font-size: 0.9em; }
  .one-collections-mobile-nav-breadcrumb span::before { color: var(--one-text-muted) !important; }
  .one-catalog-mobile-nav-center { text-align: center; }
  .one-catalog-mobile-nav-right { text-align: center; font-size: 14px; color: var(--one-text-primary); }
}


/* ── Group Title ── */
.one-collections-group-title { margin-top: 60px; font-size: 2.15em; font-weight: bolder; color: var(--one-text-inverse); font-family: var(--one-font-display); font-display: optional; }
.one-collections-group-title a { color: var(--one-text-inverse); }
.one-collections-footer { background-color: var(--one-bg-card) !important; border-radius: 4px; padding: 30px; }


/* ── Related / SEO Content ── */
.one-collections-related { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.one-collections-related-title { color: var(--one-text-primary); font-weight: bold; margin-right: 4px; }


.one-collections-related-badge { display: inline-flex; background: var(--one-bg-surface); color: var(--one-text-primary); padding: 6px 14px; border-radius: 30px; font-size: 0.9em; }
.one-collections-related-badge a{color:var(--one-text-primary);}
.one-collections-related-badge a:hover { color: var(--one-link); }

.one-collections-related-body div { color: var(--one-text-primary); font-size:1.15em}
.one-collections-related-body h2 { font-size: 1.85em; color: var(--one-text-inverse); margin-bottom: 10px; font-family:var(--one-font-display); }
.one-collections-related-body a { color: var(--one-link); text-decoration: underline; }
.one-collections-related-body a:hover { color: var(--one-link); opacity: 0.8; }
.one-collections-related-details { margin-bottom: 6px; }
.one-collections-related-details summary { color: var(--one-text-primary); font-size: 1.1em; }
.one-collections-related-details div { color: var(--one-text-secondary); font-size: 1em; padding: 5px 0px 10px 15px; }

@media (max-width: 991.98px) {
  .one-collections-group-title { font-size: 1.75em; font-weight: bolder; color: var(--one-text-inverse); font-family: var(--one-font-display); font-display: optional; text-align: center; }
}


/* ── Explore Section ── */
.one-collections-explore { background: var(--one-bg-recessed); }
.one-collections-explore-container { margin: auto; padding-top: 40px; }
.one-collections-explore-title { font-family: var(--one-font-display); font-display: optional; color: var(--one-text-inverse); font-size: 2em; margin-bottom: 20px; font-weight: bolder; }
.one-collections-explore-block { border: 0; border-radius: 8px; }
.one-collections-explore-body { color: #555; padding-top: 5px !important; }
.one-collections-explore-item-title { margin: 0; }
.one-collections-explore-item-title a { color: #111; font-size: 18px; font-weight: bold; }
.one-collections-explore-item-title small { font-size: 13px; color: #222; }
.one-collections-explore-figure { overflow: hidden; margin-bottom: 6px !important; background-color: #000; }
.one-collections-review-bar small { font-size: 13px; color: #333; }

@media (max-width: 720px) {
  .one-collections-explore-container { margin: auto; padding-top: 40px; padding-bottom: 40px; }
}


/* ── Sidebar ── */
.one-collections-side { background: var(--one-bg-card) !important; color: var(--one-text-primary); }
.one-collections-side-card { background: var(--one-bg-card) !important; color: var(--one-text-primary); border-radius: 4px}
.one-collections-side-card-header { border-bottom: 0 !important; color: var(--one-text-primary); font-size: 1.4em; font-family: var(--one-font-display); font-display: optional; font-weight: bolder; }
.one-collections-side-card ul { padding-left: 15px; margin-bottom: 0; margin-top: 5px; }
.one-collections-side-card li a { color: var(--one-text-primary); line-height: 24px; font-weight: 700; }
.one-collections-side-card li a:hover { text-decoration: underline; color: var(--one-link); }


/* ── FAQs ── */
.one-collections-faqs-container { margin-top: 25px; }
.one-collections-faqs-title { color: var(--one-text-inverse); font-family: var(--one-font-display); font-display: optional; font-size: 2em; }
.one-collections-faqs-items { border-radius: 4px; background-color: var(--one-bg-card) !important; padding: 30px; }
.one-collections-faqs-details { margin-bottom: 6px; }
.one-collections-faqs-summary { color: var(--one-text-primary); font-size: 1.1em; }
.one-collections-faqs-content { color: var(--one-text-secondary); font-size: 16px; max-width: 80%; padding: 5px 0px 10px 15px; }

@media (max-width: 720px) {
  .one-collections-faqs-content { max-width: 100%; }
}


/* ── Reviews ── */
.one-collections-review { margin-top: 25px; }
.one-collections-review .card { border-radius: 8px; background-color: var(--one-bg-card) !important; }
.one-collections-review-h4 { color: var(--one-text-inverse); font-family: var(--one-font-display); font-display: optional; font-size: 2em; }
.one-collections-review-title { color: var(--one-text-primary); }


/* ── Filter (mobile lightbox) ── */
.one-collections-filter { border-bottom: 1px solid #eee !important; border-radius: 0 !important; }
.one-collections-filter-title { font-weight: bold; color: #111 !important; font-family: var(--one-font-display); font-display: optional; font-size: 1.4em; }
.one-collections-filter-title:hover { color: #111; }
.one-collections-filter-body { color: #444; }


/* ── Catalog Reviews (shared with catalog page) ── */
.one-catalog-review-h3 { margin-top: 30px !important; color: var(--one-text-inverse); font-weight: bold; font-family: var(--one-font-display); font-display: optional; font-size: 2em; }
.one-catalog-review-card { background-color: var(--one-bg-card) !important; }
.one-catalog-review-left { border-right: 1px solid var(--one-border); min-height: 120px; }
.one-catalog-review-left small { color: var(--one-text-secondary); font-size: 0.85em; font-weight: normal; }
.one-catalog-review-body {}
.one-catalog-review-content { color: var(--one-text-primary); font-weight: 600; max-width: 60%; }
.one-catalog-review-item { margin-top: 30px; max-width: 50%; }
.one-catalog-review-item img { margin-right: 10px; border-radius: 3px; }
.one-catalog-review-item a { color: var(--one-text-secondary); }
.one-catalog-review-item a:hover { text-decoration: underline; }
.one-catalog-review-date { color: var(--one-text-secondary); }
.one-catalog-review-user { color: var(--one-text-inverse); font-size: 1.1em; }
.one-catalog-review-count { color: var(--one-text-muted); font-weight: 500; }

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