/* ========================================
   datapresso.de - Custom Main CSS
   Anpassungen für den Hauptinhalt
   ======================================== */

/* 
   Hier können Anpassungen für den Hauptinhalt hinzugefügt werden:
   - Hero Sections
   - Cards
   - Buttons
   - Forms
   - Tables
   - Alerts
   - etc.
   
   Standard Bootstrap-Klassen werden automatisch verwendet.
   Nur bei Bedarf hier überschreiben.
*/

/* Hero Section - dezenterer Hintergrund */
.bg-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    /* Statt dem knalligen Bootstrap-Blau verwenden wir den datapresso-Gradient */
}

/* ========================================
   Hero Section - Einheitliche Boxenhöhen
   ======================================== */

/* Verschachtelte Rows in Hero-Sections als Flexbox */
.bg-primary .row .row {
    display: flex;
    align-items: stretch;
}

/* Spalten in verschachtelten Rows erhalten gleiche Höhe */
.bg-primary .row .row [class*="col-"] {
    display: flex;
}

/* Inneren Boxen füllen die volle Höhe */
.bg-primary .row .row [class*="col-"] > div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Direkte Rows in Hero-Sections (z.B. Tool-Seiten "Ihre Vorteile") */
.bg-primary > .container > .row.g-4 {
    display: flex;
    align-items: stretch;
}

/* Spalten in direkten Rows erhalten gleiche Höhe */
.bg-primary > .container > .row.g-4 [class*="col-"] {
    display: flex;
}

/* Inneren Boxen in direkten Rows füllen die volle Höhe */
.bg-primary > .container > .row.g-4 [class*="col-"] > div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ========================================
   Dashboard Service Cards - Verbesserte Sichtbarkeit
   ======================================== */

/* Service Cards - Deutlichere Abgrenzung */
[data-service] {
    border: 2px solid #e9ecef !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07) !important;
}

/* Hover-Effekt für Service Cards */
[data-service]:hover {
    border-color: #007bff !important;
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%) !important;
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Service Card Body - Kompakteres Padding */
[data-service] .card-body {
    padding: 1.25rem !important;
}

/* Service Card Titel - Größer und fetter */
[data-service] .card-title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 0.5rem !important;
}

/* Status Badge - Größer und deutlicher */
[data-service] .badge {
    font-size: 0.875rem !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* Service Info Zeilen - Minimale Abstände */
[data-service] .d-flex.justify-content-between {
    margin-bottom: 0.1rem !important;
    padding: 0.05rem 0 !important;
}

/* Service Info Labels - Deutlicher */
[data-service] .text-muted {
    font-weight: 500 !important;
    color: #6c757d !important;
}

/* Service Info Werte - Fetter */
[data-service] .fw-bold {
    font-weight: 600 !important;
    color: #495057 !important;
}

/* Buttons in Service Cards - Kompakterer Abstand */
[data-service] .d-grid {
    margin-top: 0.75rem !important;
}

/* Service Card Container - Mehr Abstand zwischen Cards */
.row.g-4 > [class*="col-"] {
    margin-bottom: 1.5rem !important;
}

/* ========================================
   Website-weite Notifications - Unten links
   ======================================== */

/* Alle Notifications websiteweit unten links positionieren */
.alert.position-fixed {
    bottom: 20px !important;
    left: 20px !important;
    top: auto !important;
    right: auto !important;
}

/* ========================================
   Navigation Dropdown - Immer im Vordergrund
   ======================================== */

/* Dropdown-Menü muss über alle anderen Elemente gelegt werden */
.dropdown-menu {
    z-index: 9999 !important;
}