/* СТИЛОВЕ ЗА PAYMENT WIDGET - ОПРАВЯНЕ НА БЯЛ ТЕКСТ НА БЯЛ ФОН */

/* Основен контейнер - САМО за payment widget */
.payment-widget .card {
    border: 3px solid #28a745 !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
    background: #ffffff !important;
}

/* Header - ЗЕЛЕН с БЯЛ ТЕКСТ - САМО за payment widget */
.payment-widget .card-header {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 20px !important;
    border: none !important;
}

.payment-widget .card-header h5 {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 1.4rem !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    margin: 0 !important;
}

.payment-widget .card-header small {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

/* Body - БЯЛ ФОН с ЧЕРЕН ТЕКСТ - САМО за payment widget */
.payment-widget .card-body {
    background: #ffffff !important;
    padding: 30px !important;
    color: #212529 !important;
}

/* Navigation Tabs - САМО за payment widget */
.payment-widget .nav-tabs {
    border-bottom: 3px solid #28a745 !important;
    margin-bottom: 20px !important;
    background: #f8f9fa !important;
    border-radius: 8px 8px 0 0 !important;
}

.payment-widget .nav-tabs .nav-link {
    color: #495057 !important;
    background: #f8f9fa !important;
    border: 2px solid #dee2e6 !important;
    border-radius: 8px 8px 0 0 !important;
    font-weight: 700 !important;
    padding: 12px 20px !important;
    margin-right: 5px !important;
}

.payment-widget .nav-tabs .nav-link:hover {
    background: #e9ecef !important;
    border-color: #28a745 !important;
    color: #28a745 !important;
}

.payment-widget .nav-tabs .nav-link.active {
    background: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Tab Content - САМО за payment widget */
.payment-widget .tab-content {
    background: #ffffff !important;
    color: #212529 !important;
    padding: 20px !important;
    border-radius: 0 0 8px 8px !important;
}

.payment-widget .tab-pane {
    color: #212529 !important;
}

/* Form Labels - ЧЕРЕН ТЕКСТ - САМО за payment widget */
.payment-widget .form-label {
    font-weight: 900 !important;
    color: #212529 !important;
    font-size: 1.1rem !important;
    margin-bottom: 10px !important;
}

/* Form Controls - САМО за payment widget */
.payment-widget .form-control {
    border: 3px solid #28a745 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    background: #ffffff !important;
    color: #212529 !important;
}

.payment-widget .form-control:focus {
    border-color: #1e7e34 !important;
    box-shadow: 0 0 0 0.3rem rgba(40, 167, 69, 0.5) !important;
    background: #f8fff9 !important;
    color: #212529 !important;
}

/* Buttons - САМО за payment widget */
.payment-widget .btn-success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: 3px solid #1e7e34 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 15px 30px !important;
    border-radius: 10px !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
    box-shadow: 0 5px 15px rgba(40, 167, 69, 0.4) !important;
}

.payment-widget .btn-success:hover {
    background: linear-gradient(135deg, #1e7e34 0%, #17a2b8 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.6) !important;
    color: #ffffff !important;
}

.payment-widget .btn-primary {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
    border: 3px solid #004085 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

.payment-widget .btn-info {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%) !important;
    border: 3px solid #0c5460 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

.payment-widget .btn-outline-primary {
    border: 2px solid #007bff !important;
    color: #007bff !important;
    font-weight: 600 !important;
    background: #ffffff !important;
}

.payment-widget .btn-outline-primary:hover {
    background: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

.payment-widget .btn-outline-secondary {
    border: 2px solid #6c757d !important;
    color: #6c757d !important;
    font-weight: 600 !important;
    background: #ffffff !important;
}

.payment-widget .btn-outline-secondary:hover {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

/* Text Colors - САМО за payment widget */
.payment-widget .text-success {
    color: #28a745 !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
}

.payment-widget .text-muted {
    color: #6c757d !important;
    font-weight: 700 !important;
}

.payment-widget .text-white {
    color: #ffffff !important;
}

.payment-widget .text-dark {
    color: #212529 !important;
}

/* Alerts - САМО за payment widget */
.payment-widget .alert {
    border: 3px solid !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    padding: 20px !important;
}

.payment-widget .alert-info {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%) !important;
    border-color: #17a2b8 !important;
    color: #0c5460 !important;
}

.payment-widget .alert-success {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
    border-color: #28a745 !important;
    color: #155724 !important;
}

.payment-widget .alert-warning {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%) !important;
    border-color: #ffc107 !important;
    color: #856404 !important;
}

.payment-widget .alert-danger {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    border-color: #dc3545 !important;
    color: #721c24 !important;
}

/* Tables - САМО за payment widget */
.payment-widget .table {
    border: 2px solid #28a745 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.payment-widget .table th {
    background: #28a745 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    border: none !important;
    padding: 15px !important;
}

.payment-widget .table td {
    border: 1px solid #dee2e6 !important;
    padding: 12px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    background: #ffffff !important;
}

/* Badges - САМО за payment widget */
.payment-widget .badge {
    font-weight: 900 !important;
    font-size: 0.9rem !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

.payment-widget .badge-success {
    background: #28a745 !important;
    color: #ffffff !important;
}

.payment-widget .badge-primary {
    background: #007bff !important;
    color: #ffffff !important;
}

.payment-widget .badge-info {
    background: #17a2b8 !important;
    color: #ffffff !important;
}

.payment-widget .badge-warning {
    background: #ffc107 !important;
    color: #212529 !important;
}

.payment-widget .badge-danger {
    background: #dc3545 !important;
    color: #ffffff !important;
}

/* HR Lines - САМО за payment widget */
.payment-widget hr {
    border-top: 3px solid #28a745 !important;
    margin: 25px 0 !important;
}

/* Small text - САМО за payment widget */
.payment-widget small {
    color: #6c757d !important;
    font-weight: 700 !important;
}

/* Form text - САМО за payment widget */
.payment-widget .form-text {
    color: #6c757d !important;
    font-weight: 600 !important;
}

/* Input groups - САМО за payment widget */
.payment-widget .input-group-text {
    background: #f8f9fa !important;
    border: 3px solid #28a745 !important;
    color: #495057 !important;
    font-weight: 700 !important;
}

/* Select elements - САМО за payment widget */
.payment-widget select.form-control {
    background: #ffffff !important;
    color: #212529 !important;
}

/* Textarea - САМО за payment widget */
.payment-widget textarea.form-control {
    background: #ffffff !important;
    color: #212529 !important;
}

/* All text elements - САМО за payment widget */
.payment-widget p, 
.payment-widget div, 
.payment-widget span, 
.payment-widget label, 
.payment-widget h1, 
.payment-widget h2, 
.payment-widget h3, 
.payment-widget h4, 
.payment-widget h5, 
.payment-widget h6 {
    color: #212529 !important;
}

/* Force visibility for all text - САМО за payment widget */
.payment-widget * {
    color: #212529 !important;
}

/* But keep white text on colored backgrounds - САМО за payment widget */
.payment-widget .card-header *,
.payment-widget .btn-success,
.payment-widget .btn-primary,
.payment-widget .btn-info,
.payment-widget .table th,
.payment-widget .badge-success,
.payment-widget .badge-primary,
.payment-widget .badge-info,
.payment-widget .badge-danger {
    color: #ffffff !important;
}

/* Ensure proper contrast for all elements - САМО за payment widget */
.payment-widget .card-body * {
    color: #212529 !important;
}

.payment-widget .tab-content * {
    color: #212529 !important;
}