/*
 * V180 global refinement
 * Loaded last on non-home pages. It removes legacy dark/green presentation
 * while keeping real products and showroom photography in their original colour.
 */

body {
  --v180-ivory: #fffdf9;
  --v180-paper: #f8f2e9;
  --v180-paper-deep: #efe3d3;
  --v180-ink: #2d2822;
  --v180-copy: #655b51;
  --v180-muted: #75695f;
  --v180-gold: #a67b45;
  --v180-gold-deep: #805b31;
  --v180-gold-pale: #ead8bd;
  --v180-line: rgba(128, 91, 49, .2);
  --v180-shadow: 0 22px 62px rgba(80, 57, 34, .1);
  --lux-muted: #6f6258;
  --lux-gold: #805b31;
}

/* Company strip and footer: light, calm and legible on every template. */
.service-bar {
  color: var(--v180-copy) !important;
  border-bottom: 1px solid var(--v180-line);
  background: rgba(255, 253, 249, .98) !important;
}

.service-bar a,
.service-bar__toll-free {
  color: var(--v180-gold-deep) !important;
}

.service-bar__divider {
  background: var(--v180-line) !important;
}

.service-bar__address {
  color: var(--v180-muted) !important;
}

body:not(.error-page):not(.urgent-page) > footer,
.site-footer {
  color: var(--v180-muted) !important;
  border-top: 1px solid var(--v180-line) !important;
  background: var(--v180-ivory) !important;
}

body:not(.error-page):not(.urgent-page) > footer :is(h2, h3, h4, b, strong),
.site-footer :is(h2, h3, h4, b, strong) {
  color: var(--v180-ink) !important;
}

body:not(.error-page):not(.urgent-page) > footer :is(p, small, li),
.site-footer :is(p, small, li) {
  color: var(--v180-muted) !important;
}

body:not(.error-page):not(.urgent-page) > footer a,
.site-footer a {
  color: var(--v180-gold-deep) !important;
}

/* Keep the final visit panel luminous as well; no persistent dark content cards. */
.visit-card {
  color: var(--v180-ink) !important;
  border: 1px solid var(--v180-line) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(234, 216, 189, .58), transparent 34%),
    linear-gradient(145deg, #fff 0%, var(--v180-paper) 100%) !important;
  box-shadow: var(--v180-shadow) !important;
}

.visit-copy > p:not(.eyebrow),
.visit-info small {
  color: var(--v180-muted) !important;
}

.visit-info > div:not(.visit-buttons) {
  border-bottom-color: var(--v180-line) !important;
}

.visit-card :is(h2, h3, strong, a) {
  color: var(--v180-ink) !important;
}

.visit-card .visit-buttons .button--light {
  color: #fff !important;
  border-color: var(--v180-gold-deep) !important;
  background: var(--v180-gold-deep) !important;
}

/* Core legacy panels: warm-white gallery surfaces instead of black or green. */
.section--dark,
.selection-section,
.pricing-hero,
.additional-fees-section,
.subsidy-hero,
.subsidy-documents-section,
.promise-section,
.services-section.section--dark {
  color: var(--v180-ink) !important;
  background:
    radial-gradient(circle at 12% 13%, rgba(234, 216, 189, .38), transparent 34%),
    linear-gradient(145deg, #fff 0%, var(--v180-paper) 100%) !important;
}

.pricing-hero::before {
  border-color: rgba(166, 123, 69, .18) !important;
}

.subsidy-hero__image {
  filter: none !important;
}

.subsidy-hero__overlay {
  background: linear-gradient(90deg, rgba(255, 253, 249, .98) 0%, rgba(255, 253, 249, .91) 48%, rgba(255, 253, 249, .34) 79%, rgba(255, 253, 249, .12) 100%) !important;
}

:is(
  .selection-section,
  .pricing-hero,
  .additional-fees-section,
  .subsidy-hero,
  .subsidy-documents-section,
  .promise-section,
  .services-section.section--dark
) :is(h1, h2, h3, h4) {
  color: var(--v180-ink) !important;
}

:is(
  .selection-section,
  .pricing-hero,
  .additional-fees-section,
  .subsidy-hero,
  .subsidy-documents-section,
  .promise-section,
  .services-section.section--dark
) :is(p, li, small, span) {
  color: var(--v180-copy) !important;
}

:is(
  .selection-section,
  .pricing-hero,
  .additional-fees-section,
  .subsidy-hero,
  .subsidy-documents-section,
  .promise-section,
  .services-section.section--dark
) :is(.eyebrow, .eyebrow--light, .section-index) {
  color: var(--v180-gold-deep) !important;
}

.selection-steps,
.additional-fees-list,
.additional-fees-list article,
.document-checklist,
.document-checklist li {
  border-color: var(--v180-line) !important;
}

.selection-steps li > span,
.additional-fees-list b,
.document-checklist li > span,
.pricing-hero__copy h1 em,
.subsidy-hero__copy h1 em,
.promise-contact > span {
  color: var(--v180-gold) !important;
}

.pricing-hero__visual,
.promise-contact {
  border-color: var(--v180-line) !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: var(--v180-shadow) !important;
}

.pricing-hero__visual > div {
  color: var(--v180-ink) !important;
  border-color: var(--v180-line) !important;
  background: rgba(255, 253, 249, .95) !important;
}

.promise-contact > a {
  color: var(--v180-ink) !important;
}

/* Other one-off dark cards used by price, subsidy and service pages. */
.subsidy-trust,
.contract-card--lead,
.pricing-detail-card--featured,
.official-benefit-card--featured,
.urn-price-card--featured,
.plan-card--featured,
.need-card--urgent,
.taichung-resource-card--note,
.service-card--accent,
.consumer-promise {
  color: var(--v180-ink) !important;
  border: 1px solid var(--v180-line) !important;
  background: linear-gradient(145deg, #fff 0%, var(--v180-paper-deep) 100%) !important;
  box-shadow: var(--v180-shadow) !important;
}

:is(
  .subsidy-trust,
  .contract-card--lead,
  .pricing-detail-card--featured,
  .official-benefit-card--featured,
  .urn-price-card--featured,
  .plan-card--featured,
  .need-card--urgent,
  .taichung-resource-card--note,
  .service-card--accent,
  .consumer-promise
) :is(h2, h3, h4, b, strong) {
  color: var(--v180-ink) !important;
}

:is(
  .subsidy-trust,
  .contract-card--lead,
  .pricing-detail-card--featured,
  .official-benefit-card--featured,
  .urn-price-card--featured,
  .plan-card--featured,
  .need-card--urgent,
  .taichung-resource-card--note,
  .service-card--accent,
  .consumer-promise
) :is(p, li, small, span) {
  color: var(--v180-copy) !important;
}

.subsidy-trust .shell > div,
.pricing-detail-card--featured .pricing-detail-card__content,
.pricing-detail-card--featured .pricing-detail-card__content small {
  border-color: var(--v180-line) !important;
}

.subsidy-trust b,
.pricing-detail-card--featured :is(.pricing-detail-card__title > span, .pricing-detail-card__title strong, .pricing-detail-card__content h4),
.official-benefit-card--featured > span,
.official-benefit-card--featured strong,
.official-benefit-card--featured a,
.urn-price-card--featured > span,
.taichung-resource-card--note > span,
.taichung-resource-card--note b {
  color: var(--v180-gold-deep) !important;
}

.button--dark,
.selection-section .button--light,
.subsidy-documents-section .button--light,
.contract-card--lead .button {
  color: #fff !important;
  border-color: var(--v180-gold-deep) !important;
  background: var(--v180-gold-deep) !important;
}

.button--outline-light,
.promise-section .button--outline-light,
.pricing-hero .button--outline-light,
.subsidy-hero .button--outline-light {
  color: var(--v180-gold-deep) !important;
  border-color: var(--v180-gold) !important;
  background: rgba(255, 255, 255, .58) !important;
}

/* The former full-green LINE surfaces follow the same white-and-gold system. */
.button--line,
.mobile-action-bar__line,
.urgent-line,
.urgent-line-btn {
  color: var(--v180-gold-deep) !important;
  border: 1px solid var(--v180-gold) !important;
  background: var(--v180-ivory) !important;
}

.mobile-bottom-nav .mbn-line {
  color: var(--v180-gold-deep) !important;
  border-color: var(--v180-line) !important;
  background: linear-gradient(145deg, #fff 0%, var(--v180-paper) 100%) !important;
  box-shadow: 0 5px 14px rgba(93, 71, 57, .1), inset 0 1px rgba(255, 255, 255, .9) !important;
}

.plan-quick-line,
.dock-line,
.plan-sales-line,
.mbn-line,
.sticky-cta-line,
.line-qr-card .btn {
  color: var(--v180-gold-deep) !important;
  border-color: var(--v180-gold) !important;
  background: var(--v180-ivory) !important;
}

.urgent-badge span {
  background: var(--v180-gold) !important;
  box-shadow: 0 0 0 5px rgba(166, 123, 69, .12) !important;
}

.urgent-result-icon {
  color: var(--v180-gold-deep) !important;
  background: var(--v180-gold-pale) !important;
}

/* Factual product presentation: original colour, whole silhouette, no crop. */
.hero-product > img,
.collection-hero__visual img,
.selection-record__arch > img,
.masterpiece-guide__frame > img,
.urn-stage img,
.service-card--urn .service-card__media img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-inline: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  transform: none !important;
}

/* Showroom and collection photography retains the photographer's colours. */
.pricing-hero__visual img,
.collection-page .curated-card figure img,
.collection-showroom img,
.showroom-photo img,
.jp-photo img,
.moment-card img,
.live-photo-carousel .lpc-slide,
.gal-slide {
  filter: none !important;
}

.pricing-hero__visual img {
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  .v179-salon-page .v179-rail {
    display: none !important;
  }

  .subsidy-hero__overlay {
    background: linear-gradient(180deg, rgba(255, 253, 249, .12), rgba(255, 253, 249, .98) 60%) !important;
  }

}

@media (max-width: 620px) {
  .v179-salon-page .v179-salon-hero__layout {
    display: grid;
    gap: 14px;
  }

  .v179-salon-page .v179-salon-hero__copy {
    display: contents;
  }

  .v179-salon-page .v179-salon-hero__copy > .v179-kicker { order: 1; }
  .v179-salon-page .v179-salon-hero__copy > .eyebrow { order: 2; }
  .v179-salon-page .v179-salon-hero__copy > h1 { order: 3; }
  .v179-salon-page .v179-salon-hero__art { order: 4; min-height: 340px; margin: 8px 0; padding: 24px 12px 58px; }
  .v179-salon-page .v179-salon-hero__copy > p { order: 5; }
  .v179-salon-page .v179-salon-hero__copy > .v179-actions { order: 6; }
  .v179-salon-page .v179-salon-hero__copy > .v179-disclaimer { order: 7; }
}
