:root{
  --kew-global-bg:#070706;
  --kew-global-panel:rgba(11,9,8,.78);
  --kew-global-panel-strong:rgba(8,7,6,.88);
  --kew-global-line:rgba(205,186,150,.24);
  --kew-global-line-strong:rgba(205,186,150,.42);
  --kew-global-accent:#CDBA96;
  --kew-global-text:#eee8de;
  --kew-global-muted:#cbbda8;
}

html,body{
  min-height:100%;
}

body{
  background:var(--kew-global-bg) !important;
  color:var(--kew-global-text);
  position:relative;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,6,5,.72), rgba(6,6,5,.88)),
    radial-gradient(circle at 18% 15%, rgba(205,186,150,.10), transparent 28%),
    url('/assets/kewalu-global-bg.jpg') center top / cover no-repeat;
  z-index:-2;
  pointer-events:none;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.22), transparent 18%, transparent 82%, rgba(0,0,0,.22)),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.24));
  z-index:-1;
  pointer-events:none;
}

main,
.page{
  position:relative;
  z-index:1;
}

.topbar,
header.topbar,
.page > .topbar,
.page > header,
main > .section,
form > .section,
.section,
.buybox,
.personal,
.features,
.page > section:not(.hero){
  background:
    linear-gradient(180deg, rgba(11,9,8,.78), rgba(8,7,6,.88)) !important;
  border:1px solid var(--kew-global-line) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

main > .section,
form > .section,
.section,
.buybox,
.personal,
.features,
.page > section:not(.hero){
  border-radius:22px;
  overflow:hidden;
}

.topbar,
header.topbar,
.page > .topbar{
  border-radius:18px;
  margin-top:18px;
  padding-left:24px;
  padding-right:24px;
}

h1,h2,h3,.brand{
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}

p,
.lead,
.sub,
.hint,
.copy,
label{
  color:var(--kew-global-muted);
}

input,
select,
textarea,
.field,
.selection{
  background:rgba(5,5,4,.78) !important;
}

input,
select,
textarea{
  border-color:rgba(205,186,150,.24) !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(205,186,150,.55) !important;
  box-shadow:
    0 0 0 1px rgba(205,186,150,.28),
    0 0 18px rgba(205,186,150,.10) !important;
}

#submission-error-banner.active{
  box-shadow:0 12px 26px rgba(64,0,0,.22) !important;
}

@media (max-width:900px){
  .topbar,
  header.topbar,
  .page > .topbar{
    margin-top:10px;
    padding-left:16px;
    padding-right:16px;
  }

  main > .section,
  form > .section,
  .section,
  .buybox,
  .personal,
  .features,
  .page > section:not(.hero){
    border-radius:16px;
  }
}


/* === KEWALU GLOBAL HOTFIX START === */

/* Hintergrund-Ebene sauber hinter allem halten */
body::before{
  z-index: 0 !important;
  opacity: .42 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.56), rgba(0,0,0,.78)),
    radial-gradient(circle at top left, rgba(205,186,150,.10), transparent 34%),
    url("/assets/kewalu-global-bg.jpg") center top / cover no-repeat !important;
}

/* Gesamter Seiteninhalt immer über dem Hintergrund */
body > *{
  position: relative;
  z-index: 1;
}

header, main, section, footer, form, .section, .wrap, .container, .content{
  position: relative;
  z-index: 1;
}

main{
  background: transparent !important;
}

/* Nichts darf Überschriften / Labels abschneiden */
section, .section, .panel, .card, .box, .feature, .hero, .content-box,
main, .packages, .package-grid, .benefits, .personal{
  overflow: visible !important;
}

/* Text besser lesbar */
h1, h2, h3, .kicker, .sub, .lead, p, label, span, strong, small{
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 18px rgba(0,0,0,.32);
}

/* Song-einreichen deutlich sichtbarer / abgesetzt */
#submission-form,
#submission-form .section,
.section{
  background: rgba(8,7,6,.70) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-color: rgba(205,186,150,.24) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.20) !important;
}

/* Eingabefelder schön dunkel und lesbar */
input, select, textarea{
  background: rgba(5,5,5,.82) !important;
}

/* Kleine Sicherheitskorrektur gegen abgeschnittene Kicker */
.kicker{
  padding-left: 2px;
}

/* === KEWALU GLOBAL HOTFIX END === */