/* German in Context · A1+ Light Theme Comparison · v1 · 2026-10-18
 * Scoped to the two JS-verified comparison cards on /a1plus.
 * The enhancer restores original DOM in dark/night mode.
 * Does not modify other sections, audio, card engine, or night theme.
 */

body .gic-a1compare-card {
  position: relative !important;
  isolation: isolate;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  height: 100% !important;
  border-radius: 26px !important;
  background-clip: padding-box !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

body .gic-a1compare-card.gic-a1compare--traditional {
  color: #777a78 !important;
  background: linear-gradient(150deg, #f7f7f6 0%, #f4f5f4 100%) !important;
  border: 1px solid #e0e3e1 !important;
  box-shadow: 0 3px 12px rgba(35, 51, 45, .025) !important;
}

body .gic-a1compare-card.gic-a1compare--premium {
  color: #17493e !important;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(214, 234, 211, .66) 0%, rgba(214, 234, 211, 0) 47%),
    linear-gradient(148deg, #fffdf7 0%, #fbfcf7 59%, #f5faf3 100%) !important;
  border: 1px solid rgba(117, 162, 102, .47) !important;
  box-shadow: 0 24px 53px rgba(9, 65, 48, .11), 0 5px 16px rgba(19, 67, 50, .045) !important;
}

body .gic-a1compare-card.gic-a1compare--premium::before {
  content: "";
  position: absolute;
  inset: 0 18% auto 18%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(187, 156, 91, .75), transparent);
  opacity: .8;
  pointer-events: none;
}

body .gic-a1compare-card .gic-a1compare__inner,
body .gic-a1compare-card .gic-a1compare__header,
body .gic-a1compare-card .gic-a1compare__list,
body .gic-a1compare-card .gic-a1compare__row {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  min-width: 0;
  box-sizing: border-box !important;
}

body .gic-a1compare-card .gic-a1compare__inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  padding: clamp(21px, 3.0vw, 34px) clamp(20px, 3.0vw, 36px) !important;
}

body .gic-a1compare-card .gic-a1compare__header {
  display: flex !important;
  align-items: center !important;
  gap: 14px;
  padding-bottom: clamp(22px, 2.5vw, 28px) !important;
  border-bottom: 1px solid rgba(92, 110, 96, .17) !important;
}
body .gic-a1compare-card.gic-a1compare--premium .gic-a1compare__header {
  border-bottom-color: rgba(83, 134, 94, .23) !important;
}

body .gic-a1compare-card .gic-a1compare__heading {
  color: inherit !important;
  font-family: inherit !important;
  font-weight: 720 !important;
  font-size: clamp(18px, 2.25vw, 24px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.035em !important;
  text-wrap: pretty;
  overflow-wrap: normal;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  text-shadow: none !important;
}
body .gic-a1compare-card.gic-a1compare--traditional .gic-a1compare__heading {
  color: #777978 !important;
  font-weight: 660 !important;
}
body .gic-a1compare-card.gic-a1compare--premium .gic-a1compare__heading {
  color: #064c3e !important;
  font-weight: 790 !important;
}

body .gic-a1compare-card .gic-a1compare__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 39px;
  height: 39px;
  color: #b47573;
  border-radius: 50% !important;
  background: #f5e7e7 !important;
  border: none !important;
  box-shadow: none !important;
}
body .gic-a1compare-card .gic-a1compare__icon svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body .gic-a1compare-card .gic-a1compare__icon--main {
  width: 48px;
  height: 48px;
}
body .gic-a1compare-card .gic-a1compare__icon--main svg {
  width: 25px;
  height: 25px;
  stroke-width: 2.35;
}
body .gic-a1compare-card.gic-a1compare--premium .gic-a1compare__icon {
  color: #085448;
  background: #e5f1e4 !important;
}
body .gic-a1compare-card.gic-a1compare--premium .gic-a1compare__icon--main {
  color: #fff !important;
  background: radial-gradient(circle at 33% 22%, #267b67 0%, #095b4b 45%, #033e35 100%) !important;
  box-shadow: 0 0 0 7px rgba(212, 230, 202, .53), 0 7px 15px rgba(14, 83, 66, .19) !important;
}

body .gic-a1compare-card .gic-a1compare__list {
  display: block !important;
  list-style: none !important;
  width: 100%;
  margin: 0 !important;
  padding: 9px 0 0 !important;
}
body .gic-a1compare-card .gic-a1compare__row {
  display: flex !important;
  align-items: center !important;
  gap: 17px;
  width: 100%;
  min-height: 76px;
  padding: 18px 0 !important;
  border-bottom: 1px solid rgba(106, 116, 107, .12) !important;
}
body .gic-a1compare-card .gic-a1compare__row:last-child {
  border-bottom: 0 !important;
  padding-bottom: 2px !important;
}
body .gic-a1compare-card.gic-a1compare--premium .gic-a1compare__row {
  border-bottom-color: rgba(82, 132, 96, .14) !important;
}
body .gic-a1compare-card .gic-a1compare__label {
  display: block;
  margin: 0;
  color: #858886 !important;
  font-family: inherit;
  font-size: clamp(16px, 2.0vw, 19px) !important;
  line-height: 1.55 !important;
  font-weight: 440 !important;
  letter-spacing: -.017em;
  overflow-wrap: break-word;
}
body .gic-a1compare-card.gic-a1compare--premium .gic-a1compare__label {
  color: #1e4d44 !important;
  font-weight: 525 !important;
}

@media (hover: hover) and (pointer: fine) {
  body .gic-a1compare-card.gic-a1compare--premium:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 28px 62px rgba(9, 65, 48, .15), 0 7px 17px rgba(19, 67, 50, .055) !important;
  }
}

@media (max-width: 640px) {
  body .gic-a1compare-card {
    border-radius: 23px !important;
  }
  body .gic-a1compare-card .gic-a1compare__inner {
    padding: 23px 22px 24px !important;
  }
  body .gic-a1compare-card .gic-a1compare__header {
    gap: 12px;
    padding-bottom: 22px !important;
  }
  body .gic-a1compare-card .gic-a1compare__heading {
    font-size: clamp(16px, 4.3vw, 20px) !important;
    letter-spacing: -.037em !important;
  }
  body .gic-a1compare-card .gic-a1compare__icon--main {
    width: 44px;
    height: 44px;
  }
  body .gic-a1compare-card .gic-a1compare__row {
    min-height: 71px;
    gap: 13px;
    padding: 16px 0 !important;
  }
  body .gic-a1compare-card .gic-a1compare__icon:not(.gic-a1compare__icon--main) {
    width: 35px;
    height: 35px;
  }
  body .gic-a1compare-card .gic-a1compare__label {
    font-size: clamp(15px, 4.08vw, 17px) !important;
    line-height: 1.52 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .gic-a1compare-card { transition: none !important; }
}