/* RTL overrides for FreelanceHub */

body {
    font-family: 'Tajawal', 'Poppins', sans-serif;
}

.hero-section {
    text-align: right;
}

.hero-subtitle {
    margin-left: 0;
    margin-right: auto;
    text-align: right;
}

.breadcrumb-separator {
    transform: scaleX(-1);
}

.create-service-form,
.create-service-form label,
.create-service-form .form-text {
    text-align: right !important;
}

.tags-selection .tag-options {
    justify-content: flex-start;
}

.create-service-form .input-group {
    flex-direction: row-reverse;
}

.create-service-form .input-group-text {
    border-right: none;
    border-left: 2px solid #e1e5e9;
    border-radius: 0 10px 10px 0 !important;
}

.create-service-form .input-group .form-control {
    border-left: none;
    border-radius: 10px 0 0 10px !important;
}

.create-service-form .input-group .form-control:focus {
    border-left: none;
}

.dropdown-menu.show {
    text-align: right;
}

.me-2 {
    margin-right: 0 !important;
    margin-left: .5rem !important;
}

.me-1 {
    margin-right: 0 !important;
    margin-left: .25rem !important;
}

.text-end {
    text-align: left !important;
}

.btn-close{
    position: absolute;
    left: 15px;
}

/* Notification dropdown RTL fixes */
.notification-menu.dropdown-menu-end {
    left: 0 !important;
    right: auto !important;
}

.notification-dropdown .dropdown-menu {
    text-align: right;
}


.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 8px 0px 0px 8px;
}
/* Theme Overrides */
.text-primary {
    color: #cabe06 !important;
}
.bg-primary {
    background-color: #cabe06 !important;
}
.btn-primary {
    background-color: #cabe06 !important;
    border-color: #cabe06 !important;
}
.btn-primary:hover {
    background-color: #a89d05 !important;
    border-color: #a89d05 !important;
}
.btn-outline-primary {
    color: #cabe06 !important;
    border-color: #cabe06 !important;
}
.btn-outline-primary:hover {
    background-color: #cabe06 !important;
    color: white !important;
}

.dropdown-menu-end[data-bs-popper] {
    right: auto;
    left: 0px;
}

.service-section-title::after {
    right: 0px !important;
}

/* Ticket Modal RTL fixes */
#createTicketModal .input-group {
    flex-direction: row-reverse;
}

#createTicketModal .input-group-text {
    border-right: none;
    border-left: 1px solid #ced4da;
    border-radius: 0.5rem 0rem 0rem 0.5rem !important;
}

#createTicketModal .input-group .form-control {
    border-left: none;
    border-radius: 0rem 0.5rem 0.5rem 0rem !important;
}

#createTicketModal .input-group .form-control:focus {
    border-left: none;
}

#createTicketModal .invalid-feedback {
    text-align: right;
}

#createTicketModal .modal-header .btn-close {
    position: absolute;
    left: 15px;
}

#createTicketModal .modal-footer {
    justify-content: flex-start;
}

#createTicketModal .modal-footer .btn {
    margin-left: 0.5rem;
    margin-right: 0;
}

#createTicketModal .modal-footer .btn:first-child {
    margin-left: 0;
}

/* Steps Modal RTL fixes */
#addStepModal .input-group {
    flex-direction: row-reverse;
}

#addStepModal .input-group-text {
    border-right: none;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

#addStepModal .input-group .form-control {
    border-left: none;
    border-radius: 0rem 0.5rem 0.5rem 0rem !important;
}

#addStepModal .input-group .form-control:focus {
    border-left: none;
}

#addStepModal .invalid-feedback {
    text-align: right;
}

#addStepModal .modal-header .btn-close {
    position: absolute;
    left: 15px;
}

/* Payments Modal RTL fixes */
#recordPaymentModal .input-group {
    flex-direction: row-reverse;
}

#recordPaymentModal .input-group-text {
    border-left: none;
    border-right: 1px solid #ced4da;
    border-radius: 0.5rem 0 0 0.5rem !important;
}

#recordPaymentModal .input-group .form-control {
    border-right: none;
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

#recordPaymentModal .input-group .form-control:focus {
    border-right: none;
}

#recordPaymentModal .invalid-feedback {
    text-align: right;
}

#recordPaymentModal .modal-header .btn-close {
    position: absolute;
    left: 15px;
}

/* Rating Modal RTL fixes */
#projectRatingModal .modal-header .btn-close {
    position: absolute;
    left: 15px;
}

#projectRatingModal .invalid-feedback {
    text-align: right;
}

#projectRatingModal .modal-footer {
    justify-content: flex-start;
}

#projectRatingModal .modal-footer .btn {
    margin-left: 0.5rem;
    margin-right: 0;
}

#projectRatingModal .modal-footer .btn:first-child {
    margin-left: 0;
}

/* Hire Confirm Modal RTL fixes */
#hireConfirmModal .modal-header .btn-close {
    position: absolute;
    left: 15px;
}

#hireConfirmModal .modal-footer {
    justify-content: center;
}

#hireConfirmModal .modal-footer .btn {
    margin-left: 0.5rem;
    margin-right: 0;
}

#hireConfirmModal .modal-footer .btn:first-child {
    margin-left: 0;
}

/* Chat Modal RTL fixes */
#userSearchModal .modal-header .btn-close {
    position: absolute;
    left: 15px;
}

#userSearchModal .input-group {
    flex-direction: row-reverse;
}

#userSearchModal .input-group-text {
    border-right: none;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

#userSearchModal .input-group .form-control {
    border-left: none;
    border-radius: 0.5rem 0 0 0.5rem !important;
}

#userSearchModal .input-group .form-control:focus {
    border-left: none;
}

/* General Modal RTL fixes */
.modal-header .btn-close {
    position: absolute;
    left: 15px;
}

.modal-footer {
    justify-content: flex-start;
}

.modal-footer .btn {
    margin-left: 0.5rem;
    margin-right: 0;
}

.modal-footer .btn:first-child {
    margin-left: 0;
}

/* Fix for specific modals that override the general rule */
#hireConfirmModal .modal-footer {
    justify-content: center;
}