/* LURONPACK customization theme. Load after the original component styles.
   Color and surface overrides only: preserve all responsive grids, content,
   image fitting, interactions, and inline finish.tone product swatches. */
.customization-preview {
  --preview-deep: var(--brand, #174C78);
  --orange: var(--brand, #174C78);
  --orange-dark: var(--brand, #174C78);
  --orange-action: var(--brand, #174C78);
  --orange-action-hover: var(--brand-hover, #123C60);
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
}

.customization-preview .cp-header,
.customization-preview .cp-header .nav-bar,
.customization-preview .cp-header .mobile-nav {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-header .utility-bar {
  background: var(--page, #EAF2F8);
  color: var(--muted, #486278);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .eyebrow,
.customization-preview .eyebrow-light,
.customization-preview .cp-header .brand,
.customization-preview .cp-header .icon-button {
  color: var(--brand, #174C78);
}

.customization-preview .button-primary {
  background: var(--brand, #174C78);
  border-color: var(--brand, #174C78);
  color: var(--paper, #FFFFFF);
}

.customization-preview .button-primary:hover {
  background: var(--brand-hover, #123C60);
  border-color: var(--brand-hover, #123C60);
  color: var(--paper, #FFFFFF);
}

.customization-preview .button-secondary,
.customization-preview .button-light,
.customization-preview .button-outline {
  background: var(--paper, #FFFFFF);
  border-color: var(--brand, #174C78);
  color: var(--brand, #174C78);
  backdrop-filter: none;
}

.customization-preview .button-secondary:hover,
.customization-preview .button-light:hover,
.customization-preview .button-outline:hover {
  background: var(--page, #EAF2F8);
  border-color: var(--brand-hover, #123C60);
  color: var(--brand-hover, #123C60);
}

.customization-preview :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--brand, #174C78);
  outline-offset: 3px;
}

/* The existing hero copy column is over half the desktop width and stacks
   first on mobile. Its full surface supplies the large blue-white first view. */
.customization-preview .cp-hero,
.customization-preview .cp-hero-copy {
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
}

.customization-preview .cp-hero-copy > p:not(.eyebrow),
.customization-preview .cp-proof-list {
  color: var(--muted, #486278);
}

.customization-preview .cp-proof-list svg {
  color: var(--brand, #174C78);
}

/* Separate neutral photo surfaces: no tinted overlay or image recoloring. */
.customization-preview .cp-hero-visual,
.customization-preview .cp-studio-visual,
.customization-preview .cp-service-image,
.customization-preview .cp-finish-image {
  background: var(--paper, #FFFFFF);
}

.customization-preview .cp-hero-visual::after,
.customization-preview .cp-studio-visual::after {
  background: none;
  box-shadow: none;
}

.customization-preview :is(.cp-hero-visual, .cp-studio-visual, .cp-service-image,
  .cp-finish-image, .cp-method-list, .cp-box-gallery) img {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}

.customization-preview .cp-floating-card {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  box-shadow: 0 16px 46px rgba(23, 76, 120, .16);
  backdrop-filter: none;
}

.customization-preview .cp-floating-card span {
  background: var(--page, #EAF2F8);
  color: var(--brand, #174C78);
}

.customization-preview .cp-system-strip,
.customization-preview .cp-services,
.customization-preview .cp-handoff {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-system-strip li,
.customization-preview .cp-method-list,
.customization-preview .cp-method-list article {
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-system-strip li > span,
.customization-preview .cp-system-strip li svg,
.customization-preview .cp-service-meta span,
.customization-preview .cp-method-number,
.customization-preview .cp-handoff-grid span {
  color: var(--brand, #174C78);
}

/* Studio: pale surroundings, white copy and image panels, mineral-blue
   selected tabs. The tab grid and its mobile arrangement remain untouched. */
.customization-preview .cp-design-studio,
.customization-preview .cp-finishes {
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
}

.customization-preview .cp-studio-panel {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  box-shadow: 0 26px 70px rgba(23, 76, 120, .12);
}

.customization-preview .cp-studio-tabs {
  background: var(--page, #EAF2F8);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-studio-tabs button {
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-studio-tabs button:hover {
  background: var(--paper, #FFFFFF);
  color: var(--brand, #174C78);
}

.customization-preview .cp-studio-tabs button[aria-selected="true"] {
  background: var(--brand, #174C78);
  color: var(--paper, #FFFFFF);
  border-color: var(--brand, #174C78);
}

.customization-preview .cp-studio-index {
  background: var(--brand, #174C78);
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-studio-copy {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
}

.customization-preview .cp-studio-copy > p:not(.eyebrow),
.customization-preview .cp-studio-detail {
  color: var(--muted, #486278);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-studio-options span,
.customization-preview .cp-service-content li {
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
}

.customization-preview .cp-studio-options svg,
.customization-preview .cp-studio-detail svg,
.customization-preview .cp-service-content li svg {
  color: var(--brand, #174C78);
}

.customization-preview .cp-service-card,
.customization-preview .cp-finish-grid > article,
.customization-preview .cp-finish-label,
.customization-preview .cp-box-gallery article {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-service-meta small,
.customization-preview .cp-method-list dt,
.customization-preview .cp-method-list dd {
  color: var(--muted, #486278);
}

.customization-preview .cp-service-content button,
.customization-preview .cp-method-list button {
  color: var(--brand, #174C78);
  border-color: var(--brand, #174C78);
}

.customization-preview .cp-service-content button:hover,
.customization-preview .cp-method-list button:hover {
  color: var(--brand-hover, #123C60);
  border-color: var(--brand-hover, #123C60);
}

/* Theme the sample frame only; its inline background remains the actual
   finish.tone product color, never a theme accent. */
.customization-preview .cp-finish-label > span {
  border-color: var(--paper, #FFFFFF);
  box-shadow: 0 0 0 1px var(--line, #C8D9E7);
}

.customization-preview .cp-floating-card small,
.customization-preview .cp-strip-intro > p:last-child,
.customization-preview .cp-section-heading > p,
.customization-preview .cp-service-content > p,
.customization-preview .cp-finish-label p,
.customization-preview .cp-comparison-heading > p:not(.eyebrow),
.customization-preview .cp-box-gallery p {
  color: var(--muted, #486278);
}

.customization-preview .cp-box-routes {
  background: var(--brand, #174C78);
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-box-copy .eyebrow,
.customization-preview .cp-box-copy > p:not(.eyebrow),
.customization-preview .cp-box-copy li,
.customization-preview .cp-box-copy li svg {
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-box-copy .button-primary {
  background: var(--paper, #FFFFFF);
  color: var(--brand, #174C78);
  border-color: var(--paper, #FFFFFF);
}

.customization-preview .cp-box-copy .button-primary:hover {
  background: var(--page, #EAF2F8);
  color: var(--brand-hover, #123C60);
  border-color: var(--page, #EAF2F8);
}

.customization-preview .cp-box-gallery span {
  color: var(--brand, #174C78);
}

.customization-preview .cp-handoff-grid,
.customization-preview .cp-handoff-grid > div {
  background: var(--page, #EAF2F8);
  border-color: var(--line, #C8D9E7);
}

/* RFQ / project brief: opaque surfaces keep form text contrast predictable. */
.customization-preview .cp-brief {
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
}

.customization-preview .cp-brief-copy > p:not(.eyebrow),
.customization-preview .cp-brief-stat span,
.customization-preview .cp-brief-note {
  color: var(--muted, #486278);
}

.customization-preview .cp-brief-stat {
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-brief-stat strong,
.customization-preview .cp-brief-note svg,
.customization-preview .cp-form-heading > svg,
.customization-preview .cp-form-heading span {
  color: var(--brand, #174C78);
}

.customization-preview .cp-brief-note strong,
.customization-preview .cp-form-grid label {
  color: var(--ink, #19334B);
}

.customization-preview .cp-brief-form {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  box-shadow: 0 25px 60px rgba(23, 76, 120, .12);
}

.customization-preview .cp-form-heading {
  border-color: var(--line, #C8D9E7);
}

.customization-preview .cp-form-grid :is(input, select, textarea) {
  background: var(--paper, #FFFFFF);
  color: var(--ink, #19334B);
  border-color: var(--muted, #486278);
  accent-color: var(--brand, #174C78);
}

.customization-preview .cp-form-grid :is(input, textarea)::placeholder {
  color: var(--muted, #486278);
  opacity: 1;
}

.customization-preview .cp-consent a,
.customization-preview .cp-form-disclaimer a {
  color: var(--brand, #174C78);
}

.customization-preview .cp-form-disclaimer {
  color: var(--muted, #486278);
}

.customization-preview .cp-preview-confirmation,
.customization-preview .cp-confirmation-warning,
.customization-preview .cp-confirmation-error {
  background: var(--page, #EAF2F8);
  color: var(--ink, #19334B);
  box-shadow: inset 4px 0 var(--brand, #174C78);
}

.customization-preview .cp-confirmation-error {
  box-shadow: inset 4px 0 var(--brand-hover, #123C60);
}

.customization-preview button:disabled {
  opacity: 1;
}

.customization-preview .button:disabled,
.customization-preview .cp-box-copy .button-primary:disabled,
.customization-preview .cp-form-fields:disabled :is(input, select, textarea) {
  background: var(--page, #EAF2F8);
  color: var(--muted, #486278);
  border-color: var(--line, #C8D9E7);
  opacity: 1;
}

.customization-preview .cp-final-cta {
  background: var(--brand, #174C78);
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-final-cta .eyebrow {
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-footer {
  background: var(--brand-hover, #123C60);
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-footer :is(.brand, p, span, a) {
  color: var(--paper, #FFFFFF);
}

.customization-preview .cp-footer a:hover {
  color: var(--page, #EAF2F8);
}

.customization-preview .cp-box-copy .button:focus-visible,
.customization-preview .cp-final-cta .button:focus-visible,
.customization-preview .cp-footer a:focus-visible {
  outline-color: var(--paper, #FFFFFF);
}