/* ============================================
   ORO AYA HOTEL - VikBooking Custom CSS
   ============================================ */

/* ----- Number of Months to Show ----- */
.vbo-months-to-show,
.vbo-config-months {
    background-color: #1a1a1a !important;
    color: #B8952A !important;
    border: 1px solid #B8952A !important;
    border-radius: 3px !important;
}

/* ----- Thumbnails Size ----- */
.vbo-thumb-size input,
.vbo-config-thumbsize input[type="text"],
.vbo-config-thumbsize input[type="number"] {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #B8952A !important;
    border-radius: 3px !important;
    padding: 4px 8px !important;
}

/* ----- Toggle Switches (Partially Reserved Days & Check-in/out Status) ----- */
.vbo-config-toggle input[type="checkbox"],
.vbo-switch input[type="checkbox"] {
    accent-color: #B8952A !important;
}

.vbo-switch .vbo-switch-slider,
.vbo-onoff-switch .vbo-onoff-slider {
    background-color: #555555 !important;
}

.vbo-switch input:checked + .vbo-switch-slider,
.vbo-onoff-switch input:checked + .vbo-onoff-slider {
    background-color: #B8952A !important;
}

/* ----- Edit Template File Buttons (Email, Invoices, Check-in Doc) ----- */
.vbo-config-template-btn,
.vbo-edit-template-btn,
a.btn.vbo-template-edit,
.vbo-config-row a.btn {
    background-color: #1a1a1a !important;
    color: #B8952A !important;
    border: 1px solid #B8952A !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    transition: all 0.3s ease !important;
}

.vbo-config-template-btn:hover,
.vbo-edit-template-btn:hover,
a.btn.vbo-template-edit:hover,
.vbo-config-row a.btn:hover {
    background-color: #B8952A !important;
    color: #ffffff !important;
    border-color: #B8952A !important;
}

/* ----- Custom CSS Overrides & Back-end Custom CSS editor area ----- */
.vbo-custom-css-editor,
.CodeMirror,
.vbo-tmpl-editor {
    background-color: #1a1a1a !important;
    color: #B8952A !important;
    border: 1px solid #B8952A !important;
    border-radius: 4px !important;
}

.CodeMirror-gutters {
    background-color: #111111 !important;
    border-right: 1px solid #B8952A !important;
}

.CodeMirror-linenumber {
    color: #B8952A !important;
}

/* ----- Show VikBooking Footer toggle ----- */
.vbo-config-footer-toggle .vbo-switch-slider {
    background-color: #555555 !important;
}

.vbo-config-footer-toggle input:checked + .vbo-switch-slider {
    background-color: #B8952A !important;
}

/* ----- Theme Dropdown ----- */
.vbo-config-theme select,
select#vbo_theme,
.vbo-config-row select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #B8952A !important;
    border-radius: 3px !important;
    padding: 4px 8px !important;
}

/* ----- Config Section Labels / Row titles ----- */
.vbo-config-row label,
.vbo-config-label,
.vbo-params-table td:first-child {
    color: #1a1a1a !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* ----- Config Tab (Views and Layout) Active Tab ----- */
.vbo-config-tabs .nav-link.active,
.vbo-config-tabs .active > a {
    background-color: #B8952A !important;
    color: #ffffff !important;
    border-color: #B8952A !important;
}

.vbo-config-tabs .nav-link:hover {
    color: #B8952A !important;
    border-bottom: 2px solid #B8952A !important;
}

/* ----- Save / Submit Buttons ----- */
.vbo-config-save-btn,
input[type="submit"].btn-primary,
button.btn-primary {
    background-color: #B8952A !important;
    border-color: #B8952A !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 8px 24px !important;
    border-radius: 3px !important;
    transition: background-color 0.3s ease !important;
}

.vbo-config-save-btn:hover,
input[type="submit"].btn-primary:hover,
button.btn-primary:hover {
    background-color: #9a7a20 !important;
    border-color: #9a7a20 !important;
    color: #ffffff !important;
}