/* ============================================= */
/* Stiluri Pagina Pachete & Produse              */
/* ============================================= */

/* 1. Importă TOATE stilurile necesare */
@import url('../components/_tab-comparison.css');
@import url('../components/_container-cost-real.css');
@import url('../components/_tab-transport.css');
@import url('../components/_accesorii-intro.css');
@import url('../components/_container-pachete.css');
@import url('../components/_container-pachete-poveste.css');
@import url('../components/_abonament.css');

/* 2. Ajustare pentru a împinge conținutul sub header */
.comparison-group {
    padding-top: 120px; /* Ajustează valoarea (ex: 100px) dacă este necesar */
}

.group-title-investitiaInteligenta {
    font-family: 'Teko', sans-serif;
    display: block; /* Anulăm flexbox pentru a permite centrarea textului */
    text-align: center; /* Centram textul pe orizontală */
    font-size: 40px; /* Mărim considerabil fontul, similar cu "Calculul Corect" */
    font-weight: 700; /* Îl facem mai bold */
    line-height: 1.1; /* Micșorăm spațiul dintre rânduri, dacă textul se întinde pe mai multe */
    margin-bottom: 10px; /* Adăugăm puțin mai mult spațiu dedesubt */
}

    .group-title-investitiaInteligenta svg {
        width: 36px;
        height: 36px;
        flex-shrink: 0;
    }

.group-subtitle-investitiaInteligenta {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-bottom: 20px;
}

.criterion-description-pretCutie {
    text-align: center;
    font-size: 14px; /* Mărit de la 12px */
    color: var(--medium-text);
    line-height: 1.5;
    max-width: 90%;
    margin: 5px auto 30px auto; /* Coborât de la -15px */
}

/* ======================================================= */
/* FIX: Aliniere și Mărire Detalii Metodologie             */
/* ======================================================= */

/* Mărește textul și elimină stilurile vechi care nu mai sunt necesare */
.calculation-details-summary {
    font-size: 13px; /* Mărit de la 11px */
    opacity: 1;
    padding-left: 0;
    color: var(--grey-text); /* Culoare mai potrivită */
}

/* Containerul nou pentru a alinia elementele la stânga */
.details-left {
    display: flex;
    align-items: center;
    gap: 15px; /* Spațiu între cele două texte */
}

/* Ajustează butonul pentru a se alinia corect */
.methodology-toggle {
    font-size: 13px; /* Mărit de la 11px */
}