/* ==========================================================
   v182 — cumulative X10 homepage corrections
   - champagne emotion rotator with dark text
   - readable process cards
   - STRUCTURAL fix for the large gap below reportages
   ========================================================== */

/* ---------- Emotion rotator: existing light champagne ---------- */
body.home-x10-v182 .home-emotion-rotator{
  background:linear-gradient(180deg,#eee5da 0%,#f0e8dd 100%) !important;
  color:#17120d !important;
  border-top:1px solid rgba(255,255,255,.72) !important;
  border-bottom:1px solid rgba(96,77,55,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;
}
body.home-x10-v182 .home-emotion-inner,
body.home-x10-v182 .home-emotion-items,
body.home-x10-v182 .home-emotion-item{color:#17120d !important}
body.home-x10-v182 .home-emotion-label{
  color:#2a2118 !important;
  opacity:.76 !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;
}
body.home-x10-v182 .home-emotion-item strong{
  color:#17110b !important;
  text-shadow:none !important;
  font-weight:700 !important;
}
body.home-x10-v182 .home-emotion-item p{
  color:#342a20 !important;
  opacity:.94 !important;
  text-shadow:none !important;
}
body.home-x10-v182 .home-emotion-dots span{
  background:rgba(37,28,20,.24) !important;
  border-color:rgba(37,28,20,.22) !important;
}
body.home-x10-v182 .home-emotion-dots span.is-active{
  background:#17110b !important;
  border-color:#17110b !important;
}

/* ---------- Ablauf: readable cards ---------- */
body.home-x10-v182 .process-list li{
  background:linear-gradient(145deg,#fffdfa 0%,#f6efe5 100%) !important;
  color:#55483c !important;
  border:1px solid rgba(180,137,73,.22) !important;
  box-shadow:0 15px 36px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
  text-shadow:none !important;
}
body.home-x10-v182 .process-list li strong{
  color:#8d6228 !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
body.home-x10-v182 .process-list li::before{
  color:#9a6d2f !important;
  background:#f1e7d7 !important;
  border:1px solid rgba(154,109,47,.12) !important;
}

/* ---------- Reportages + Foto Upgrade: structural layout reset ---------- */
/* Force the whole section back into normal document flow. */
body.home-x10-v182 section.home-photo-upgrade-showcase{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  padding-top:clamp(54px,6vw,82px) !important;
  padding-bottom:clamp(54px,6vw,82px) !important;
}
body.home-x10-v182 section.home-photo-upgrade-showcase > .container{
  display:block !important;
  position:relative !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  grid-template:none !important;
}

/* Two original reportages. */
body.home-x10-v182 .home-visual-grid.collage-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:auto !important;
  grid-auto-rows:auto !important;
  align-items:start !important;
  align-content:start !important;
  gap:24px !important;
  position:relative !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  margin:28px 0 0 !important;
  padding:0 !important;
}
body.home-x10-v182 .reportage-card-x10,
body.home-x10-v182 .reportage-link-x10{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
}
body.home-x10-v182 .reportage-card-x10 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}

/*
  IMPORTANT:
  The legacy class .home-photo-upgrade-panel is intentionally removed
  from the HTML in v182. This new class is not affected by the old
  positioning/min-height rules that caused the several-hundred-pixel gap.
*/
body.home-x10-v182 .home-photo-upgrade-panel-v182{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap:clamp(26px,4vw,52px) !important;
  align-items:start !important;
  position:relative !important;
  inset:auto !important;
  float:none !important;
  clear:both !important;
  transform:none !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  margin:28px 0 0 !important;
  padding:clamp(28px,3.5vw,48px) !important;
  border:1px solid rgba(205,164,95,.24) !important;
  border-radius:28px !important;
  background:#0f0d0b !important;
  box-shadow:0 20px 48px rgba(0,0,0,.22) !important;
  overflow:visible !important;
}
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-copy,
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-card{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
}
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-copy h3,
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-card h3{
  color:#f4dec0 !important;
}
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-copy p,
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-card p,
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-benefits span{
  color:#b5aa9f !important;
}
body.home-x10-v182 .home-photo-upgrade-panel-v182 .home-photo-upgrade-card{
  padding:clamp(24px,3vw,38px) !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(205,164,95,.24) !important;
  border-radius:22px !important;
}
body.home-x10-v182 .home-photo-upgrade-panel-v182 .badge{
  background:rgba(205,164,95,.12) !important;
  color:#f2d79e !important;
  border-color:rgba(205,164,95,.34) !important;
}

@media (max-width:900px){
  body.home-x10-v182 .home-visual-grid.collage-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin-top:22px !important;
  }
  body.home-x10-v182 .home-photo-upgrade-panel-v182{
    grid-template-columns:1fr !important;
    gap:22px !important;
    margin-top:22px !important;
    padding:24px !important;
    border-radius:22px !important;
  }
}