/* ReefKing Willkommenskarten 1.0.2 — footer band and subtle warm background glow. */
#rkw-welcome.rkw-welcome {
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 26px;
  color: #f5f5ef;
  --rkw-accent: #f3c542;
}
#rkw-welcome *, #rkw-welcome *::before, #rkw-welcome *::after { box-sizing: border-box; }
#rkw-welcome .rkw-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
#rkw-welcome .rkw-card { min-width: 0; margin: 0; background: radial-gradient(ellipse at 15% 35%, rgba(222,188,98,.085), transparent 68%), #101311; border: 1px solid #4a4934; border-radius: 8px; overflow: hidden; box-shadow: 0 6px 28px rgba(215,176,73,.035), inset 0 1px 0 rgba(255,224,138,.045); }
#rkw-welcome .rkw-card--offer { border-color: #6e5c2b; background: radial-gradient(ellipse at 8% 28%, rgba(243,197,66,.14), transparent 66%), #101311; }
#rkw-welcome .rkw-card--advice { display: flex; flex-direction: column; }
#rkw-welcome .rkw-summary { display: block; margin: 0; padding: 0; list-style: none; cursor: pointer; }
#rkw-welcome .rkw-card--offer:not([open]) > .rkw-summary { display: flex; flex-direction: column; height: 100%; }
#rkw-welcome .rkw-summary::-webkit-details-marker { display: none; }
#rkw-welcome .rkw-summary::marker { content: ''; }
#rkw-welcome .rkw-inner { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 22px; align-items: center; padding: 18px 24px; min-height: 132px; margin: 0; flex: 1; }
#rkw-welcome .rkw-badge { display: flex; align-items: center; justify-content: center; gap: 3px; width: 76px; height: 76px; border-radius: 5px; background: var(--rkw-accent); color: #14170e; font-size: 43px; line-height: 1; font-weight: 700; letter-spacing: -2px; box-shadow: 0 0 24px rgba(243,197,66,.10); }
#rkw-welcome .rkw-badge > span { font-size: 27px; letter-spacing: -1px; }
#rkw-welcome .rkw-badge--advice { background: #2b2e1f; color: #e1c77e; font-size: 46px; box-shadow: 0 0 25px rgba(220,187,98,.065); }
#rkw-welcome .rkw-content { display: block; min-width: 0; }
#rkw-welcome .rkw-kicker { display: block; color: #d2bf83; font-size: 10px; line-height: 1.5; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 6px; }
#rkw-welcome .rkw-title { display: block; color: #f5f5ef; font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -.5px; margin: 0 0 7px; }
#rkw-welcome .rkw-copy { display: block; color: #cbd0c5; font-size: 14px; line-height: 1.5; font-weight: 400; margin: 0; }
#rkw-welcome .rkw-copy strong { color: #f5f5ef; font-weight: 600; }
#rkw-welcome .rkw-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 44px; height: 44px; flex-shrink: 0; padding: 11px 24px; margin: 0; color: var(--rkw-accent); background: linear-gradient(105deg, #2a291b, #1e2318 70%); border-top: 1px solid #51472a; font-size: 12px; line-height: 1.5; font-weight: 400; text-decoration: none; }
#rkw-welcome a.rkw-footer:hover { color: #ffe69b; background: linear-gradient(105deg, #34301d, #252a1b 70%); text-decoration: none; }
#rkw-welcome .rkw-toggle::after { content: '+'; font-size: 17px; line-height: 1; display: block; }
#rkw-welcome details[open] .rkw-toggle::after { content: '−'; }
#rkw-welcome summary:focus-visible, #rkw-welcome a:focus-visible { outline: 2px solid var(--rkw-accent); outline-offset: -4px; }
#rkw-welcome .rkw-terms { padding: 18px 24px 22px; border-top: 1px solid #4b452b; color: #cbd0c5; font-size: 13px; line-height: 1.6; background: #151913; }
#rkw-welcome .rkw-terms p { margin: 0 0 10px; }
#rkw-welcome .rkw-terms p:last-child { margin-bottom: 0; }
#rkw-welcome .rkw-terms strong { color: #f5f5ef; }
#rkw-welcome .rkw-grid:has(details[open]) { align-items: start; }
@media (max-width: 1100px) {
  #rkw-welcome .rkw-inner { grid-template-columns: 64px minmax(0, 1fr); padding: 18px 20px; gap: 17px; min-height: 139px; }
  #rkw-welcome .rkw-badge { width: 64px; height: 68px; font-size: 38px; }
  #rkw-welcome .rkw-badge > span { font-size: 24px; }
  #rkw-welcome .rkw-title { font-size: 20px; }
  #rkw-welcome .rkw-desktop-break { display: none; }
  #rkw-welcome .rkw-footer { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 767px) {
  #rkw-welcome .rkw-grid { grid-template-columns: 1fr; }
  #rkw-welcome .rkw-inner { min-height: 132px; }
  #rkw-welcome.rkw-welcome { padding-bottom: 22px; }
}
@media (max-width: 390px) {
  #rkw-welcome .rkw-inner { grid-template-columns: 54px minmax(0, 1fr); padding: 18px 15px; gap: 13px; }
  #rkw-welcome .rkw-badge { width: 54px; height: 62px; font-size: 34px; }
  #rkw-welcome .rkw-badge > span { font-size: 22px; }
  #rkw-welcome .rkw-title { font-size: 19px; }
  #rkw-welcome .rkw-kicker { font-size: 10px; letter-spacing: .6px; }
  #rkw-welcome .rkw-copy { font-size: 13px; }
  #rkw-welcome .rkw-footer { font-size: 12px; padding-left: 15px; padding-right: 15px; }
  #rkw-welcome .rkw-terms { padding: 15px; }
}
