/* ============================================================
   DealAdler v7 — "DealBoard" Light Redesign (MyDealz-orientiert)
   Loaded AFTER v6 on every page. Re-themes the whole site on
   top of the v6/v5.x layers without touching HTML structure or
   JS hooks. Class names preserved; overrides all v6 tokens and
   the hardcoded warm colors that v6 baked into components.
   Direction: bright, high-contrast, easy to read, clean cards
   with fine hairlines, one blue accent. Sans-first typography.
   ============================================================ */

/* ---------- 1. Design tokens (override v6 :root) ---------- */
:root {
  /* Accent — clean blue, single accent for the whole theme */
  --da-primary: #1670e8;
  --da-primary-dark: #0f58b8;
  --da-primary-strong: #0a45a0;
  --da-primary-soft: #e8f1fc;
  --da-primary-glow: rgba(22, 112, 232, .16);

  /* Ink — near-black blue-tinted text on bright surfaces */
  --da-ink: #1c2430;
  --da-ink-2: #2f3a48;
  --da-navy: #3d4a5a;
  --da-navy-deep: #223040;
  --da-slate: #566373;
  --da-muted: #6d7a8a;
  --da-faint: #8a96a5;

  /* Bright surfaces — one cool gray family only */
  --da-line: #e4e9ef;
  --da-line-soft: #eef2f6;
  --da-surface: #ffffff;
  --da-surface-2: #f6f8fa;
  --da-canvas: #f2f5f8;
  --da-canvas-deep: #e9eef3;

  /* Status colors — desaturated to sit in the cool palette */
  --da-success: #178a54;
  --da-success-soft: #e5f5ec;
  --da-warning: #a06a10;
  --da-warning-soft: #fbf3e0;
  --da-danger: #d2402f;
  --da-danger-soft: #fdebe8;
  --da-info: #2268a8;
  --da-info-soft: #e7f1f8;

  /* Radius — tighter on controls, softer on containers */
  --da-radius-sm: 8px;
  --da-radius: 12px;
  --da-radius-lg: 18px;

  /* Soft light shadows (single consistent overhead light) */
  --da-shadow: 0 1px 2px rgba(28, 36, 48, .05), 0 10px 24px -12px rgba(28, 36, 48, .1);
  --da-shadow-lg: 0 4px 12px rgba(28, 36, 48, .06), 0 30px 60px -24px rgba(28, 36, 48, .18);
  --da-control-shadow: 0 6px 16px -8px rgba(28, 36, 48, .16);

  --da-content: 1280px;
  --da-reading: 760px;

  /* Typography — clean UI sans; serif kept only for the brand mark */
  --da-font: "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --da-font-display: "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --da-focus-ring: 0 0 0 4px rgba(22, 112, 232, .18);
}

/* ---------- 2. Base & atmosphere ---------- */
html { scroll-padding-top: 128px; }

body {
  color: var(--da-ink);
  background-color: var(--da-canvas);
  background-image:
    radial-gradient(1100px 520px at 82% -120px, rgba(22, 112, 232, .05), transparent 62%),
    radial-gradient(900px 480px at -12% 18%, rgba(34, 104, 168, .04), transparent 60%);
  background-attachment: fixed;
  font-family: var(--da-font);
  letter-spacing: -.006em;
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-family: var(--da-font-display);
  font-weight: 650;
  letter-spacing: -.01em;
  color: var(--da-ink);
  line-height: 1.25;
}
h1 { font-size: clamp(30px, 4.5vw, 44px); letter-spacing: -.022em; }
h2 { letter-spacing: -.015em; }

p, li { line-height: 1.65; color: var(--da-ink-2); }

::selection { background: rgba(22, 112, 232, .22); }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--da-primary) !important;
  outline-offset: 3px !important;
  box-shadow: var(--da-focus-ring);
}

/* Light cool scrollbars */
* { scrollbar-color: #c8d2dc transparent; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: var(--da-canvas); }
::-webkit-scrollbar-thumb { border-radius: 999px; background: #c8d2dc; border: 3px solid var(--da-canvas); }
::-webkit-scrollbar-thumb:hover { background: #aebcc9; }

/* ---------- 3. Buttons & controls (override warm/amber) ---------- */
.da-button--primary,
.deal-tile__buy,
.deal-buy,
.content-primary-button,
.content-newsletter button[type="submit"],
.newsletter-form button[type="submit"],
.price-alert-form__row button,
.wishlist-empty a,
.v52-inline-cta > a,
.home-hero__cta,
.da-mobile-buybar a {
  background: linear-gradient(180deg, #1f7cf0, var(--da-primary-dark));
  color: #ffffff;
  border: 0;
  box-shadow: 0 8px 18px -8px var(--da-primary-glow), inset 0 1px 0 rgba(255, 255, 255, .25);
  font-weight: 600;
}
.da-button--primary:hover,
.deal-tile__buy:hover,
.deal-buy:hover,
.content-primary-button:hover,
.newsletter-form button[type="submit"]:hover,
.price-alert-form__row button:hover,
.v52-inline-cta > a:hover,
.home-hero__cta:hover,
.da-mobile-buybar a:hover {
  background: linear-gradient(180deg, #2f87f4, var(--da-primary-dark));
}
.da-button--primary:active,
.deal-tile__buy:active,
.deal-buy:active,
.home-hero__cta:active,
.da-mobile-buybar a:active { transform: translateY(1px) scale(.985); }

/* Secondary / ghost buttons */
.da-button--secondary { border-color: #d0d9e2; background: #ffffff; color: #2f3a48; }
.da-button--secondary:hover { border-color: #1670e8; color: #0a45a0; }

/* Header — bright */
.da-site-header { background: rgba(255, 255, 255, .9); border-bottom: 1px solid var(--da-line); }
.da-site-header.is-scrolled { box-shadow: 0 10px 30px -16px rgba(28, 36, 48, .18); }

.da-header-search input,
.da-search-input {
  background: var(--da-surface-2);
  border: 1px solid var(--da-line);
  color: var(--da-ink);
}
.da-header-search input:focus,
.da-search-input:focus { border-color: var(--da-primary); background: #ffffff; }

.da-header-button--dark { background: #ffffff; border-color: #d0d9e2; color: #2f3a48; }
.da-header-button--dark:hover { background: var(--da-surface-2); border-color: #aebcc9; color: #1c2430; }

.da-header-button--primary { background: var(--da-primary); color: #ffffff; }
.da-header-button--primary:hover { background: var(--da-primary-dark); }

.da-primary-nav a:hover { background: var(--da-primary-soft); color: var(--da-primary-strong); }
.da-primary-nav a[aria-current="page"],
.da-primary-nav a.is-active { background: var(--da-primary-soft); color: var(--da-primary-strong); font-weight: 600; }

.da-header-progress::-webkit-progress-value,
.da-header-progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--da-primary), var(--da-primary-dark));
}

/* Footer — deep cool navy block (kept dark for contrast, cool not warm) */
.da-site-footer { background: #18212c; color: #e7edf3; }
.da-footer__brand .da-brand { color: #ffffff; }
.da-footer__brand p { color: #9aa7b5; }
.da-footer__column h2 { color: #e7edf3; letter-spacing: .08em; }
.da-footer__column a { color: #9aa7b5; }
.da-footer__column a:hover { color: #7fb0ff; }
.da-footer__bottom { border-top-color: #2c3947; color: #7d8a99; }
.da-footer__social a { background: rgba(255, 255, 255, .08); color: #c8d2dc; }
.da-footer__social a:hover { background: var(--da-primary); color: #ffffff; }

/* ---------- 4. Cards, tiles, surfaces (clean white cards) ---------- */
.da-card,
.deal-tile,
.deal-card,
.related-deal,
.category-hub-card,
.blog-card,
.growth-explainer,
.growth-hub-searches,
.growth-faq__item,
.growth-related__link,
.growth-guide,
.article-summary,
.article-toc,
.article-author-card,
.article-related__grid a,
.article-checklist,
.article-sources,
.article-decision-table,
.methodology-table,
.editorial-principle,
.wishlist-stats article,
.wishlist-empty,
.home-editorial__grid a,
.home-search-topics__grid > a,
.growth-discovery__grid > a,
.v52-category-topics a,
.da-link-hub__card,
.da-link-hub__links a,
.home-quick-filters button,
.category-pill,
.da-active-filters,
.home-empty,
.category-empty,
.category-guide,
.category-related a,
.da-fact-strip > div,
.price-comparison__values > div,
.deal-benefits span,
.deal-fact,
.rail-card--light,
.freebie-card,
.da-service-fallback {
  background: var(--da-surface);
  border: 1px solid var(--da-line);
  box-shadow: var(--da-shadow);
  color: var(--da-ink);
}

/* Hover — blue border accent */
.deal-tile:hover,
.related-deal:hover,
.home-editorial__grid a:hover,
.home-search-topics__grid > a:hover,
.growth-discovery__grid > a:hover,
.category-hub-card:hover,
.category-pill:hover,
.home-quick-filters button:hover,
.da-active-filter:hover,
.da-link-hub__links a:hover { border-color: var(--da-primary); box-shadow: var(--da-shadow-lg); }

/* Card image media blocks */
.deal-overview__image,
.related-deal__image,
.freebie-card__media,
.blog-card__image,
.rail-card--light {
  background: linear-gradient(180deg, var(--da-surface-2), var(--da-canvas-deep));
  color: var(--da-primary-strong);
}

/* ---------- 5. Status / notices (soft light tints) ---------- */
.deal-tile__badge--discount,
.deal-tag--discount,
.deal-price__discount,
.deal-card__heading > strong,
.rail-card__title span { background: var(--da-success-soft); color: var(--da-success); font-weight: 600; }

.deal-tile__editorial-score,
.deal-tile__editorial-score strong { color: var(--da-ink); }

.da-form-status[data-state="success"] { background: var(--da-success-soft); color: var(--da-success); }
.da-form-status[data-state="error"] { background: var(--da-danger-soft); color: var(--da-danger); }
.da-form-status[data-state="loading"] { background: var(--da-info-soft); color: var(--da-info); }

.da-data-notice,
.da-disclosure,
.deal-notice,
.v52-stale-warning,
.article-factbox,
.growth-collection-note,
.da-service-message {
  border-color: #ecd9a3;
  background: var(--da-warning-soft);
  color: #6b4a0a;
}
.da-data-notice strong { color: #4a3508; }

.da-service-fallback__actions a:first-child { background: var(--da-primary); color: #ffffff; }

/* Success badge on active deal */
.deal-tile.is-active,
.deal-tile__status--active {
  border-color: var(--da-success) !important;
  background: linear-gradient(145deg, #dff3e7, #d3eede) !important;
  color: #0f5c38 !important;
}

/* ---------- 6. Hero sections (bright, airy) ---------- */
.home-hero,
.home-hero__inner {
  background:
    radial-gradient(880px 420px at 84% -8%, rgba(22, 112, 232, .12), transparent 60%),
    radial-gradient(720px 380px at -8% 100%, rgba(34, 104, 168, .08), transparent 58%),
    linear-gradient(180deg, #ffffff, var(--da-canvas));
}
.home-hero__eyebrow > span { background: var(--da-primary); box-shadow: 0 0 0 4px var(--da-primary-glow); }
.home-hero__stats strong { color: var(--da-primary-dark); }
.home-hero__secondary { border-color: var(--da-line); color: var(--da-ink-2); background: #ffffff; }

.home-live__top i { background: var(--da-success); box-shadow: 0 0 0 5px rgba(23, 138, 84, .14); }
.home-ticker { background: #ffffff; border-bottom-color: var(--da-line); }
.home-ticker__inner > strong span { background: var(--da-primary); }

.home-how__step { border-color: var(--da-line); background: #ffffff; }
.home-how__number { background: var(--da-primary-soft); color: var(--da-primary-strong); }

.home-social-profile {
  background:
    radial-gradient(720px 360px at 88% 0%, rgba(22, 112, 232, .14), transparent 58%),
    linear-gradient(120deg, #e8f1fc, #ffffff 55%, #e7f1f8);
  border-top-color: var(--da-primary-soft);
}
.home-social-profile__actions a:hover { border-color: var(--da-primary-dark); background: #ffffff; }

.da-rail-card--dark,
.rail-card--dark {
  background:
    radial-gradient(420px 260px at 90% -10%, rgba(22, 112, 232, .18), transparent 60%),
    linear-gradient(135deg, #223040, #18212c);
  color: #e7edf3;
}
.rail-card--dark .rail-card__eyebrow,
.rail-card--dark > span { color: #7fb0ff; }
.rail-card--dark > p { color: #b6c2cd; }
.rail-card--dark .da-consent-check { color: #9aa7b5; }
.rail-card--dark .da-consent-check a { color: #ffffff; }
.rail-card--dark input[type="email"],
.rail-card--dark .newsletter-form input[type="email"] {
  border-color: #3a4a5a; background: #0f151c; color: #ffffff;
}
.rail-card--dark input::placeholder { color: #7d8a99; }

/* ---------- 7. Growth / category / content hero (bright cool) ---------- */
.growth-hero,
.growth-collection-hero,
.freebies-hero,
.category-hub__trust,
.wishlist-hero,
.price-alert-card,
.content-newsletter,
.da-rail-card {
  background:
    radial-gradient(760px 420px at 85% 0%, rgba(22, 112, 232, .14), transparent 58%),
    linear-gradient(135deg, #ffffff, var(--da-surface-2) 55%, #e7f1f8);
  color: #1c2430;
}
.growth-hero__copy > span,
.growth-collection-hero span,
.freebies-hero span,
.category-hub__trust > div > span,
.wishlist-hero span,
.price-alert-card > span { color: var(--da-primary-dark); font-weight: 600; }
.growth-hero__copy > p,
.growth-collection-hero p,
.freebies-hero p,
.category-hub__trust p,
.price-alert-card > p,
.content-newsletter > p { color: var(--da-muted); }
.growth-hero__freshness { color: var(--da-faint) !important; }

.growth-hero__panel { border-color: var(--da-line); background: #ffffff; }
.growth-hero__panel > div { background: var(--da-surface-2); }
.growth-hero__panel span { color: var(--da-muted); }

.growth-proof {
  background: radial-gradient(560px 300px at 90% -20%, rgba(22, 112, 232, .16), transparent 58%), #223040;
  color: #e7edf3;
}
.growth-proof article { border-color: rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .05); }
.growth-proof article > strong { background: var(--da-primary); color: #ffffff; }
.growth-proof article p { color: #b6c2cd; }

.growth-collection-stats { border-color: #3a4a5a; background: #2c3947; }
.growth-collection-stats > div { background: #223040; }
.growth-collection-stats dt { color: #9aa7b5; }

.freebies-proof span { border-color: var(--da-line); background: #ffffff; }

.content-newsletter input[type="email"] { background: #ffffff; color: #1c2430; border-color: var(--da-line); }
.content-newsletter .da-consent-check { color: var(--da-muted); }
.newsletter-form input[type="email"] { border-color: var(--da-line); background: #ffffff; color: #1c2430; }
.newsletter-form input::placeholder { color: var(--da-faint); }
.content-search button { background: #223040; color: #e7edf3; }
.content-search button:hover { background: var(--da-primary); color: #ffffff; }

.category-hub-card__icon { background: var(--da-primary-soft); color: var(--da-primary-strong); }

/* ---------- 8. Filters, tags, search ---------- */
.category-filter__search input,
.da-search-input { background: #ffffff; color: var(--da-ink); border-color: var(--da-line); }
.category-filter__search input:focus { border-color: var(--da-primary); background: #ffffff; }

.deal-tag { background: var(--da-primary-soft); color: var(--da-primary-strong); }
.deal-tag--discount { background: var(--da-success-soft); color: var(--da-success); }
.deal-tag--affiliate { background: var(--da-surface-2); color: var(--da-muted); }

.deal-filter-reset { background: var(--da-surface-2); color: var(--da-slate); }
.deal-filter-reset:hover { background: var(--da-primary-soft); color: var(--da-primary-strong); }
.category-filter__reset { border-color: var(--da-line); background: var(--da-surface-2); color: var(--da-slate); }

.da-active-filter:hover { border-color: var(--da-primary); background: var(--da-primary-soft); }
.da-filter-count { background: var(--da-primary); color: #ffffff; }
.category-pill.is-active { background: var(--da-primary); color: #ffffff; }
.category-pill.is-active span { color: #ffffff; }

/* ---------- 9. Price display (tabular figures, high contrast) ---------- */
.deal-price__current {
  font-family: var(--da-font-display);
  font-weight: 700;
  font-size: clamp(34px, 4vw, 44px);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--da-ink);
}

.price-comparison meter::-webkit-meter-bar,
.price-comparison meter { background: var(--da-line-soft); }
.price-comparison meter::-webkit-meter-optimum-value,
.price-comparison meter::-moz-meter-bar {
  background: linear-gradient(90deg, var(--da-primary), var(--da-primary-dark));
}
.price-comparison > p { background: var(--da-warning-soft); color: #6b4a0a; }

.da-fact-strip { border-color: var(--da-line); background: var(--da-line); }

/* ---------- 10. Wishlist & links ---------- */
.deal-tile__wishlist:hover { color: var(--da-ink); border-color: var(--da-primary); }
.deal-tile__wishlist.is-saved { color: var(--da-danger); border-color: #f0c6c0; background: var(--da-danger-soft); }

.wishlist-hero button { border-color: #d0d9e2; color: #2f3a48; background: #ffffff; }
.wishlist-hero button:hover { border-color: var(--da-primary); color: var(--da-primary-strong); }

.growth-explainer li { background: var(--da-surface-2); color: var(--da-slate); }
.growth-explainer li .da-icon { background: var(--da-success-soft); color: var(--da-success); }
.growth-related__link > .da-icon:first-child { background: var(--da-primary-soft); color: var(--da-primary-strong); }
.v52-category-topics a span { background: var(--da-surface-2); color: var(--da-muted); }
.v52-topic-links a { background: var(--da-info-soft); color: var(--da-info); }
.article-summary { border-left-color: var(--da-primary); background: var(--da-primary-soft); }
.article-author-card__mark { background: #223040; color: #7fb0ff; }
.article-decision-table th,
.methodology-table th { background: var(--da-surface-2); color: var(--da-slate); }

/* ---------- 11. Cookie banner, toasts, mobile bar ---------- */
.da-cookie-banner { border-color: var(--da-line); background: #ffffff; color: #1c2430; }
.da-cookie-banner p { color: var(--da-muted); }
.da-cookie-banner a { color: var(--da-primary-dark); }
.da-cookie-banner button { border-color: #d0d9e2; color: #2f3a48; }
.da-cookie-banner button[data-consent="accept"] {
  border-color: var(--da-primary); background: var(--da-primary); color: #ffffff; font-weight: 700;
}

.da-toast { background: #223040; color: #e7edf3; border-radius: 12px; }
.da-toast--success { background: #178a54; }
.da-toast--error { background: #d2402f; }

.da-mobile-buybar { background: rgba(255, 255, 255, .97); box-shadow: 0 -14px 34px -16px rgba(28, 36, 48, .18); }
.da-skip-link { background: var(--da-surface); color: var(--da-ink); box-shadow: var(--da-shadow-lg); }

/* Search suggestion + da-link-hub */
.da-search-suggestion[aria-selected="true"] { background: var(--da-primary-soft); }
.da-link-hub__links a:first-child { border-color: var(--da-primary); background: var(--da-primary); color: #ffffff; }
.da-link-hub {
  background:
    radial-gradient(820px 420px at 84% 0%, rgba(22, 112, 232, .12), transparent 60%),
    linear-gradient(145deg, #ffffff, var(--da-surface-2) 50%, var(--da-primary-soft));
}

/* Ensure light-only explicit whites stay white */
.deal-filter-panel,
.da-filter-panel { background: var(--da-surface); }
.da-image-fallback { background: var(--da-surface-2); color: var(--da-faint); }

/* Reduced motion + print stay clean */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ---------- 12. Preisverlauf-Block (transparenter Graph) ---------- */
.deal-card.price-history { padding: 20px; }
.price-history__chart { margin: 16px 0 12px; }
.price-history__svg {
  display: block;
  width: 100%;
  height: auto;
  background: var(--da-surface-2);
  border: 1px solid var(--da-line);
  border-radius: 10px;
}
.price-history__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  color: var(--da-ink-2);
  font-size: 14px;
  line-height: 1.5;
}
.price-history__meta strong { color: var(--da-primary-dark); font-weight: 650; }
.price-history .deal-card__heading > strong { color: var(--da-primary-dark); font-size: 14px; }
@media (max-width: 560px) {
  .price-history__meta { flex-direction: column; gap: 4px; }
}