/* =========================================================================
   HOME STATS + TRUST
   Extrahiert aus partials/starter-v2/styles.blade.php fuer den Einsatz
   im Tagesaktuelle-Daten-Block (str-stats) und Trust-Block (str-trust)
   auf der Startseite. Selektoren sind alle gescoped mit .home-modern und
   beeinflussen keine andere Seite.
   ========================================================================= */

/* CSS-Variablen fuer die starter-v2 Sektionen */
.home-modern .str-stats,
.home-modern .str-stats *,
.home-modern .str-trust,
.home-modern .str-trust * {
    --s-primary: #191d93;
    --s-primary-dark: #111270;
    --s-primary-light: #3d42b5;
    --s-dark: #0c0a2e;
    --s-gold: #FFC940;
    --s-success: #08c27f;
    --s-indigo: #4a3fbf;
    --s-g700: #334155;
    --s-g600: #475569;
    --s-g500: #64748b;
    --s-g400: #94a3b8;
    --s-g300: #cbd5e1;
    --s-g200: #e2e8f0;
    --s-g100: #f1f5f9;
    --s-g50: #f8fafc;
    --s-white: #ffffff;
    --s-r: 12px;
    --s-r-lg: 20px;
    --s-ease: all .35s cubic-bezier(.16,1,.3,1);
    --t-h2: 1.65rem;
    --t-h2-weight: 700;
    --t-h2-lh: 1.28;
    --t-h2-mb: 1rem;
    --t-subtitle: .9rem;
    --t-subtitle-weight: 400;
    --t-subtitle-lh: 1.6;
    --t-subtitle-mb: 1.8rem;
}

/* Geteilte Premium-Typografie (str-h2, str-sub, str-badge) */
.home-modern .str-stats .str-h2,
.home-modern .str-trust .str-h2 {
    font-size: var(--t-h2);
    font-weight: var(--t-h2-weight);
    line-height: var(--t-h2-lh);
    margin-bottom: var(--t-h2-mb);
    letter-spacing: -.025em;
    color: var(--s-dark);
    text-transform: none;
}
.home-modern .str-stats .str-sub,
.home-modern .str-trust .str-sub {
    font-size: var(--t-subtitle) !important;
    font-weight: var(--t-subtitle-weight);
    color: var(--s-g700);
    max-width: 62ch;
    margin: 0 auto var(--t-subtitle-mb);
    line-height: var(--t-subtitle-lh) !important;
}
.home-modern .str-stats .str-badge,
.home-modern .str-trust .str-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .85rem;
    border-radius: 2rem;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 1.15rem;
    background: linear-gradient(135deg, rgba(58,49,200,.92), rgba(74,63,191,.95));
    color: #ffffff;
    border: 1px solid rgba(58,49,200,.3);
}

/* ======================================================
   STATS: Tagesaktuelle Daten
   ====================================================== */
.home-modern .str-stats {
    padding: 5rem 0;
    background: var(--s-white);
    position: relative;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid var(--s-g200);
}
.home-modern .str-stats::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 300px;
    border-radius: 50%;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(25,29,147,.04), transparent 70%);
    pointer-events: none;
}
.home-modern .str-stats > .container {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.home-modern .str-stats__header {
    position: relative;
    z-index: 2;
    margin-bottom: 2.25rem;
}
.home-modern .str-stats__icon { margin-bottom: .75rem; }
.home-modern .str-stats__title {
    font-size: var(--t-h2);
    font-weight: var(--t-h2-weight);
    color: var(--s-dark);
    margin-bottom: var(--t-h2-mb);
    letter-spacing: -.02em;
    line-height: var(--t-h2-lh);
    text-transform: none;
}
.home-modern .str-stats__subtitle {
    font-size: var(--t-subtitle) !important;
    font-weight: var(--t-subtitle-weight);
    color: var(--s-g500) !important;
    margin-bottom: .1rem;
    line-height: var(--t-subtitle-lh) !important;
}
.home-modern .str-stats__meta {
    font-size: .875rem !important;
    color: var(--s-g500) !important;
    margin-bottom: .85rem;
    line-height: 1.4 !important;
}
.home-modern .str-stats__live-badge {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem 1rem;
    border-radius: 2rem;
    background: rgba(8,194,127,.12);
    border: 1px solid rgba(8,194,127,.35);
    font-size: .75rem;
    font-weight: 600;
    color: #047857;
}
.home-modern .str-stats__live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 3px rgba(16,185,129,.25);
    animation: hm-str-pulse 2s ease-in-out infinite;
}
@keyframes hm-str-pulse { 0%,100% { opacity:1 } 50% { opacity:.35 } }

.home-modern .str-stats__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    max-width: 820px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.home-modern .str-stats__card {
    background: var(--s-white);
    border: 1px solid var(--s-g200);
    border-radius: .85rem;
    padding: 1.1rem .75rem .9rem;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06);
    transition: transform .25s ease, box-shadow .25s ease;
    position: relative;
}
.home-modern .str-stats__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 6px rgba(0,0,0,.05), 0 12px 32px rgba(25,29,147,.1);
    border-color: rgba(25,29,147,.15);
}
.home-modern .str-stats__card-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(25,29,147,.07);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .5rem;
    font-size: .9rem;
    color: var(--s-primary);
}
.home-modern .str-stats__card-total {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--s-dark);
    line-height: 1.15;
    letter-spacing: -.01em;
}
.home-modern .str-stats__card-delta {
    display: inline-block;
    font-size: .78rem;
    font-weight: 600;
    color: #15803d;
    background: rgba(34,197,94,.1);
    border-radius: 2rem;
    padding: .15rem .55rem;
    margin-top: .3rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}
.home-modern .str-stats__card-delta:empty { display: none; }
.home-modern .str-stats__card-label {
    font-size: .82rem;
    color: var(--s-g600);
    font-weight: 500;
    line-height: 1.3;
    margin-top: .25rem;
}
.home-modern .str-stats__cta {
    display: inline-flex;
    align-items: center;
    padding: .65rem 1.6rem;
    border-radius: 2rem;
    background: linear-gradient(135deg, var(--s-primary), var(--s-indigo));
    color: #fff !important;
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
    box-shadow: 0 4px 16px rgba(25,29,147,.25);
}
.home-modern .str-stats__cta:hover {
    transform: translateY(-2px);
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(25,29,147,.35);
}

/* ======================================================
   TRUST & COMPLIANCE
   ====================================================== */
.home-modern .str-trust {
    padding: 5rem 0;
    background: var(--s-primary);
    position: relative;
    overflow: hidden;
}
.home-modern .str-trust > .container {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.home-modern .str-trust .str-h2 { color: #fff; }
.home-modern .str-trust .str-sub { color: rgba(255,255,255,.8) !important; }
.home-modern .str-trust .str-badge {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.9);
    border-color: rgba(255,255,255,.2);
}
.home-modern .str-trust__h2-accent { color: var(--s-gold); }

.home-modern .str-trust__card {
    background: var(--s-white);
    border-radius: var(--s-r-lg);
    padding: 1.5rem 1.25rem;
    text-align: center;
    height: 100%;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.05), 0 16px 32px rgba(0,0,0,.03);
    transition: var(--s-ease);
}
.home-modern .str-trust__card:hover {
    box-shadow: 0 2px 4px rgba(0,0,0,.05), 0 8px 16px rgba(0,0,0,.08), 0 24px 48px rgba(25,29,147,.08);
    border-color: rgba(25,29,147,.12);
    transform: translateY(-3px);
}
.home-modern .str-trust__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(58,49,200,.08), rgba(74,63,191,.05));
    color: var(--s-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin: 0 auto .95rem;
}
.home-modern .str-trust__card h4 {
    font-size: .88rem;
    font-weight: 700;
    color: var(--s-dark);
    margin-bottom: .5rem;
}
.home-modern .str-trust__card p {
    font-size: .875rem !important;
    color: var(--s-g600) !important;
    line-height: 1.6 !important;
    margin: 0;
}
.home-modern .str-trust__card-lines {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    text-align: center;
}
.home-modern .str-trust__card-lines span {
    display: block;
    font-size: .75rem;
    color: var(--s-g500);
    line-height: 1.4;
}
.home-modern .str-trust__card-lines span + span {
    padding-top: .3rem;
    border-top: 1px solid var(--s-g100);
}

.home-modern .str-trust__sources {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1.75rem;
    background: rgba(255,255,255,.08);
    border-radius: var(--s-r-lg);
    border: 1px solid rgba(255,255,255,.15);
}
.home-modern .str-trust__sources-label {
    font-size: .72rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: .9rem;
}
.home-modern .str-trust__sources-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
}
.home-modern .str-trust__src {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    padding: .75rem .9rem;
    min-width: 90px;
    background: rgba(255,255,255,.1);
    border-radius: var(--s-r);
    border: 1px solid rgba(255,255,255,.15);
    transition: var(--s-ease);
}
.home-modern .str-trust__src:hover {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.35);
    transform: translateY(-2px);
}
.home-modern .str-trust__src i {
    font-size: 1.1rem;
    color: rgba(255,255,255,.9);
}
.home-modern .str-trust__src span {
    font-size: .7rem;
    color: rgba(255,255,255,.75);
    font-weight: 500;
    text-align: center;
    line-height: 1.3;
}
.home-modern .str-trust__validation { margin-top: 1.25rem; }
.home-modern .str-trust__val-label {
    display: block;
    font-size: .65rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .55rem;
}
.home-modern .str-trust__val-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .45rem;
}
.home-modern .str-trust__val-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .28rem .75rem;
    border-radius: 2rem;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.2);
    font-size: .68rem;
    color: #fff;
    font-weight: 500;
    transition: var(--s-ease);
}
.home-modern .str-trust__val-badge i {
    font-size: .62rem;
    color: rgba(255,255,255,.7);
}
.home-modern .str-trust__val-badge:hover { background: rgba(255,255,255,.12); }
.home-modern .str-trust__text-cta {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.75rem;
    font-size: .82rem;
    font-weight: 600;
    color: rgba(255,255,255,.6);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: .1rem;
    transition: var(--s-ease);
}
.home-modern .str-trust__text-cta i {
    font-size: .7rem;
    transition: transform .2s ease;
}
.home-modern .str-trust__text-cta:hover {
    color: #fff;
    border-bottom-color: rgba(255,255,255,.6);
}
.home-modern .str-trust__text-cta:hover i {
    transform: translateX(3px);
}

/* ======================================================
   RESPONSIVE
   ====================================================== */
@media (max-width: 991px) {
    .home-modern .str-stats,
    .home-modern .str-trust {
        --t-h2: 1.5rem;
        --t-subtitle: .88rem;
    }
    .home-modern .str-stats__cards {
        grid-template-columns: repeat(4, 1fr);
        gap: .75rem;
    }
    .home-modern .str-trust__sources-grid { flex-wrap: wrap; }
}

@media (max-width: 767px) {
    .home-modern .str-stats,
    .home-modern .str-trust {
        --t-h2: 1.35rem;
        --t-subtitle: .88rem;
        --t-subtitle-lh: 1.7;
    }
    .home-modern .str-stats p,
    .home-modern .str-trust p {
        font-size: .9rem !important;
        line-height: 1.7 !important;
    }
    .home-modern .str-stats__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: .65rem;
        max-width: 400px;
    }
    .home-modern .str-stats__card-total { font-size: 1.1rem; }
    .home-modern .str-trust__sources-grid { flex-wrap: wrap; }
    .home-modern .str-badge { font-size: .62rem; padding: .32rem .75rem; }
}

@media (max-width: 575px) {
    .home-modern .str-stats,
    .home-modern .str-trust {
        --t-h2: 1.2rem;
        --t-subtitle: .84rem;
        --t-subtitle-lh: 1.75;
    }
    .home-modern .str-stats p,
    .home-modern .str-trust p {
        font-size: .86rem !important;
        line-height: 1.75 !important;
    }
    .home-modern .str-badge { font-size: .58rem; padding: .28rem .65rem; }
}