/*Write your custom css in this file.*/

/* Fix dropdown and select text visibility */
.form-control,
.form-select,
select.form-control {
    color: #212529 !important;
}

.form-control option,
.form-select option,
select.form-control option {
    color: #212529 !important;
    background-color: #fff !important;
}

/* Fix placeholder color */
.form-control::placeholder {
    color: #6c757d !important;
    opacity: 1 !important;
}

/* Fix select2 dropdown text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529 !important;
}

.select2-container--default .select2-results__option {
    color: #212529 !important;
}

/* Fix disabled state */
.form-control:disabled,
.form-select:disabled {
    color: #6c757d !important;
    background-color: #e9ecef !important;
}

/* Ensure text is visible in all form inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
select {
    color: #212529 !important;
}

/* Fix warning button text visibility */
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    color: #212529 !important;
}

/* Fix info button text visibility */
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    color: #fff !important;
}

/* Fix badge text visibility */
.badge-warning,
.bg-warning {
    color: #212529 !important;
}

.badge-info,
.bg-info {
    color: #fff !important;
}

/* Ensure button text is always visible */
.btn-lg {
    font-weight: 500 !important;
}

/* Sales Advanced Dashboard Widgets - scoped to sales_advanced page only */
.sales-advanced-page .widget-container {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    min-height: 120px;
    position: relative;
    overflow: hidden;
}

.sales-advanced-page .widget-container h2,
.sales-advanced-page .widget-container p,
.sales-advanced-page .widget-container small {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.sales-advanced-page .widget-container.primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.sales-advanced-page .widget-container.success {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.sales-advanced-page .widget-container.warning {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.sales-advanced-page .widget-container.danger {
    background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);
}

.sales-advanced-page .widget-container .widget-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0.25;
    color: #fff;
}

.sales-advanced-page .widget-container .widget-icon svg {
    width: 48px !important;
    height: 48px !important;
    stroke: #fff;
}

/* ZATCA Status badges */
.badge.p-3 h4 {
    color: #fff !important;
}

.badge.p-3 small {
    color: #fff !important;
}