/* Persian Bookly Localization Styles */

/* General RTL support if not already present */
.bookly-backend, .bookly-frontend {
    direction: rtl;
    font-family: 'Tahoma', 'Segoe UI', sans-serif; /* Fallback fonts */
}

/* 1. Main Buttons: Blue, Padding, Radius 10px */
.bookly-btn, 
.bookly-btn-submit,
.btn-primary,
button[type="submit"],
.bookly-nav-step {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
}

.bookly-btn:hover,
.bookly-btn-submit:hover,
.btn-primary:hover,
.bookly-nav-step:hover {
    background-color: #0056b3 !important;
}

/* 2. Delete/Cancel Buttons: Red */
.bookly-btn-cancel,
.bookly-btn-delete,
.btn-danger,
.bookly-js-delete {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.bookly-btn-cancel:hover,
.bookly-btn-delete:hover,
.bookly-js-delete:hover {
    background-color: #c82333 !important;
}

/* 3. Create pages full width */
/* Assuming 'create' pages can be identified by URL or specific class. 
   We will try to target the main container in backend. */
body[class*="page_bookly"] .bookly-page-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Helper for datepicker z-index if needed */
.datepicker-plot-area {
    z-index: 99999 !important;
}

/* Input text alignment for RTL */
input[type="text"], 
input[type="number"], 
textarea {
    text-align: right;
}

/* Fix for number fields having separation */
/* We will handle the separation in JS, but ensure text is visible */