/* Form input styling */
.trendz-form input[type="text"],
.trendz-form input[type="email"],
.trendz-form input[type="tel"],
.trendz-form select,
.trendz-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 5px;
    background-color: #fff;
}

.trendz-form textarea {
    min-height: 120px;
    resize: vertical;
}

.trendz-form select {
    height: 40px;
}

/* Checkbox styling */
.trendz-checkbox input[type="checkbox"] {
    margin-right: 8px;
}

/* Error message styling */
.trendz-input-group .errorlist {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 5px;
    list-style: none;
    padding-left: 0;
}

/* Make sure form fields are visible */
.trendz-input-group input,
.trendz-input-group select,
.trendz-input-group textarea {
    display: block;
    width: 100%;
}
/* Add to your main CSS file */
.badge {
    font-size: 0.85em;
    font-weight: 500;
}

#invoices-table th {
    white-space: nowrap;
}

.dt-nowrap {
    white-space: nowrap;
}

.btn-group .btn {
    padding: 0.25rem 0.5rem;
}
/* Add a class for the invoice status badge */
.invoice-status-badge {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.375rem;
    color: #fff;
}
.invoice-status-badge.pending {
    background-color: #f39c12; /* Orange for pending */
}
.invoice-status-badge.paid {
    background-color: #27ae60; /* Green for paid */
}
.invoice-status-badge.overdue {
    background-color: #e74c3c; /* Red for overdue */
}
/* Add these to your styles */
.arabic-text {
    font-family: 'ArabicFont', 'Traditional Arabic', 'Arial Unicode MS';
    direction: rtl;
    unicode-bidi: bidi-override; /* This forces proper RTL rendering */
    text-align: right;
}

.bilingual {
    display: flex;
    justify-content: space-between;
}

.bilingual .arabic {
    text-align: right;
    flex: 1;
}

.bilingual .english {
    text-align: left;
    flex: 1;
}

/* Add these to your styles */
.arabic-text {
    font-family: 'ArabicFont', 'Traditional Arabic', 'Arial Unicode MS';
    direction: rtl;
    unicode-bidi: bidi-override; /* This forces proper RTL rendering */
    text-align: right;
}

.bilingual {
    display: flex;
    justify-content: space-between;
}

.bilingual .arabic {
    text-align: right;
    flex: 1;
}

.bilingual .english {
    text-align: left;
    flex: 1;
}
.badge {
    font-size: 0.85em;
    font-weight: 500;
}

#invoices-table th {
    white-space: nowrap;
}

.dt-nowrap {
    white-space: nowrap;
}

.btn-group .btn {
    padding: 0.25rem 0.5rem;
}
/* Add these to your styles */
.arabic-text {
    font-family: 'ArabicFont', 'Traditional Arabic', 'Arial Unicode MS';
    direction: rtl;
    unicode-bidi: bidi-override; /* This forces proper RTL rendering */
    text-align: right;
}

.bilingual {
    display: flex;
    justify-content: space-between;
}

.bilingual .arabic {
    text-align: right;
    flex: 1;
}

.bilingual .english {
    text-align: left;
    flex: 1;
}