/**
 * Arva PDP theme scoped under .arvaTheme only.
 * Do not overwrite Regency globals. No global resets; no body/html/a/button globally.
 *
 * IMPORTANT: Import this file ONLY from PDP routes that render Arva PDP (e.g. the
 * Arva branch in app/products/[slug]/page.tsx). Do not import from layout or
 * other pages, so Arva styles never load when the flag is off.
 */

.arvaTheme {
  /* Token variables – only apply inside wrapper */
  --arva-bg: #fafaf8;
  --arva-text: #1a1a1a;
  --arva-text-muted: #525252;
  --arva-accent: #1e2a3a;
  --arva-border: #e5e5e5;
  --arva-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  --arva-shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.06);
  --arva-slate: #46465a;
  --arva-plum: #5a465a;
  --arva-olive: #5a5a46;
  --text-primary: #1f1f23;
  --text-secondary: #3b3b44;
  --text-muted: #6b6b75;

  background-color: var(--arva-bg);
  color: var(--arva-text);
  box-sizing: border-box;
}

.arvaTheme *,
.arvaTheme *::before,
.arvaTheme *::after {
  box-sizing: border-box;
}

.arvaTheme .pdp-section p,
.arvaTheme .pdp-section li,
.arvaTheme .pdp-section dd {
  color: var(--text-primary);
}

.arvaTheme .pdp-section .pdp-lead {
  color: var(--text-secondary);
}

.arvaTheme .pdp-section .pdp-caption,
.arvaTheme .pdp-section .pdp-fine-print {
  color: var(--text-muted);
}

.arvaTheme .pdp-section:nth-child(even) .pdp-lead {
  color: var(--arva-slate);
}

.arvaTheme img,
.arvaTheme video {
  max-width: 100%;
  height: auto;
}

.arvaTheme iframe {
  max-width: 100%;
}

.arvaTheme figure figcaption[class*="absolute"],
.arvaTheme figcaption.absolute,
.arvaTheme .text-on-image,
.arvaTheme .text-on-image * {
  color: #fff !important;
}

.arvaTheme .pdp-section .text-on-image,
.arvaTheme .pdp-section .text-on-image * {
  color: #fff !important;
}

.arvaTheme .pdp-accent button:focus-visible,
.arvaTheme .pdp-accent a:focus-visible {
  outline: 2px solid var(--arva-plum);
  outline-offset: 2px;
}

.arvaTheme .pdp-accent button:focus:not(:focus-visible),
.arvaTheme .pdp-accent a:focus:not(:focus-visible) {
  outline: none;
}

.arvaTheme .line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.arvaTheme .line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}