/*
 * ABC Sanierung — Light Mode Override
 * White/light-grey surfaces · Black accents · Clean typography
 */

/* ─── CSS tokens ─────────────────────────────────────────── */
:root {
  --primary-color:      #111111 !important;
  --primary-color-50:   rgba(17,17,17,0.45) !important;
  --primary-color-20:   rgba(17,17,17,0.12) !important;
  --bg-dark:            #f5f5f5 !important;
  --bg-darker:          #efefef !important;
  --bg-darkest:         #e8e8e8 !important;
  --bg-medium:          #f0f0f0 !important;
  --bg-gradient-dark:   linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%) !important;
  --bg-gradient-medium: linear-gradient(135deg,#eeeeee 0%,#e0e0e0 100%) !important;
  --bg-light:           #ffffff !important;
  --bg-light-gray:      #f5f5f5 !important;
  --text-white:         #111111 !important;
  --text-light:         #222222 !important;
  --text-gray:          #555555 !important;
  --text-medium-gray:   #666666 !important;
  --text-dark-gray:     #888888 !important;
  --text-light-gray:    #333333 !important;
  --text-black:         #000000 !important;
  --text-dark:          #111111 !important;
  --text-border-gray:   #cccccc !important;
  --text-muted:         #777777 !important;
  --accent-contrast:    #111111 !important;
  --accent-light:       #111111 !important;
  --shadow-dark:        rgba(0,0,0,0.09) !important;
  --shadow-light:       rgba(0,0,0,0.05) !important;
}

/* ─── Base ───────────────────────────────────────────────── */
html {
  background: #ffffff !important;
}

body {
  background: #ffffff !important;
  color: #111111 !important;
}

/* ─── Header / Nav ───────────────────────────────────────── */
.header,
header,
.navbar,
.mobile-header,
.mobile-menu {
  background: #ffffff !important;
  backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  color: #111111 !important;
}

.nav-menu a,
.navbar a,
.mobile-menu-list a {
  color: #111111 !important;
}

.nav-menu a:hover,
.mobile-menu-list a:hover {
  color: #000000 !important;
}

.hamburger-line,
.burger-line {
  background: #111111 !important;
}

.dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
}

/* ─── Hero: keep the photo / overlay intact ─────────────── */
/* Only reset the section background (fallback when image fails) */
section.hero:not(.renovierung-hero) {
  background-color: #333333 !important;
}

/* Lighten the overlay so photos breathe */
.hero-overlay {
  background: rgba(0,0,0,0.45) !important;
}

/* ─── Sanierung/RENOVATION hero — full white left panel ─── */
.renovierung-hero {
  background: #ffffff !important;
}

.renovierung-hero .hero-overlay {
  display: none !important;
}

.renovierung-hero .hero-content {
  background: #ffffff !important;
}

.renovierung-hero .hero-title {
  color: #111111 !important;
  text-shadow: none !important;
}

.renovierung-hero .hero-description {
  color: #555555 !important;
}

.renovierung-hero .hero-kicker {
  background: #f0f0f0 !important;
  border-color: #e0e0e0 !important;
  color: #555555 !important;
}

.renovierung-hero .hero-btn.primary,
.renovierung-hero .hero-btn {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}

.renovierung-hero .hero-btn.secondary {
  background: transparent !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
}

.renovierung-hero .hero-certificate-item {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

/* All hero text stays white (on dark photo overlay) */
.hero-title,
.hero-subtitle,
.hero-description,
.hero-left,
.hero-left h1,
.hero-left p,
.hero-left span,
.stat-number,
.stat-text {
  color: #ffffff !important;
}

.hero-arrow svg {
  color: #ffffff !important;
}

/* Hero form card — white on dark photo */
.hero-form {
  background: rgba(255,255,255,0.97) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;
  color: #111111 !important;
}

.hero-form * {
  color: #111111 !important;
}

.hero-form .form-submit-btn,
.hero-form a.form-submit-btn {
  background: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #111111 !important;
}

/* Stats block on hero */
.hero-stats {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* Slide controls on hero */
.slide-btn {
  background: rgba(255,255,255,0.2) !important;
  border-color: rgba(255,255,255,0.5) !important;
  color: #ffffff !important;
}
.slide-btn:hover {
  background: rgba(255,255,255,0.4) !important;
}
.indicator {
  background: rgba(255,255,255,0.3) !important;
  border-color: rgba(255,255,255,0.6) !important;
}
.indicator.active {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* ─── All other sections — light ────────────────────────── */
main > section:not(.hero),
.about-section,
.services-section,
.portfolio-section,
.process-section,
.testimonials-section,
.contact-section,
.team-section,
.pricing-section,
.projects-section,
.partners-section,
.why-us-section,
.dienstleistungen-section {
  background: #ffffff !important;
  color: #111111 !important;
}

/* Subtle alternating rows */
main > section:nth-of-type(even):not(.hero):not(footer) {
  background: #f7f7f7 !important;
}

/* ─── Generic surface reset (no more dark divs) ──────────── */
/* Target only known dark-bg classes so we don't break layouts */
.bg-dark, .bg-darker, .bg-medium, .bg-darkest,
[class*="dark-bg"], [class*="dark-section"] {
  background: #f5f5f5 !important;
  color: #111111 !important;
}

/* ─── Cards ──────────────────────────────────────────────── */
.card,
.service-card,
.process-card,
.testimonial-card,
.team-card,
.project-card,
.pricing-card,
.feature-card,
.step-card,
.info-card,
.contact-card,
[class*="-card"] {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important;
}

/* ─── Headings & paragraphs ──────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  color: #111111 !important;
}

p, li, td, th, blockquote, label {
  color: #333333 !important;
}

/* ─── Expertise section — dark outer, light cards ─── */
#expertise,
section.expertise-section,
main section.expertise-section,
main > section.expertise-section {
  background: #111111 !important;
  color: #ffffff !important;
}


.expertise-section .container h1,
.expertise-section .container h2,
.expertise-section .container h3,
.expertise-section .container h4 {
  color: #111111 !important;
}
.expertise-section .section-heading span {
  color: #888888 !important;
}
.expertise-section .expertise-card h3 {
  color: #111111 !important;
}
.expertise-section .expertise-card p {
  color: #666666 !important;
}
.expertise-section .section-promo-title {
  color: #111111 !important;
}
.expertise-section .section-promo-text {
  color: #555555 !important;
}

.section-subtitle,
.services-subtitle,
[class*="-subtitle"],
[class*="-label"] {
  color: #777777 !important;
}

/* ─── Buttons ────────────────────────────────────────────── */
.btn,
.section-btn,
.form-submit-btn,
.cta-btn,
.cta-btn-about,
button[type="submit"],
.mobile-form-submit-btn,
a.section-btn,
a.btn,
a.form-submit-btn {
  background: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #111111 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.14) !important;
}

.btn:hover,
.section-btn:hover,
.form-submit-btn:hover,
.cta-btn:hover,
a.section-btn:hover,
a.btn:hover {
  background: #333333 !important;
  border-color: #333333 !important;
}

/* Keep mobile menu CTA readable over dark button */
.mobile-menu-list a.mobile-form-submit-btn {
  color: #ffffff !important;
  border-bottom: none !important;
  text-align: center !important;
}

.btn-secondary,
.btn-outline {
  background: transparent !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}

.btn-secondary:hover,
.btn-outline:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

/* Nav CTA button */
.nav-right .form-submit-btn,
a.form-submit-btn.nav-cta {
  background: #111111 !important;
  color: #ffffff !important;
}

/* ─── Forms ──────────────────────────────────────────────── */
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #d0d0d0 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #111111 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.07) !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}

/* ─── Footer ─────────────────────────────────────────────── */
footer,
.footer,
.footer-section,
.site-footer {
  background: #111111 !important;
  color: #cccccc !important;
}

footer *,
.footer * {
  color: #cccccc !important;
}

footer h3, footer h4,
.footer h3, .footer h4,
.footer-heading {
  color: #ffffff !important;
}

footer a:hover,
.footer a:hover {
  color: #ffffff !important;
}

/* Footer submit button */
footer .form-submit-btn,
.footer .form-submit-btn {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #ffffff !important;
}

/* ─── Modals ─────────────────────────────────────────────── */
.modal-backdrop,
.modal-overlay {
  background: rgba(0,0,0,0.45) !important;
}

.modal,
.modal-content,
.modal-body,
.modal-inner {
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.16) !important;
}

.modal-header {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  color: #111111 !important;
}

.modal *,
.modal-content *,
.modal-body * {
  color: #111111 !important;
}

.modal .form-submit-btn,
.modal button[type="submit"] {
  background: #111111 !important;
  color: #ffffff !important;
}

/* ─── Scroll bar ─────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #bbbbbb; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #888888; }

/* ─── SVG icons ──────────────────────────────────────────── */
/* On light sections: black icons */
svg:not(.hero svg):not(.footer svg) {
  color: currentColor;
}

/* Preserve stroke-only paths */
svg [fill="none"] {
  fill: none !important;
}

/* Logo SVG on white nav → black */
/* Logo image */
.logo {
  display: flex !important;
  align-items: center !important;
}

/* Скрываем кнопки соц.сетей в футере на всех страницах */
.footer-social,
.social-link {
  display: none !important;
}

.logo-img {
  height: 120px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  /* Constrain logo size in mobile header — the global .logo-img: 120px rule
     is meant for the desktop nav and makes the mobile bar absurdly tall. */
  .mobile-header .logo-img {
    height: 56px !important;
  }

  .hero:not(.renovierung-hero) {

  }

  .renovierung-hero .hero-left {
    margin-top: 60px !important;
  }

  .renovierung-hero .hero-content {
    padding-top: 130px !important;
    padding-bottom: 10px !important;
  }

  .renovierung-hero,
  .renovierung-hero .hero-container {
    min-height: auto !important;
  }

  .mobile-menu {
    top: 110px !important;
  }
}

/* ─── Portfolio Modal ────────────────────────────────────── */
.portfolio-modal {
  background: rgba(0,0,0,0.5) !important;
}

.portfolio-modal .modal-content {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.14) !important;
}

.portfolio-modal .modal-header {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

.portfolio-modal .modal-header h3,
.modal-title {
  color: #111111 !important;
}

/* Tags: 72m², 3 Monate etc. */
.modal-spec {
  background: #f0f0f0 !important;
  border: 1px solid #cccccc !important;
  color: #333333 !important;
}

/* Gallery nav arrows */
.gallery-nav {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid #cccccc !important;
  color: #111111 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}

.gallery-nav:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

.gallery-nav svg,
.gallery-nav svg * {
  stroke: currentColor !important;
  fill: none !important;
}

/* Thumbnails */
.thumbnail {
  opacity: 0.65 !important;
  border-color: transparent !important;
}

.thumbnail:hover,
.thumbnail.active {
  opacity: 1 !important;
  border-color: #111111 !important;
}

/* Thumbnail strip background */
.gallery-thumbnails {
  background: #f5f5f5 !important;
  border-radius: 8px !important;
  padding: 8px !important;
}

/* Close button */
.portfolio-modal .modal-close {
  background: #f0f0f0 !important;
  border: 1px solid #cccccc !important;
  color: #111111 !important;
}

.portfolio-modal .modal-close:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* ─── Misc ───────────────────────────────────────────────── */
hr, .divider { border-color: #e0e0e0 !important; }

.badge, .tag, .chip {
  background: #111111 !important;
  color: #ffffff !important;
}

tr:nth-child(even) { background: #f8f8f8 !important; }

/* Star ratings → black */
.star, [class*="star"] { color: #111111 !important; }

/* ─── Contact section ───────────────────────────────────── */
.contact-icon {
  background: #111111 !important;
}

.contact-icon svg,
.contact-icon svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

.contact-label {
  color: #888888 !important;
}

.contact-value,
.contact-value p,
.contact-value a {
  color: #111111 !important;
  text-decoration: none !important;
}

.contact-value a:hover {
  color: #333333 !important;
  text-decoration: underline !important;
}

/* ─── Testimonial quote marks only */
blockquote::before,
.quote-icon {
  color: #cccccc !important;
}

/* ─── Funding section ─── */
.funding-badge.highlight {
  background: #111111 !important;
  color: #ffffff !important;
}
.benefit-icon {
  background: #111111 !important;
  color: #ffffff !important;
}
.funding-list li {
  color: #444444 !important;
}
.funding-list li::before {
  color: #111111 !important;
}

/* ─── Form page (form2.css overrides) ─────────────────── */
.form-container,
body.form-page,
html body {
  background: #f5f5f5 !important;
}

body::before {
  display: none !important;
}

.question-form {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
  backdrop-filter: none !important;
}

.question-form::before {
  display: none !important;
}

.step-indicator {
  background: #f0f0f0 !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
}

/* .step-number — do not force text color globally: career timeline uses dark
   circles with light numerals (karriere.css); a global black override hid them. */

.step-total {
  color: #777777 !important;
}

.step-divider {
  background: #cccccc !important;
}



.progress-fill {
  background: #111111 !important;
}

.question-number {
  background: #111111 !important;
  color: #ffffff !important;
}

.question-title {
  color: #111111 !important;
}

.question-description {
  color: #666666 !important;
}

.input-label {
  color: #333333 !important;
}

.option-item {
  background: #f8f8f8 !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  backdrop-filter: none !important;
}

.option-item:hover {
  background: #f0f0f0 !important;
  border-color: #111111 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10) !important;
}

.option-item.selected,
.option-item.active {
  background: #111111 !important;
  border-color: #111111 !important;
}

.option-item.selected .option-title,
.option-item.active .option-title {
  color: #ffffff !important;
}

.option-item.selected .option-description,
.option-item.active .option-description {
  color: rgba(255,255,255,0.75) !important;
}

.option-title {
  color: #111111 !important;
}

.option-description {
  color: #666666 !important;
}

.next-btn,
.submit-btn,
.form-nav-btn {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

.next-btn:hover,
.submit-btn:hover {
  background: #333333 !important;
}

.prev-btn {
  background: #f0f0f0 !important;
  color: #555555 !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}

.form-input,
.form-textarea,
.form-select,
input[type="text"].form-input,
input[type="email"].form-input,
input[type="tel"].form-input,
textarea.form-textarea {
  background: #f8f8f8 !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  color: #111111 !important;
}

.form-input:focus,
.form-textarea:focus {
  border-color: #111111 !important;
  background: #ffffff !important;
}

.required-field-note {
  color: #555555 !important;
}

.services-subtitle {
  color: #888888 !important;
  text-shadow: none !important;
  animation: none !important;
}

.services-subtitle::before {
  background: #cccccc !important;
  box-shadow: none !important;
}

.services-main-title {
  color: #111111 !important;
}

.form-subtitle {
  color: #666666 !important;
}

/* ─── Renovation wizard header (strict B/W) ─────────────── */
.wizard-header {
  background: #f3f3f3 !important;
  border-bottom: 1px solid #dcdcdc !important;
  color: #111111 !important;
}

.wizard-header h1 {
  color: #111111 !important;
}

.wizard-header p {
  color: #666666 !important;
}

.btn-reset-all {
  background: #ffffff !important;
  border: 1px solid #bfbfbf !important;
  color: #222222 !important;
  box-shadow: none !important;
}

.btn-reset-all:hover {
  background: #f0f0f0 !important;
  border-color: #999999 !important;
  color: #111111 !important;
  transform: none !important;
}

.progress-bar::before {
  background: #d5d5d5 !important;
}

.progress-fill {
  background: #111111 !important;
}

.step-circle {
  background: #f2f2f2 !important;
  border: 2px solid #c7c7c7 !important;
  color: #666666 !important;
}

.step-indicator.active .step-circle,
.step-indicator.completed .step-circle {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

.step-label {
  color: #555555 !important;
}

.question-search-input {
  background: #ffffff !important;
  border: 1px solid #cfcfcf !important;
  color: #111111 !important;
}

.question-search-input::placeholder {
  color: #8a8a8a !important;
}

.question-search-icon {
  color: #666666 !important;
}

.question-search-results {
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important;
}

.question-search-result-item {
  color: #111111 !important;
  border-bottom: 1px solid #ececec !important;
}

.question-search-result-item:hover {
  background: #f3f3f3 !important;
}

.question-search-result-step {
  color: #777777 !important;
}

.question-search-highlight {
  box-shadow: 0 0 0 1px #111111 !important;
  background: rgba(0,0,0,0.04) !important;
}

/* Wizard header steps: remove square blocks, keep clean timeline */
.wizard-header .progress-bar {
  align-items: flex-start !important;
}

.wizard-header .step-indicator {
  flex: 0 0 auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 30px !important;
}

.wizard-header .step-label {
  margin-top: 10px !important;
}

/* Radio / checkbox groups: cleaner cards + clearer markers */
.radio-option,
.checkbox-option {
  background: #f2f2f2 !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.radio-option:hover,
.checkbox-option:hover {
  background: #ededed !important;
  border-color: #a9a9a9 !important;
}

.radio-option::before {
  border: 2px solid #7d7d7d !important;
  background: #ffffff !important;
}

.checkbox-option::before {
  border: 2px solid #7d7d7d !important;
  background: #ffffff !important;
}

.radio-option:has(input[type='radio']:checked),
.checkbox-option:has(input[type='checkbox']:checked) {
  background: #ebebeb !important;
  border-color: #111111 !important;
}

.radio-option:has(input[type='radio']:checked)::after {
  background: #111111 !important;
}

.checkbox-option:has(input[type='checkbox']:checked)::before {
  background: #111111 !important;
  border-color: #111111 !important;
}

.checkbox-option:has(input[type='checkbox']:checked)::after {
  color: #ffffff !important;
}

.radio-option span,
.checkbox-option span {
  color: #111111 !important;
}

/* Upload panel cleanup (photo/video block) */
.file-upload-section,
.global-file-upload {
  background: #efefef !important;
  border: 1px solid #d3d3d3 !important;
  box-shadow: none !important;
}

.file-upload-title,
.file-upload-subtitle,
.file-upload-hint-text {
  color: #333333 !important;
}

.global-file-upload .upload-btn,
.upload-btn {
  background: #ffffff !important;
  border: 1px solid #bdbdbd !important;
  color: #111111 !important;
  box-shadow: none !important;
}

.global-file-upload .upload-btn:hover,
.upload-btn:hover {
  background: #f2f2f2 !important;
  border-color: #9f9f9f !important;
}

.global-file-upload .file-list .file-item,
.file-list .file-item {
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  color: #111111 !important;
}

/* ─── Wizard: submit loading overlay (readable on dark box) ─ */
.wizard-loading-box {
  background: #1f1f1f !important;
  border: 1px solid #555555 !important;
}

.wizard-loading-title {
  color: #ffffff !important;
}

.wizard-loading-text {
  color: #cccccc !important;
}

/* ─── Wizard: section cards (post / sub / conditional) ─── */
.post-section,
.sub-section,
.conditional-group {
  background: #f5f5f5 !important;
  border-color: #d0d0d0 !important;
}

.post-section h3,
.sub-section h4 {
  color: #111111 !important;
}

.post-section label,
.sub-section label,
.conditional-group label {
  color: #222222 !important;
}

.post-section .form-group label,
.sub-section .form-group label {
  color: #222222 !important;
}

/* ─── Form autocomplete dropdown ──────────────────────── */
.autocomplete-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

.autocomplete-item {
  color: #111111 !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

.autocomplete-item:hover {
  background: #f0f0f0 !important;
  color: #111111 !important;
}

.autocomplete-item.active {
  background: #f5f5f5 !important;
  color: #111111 !important;
}

.autocomplete-item strong {
  color: #000000 !important;
}

.autocomplete-loading,
.autocomplete-no-results {
  color: #888888 !important;
}

/* ─── Form summary/review step ────────────────────────── */
.summary-item {
  background: #f8f8f8 !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
}

.summary-item:hover {
  background: #f0f0f0 !important;
  border-color: rgba(0,0,0,0.18) !important;
}

.summary-label {
  color: #888888 !important;
}

.summary-value {
  color: #111111 !important;
}

.summary-item.services-breakdown {
  background: #f0f0f0 !important;
  border-color: rgba(0,0,0,0.12) !important;
}

/* ─── Form loading / success screens ──────────────────── */
.success-content {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.10) !important;
  backdrop-filter: none !important;
}

.success-title {
  color: #111111 !important;
}

.success-description {
  color: #666666 !important;
}

.success-icon circle,
.success-icon path,
.loading-spinner circle {
  stroke: #111111 !important;
}

.success-btn {
  background: #111111 !important;
  color: #ffffff !important;
  border: none !important;
}

.success-btn:hover {
  background: #333333 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}

.success-btn::before {
  display: none !important;
}

/* ─── Address hint box ─────────────────────────────────── */
.address-hint {
  color: #7a5c00 !important;
  background: #fffbe6 !important;
  border-left: 3px solid #e6b800 !important;
}