/* German in Context — Learner Stories Day Luxury V1
 * Light-theme-only, staging-only. Preserves the original night design,
 * testimonial text/content, swipe interactions, and the rest of the website.
 * Matched to _home_testimonials.html (GIC_HOME_TESTIMONIALS_V3).
 */

/* Scope explicitly excludes the site's actual night-mode attribute. */
html:not([data-gic-theme="dark"]) section.gic-stories {
  box-sizing: border-box;
  isolation: isolate;
  width: min(1100px, calc(100% - 36px));
  margin: 44px auto 50px;
  padding: 44px clamp(16px, 4vw, 44px) 42px;
  border: 1px solid #e8decc;
  border-radius: 34px;
  background:
    radial-gradient(ellipse 66% 54% at 101% -10%, rgba(213, 172, 106, .18), transparent 83%),
    linear-gradient(165deg, #fffdf8 0%, #faf6ee 53%, #f4ebde 100%);
  box-shadow:
    0 26px 64px rgba(76, 55, 30, .075),
    0 2px 8px rgba(97, 68, 34, .035),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-head {
  margin-bottom: 24px;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-head > span {
  color: #88632d;
  -webkit-text-fill-color: #88632d;
  letter-spacing: .19em;
  font-size: 11px;
  font-weight: 800;
}

/* Crucial: prevent the old champagne text-gradient becoming washed out on white. */
html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-head h2 {
  color: #332d27;
  -webkit-text-fill-color: #332d27;
  background: none;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: none;
  font-weight: 600;
  letter-spacing: -.025em;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-list {
  width: min(570px, 100%);
  padding-top: 7px;
  padding-bottom: 24px;
}

/* The day card has no green: porcelain, parchment and a restrained gold rim. */
html:not([data-gic-theme="dark"]) .gic-stories .gic-story-card {
  color: #382f27;
  border: 1px solid transparent;
  background:
    linear-gradient(155deg, #fffefa 0%, #fffaf3 62%, #f7eedf 100%) padding-box,
    linear-gradient(145deg, #c9a66a 0%, #ede0cb 30%, #e2c99f 67%, #b88e50 100%) border-box;
  box-shadow:
    0 11px 23px rgba(91, 65, 36, .11),
    0 3px 8px rgba(91, 65, 36, .04),
    inset 0 1px 0 rgba(255,255,255,.95);
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-card::before {
  background: radial-gradient(circle, rgba(222, 188, 132, .22), transparent 69%);
  opacity: .82;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-german-mark {
  box-shadow: 0 4px 10px rgba(75, 51, 27, .14);
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-ring {
  background: conic-gradient(from 210deg, #f7e7c5, #ad7c32, #f1dab0, #b78f50, #f8e7bf);
  box-shadow: 0 5px 14px rgba(113, 84, 46, .15);
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-ring img {
  border-color: #fffcf6;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-avatar {
  background: linear-gradient(140deg, #f9efd9 0%, #e8d3aa 100%);
  border-color: #fffaf2;
  color: #72512e;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-who strong {
  color: #302923;
  -webkit-text-fill-color: #302923;
  font-weight: 750;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-who small {
  color: #8a663e;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-text {
  color: #453d35;
  -webkit-text-fill-color: #453d35;
  font-weight: 450;
  font-style: normal;
  line-height: 1.68;
  letter-spacing: -.006em;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-foot {
  border-image: linear-gradient(90deg, rgba(183,141,79,.42), rgba(207,178,127,.08)) 1;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-chip {
  color: #6f512e;
  -webkit-text-fill-color: #6f512e;
  border: 1px solid #dac49d;
  background: linear-gradient(180deg, #fbf1e1, #f5e7d0);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-chip::before {
  background: #bb9050;
  box-shadow: 0 0 0 3px rgba(187, 144, 80, .13);
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-hint i {
  background: #d5c4a9;
}

html:not([data-gic-theme="dark"]) .gic-stories .gic-story-hint i.is-active {
  background: #a97932;
  box-shadow: 0 0 0 3px rgba(169, 121, 50, .10);
}

@media (max-width: 640px) {
  html:not([data-gic-theme="dark"]) section.gic-stories {
    width: calc(100% - 28px);
    margin-top: 34px;
    margin-bottom: 42px;
    padding: 32px 12px 28px;
    border-radius: 27px;
  }
  html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-head {
    margin-bottom: 19px;
  }
  html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-head h2 {
    font-size: clamp(27px, 7.6vw, 37px);
  }
  html:not([data-gic-theme="dark"]) .gic-stories .gic-stories-list {
    width: 100%;
    gap: 12px;
    padding: 5px 1px 19px;
  }
  html:not([data-gic-theme="dark"]) .gic-stories .gic-story-card {
    padding: 23px 20px 20px;
    border-radius: 24px;
    box-shadow: 0 10px 21px rgba(85, 63, 39, .105), 0 2px 5px rgba(85, 63, 39, .04);
  }
  html:not([data-gic-theme="dark"]) .gic-stories .gic-story-text {
    font-size: 16.5px;
  }
  html:not([data-gic-theme="dark"]) .gic-stories .gic-story-hint {
    margin-top: -4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-gic-theme="dark"]) .gic-stories .gic-story-card { transition: none; }
}