/*
 * German in Context — Help & Support · Warm Midnight Luxury V1
 * STAGING ONLY: added to rendered /contact by staging HTTPS reverse proxy.
 * ALL selectors require html[data-gic-theme="dark"] and .gic-contact-page.
 * No markup, validation, handlers, endpoint or light-theme changes.
 */
html[data-gic-theme="dark"] .gic-contact-page {
  color-scheme: dark;
  --gic-c-forest: #263a32;
  --gic-c-emerald: #879f8b;
  --gic-c-gold: #c8ae7e;
  --gic-c-ink: #eae5da;
  --gic-c-secondary: #b9beb2;
  --gic-c-border: rgba(211, 197, 160, .17);
  --gic-c-cream: #292f29;
  --gic-c-shadow: 0 20px 46px rgba(0,0,0,.17), 0 1px 0 rgba(235,219,180,.04) inset;
  --gic-ct-text: #eae5da;
  --gic-ct-soft: #bfc5ba;
  --gic-ct-muted: #a7afa4;
  --gic-ct-line: rgba(218,198,155,.18);
  --gic-ct-gold: #d1b98b;
  --gic-ct-field: #18211e;
  background:
    radial-gradient(ellipse at 85% 1%, rgba(162,139,91,.055), transparent 38%),
    linear-gradient(180deg, #171e1b 0%, #121a17 100%);
  color: var(--gic-ct-text);
}

/* Hero: matte dark olive with a quiet bronze halo, no high-contrast neon glow. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero {
  border: 1px solid rgba(222,200,161,.20);
  background:
    radial-gradient(ellipse at 94% 15%, rgba(203,166,107,.11), transparent 44%),
    linear-gradient(118deg, #20332b 0%, #263b31 60%, #303a2f 100%);
  box-shadow: 0 19px 48px rgba(1,8,5,.18), 0 1px 0 rgba(255,255,255,.045) inset;
  color: #eee7d9;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero::after {
  background: radial-gradient(circle, rgba(203,171,116,.075), transparent 70%);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-kicker {
  color: #dcc9a4;
  background: rgba(203,175,124,.095);
  border-color: rgba(217,192,144,.24);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero h1 { color: #f0ebe1; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero h1 em { color: #e1c79c; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero-content > p {
  color: #c5cfc3;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero-note { color: #ded5c0; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero-note-icon {
  color: #dfc18b;
  background: rgba(220,189,127,.12);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-ring {
  border-color: rgba(218,187,127,.16);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-card {
  color: #e5e1d2;
  background: linear-gradient(150deg, #333c31, #272f29);
  border: 1px solid rgba(222,199,155,.24);
  box-shadow: 0 22px 45px rgba(2,12,7,.23);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-symbol {
  background: #3c4a3d;
  color: #dfc492;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-label { color: #d2b687; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-line { background: rgba(221,201,162,.20); }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-small { color: #aebcae; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-art-spark { color: #cdb07c; }

/* Form: one calm, readable surface, independent of site-wide generic card/header overrides. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-card {
  background: linear-gradient(165deg, #212c27 0%, #1c2722 100%);
  border: 1px solid var(--gic-ct-line);
  box-shadow: 0 20px 50px rgba(1,9,5,.16), 0 1px 0 rgba(255,255,255,.045) inset;
  color: var(--gic-ct-text);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-header {
  background: transparent !important; /* generic global night CSS styles every header */
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-section-tag { color: #d2b783; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tag-dot { background: #d4b67c; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-header h2 {
  color: #efe9de;
  letter-spacing: -.027em;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-header p { color: #bbc4b9; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-fieldset legend,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-subhead h3,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input label,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-attachments-head strong {
  color: #e6e3d9;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-fieldset-help,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-subhead > span,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-field-hint,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-attachments-head span,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-submit-area p {
  color: #aeb6aa;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-section-divider {
  background: rgba(228,210,178,.12);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input label span { color: #e1bd83; }

/* Topic cards: restrained selected state, clear keyboard focus, no bright patches. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-topic-face {
  color: #c6cec3;
  background: #1a2420;
  border-color: rgba(214,204,179,.18);
  box-shadow: 0 2px 10px rgba(3,13,8,.045);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-topic-icon {
  color: #b8cbbd;
  background: #2a3930;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-topic input:checked + .gic-contact-topic-face {
  color: #f1e9d7;
  background: #2a3a31;
  border-color: #bba477;
  box-shadow: inset 0 0 0 1px rgba(208,179,119,.18);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-topic input:checked + .gic-contact-topic-face .gic-contact-topic-icon {
  color: #e3c692;
  background: #394538;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-topic:hover .gic-contact-topic-face {
  border-color: rgba(218,199,159,.52);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-topic input:focus-visible + .gic-contact-topic-face,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-extra-topic input:focus-visible + span {
  outline: 2px solid #d8bf90;
  outline-offset: 3px;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-extra-topic span {
  color: #bdc7ba;
  background: #19231f;
  border-color: rgba(223,205,165,.19);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-extra-topic input:checked + span {
  color: #f1e5d3;
  background: #334139;
  border-color: #b8a074;
}

/* Inputs: low glare and 16px sizing avoids browser zoom on focus. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input input,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input textarea {
  color-scheme: dark;
  color: #ede9df;
  caret-color: #e0c38e;
  background: #171f1c;
  border-color: #45544b;
  font-size: 16px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.055);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input input::placeholder,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input textarea::placeholder {
  color: #a2aea3;
  opacity: 1;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input input:focus,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input textarea:focus {
  color: #f0ebe0;
  background: #1d2923;
  border-color: #ccb384;
  box-shadow: 0 0 0 3px rgba(203,175,120,.14);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input input:-webkit-autofill,
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-input textarea:-webkit-autofill {
  -webkit-text-fill-color: #ede9df;
  -webkit-box-shadow: 0 0 0 1000px #171f1c inset;
  caret-color: #e0c38e;
}

/* Uploads: keep existing click target and accessibility intact. */
html[data-gic-theme="dark"] .gic-contact-page .gic-ticket-file-picker {
  background: #1a2620 !important;
  border-color: rgba(218,191,148,.35) !important;
  color: #dedfd1;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-ticket-file-picker:hover {
  background: #233229 !important;
  border-color: rgba(223,192,133,.66) !important;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-ticket-file-picker:focus-within {
  outline: 2px solid #d8bf90;
  outline-offset: 3px;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-file-icon {
  background: #2c3d30;
  color: #dec58f;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-file-text strong { color: #e4e5d8; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-file-text small { color: #b4beb0; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-file-action {
  color: #e5d5b4;
  background: #303d34;
  border-color: rgba(221,197,153,.26);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-ticket-selected-file {
  color: #d7ded1;
  background: #27342c;
  border: 1px solid rgba(218,191,148,.17);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-ticket-selected-file :is(strong, small, span, button) { color: inherit; }

/* Submit: muted champagne on warm midnight; deliberately no glowing yellow. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-submit {
  color: #1f2923;
  background: linear-gradient(180deg, #d6bd8f, #bda26e);
  border: 1px solid rgba(232,206,163,.38);
  box-shadow: 0 8px 22px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,251,238,.25);
  text-shadow: none;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-submit:hover {
  filter: brightness(1.05);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-submit:focus-visible {
  outline: 2px solid #efd6a5;
  outline-offset: 3px;
}

/* Support tip area: slightly warmer slate; clear link and list hierarchy. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tip-card {
  color: #e1e5d8;
  background: linear-gradient(155deg, #2b3029 0%, #232b25 100%);
  border: 1px solid rgba(216,189,145,.21);
  box-shadow: 0 12px 28px rgba(1,8,5,.12), inset 0 1px 0 rgba(244,226,194,.04);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tip-icon {
  color: #ddc28e;
  background: #414639;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tip-card h3 { color: #f0e6d6; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tip-card p { color: #c0c5b6; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tip-card ul { color: #ccd1c2; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-tip-card li::marker { color: #c7ad78; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-email-line span { color: #b5bfb1; }
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-email-line a {
  color: #e3c592;
  text-decoration-color: rgba(221,191,139,.6);
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-email-line a:focus-visible {
  outline: 2px solid #e4cb98;
  outline-offset: 4px;
  border-radius: 3px;
}

/* Messaging states remain legible in dark mode. */
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-success {
  color: #d8efde;
  background: #203c30;
  border-color: #426851;
}
html[data-gic-theme="dark"] .gic-contact-page .gic-contact-error {
  color: #f3d4c9;
  background: #452a29;
  border-color: #82534b;
}

@media (max-width: 640px) {
  html[data-gic-theme="dark"] .gic-contact-page { padding-bottom: 62px; }
  html[data-gic-theme="dark"] .gic-contact-page .gic-contact-form-card {
    box-shadow: 0 12px 30px rgba(1,8,5,.12), inset 0 1px 0 rgba(245,225,190,.035);
  }
  html[data-gic-theme="dark"] .gic-contact-page .gic-contact-hero {
    box-shadow: 0 13px 28px rgba(1,8,5,.13);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-gic-theme="dark"] .gic-contact-page :is(.gic-contact-topic-face, .gic-contact-input input, .gic-contact-input textarea, .gic-contact-submit) {
    transition: none;
  }
}