/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.reise-daten-cards {
  display: grid;
  gap: 12px;
}

.reise-daten-card {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
}

.reise-daten-card__dates {
  font-weight: 600;
  line-height: 1.2;
}

.reise-daten-card__duration {
  margin-top: 6px;
  opacity: 0.8;
}

/* Preise Cards Styling */
.reise-preise {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 14px;
  padding: 16px;
  background: #fff;
}

.reise-preise__header {
  margin-bottom: 12px;
}

.reise-preise__title {
  font-weight: 600;
}

.reise-preise__subtitle {
  opacity: 0.75;
  margin-top: 4px;
}

.reise-preise__list--compact {
  display: grid;
  gap: 8px;
}

.reise-preise__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
}

.reise-preise__price {
  white-space: nowrap;
  font-weight: 600;
  text-align: right;
}

.reise-preise__from {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,0.10);
  font-weight: 600;
}

.reise-preise__title {
  font-size: 1.4rem;   /* größer */
  font-weight: 600;
}

/* Loop Card Links */

/* Card als Bezugspunkt */
.loop-card {
  position: relative;
}

/* Overlay-Button-Widget über die gesamte Card */
.loop-card .loop-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 5;          /* unter CTA, über Card-Inhalt */
}

/* Link muss die ganze Fläche klickbar machen */
.loop-card .loop-card__overlay .elementor-button-wrapper,
.loop-card .loop-card__overlay .elementor-button,
.loop-card .loop-card__overlay .elementor-button-link {
  width: 100%;
  height: 100%;
  display: block;
}

/* Unsichtbar, aber klickbar */
.loop-card .loop-card__overlay .elementor-button-link {
  opacity: 0;
}

/* Sichtbarer CTA-Button muss drüber liegen */
.loop-card .elementor-button {
  position: relative;
  z-index: 10;
}