/* Bara de sus a paginii vânzător, cu fundal principal (deasupra secțiunii colorate) */
.seller-topbar {
    background-color: var(--color-bg-primary);
}

/* Containerul paginii vânzător: fără gutter propriu, fundal secundar pentru întreaga pagină */
.seller-page .site-container {
    --bs-gutter-x: unset;
    background-color: var(--color-bg-secondary);
}

/* Titlul principal din hero-ul paginii vânzător */
.seller-hero-title {
    font-size: var(--heading-l-size);
    line-height: var(--heading-l-line);
    color: var(--color-content-primary);
}

/* Lista de beneficii (checklist) din hero */
.seller-checklist {
    font-size: var(--text-m-size);
    color: var(--color-content-secondary);
}

/* Butonul principal de call-to-action din hero, în culoarea de partener */
.seller-cta {
    background-color: var(--color-content-partner-primary);
    color: var(--color-content-button-primary);
    border: none;
    padding: 0.875rem 1.5rem;
}

.seller-cta:hover {
    background-color: var(--color-content-partner-primary);
    color: var(--color-content-button-primary);
}

/* Cutie de statistică (ex: nr. clienți, vânzări) din secțiunea de statistici */
.seller-stat-box {
    background-color: var(--color-bg-partner);
    border: 1px solid var(--color-border-partner);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1rem;
}

/* Iconița din cutia de statistică */
.seller-stat-icon {
    width: 3.5rem;
    height: 3.5rem;
}

/* Valoarea numerică evidențiată din cutia de statistică */
.seller-stat-value {
    font-size: var(--heading-m-size);
    line-height: var(--heading-m-line);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-partner-primary);
}

/* Eticheta descriptivă de sub valoarea statisticii */
.seller-stat-label {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

/* Cardul dintr-o secțiune de funcționalități/beneficii, pe bază de Bootstrap .card */
.seller-features-card {
    background-color: var(--color-bg-primary);
    box-shadow: var(--shadow-sm);
}
.seller-features-card .card{
    border: 1px solid var(--color-border-primary);
}
/* Titlul unei secțiuni generice a paginii vânzător */
.seller-section-title {
    font-size: var(--heading-m-size);
    line-height: var(--heading-m-line);
    color: var(--color-content-primary);
    margin-bottom: 0.75rem;
}

/* Subtitlul/descrierea unei secțiuni */
.seller-section-subtitle {
    font-size: var(--text-m-size);
    color: var(--color-content-secondary);
    max-width: 40rem;
}

/* Titlul unei funcționalități individuale în cardul de features */
.seller-feature-title {
    font-size: var(--heading-xs-size);
    line-height: var(--heading-xs-line);
    color: var(--color-content-primary);
    margin: 0.75rem 0 0.5rem;
}

/* Textul descriptiv al unei funcționalități */
.seller-feature-text {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}


/* Cardul unui pas din secțiunea "Cum funcționează" */
.seller-step {
    background-color: var(--color-bg-partner);
    border: 1px solid var(--color-border-partner);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    height: 100%;
}

/* Numărul pasului, evidențiat cu culoarea de partener */
.seller-step-number {
    font-size: var(--heading-xs-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-partner-primary);
    margin-bottom: 0.5rem;
}

/* Titlul pasului */
.seller-step-title {
    font-size: var(--text-l-size);
    line-height: var(--text-l-line);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
    margin-bottom: 0.5rem;
}

/* Textul descriptiv al pasului */
.seller-step-text {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

/* Accordion-ul de FAQ (secțiunea de întrebări frecvente), stilizat peste Bootstrap .accordion */
.seller-accordion .accordion-item {
    border-color: var(--color-border-primary);
}

.seller-accordion .accordion-button {
    font-size: var(--text-m-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.seller-accordion .accordion-button:not(.collapsed) {
    background-color: var(--color-bg-partner);
    color: var(--color-content-primary);
    box-shadow: none;
}

.seller-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: var(--color-border-primary);
}

.seller-accordion .accordion-body {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

/* Nota informativă de sub accordion-ul de FAQ */
.seller-faq-note {
    background-color: var(--color-bg-partner);
    border: 1px solid var(--color-border-partner);
}

.seller-faq-note-text {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

/* Cardul unui testimonial (recenzie vânzător) */
.seller-testimonial-card {
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

/* Textul citatului din testimonial */
.seller-testimonial-quote {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

/* Numele autorului testimonialului */
.seller-testimonial-name {
    font-size: var(--text-s-size);
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

/* Rolul/funcția autorului testimonialului */
.seller-testimonial-role {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

/* Șina (track) slider-ului de testimoniale, cu overflow ascuns */
.seller-testimonials-track {
    overflow: hidden;
}

/* Butoanele de navigare (prev/next) ale slider-ului de testimoniale */
.seller-testimonials-nav {
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: var(--radius-pill);
    color: var(--color-content-primary);
}

.seller-testimonials-nav:hover {
    background-color: var(--color-bg-secondary);
}

/* Paginarea (bullets) slider-ului de testimoniale, peste componenta Swiper */
.seller-testimonials-pagination.swiper-pagination {
    position: static;
    --swiper-pagination-bullet-inactive-color: var(--color-bg-tertiary);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-color: var(--color-content-partner-primary);
}

/* Secțiunea finală de closing (call-to-action de final de pagină), cu fundal de brand partener */
.seller-page .seller-closing {
    background-color: var(--color-content-partner-primary);
    color: var(--color-content-inverse);
    text-align: center;
}

/* Titlul secțiunii de closing */
.seller-closing-title {
    font-size: var(--heading-m-size);
    line-height: var(--heading-m-line);
    max-width: 44rem;
    margin: auto;
}

/* Textul descriptiv al secțiunii de closing */
.seller-closing-text {
    font-size: var(--text-m-size);
    color: var(--color-content-inverse);
    opacity: 0.85;
}

/* Butonul CTA din secțiunea de closing */
.seller-closing-cta {
    background-color: var(--color-bg-primary);
    color: var(--color-content-primary);
    border: none;
    padding: 0.875rem 1.5rem;
}

.seller-closing-cta:hover {
    background-color: var(--color-bg-secondary);
    color: var(--color-content-primary);
}
/* Footer-ul de jos, fără chenar/fundal propriu pe pagina de vânzător */
.footer-bottom{
    background-color: transparent;
    border-top: 0;
}
/* Mobil: titlul hero-ului se micșorează la un nivel de heading mai mic */
@media (max-width: 767.98px) {
    .seller-hero-title {
        font-size: var(--heading-m-size);
        line-height: var(--heading-m-line);
    }
}

/* Bara de sus a paginii de înscriere ca vânzător (signup) */
.seller-signup-topbar {
    background-color: var(--color-bg-primary);
}

/* Containerul paginii de signup, cu fundal secundar */
.seller-signup-wrap .site-container {
    background-color: var(--color-bg-secondary);
}

/* Banner-ul promoțional din pagina de signup, colorat cu culoarea de partener */
.seller-signup-banner {
    background-color: var(--color-content-partner-primary);
    color: var(--color-content-inverse);
    border-radius: var(--radius-lg);
}

/* Badge-ul de promoție din banner-ul de signup */
.seller-signup-promo-badge {
    background-color: var(--color-bg-discount);
    color: var(--color-content-inverse);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-s-size);
    border: none;
}

/* Titlul banner-ului de signup */
.seller-signup-banner-title {
    font-size: var(--heading-xs-size);
    line-height: var(--heading-xs-line);
    max-width: 40rem;
}

/* Lista de beneficii (checklist) din banner-ul de signup */
.seller-signup-checklist {
    font-size: var(--text-m-size);
}

/* Textul cu note legale/fine print din banner-ul de signup */
.seller-signup-fineprint {
    font-size: var(--text-xs-size);
    color: var(--color-content-inverse);
    opacity: 0.8;
}

/* Cardul cu formularul de înscriere */
.seller-signup-card {
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: var(--radius-lg);
}

/* Titlul formularului de signup */
.seller-signup-title {
    font-size: var(--heading-m-size);
    line-height: var(--heading-m-line);
    color: var(--color-content-primary);
}

/* Textul introductiv al formularului de signup */
.seller-signup-intro {
    font-size: var(--text-m-size);
    color: var(--color-content-secondary);
}

/* Lista de documente necesare, din formularul de signup */
.seller-signup-doc-list {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

/* Nota informativă de sub formular */
.seller-signup-note {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

/* Textul cu informații suplimentare de sub formular */
.seller-signup-more-info {
    font-size: var(--text-s-size);
    color: var(--color-content-secondary);
}

.seller-signup-more-info a {
    color: var(--color-content-partner-primary);
}

/* Eticheta cu prefixul de țară (flag) lipită de câmpul de telefon */
.seller-signup-phone-flag {
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-right: none;
    color: var(--color-content-primary);
}

/* Butonul de submit al formularului de signup */
.seller-signup-submit {
    background-color: var(--color-content-partner-primary);
    color: var(--color-content-button-primary);
    border: none;
    font-weight: var(--font-weight-semibold);
}

.seller-signup-submit:hover {
    background-color: var(--color-content-partner-primary);
    color: var(--color-content-button-primary);
}

/* Link-ul către autentificare, pentru cei ce au deja cont */
.seller-signup-login-link {
    color: var(--color-content-partner-primary);
}
