/**
 * RTL (Right-to-Left) styles for the ExpressBus plugin.
 * This file contains overrides for RTL language support.
 *
 * @package    ExpressBus
 * @subpackage ExpressBus/public/css
 */

/* General RTL Overrides */
.expressbus-container {
    direction: rtl;
    text-align: right;
}

/* Form Elements */
.expressbus-form-label {
    text-align: right;
}

/* Phone input alignment - right-aligned for RTL languages */
/* Only apply when body/html has rtl class (WordPress sets this) */
body.rtl input[type="tel"],
html[dir="rtl"] input[type="tel"],
body.rtl .expressbus-form-control[type="tel"],
html[dir="rtl"] .expressbus-form-control[type="tel"],
body.rtl .expressbus-form-input[type="tel"],
html[dir="rtl"] .expressbus-form-input[type="tel"],
body.rtl #expressbus-phone,
html[dir="rtl"] #expressbus-phone,
body.rtl input#expressbus-phone,
html[dir="rtl"] input#expressbus-phone {
    text-align: right !important;
    direction: rtl !important;
}

/* Messages */
.expressbus-message {
    border-left: none;
    border-right: 4px solid #00a0d2;
}

.expressbus-message.success {
    border-right-color: #46b450;
}

.expressbus-message.error {
    border-right-color: #dc3232;
}

.expressbus-message.warning {
    border-right-color: #ffb900;
}

.expressbus-message.info {
    border-right-color: #00a0d2;
}

/* Trip Listing */
.expressbus-trip-header {
    flex-direction: row-reverse;
}

.expressbus-trip-actions {
    text-align: left;
}

/* Promo Code Section RTL */
.expressbus-promo-code-section {
    direction: rtl;
    text-align: right;
}

.expressbus-promo-code-form {
    flex-direction: column;
}

.expressbus-trip-detail-label {
    text-align: right;
}

/* Trip Details */
.expressbus-trip-info-detail-icon {
    margin-right: 0;
    margin-left: 10px;
}

/* Seat Selection */
.expressbus-seat-legend-color {
    margin-right: 0;
    margin-left: 5px;
}

/* Legacy dashboard styles removed for RTL */

/* Responsive Styles */
@media screen and (max-width: 782px) {
    .expressbus-trip-header {
        flex-direction: column;
        align-items: flex-end;
    }
}