/*
  Mriya Home Flowers – brand layer.
  Soft pink floral palette inspired by premium flower shop aesthetics.
  Feminine, warm, elegant – with generous rounding and rosy accents.
*/

/* ── Tokens ─────────────────────────────────────────────────────────── */
:root {
  /* Palette: soft blush pink bg, warm dark brown text, rosy accents */
  --color-bg: #fdf4f1;
  --color-fg: #3d2c2e;
  --color-surface: #fff8f6;
  --surface-dark: #3d2c2e;
  --wash: #f5e1dc;

  /* Borders: delicate pink tones */
  --border-color: #f0ddd9;
  --border-divider: #e8cfc9;
  --border-shell: #f0ddd9;
  --border-dark-color: #f5e1dc;

  /* Buttons: warm rose primary */
  --btn-primary-bg: #d4636a;
  --btn-primary-hover: #c0525a;
  --highlight-bg: #d4636a;
  --color-focus: #e8909a;

  /* Badges */
  --badge-success: #6a9e6e;
  --badge-info: #c4956a;
  --badge-danger: #d4636a;
  --badge-clearance: #c4956a;

  /* Generous rounding for soft floral feel */
  --radius: 12px;

  /* Shadow: warm rosy tone */
  --shadow-ambient: 0 2px 16px rgba(61, 44, 46, 0.06);
}

/* ── Body scoping ───────────────────────────────────────────────────── */
body.brand-mriya {
  background-color: var(--color-bg);
  color: var(--color-fg);
}

body.brand-mriya a { color: inherit; }

/* ── Hide darkmode toggle ───────────────────────────────────────────── */
.bp-header-darkmode { display: none; }

/* ── Header ─────────────────────────────────────────────────────────── */
body.brand-mriya .site-topbar {
  background: #fdf4f1;
  border-bottom: 1px solid var(--border-color);
}

body.brand-mriya .bp-header-brand {
  font-weight: 500;
  letter-spacing: 0.06em;
  font-size: clamp(1.1rem, 1vw + 0.8rem, 1.5rem);
  text-transform: none;
  color: var(--color-fg);
}

body.brand-mriya .bp-header-cats {
  background: var(--color-surface);
  border-top: 1px solid var(--border-color);
}

body.brand-mriya .bp-header-cat-btn {
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--color-fg);
  transition: color 0.2s ease;
}

body.brand-mriya .bp-header-cat-btn:hover {
  color: var(--btn-primary-bg);
}

body.brand-mriya .bp-header-cart-badge {
  background: var(--btn-primary-bg);
  color: #fff;
}

body.brand-mriya .bp-header-icon-btn {
  border-color: transparent;
  color: var(--color-fg);
}

body.brand-mriya .bp-header-icon-btn:hover {
  background: var(--wash);
  color: var(--btn-primary-bg);
}

/* ── Hero image overlay (Mriya) ─────────────────────────────────────── */
body.brand-mriya .bp-hero-img-bg--mriya {
  background:
    radial-gradient(
      circle at 50% 50%,
      color-mix(in srgb, var(--color-bg) 48%, transparent) 0%,
      color-mix(in srgb, var(--color-bg) 24%, transparent) 46%,
      transparent 78%
    ),
    radial-gradient(
      circle at 28% 52%,
      color-mix(in srgb, #ffffff 38%, transparent) 0%,
      color-mix(in srgb, #ffffff 22%, transparent) 48%,
      transparent 82%
    ),
    linear-gradient(
      to bottom,
      color-mix(in srgb, var(--color-bg) 36%, transparent) 0%,
      color-mix(in srgb, var(--color-bg) 46%, transparent) 45%,
      color-mix(in srgb, var(--color-bg) 70%, transparent) 100%
    ),
    var(--bp-hero-img-bg-url);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.brand-mriya .mriya-home-hero {
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

body.brand-mriya .mriya-hero-content {
  display: grid;
  gap: 1.25rem;
}

body.brand-mriya .mriya-hero-lead {
  color: color-mix(in srgb, var(--color-fg) 80%, transparent);
  line-height: 1.55;
  max-width: 65ch;
}

body.brand-mriya .mriya-hero-cta {
  margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
}

body.brand-mriya .mriya-hero-cta .btn {
  width: 100%;
}

@media (min-width: 640px) {
  body.brand-mriya .mriya-hero-cta .btn {
    width: auto;
  }
}

body.brand-mriya .mriya-section-header {
  margin-bottom: 1.5rem;
}

body.brand-mriya .mriya-section-header--compact {
  margin-bottom: 1rem;
}

body.brand-mriya .mriya-section-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

body.brand-mriya .mriya-latest-section {
  margin-top: clamp(6rem, 9vw, 9rem);
}

body.brand-mriya .mriya-products-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  body.brand-mriya .mriya-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}

/* ── Footer ─────────────────────────────────────────────────────────── */
body.brand-mriya .site-footer {
  background: var(--surface-dark);
  color: #f5e1dc;
}

body.brand-mriya .site-footer a {
  color: #f5e1dc;
}

body.brand-mriya .site-footer a:hover {
  color: #fff;
}

body.brand-mriya .site-footer .footer-links {
  color: var(--color-fg);
}

body.brand-mriya .site-footer .footer-links a {
  color: var(--color-fg);
  opacity: 0.7;
}

body.brand-mriya .site-footer .footer-links a:hover {
  opacity: 1;
  color: var(--btn-primary-bg);
}

body.brand-mriya .site-footer .footer-links h3 {
  color: var(--color-fg);
}

/* ── Product cards (archive/shop) ───────────────────────────────────── */
body.brand-mriya .product-card {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border-color);
  transition: box-shadow 0.3s ease;
}

body.brand-mriya .product-card:hover {
  box-shadow: 0 8px 32px rgba(212, 99, 106, 0.15);
}

body.brand-mriya .product-card .product-media {
  background: var(--color-surface);
}

/* Softer badge styling */
body.brand-mriya .badge {
  border-radius: 6px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* ── Single product page ────────────────────────────────────────────── */
body.brand-mriya .product-price-single .price {
  color: var(--btn-primary-bg);
}

body.brand-mriya .product-price-single .price ins {
  color: var(--btn-primary-bg);
}

body.brand-mriya .product-price-single .price del {
  color: var(--wash);
}

/* ATC button: warm rose with gentle hover */
body.brand-mriya .product-summary form.cart button.single_add_to_cart_button {
  background: var(--btn-primary-bg);
  color: #fff;
  border-radius: var(--radius);
  font-weight: 500;
  letter-spacing: 0.03em;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

body.brand-mriya .product-summary form.cart button.single_add_to_cart_button:hover {
  background: var(--btn-primary-hover);
  box-shadow: 0 4px 12px rgba(212, 99, 106, 0.25);
}

/* Quantity input styling */
body.brand-mriya .bp-qty-host {
  border-radius: var(--radius);
  border-color: var(--border-color);
}

/* Product tabs: rosy underline accent */
body.brand-mriya .woocommerce-tabs .tabs li.active a,
body.brand-mriya .woocommerce-tabs .tabs li a:hover {
  border-bottom-color: var(--btn-primary-bg);
}

/* ── Archive / Shop page ────────────────────────────────────────────── */
body.brand-mriya .bp-load-more {
  margin-bottom: 32px;
}

/* Mriya: use grid for subcategories (no horizontal scroll) on shop/category archives */
body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-wrap,
body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-wrap {
  overflow: visible;
}

body.brand-mriya.post-type-archive-product .bp-subcats .ds-fade,
body.brand-mriya.tax-product_cat .bp-subcats .ds-fade {
  display: none;
}

body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-row,
body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-row {
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: unset;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  overflow: visible;
  padding-bottom: 0;
  scrollbar-gutter: auto;
}

body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-item,
body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-item {
  width: 100%;
  flex: none;
  flex-basis: auto;
}

@media (min-width: 640px) {
  body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-row,
  body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (min-width: 900px) {
  body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-row,
  body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (min-width: 1160px) {
  body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-row,
  body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-row {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  body.brand-mriya.post-type-archive-product .bp-subcats .ds-secondary-row,
  body.brand-mriya.tax-product_cat .bp-subcats .ds-secondary-row {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

body.brand-mriya .bp-load-more button {
  border-color: var(--border-color);
  color: var(--color-fg);
  border-radius: var(--radius);
  transition: all 0.2s ease;
}

body.brand-mriya .bp-load-more button:hover {
  background: var(--wash);
  border-color: var(--btn-primary-bg);
  color: var(--btn-primary-bg);
}

/* Filter panel */
body.brand-mriya [data-bp-filter-panel] {
  background: var(--color-surface);
  border-color: var(--border-color);
}

/* ── Mega menu panel ────────────────────────────────────────────────── */
body.brand-mriya .bp-mega-panel {
  background: var(--color-bg);
  border-color: var(--border-color);
}

body.brand-mriya .bp-mega-h2 {
  border-color: var(--border-color);
}

/* ── Buttons (global) ───────────────────────────────────────────────── */
body.brand-mriya .btn,
body.brand-mriya button.button {
  border-radius: var(--radius);
}

body.brand-mriya .btn-primary {
  background: var(--btn-primary-bg);
  color: #fff;
}

body.brand-mriya .btn-primary:hover {
  background: var(--btn-primary-hover);
}

body.brand-mriya .btn-secondary {
  border-color: var(--border-color);
  color: var(--color-fg);
}

body.brand-mriya .btn-secondary:hover {
  background: var(--wash);
  border-color: var(--btn-primary-bg);
  color: var(--btn-primary-bg);
}

/* ── Cart page ──────────────────────────────────────────────────────── */
body.brand-mriya .woocommerce-cart .cart-collaterals {
  background: var(--color-surface);
  border-radius: var(--radius);
}

/* ── Checkout ───────────────────────────────────────────────────────── */
body.brand-mriya .woocommerce-checkout .woocommerce-form-login,
body.brand-mriya .woocommerce-checkout .woocommerce-form-coupon {
  border-color: var(--border-color);
}

/* ── Modals: inherit warm palette ───────────────────────────────────── */
body.brand-mriya .bp-modal-header {
  background: var(--color-surface);
}

body.brand-mriya .bp-modal-body {
  background: var(--color-bg);
}

/* ── Mobile menu ────────────────────────────────────────────────────── */
body.brand-mriya .bp-mobile-modal {
  background: var(--color-bg);
}

body.brand-mriya .bp-mobile-brand {
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.06em;
}

/* ── PDP info section: softer borders ───────────────────────────────── */
body.brand-mriya .bp-product-info {
  border-color: var(--border-color);
}

body.brand-mriya .bp-product-info a:hover {
  background: var(--wash);
}

/* ── Accordion panels ───────────────────────────────────────────────── */
body.brand-mriya .bp-accordion .bp-acc-toggle {
  transition: background 0.2s ease;
}

body.brand-mriya .bp-accordion .bp-acc-toggle:hover {
  background: var(--wash);
}

/* ── Mini-cart drawer ───────────────────────────────────────────────── */
body.brand-mriya #bp-mini-cart-drawer aside {
  background: var(--color-surface);
}

/* ── Search modal ───────────────────────────────────────────────────── */
body.brand-mriya .bp-popular-searches a {
  color: var(--btn-primary-bg);
}

body.brand-mriya .bp-popular-searches a:hover {
  color: var(--btn-primary-hover);
}

/* ── Shipping info bar ──────────────────────────────────────────────── */
body.brand-mriya .bp-shipping-bar {
  background: var(--color-surface);
  border-color: var(--border-color);
  border-radius: var(--radius);
}

/* ── Gallery: match page bg, not white ──────────────────────────────── */
body.brand-mriya .product-gallery,
body.brand-mriya .bp-gallery-wrap {
  background: transparent;
}

body.brand-mriya .product-gallery .aspect-square,
body.brand-mriya .woocommerce div.product div.images,
body.brand-mriya .woocommerce div.product div.images .woocommerce-product-gallery__image {
  background: var(--color-bg) !important;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

/* ── Category cards: rosy primary bg, white text, larger font ────────── */
body.brand-mriya .ds-secondary-item,
body.brand-mriya .bp-subcat-item {
  background: var(--btn-primary-bg);
}

body.brand-mriya .ds-secondary-item:hover,
body.brand-mriya .bp-subcat-item:hover {
  background: var(--btn-primary-hover);
}

body.brand-mriya .ds-secondary-item .ds-title,
body.brand-mriya .bp-subcat-item .bp-subcat-title {
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 8px;
}