/*

Theme Name: Rogue Realiti

Theme URI: https://rogue-realiti.com

Author: Rogue Realiti

Description: Limited edition fashion ecommerce theme for Rogue Realiti. WooCommerce-ready with editorial luxury design.

Version: 1.0.4

Requires at least: 6.4

Tested up to: 6.8

Requires PHP: 8.0

License: GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: rogue-realiti

Tags: e-commerce, woocommerce, fashion, block-theme, custom-colors, custom-menu

*/



@import url("assets/css/main.css");



/* Critical layout */

.rr-product-box { aspect-ratio: 2/3; width: 100%; background: #f5f3ef; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.rr-product-box img { width: 100%; height: 100%; object-fit: contain; padding: 1rem; }

.rr-new-collection__stage { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.5rem; max-width: 1100px; margin: 0 auto; }

.rr-inspired__track { display: flex !important; align-items: flex-end; justify-content: center; gap: 0.75rem; min-height: 360px; }

.rr-inspired__item { flex: 0 0 15%; opacity: 0.45; transform: scale(0.88); }

.rr-inspired__item.is-center { flex: 0 0 26%; opacity: 1; transform: scale(1); }

.rr-inspired__meta { display: none; }

.rr-inspired__meta.is-active { display: block; text-align: center; }

/* PDP — 60/40 layout per brief */
.rr-pdp {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.rr-pdp-product {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) !important;
  gap: 3rem;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 0 4rem;
  align-items: start;
}
.rr-pdp-gallery-col,
.rr-pdp-summary-col { min-width: 0; width: 100%; }
.rr-pdp-gallery__main,
.rr-pdp-gallery-col .woocommerce-product-gallery__image {
  background: #f5f3ef;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rr-pdp-gallery__main img,
.rr-pdp-gallery-col .woocommerce-product-gallery__image img {
  width: 100%;
  max-height: 640px;
  object-fit: contain;
  padding: 1.5rem;
}
.rr-edition-tag {
  display: inline-block;
  background: #5c2d6e;
  color: #fff;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.6rem;
}
.rr-scarcity { color: #5c2d6e; font-size: 0.8rem; margin: 0.25rem 0 0.5rem; }
.rr-pdp-summary-col .product_title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 300;
}
.rr-size-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0; }
.rr-size-btn {
  min-width: 48px;
  min-height: 48px;
  padding: 0 1rem;
  border: 1px solid #e2dfd9;
  background: #fff;
  cursor: pointer;
}
.rr-size-btn.is-selected { background: #1c1c1c; border-color: #1c1c1c; color: #fff; }
.rr-pdp-summary-col .single_add_to_cart_button,
.rr-pdp-summary-col .rr-btn--launch,
.rr-pdp-summary-col .rr-btn--waitlist {
  display: block;
  width: 100%;
  min-height: 48px;
  background: #1c1c1c !important;
  color: #fff !important;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  line-height: 48px;
  border: 0;
  border-radius: 0 !important;
  text-decoration: none;
}
.rr-pdp-summary-col .rr-btn--waitlist {
  background: #fff !important;
  color: #1c1c1c !important;
  border: 1px solid #1c1c1c !important;
  line-height: 46px;
}
.rr-pdp-extras { margin-top: 2rem; }
.rr-accordion { border-top: 1px solid #e2dfd9; padding: 1rem 0; }
.rr-certificate-note,
.rr-shipping-note { font-size: 0.85rem; color: #5a5a5a; }

@media (max-width: 768px) {
  .rr-new-collection__stage { grid-template-columns: 1fr !important; }
  .rr-pdp-product { grid-template-columns: 1fr !important; }
}