/**
 * Tipografia form e pagine auth/registrazione
 * @see docs/typography-spec-public-pages.md
 */

/* --- Header card: titolo 50px / sottotitolo 25px --- */
.auth-section .auth-title,
.company-register-section .register-title {
    font-size: 50px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.auth-section .auth-subtitle,
.company-register-section .register-subtitle {
    font-size: 25px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* Logo centrato */
.auth-section .auth-logo,
.company-register-section .register-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
}

.auth-section .auth-logo img,
.company-register-section .register-logo img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* --- Label e input 16px --- */
.auth-section .form-label,
.company-register-section .form-label,
.auth-section .form-control,
.company-register-section .form-control,
.auth-section .form-select,
.company-register-section .form-select,
.auth-section .input-group-text,
.company-register-section .input-group-text,
.auth-section .form-control::placeholder,
.company-register-section .form-control::placeholder,
.auth-section textarea.form-control,
.company-register-section textarea.form-control,
.auth-section select.form-control,
.company-register-section select.form-control {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* --- Pulsanti form 16px --- */
.auth-section .btn,
.company-register-section .btn,
.auth-section .btn-primary,
.company-register-section .btn-primary,
.auth-section .btn-google,
.company-register-section .btn-google,
.auth-section .btn-outline-secondary,
.company-register-section .btn-outline-secondary {
    font-size: 16px !important;
}

/* --- Checkbox, link secondari, testi utilità 16px --- */
.auth-section .form-check-label,
.company-register-section .form-check-label,
.auth-section .forgot-password,
.auth-section .back-link,
.auth-section .login-link,
.auth-section .register-link,
.auth-section .signup-text,
.auth-section .signup-link,
.company-register-section .login-link,
.company-register-section a.text-decoration-none {
    font-size: 16px !important;
}

.auth-section .divider span {
    font-size: 12px !important;
}

/* Titoli sezione modulo registrazione (card title 25px) */
.company-register-section .section-heading .section-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

/* Hint e parti secondarie label — 12px */
.auth-section .form-text,
.auth-section .form-text small,
.company-register-section .form-text,
.company-register-section .form-text small,
.auth-section .form-label small,
.auth-section .form-label .text-muted,
.company-register-section .form-label small,
.company-register-section .form-label .text-muted {
    font-size: 12px !important;
}

.auth-section .invalid-feedback,
.company-register-section .invalid-feedback {
    font-size: 12px !important;
}

/* --- Spaziatura campi registrazione --- */
.company-register-section .register-form > .row > [class*="col-"] {
    margin-bottom: 1.25rem !important;
}

.company-register-section .register-form .form-label {
    margin-bottom: 0.5rem !important;
    display: block;
}

.company-register-section .register-form .form-control {
    padding: 0.75rem 1rem !important;
    min-height: calc(1.5em + 1.5rem + 2px) !important;
}

.company-register-section .register-form .input-group-text {
    padding: 0.75rem 1rem !important;
}

/* Login: spaziatura uniforme tra i campi */
.auth-section .auth-form .form-group {
    margin-bottom: 1.25rem !important;
}

.auth-section .auth-form .form-label {
    margin-bottom: 0.5rem !important;
}

/* --- Card selezione registrazione: titolo 16px / sottotitolo 12px --- */
.company-register-section .company-type-title,
.company-register-section .category-title,
.company-register-section .supplier-type-title,
.company-register-section .price-positioning-title,
.company-register-section .badge-title,
.company-register-section .file-upload-text {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.company-register-section .company-type-desc,
.company-register-section .category-desc,
.company-register-section .supplier-type-desc,
.company-register-section .price-positioning-desc,
.company-register-section .badge-description,
.company-register-section .file-upload-info {
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* Tablet */
@media (max-width: 991.98px) {
    .auth-section .auth-title,
    .company-register-section .register-title {
        font-size: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .auth-section .auth-title,
    .company-register-section .register-title {
        font-size: 36px !important;
    }

    .auth-section .auth-subtitle,
    .company-register-section .register-subtitle {
        font-size: 20px !important;
    }

    .company-register-section .section-heading .section-title {
        font-size: 22px !important;
    }

    .company-register-section .register-form > .row > [class*="col-"] {
        margin-bottom: 1rem !important;
    }

    .company-register-section .company-type-title,
    .company-register-section .category-title,
    .company-register-section .supplier-type-title,
    .company-register-section .price-positioning-title,
    .company-register-section .badge-title,
    .company-register-section .file-upload-text {
        font-size: 16px !important;
    }

    .company-register-section .company-type-desc,
    .company-register-section .category-desc,
    .company-register-section .supplier-type-desc,
    .company-register-section .price-positioning-desc,
    .company-register-section .badge-description,
    .company-register-section .file-upload-info {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .auth-section .auth-title,
    .company-register-section .register-title {
        font-size: 30px !important;
    }
}