/**
 * CB Dealer Manager - Registration Form Styles
 *
 * Styles for dealer registration form including:
 * - Dealer checkbox section
 * - Error states
 * - Select2 overrides for dark theme
 * - Section transitions
 *
 * @package CB_Dealer_Manager
 * @since 1.5.0
 */

/* ==========================================================================
   Error States
   ========================================================================== */

.rivenditore-error-message {
    color: #d63638;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}

.rivenditore-field-error {
    border: 2px solid #d63638 !important;
    box-shadow: 0 0 0 1px #d63638;
}

.rivenditore-field-error:focus {
    border-color: #d63638 !important;
    box-shadow: 0 0 0 1px #d63638;
}

/* ==========================================================================
   Section Transitions
   ========================================================================== */

#rivenditore_fields,
#electronic_invoicing_fields {
    transition: all 0.3s ease;
}

/* ==========================================================================
   Dealer Checkbox Section
   ========================================================================== */

.cb-dealer-checkbox-section {
    margin-bottom: 24px;
    padding: 1.25rem;
    background: var(--e-global-color-6ec44b3, #111);
    border: 2px solid var(--e-global-color-secondary, #00ff99);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.cb-dealer-checkbox-section:hover {
    border-color: var(--e-global-color-accent, #00ff99);
    box-shadow: 0 0 15px rgba(0, 255, 153, 0.15);
}

.cb-dealer-checkbox-section label.checkbox {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
}

.cb-dealer-checkbox-section input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    accent-color: var(--e-global-color-accent, #00ff99);
    cursor: pointer;
}

.cb-dealer-checkbox-section .cb-dealer-label-text {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--e-global-color-accent, #00ff99);
}

.cb-dealer-checkbox-section .cb-dealer-description {
    display: block;
    font-size: 13px;
    color: var(--e-global-color-text, #fff);
    margin-top: 6px;
    opacity: 0.85;
    line-height: 1.5;
}

/* ==========================================================================
   Select2 Overrides (Dark Theme)
   ========================================================================== */

.woocommerce-account .select2-container,
.woocommerce form.register .select2-container {
    margin-bottom: 15px;
}

/* Dropdown results - highlighted state */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #0073aa !important;
    color: #fff !important;
}

/* Dropdown results - hover state */
.select2-container--default .select2-results__option:hover {
    background-color: #f0f0f1 !important;
    color: #1d2327 !important;
}

/* Dropdown results - selected state */
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
    background-color: #dcdcde !important;
    color: #1d2327 !important;
}

/* Dropdown container */
.select2-dropdown {
    background-color: #fff !important;
    border-color: #8c8f94 !important;
}

/* Dropdown results list */
.select2-container--default .select2-results__option {
    color: #1d2327 !important;
    padding: 8px 12px;
}

/* Selection box - dark theme */
.select2-container .select2-selection {
    background-color: var(--e-global-color-6ec44b3);
    border: 2px solid var(--e-global-color-85d6be6) !important;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ddd !important;
}