/* Pagina de comparație produse */

/* Titlul paginii */
.compare-page-title {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--heading-l-size);
    line-height: var(--heading-l-line);
    color: var(--color-content-primary);
}

/* Eticheta checkbox-ului "Doar diferențele" */
.compare-only-diff-label {
    font-size: var(--text-m-size);
    color: var(--color-content-secondary);
    cursor: pointer;
}

/* Wrapper cu scroll orizontal */
.compare-scroll {
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.compare-scroll-inner {
    min-width: 1432px;
}

.compare-products-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.compare-product-card {
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1rem;
    text-align: center;
}

.compare-product-image-wrap {
    width: 4.5rem;
    height: 4.5rem;
    background-color: var(--color-bg-primary);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

.compare-product-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.compare-product-title {
    font-size: var(--text-s-size);
    line-height: var(--text-s-line);
    color: var(--color-content-primary);
    min-height: calc(var(--text-s-line) * 2);
}

.compare-product-price {
    font-size: var(--text-m-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.compare-product-price-label {
    font-size: var(--text-xs-size);
    font-weight: var(--font-weight-regular);
    color: var(--color-content-tertiary);
}

/* Secțiune de specificații (Display / Baterie / Construcție) */
.compare-spec-section {
    margin-bottom: 1.5rem;
}

.compare-spec-section-header {
    padding: 0.75rem 0;
}

.compare-spec-section-title {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--heading-xs-size);
    line-height: var(--heading-xs-line);
    color: var(--color-content-primary);
}

.compare-spec-section-count {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}

.compare-spec-table {
    border: 1px solid var(--color-border-primary);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.compare-spec-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-top: 1px solid var(--color-border-primary);
}

.compare-spec-row:first-child {
    border-top: none;
}

.compare-spec-row-diff {
    background-color: var(--color-bg-secondary);
}

.compare-spec-cell {
    padding: 1rem 1.5rem;
}

.compare-spec-label {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

.compare-spec-value {
    font-size: var(--text-s-size);
    font-weight: var(--font-weight-medium);
    color: var(--color-content-primary);
}

/* Cardul "Concluzie Evia AI" */
.compare-ai-card {
    background-color: var(--color-bg-ai);
    border: 1px solid var(--color-border-ai);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.compare-ai-title {
    font-size: var(--text-m-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.compare-ai-subtitle {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

.compare-ai-list {
    gap: 1rem;
}

.compare-ai-item-title {
    font-size: var(--text-s-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-ai-primary);
}

.compare-ai-item-text {
    font-size: var(--text-xs-size);
    color: var(--color-content-secondary);
}