/* VoyaPlan V134.0.0 – harmonisierte Reiseansicht im Formular-Stil */

/* Abschnittsköpfe: wie bei den neuen Reiseformularen leicht blau hervorgehoben */
.trip-shared-view .trip-demo-card{
  overflow:hidden;
}
.trip-shared-view .trip-section-heading{
  margin:-4px -4px 16px!important;
  padding:16px 18px!important;
  border:1px solid #d8edf1;
  border-radius:18px;
  background:linear-gradient(145deg,#f1f9fb 0%,#f8fcfd 68%,#ffffff 100%);
  box-shadow:0 7px 20px rgba(22,79,103,.045),inset 0 1px 0 rgba(255,255,255,.92);
}
.trip-shared-view .trip-section-heading.compact{margin-bottom:14px!important}
.trip-shared-view .trip-section-heading>div>span{color:#0a93aa}
.trip-shared-view .trip-section-heading>b{
  align-self:center;
  background:#fff;
  border-color:#d3e9ed;
  box-shadow:0 4px 12px rgba(22,79,103,.045)
}

/* Einträge innerhalb der Bereiche – sehr dezente Blauflächen wie in den Formularen */
.trip-shared-view .trip-route-track article,
.trip-shared-view .vp83-day-list .vp86-day-row,
.trip-shared-view .trip-booking-list>div,
.trip-shared-view .vp81-excursion-grid>article,
.trip-shared-view .trip-payment-card,
.trip-shared-view .trip-cost-bars>div,
.trip-shared-view .vp81-checkrow,
.trip-shared-view .vp84-static-check,
.trip-shared-view .trip-member-card{
  background:linear-gradient(145deg,#f7fbfc,#ffffff)!important;
  border-color:#dcecf0!important;
  box-shadow:0 5px 15px rgba(22,79,103,.035);
}
.trip-shared-view .trip-route-track article:hover,
.trip-shared-view .trip-booking-list>div:hover,
.trip-shared-view .vp81-excursion-grid>article:hover,
.trip-shared-view .trip-member-card:hover{
  background:#f2fafb!important;
  border-color:#cfe7ec!important;
}
.trip-shared-view .empty{
  background:#f7fbfc;
  border:1px dashed #d7e9ed;
  border-radius:13px;
  padding:13px 14px;
}

/* Kostenbereich optisch ebenfalls in derselben Kartenfamilie */
.trip-shared-view .trip-cost-layout{gap:14px}
.trip-shared-view .trip-payment-card{border:1px solid #dcecf0;border-radius:18px}
.trip-shared-view .trip-cost-bars{gap:8px}
.trip-shared-view .trip-cost-bars>div{
  border:1px solid #e1edf0;
  border-radius:12px;
  padding:10px 12px;
}

/* Was steht an: 1 bis 3 Einträge behalten immer die Größe einer 3er-Zeile. */
.trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-standard{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch;
}
.trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-standard .vp81-day-event{
  min-width:0!important;
  width:auto!important;
  flex:none!important;
  height:100%;
  background:#fff!important;
  border-color:#dcecf0!important;
  box-shadow:0 4px 12px rgba(22,79,103,.035);
}

/* Ab vier Einträgen wird die Zeile kompakter, bleibt aber einzeilig. */
.trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-many{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  align-items:stretch;
  min-width:0;
}
.trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-many .vp81-day-event{
  min-width:0!important;
  width:0!important;
  flex:1 1 0!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:6px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  background:#fff!important;
  border-color:#dcecf0!important;
  box-shadow:0 3px 10px rgba(22,79,103,.03);
}
.trip-shared-view .vp134-events-many .vp81-event-icon{
  width:28px!important;height:28px!important;min-width:28px!important;
}
.trip-shared-view .vp134-events-many .vp81-event-icon img{max-width:24px!important;max-height:24px!important}
.trip-shared-view .vp134-events-many .vp81-day-event strong{
  font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.trip-shared-view .vp134-events-many .vp81-day-event small{
  font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.trip-shared-view .vp134-events-many .vp81-day-event p{
  font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* Die Übernachtung rechts gehört optisch zur Tageskarte. */
.trip-shared-view .vp126-day-stay{
  background:linear-gradient(145deg,#eef9fb,#f9fcfd)!important;
  border-left-color:#d7e9ed!important;
}

@media(max-width:1100px){
  .trip-shared-view .vp126-day-stay{border-top-color:#d7e9ed!important}
}
@media(max-width:760px){
  .trip-shared-view .trip-section-heading{margin:0 0 13px!important;padding:14px!important;border-radius:15px}
  .trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-standard,
  .trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-many{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .trip-shared-view .vp83-day-list .vp81-day-events.vp134-events-many .vp81-day-event{
    width:auto!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:8px 10px!important;
  }
  .trip-shared-view .vp134-events-many .vp81-day-event strong{font-size:12px!important}
  .trip-shared-view .vp134-events-many .vp81-day-event small{font-size:9px!important}
  .trip-shared-view .vp134-events-many .vp81-day-event p{font-size:11px!important}
}