/**
 * Vivien Kunte direction for GlowArt (Bricks staging)
 * void #090807 · soil #14110e · bone #ede4d6 · ash #9a8f82 · cream #f2ebe0
 * Loaded last — overrides cream hardcodes in gallery.css
 */

/* —— Base canvas —— */
html,
body,
body.bricks-is-frontend,
body.ga-body,
#brx-content,
body:not(.home) #brx-content {
  background: #090807 !important;
  color: #ede4d6 !important;
}

/* —— Chrome —— */
.ga-header {
  background: rgba(9, 8, 7, 0.88) !important;
  border-bottom-color: transparent;
  backdrop-filter: blur(18px);
}

.ga-header.is-scrolled,
.ga-header.is-menu,
body.ga-nav-open .ga-header {
  background: rgba(9, 8, 7, 0.96) !important;
  border-bottom-color: rgba(237, 228, 214, 0.12) !important;
}

body.home .ga-header:not(.is-scrolled):not(.is-menu) {
  background: transparent !important;
  backdrop-filter: none;
}

.ga-logo,
.ga-burger,
.ga-nav a,
.ga-nav-link {
  color: rgba(237, 228, 214, 0.72) !important;
}

.ga-nav a:hover,
.ga-nav a.is-active,
.ga-nav-link:hover {
  color: #f2ebe0 !important;
}

.ga-burger__icon i {
  background: currentColor !important;
}

.ga-mobile {
  background: #090807 !important;
  color: #ede4d6 !important;
}

.ga-mobile__nav a {
  color: #ede4d6 !important;
  border-color: rgba(237, 228, 214, 0.12) !important;
}

.ga-mobile__nav em {
  color: #f2ebe0 !important;
}

.ga-backdrop {
  background: rgba(9, 8, 7, 0.72) !important;
}

/* —— Buttons —— */
.ga-btn__face {
  background: #f2ebe0 !important;
  border-color: #f2ebe0 !important;
  color: #ede4d6 !important;
  border-radius: 0 !important;
}

a.ga-btn:hover .ga-btn__face,
a.ga-btn:focus-visible .ga-btn__face {
  background: #ede4d6 !important;
  border-color: #ede4d6 !important;
  color: #090807 !important;
}

.ga-btn--ghost .ga-btn__face {
  background: transparent !important;
  color: #ede4d6 !important;
  border-color: rgba(237, 228, 214, 0.35) !important;
}

a.ga-btn--ghost:hover .ga-btn__face,
a.ga-btn--ghost:focus-visible .ga-btn__face {
  background: #ede4d6 !important;
  color: #090807 !important;
  border-color: #ede4d6 !important;
}

.ga-hero a.ga-btn:not(.ga-btn--ghost) .ga-btn__face,
.ga-exhibit-band a.ga-btn:not(.ga-btn--ghost) .ga-btn__face,
body.home .ga-header:not(.is-scrolled):not(.is-menu) .ga-header__cta .ga-btn .ga-btn__face {
  background: #f2ebe0 !important;
  border-color: #f2ebe0 !important;
  color: #ede4d6 !important;
}

.ga-hero a.ga-btn:not(.ga-btn--ghost):hover .ga-btn__face,
.ga-exhibit-band a.ga-btn:not(.ga-btn--ghost):hover .ga-btn__face,
body.home .ga-header:not(.is-scrolled):not(.is-menu) a.ga-btn:hover .ga-btn__face {
  background: #ede4d6 !important;
  border-color: #ede4d6 !important;
  color: #090807 !important;
}

.ga-hero a.ga-btn--ghost .ga-btn__face,
.ga-exhibit-band a.ga-btn--ghost .ga-btn__face {
  color: #ede4d6 !important;
  border-color: rgba(237, 228, 214, 0.4) !important;
  background: transparent !important;
}

/* —— Typography accents —— */
.ga-kicker,
.ga-kicker--on-dark {
  color: #f2ebe0 !important;
}

.ga-kicker::before,
.ga-kicker--on-dark::before {
  background: #f2ebe0 !important;
}

.ga-h1 em,
.ga-hero__content .ga-h1 em {
  color: #f2ebe0 !important;
}

h1, h2, h3, .ga-h1, .ga-h2, .ga-h3, .ga-serif,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  font-family: "Instrument Serif", "Times New Roman", serif !important;
  color: #ede4d6 !important;
}

.ga-lead,
.ga-hero__lead,
.ga-muted {
  color: rgba(237, 228, 214, 0.58) !important;
}

html body.gkp-app .ga-lead,
html body.gkp-app .ga-muted,
html body.gkp-app .gkp-lead,
html body.gkp-app .gkp-eyebrow {
  color: #374151 !important;
}

/* —— Sections / surfaces —— */
.ga-section--mute,
.ga-facts,
.ga-newsletter,
.ga-shop-toolbar,
.ga-filters,
.ga-wall-scene,
.ga-exhibit-band {
  background: #14110e !important;
  border-color: rgba(237, 228, 214, 0.12) !important;
}

.ga-facts__card,
.ga-reason,
.ga-cat,
.ga-loc,
.ga-artist,
.ga-event,
.ga-work-card,
html body.ga-body .ga-artists .ga-artist {
  background: #1a1612 !important;
  border: 1px solid rgba(237, 228, 214, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ede4d6 !important;
}

/* Public gallery cards only — never paint Künstlerportal cards cream-on-dark */
html body.ga-body .ga-cast__card,
html body.ga-body .ga-event-feature,
html body.ga-body .ga-shop__seller {
  color: #ede4d6 !important;
}

.ga-facts__figure,
.ga-facts__card strong,
.ga-cat strong,
.ga-reason h3,
.ga-artist h3,
.ga-event h3,
.ga-loc h3 {
  color: #ede4d6 !important;
}

.ga-facts__index,
.ga-reason em,
.ga-cat span {
  color: #f2ebe0 !important;
}

.ga-facts__label,
.ga-reason p,
.ga-cat p,
.ga-artist p,
.ga-event p,
.ga-loc p {
  color: rgba(237, 228, 214, 0.55) !important;
}

/* Manifesto band (replaces dense fact cards visually) */
.ga-manifesto {
  background: #14110e;
  border-block: 1px solid rgba(237, 228, 214, 0.12);
  padding: clamp(72px, 10vw, 120px) 0;
}

.ga-manifesto .ga-h2 {
  max-width: 16ch;
  margin-top: 16px;
  font-size: clamp(36px, 5.5vw, 68px);
}

.ga-manifesto .ga-lead {
  margin-top: 24px;
  max-width: 48ch;
  font-size: clamp(17px, 1.6vw, 20px);
}

.ga-manifesto__meta {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px 48px;
  color: #9a8f82;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ga-manifesto__meta strong {
  display: block;
  margin-top: 6px;
  color: #ede4d6;
  font-family: "Instrument Serif", serif;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 500;
  letter-spacing: -0.03em;
  text-transform: none;
}

/* —— Runline —— */
.ga-runline__track {
  display: flex;
  width: max-content;
  gap: 0;
  padding: 14px 0;
  white-space: nowrap;
  animation: ga-runline 38s linear infinite;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.ga-runline__track span {
  padding-inline: 48px;
}

.ga-runline__track b {
  color: #f2ebe0;
  font-weight: 600;
}

@keyframes ga-runline {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .ga-runline__track { animation: none; }
}

/* —— Shop / Woo —— */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.ga-shop-grid .ga-work,
html body.ga-body .products .product {
  background: #14110e !important;
  color: #ede4d6 !important;
  border-color: rgba(237, 228, 214, 0.1) !important;
}

.woocommerce ul.products li.product img,
.woocommerce div.product div.images img {
  background: #1a1612 !important;
  border-radius: 0 !important;
}

.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #14110e !important;
  color: #ede4d6 !important;
  border-color: rgba(237, 228, 214, 0.2) !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.single_add_to_cart_button {
  background: #f2ebe0 !important;
  border-color: #f2ebe0 !important;
  color: #161615 !important;
  border-radius: 0 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.single_add_to_cart_button:hover {
  background: #ede4d6 !important;
  border-color: #ede4d6 !important;
  color: #161615 !important;
}

.woocommerce div.product p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product span.price {
  color: #f2ebe0 !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page input.input-text,
.woocommerce-page textarea,
.ga-portal input[type="text"],
.ga-portal input[type="password"],
.ga-portal input[type="email"],
.ga-portal textarea,
.ga-auth-card input[type="text"],
.ga-auth-card input[type="password"],
.ga-auth-card input[type="email"] {
  background: #14110e !important;
  color: #ede4d6 !important;
  border: 1px solid rgba(237, 228, 214, 0.22) !important;
  border-radius: 0 !important;
}

.woocommerce form .form-row label {
  color: #ede4d6 !important;
  font-size: 13px !important;
}

.ga-portal label,
.ga-auth-card label {
  color: #171515 !important;
  font-size: 15px !important;
}

/* —— Product / artist —— */
.ga-product,
.ga-artist-hero,
.ga-work,
.single-product .summary {
  color: #ede4d6 !important;
}

.ga-footer {
  background: #090807 !important;
  border-top: 1px solid rgba(237, 228, 214, 0.12);
  color: rgba(237, 228, 214, 0.7) !important;
}

.ga-footer h4,
.ga-footer__label {
  color: #ede4d6 !important;
}

.ga-footer a:hover {
  color: #f2ebe0 !important;
}

/* —— Walls / unikate —— */
.ga-wall,
.ga-wall-scene,
.ga-unikate-wall {
  background: #14110e !important;
  border-color: rgba(237, 228, 214, 0.1) !important;
}

/* —— Filters (shop) —— */
.ga-filter,
.ga-chip,
.ga-shop-filters button,
.ga-shop-filters a {
  background: transparent !important;
  color: #ede4d6 !important;
  border: 1px solid rgba(237, 228, 214, 0.22) !important;
  border-radius: 14px !important;
}

.ga-filter.is-active,
.ga-chip.is-active,
.ga-shop-filters button.is-active,
.ga-shop-filters [aria-pressed="true"] {
  background: #f2ebe0 !important;
  border-color: #f2ebe0 !important;
  color: #ede4d6 !important;
}

/* Soften previous cream “cards” radius leftovers */
.ga-facts__card,
.ga-reason,
.ga-cat {
  border-radius: 0 !important;
}
