/* =================================================
   PRICING CARDS FÜR ELEMENTOR FREE VERSION
   Verwendet: Heading, Text Editor, Icon List, Button
   ================================================= */

/* Variable-Mapping (Fallbacks) */
:root{
  --white:#FFFFFF;
  --primary-color: var(--mhd-primary, #19BCBB);
  --primary-dark: color-mix(in srgb, var(--mhd-primary, #19BCBB) 85%, #0a0a0a);
}

/* Pakete Section */
.pakete-section .elementor-column { margin-bottom: 30px; }

/* Jede Column wird zur Card */
.pakete-section .elementor-column > .elementor-widget-wrap {
  background: var(--white) !important;
  border-radius: 20px !important;
  padding: 40px 30px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
  height: 100%; display: flex; flex-direction: column;
}
.pakete-section .elementor-column > .elementor-widget-wrap:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Mittlere Column = Featured Card */
.pakete-section .elementor-column:nth-child(2) > .elementor-widget-wrap {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%) !important;
  transform: scale(1.05);
  z-index: 2; position: relative;
}
.pakete-section .elementor-column:nth-child(2) > .elementor-widget-wrap:hover {
  transform: scale(1.05) translateY(-8px) !important;
}

/* Featured Card - alle Texte weiß */
.pakete-section .elementor-column:nth-child(2) .elementor-heading-title,
.pakete-section .elementor-column:nth-child(2) .elementor-text-editor,
.pakete-section .elementor-column:nth-child(2) .elementor-icon-list-text { color: var(--white) !important; }

/* Paket-Titel */
.pakete-section .elementor-widget-heading:first-child .elementor-heading-title {
  font-size: 24px !important; font-weight: 700 !important; text-align: center !important; margin-bottom: 20px !important;
}

/* Preis */
.pakete-section .elementor-widget-heading:nth-child(2) .elementor-heading-title {
  font-size: 48px !important; font-weight: 800 !important; text-align: center !important; line-height: 1 !important; margin-bottom: 5px !important;
}

/* "einmalig" */
.pakete-section .elementor-widget-heading:nth-child(2) + .elementor-widget-text-editor,
.pakete-section .elementor-widget-heading:nth-child(3) {
  text-align: center !important; font-size: 16px !important; opacity: .8; margin-bottom: 20px !important;
}

/* Divider */
.pakete-section .elementor-divider { margin: 20px 0 !important; }
.pakete-section .elementor-divider-separator { border-top-width: 2px !important; border-color: rgba(0,0,0,.1) !important; }
.pakete-section .elementor-column:nth-child(2) .elementor-divider-separator { border-color: rgba(255,255,255,.3) !important; }

/* Feature-Liste */
.pakete-section .elementor-icon-list-items { list-style: none !important; padding: 0 !important; }
.pakete-section .elementor-icon-list-item { padding: 12px 0 !important; border-bottom: 1px solid rgba(0,0,0,.05) !important; margin: 0 !important; }
.pakete-section .elementor-column:nth-child(2) .elementor-icon-list-item { border-bottom-color: rgba(255,255,255,.15) !important; }
.pakete-section .elementor-icon-list-item:last-child { border-bottom: none !important; }

/* Icons */
.pakete-section .elementor-icon-list-icon { color: var(--primary-color) !important; font-size: 18px !important; margin-right: 12px !important; }
.pakete-section .elementor-column:nth-child(2) .elementor-icon-list-icon { color: var(--white) !important; }
.pakete-section .elementor-icon-list-text { font-size: 15px !important; line-height: 1.5 !important; }

/* Button */
.pakete-section .elementor-button-wrapper { margin-top: auto !important; padding-top: 25px !important; }
.pakete-section .elementor-button { width: 100% !important; text-align: center !important; }
.pakete-section .elementor-column:nth-child(2) .elementor-button { background: var(--white) !important; color: var(--primary-color) !important; }
.pakete-section .elementor-column:nth-child(2) .elementor-button:hover { background: #f8f9fa !important; }

/* Badge */
.badge {
  position: absolute; top: -15px; right: 30px;
  background: var(--white); color: var(--primary-color);
  padding: 8px 20px; border-radius: 20px; font-size: 14px; font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,.15); z-index: 10;
}