/* ═══════════════════════════════════════════════════════════════════════════ */
/*  F&B Register — GolfPayments Warm Amber Override                                 */
/*  Loaded ONLY when TTBP-Clubs is active + user is on the F&B register.     */
/*  CSS-only: no template or JS changes.                                     */
/*  All selectors prefixed with `body` for specificity over TTBP core.       */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Override TTBP core CSS custom properties at root ──────────────────── */

body .ttbp_fnb_pin_screen,
body .ttbp_fnb_register,
body .ttbp_fnb_payment_overlay,
body .ttbp_fnb_modal_backdrop {
    --ttbp-primary:       #BA7517;
    --ttbp-primary-hover: #EF9F27;
    --ttbp-primary-dark:  #8a5710;
    --ttbp-primary-light: #faeeda;
    --ttbp-success:       #BA7517;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  PIN Screen                                                               */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_pin_screen {
    background: linear-gradient(135deg, #1c0f00 0%, #2d1a05 100%);
}

body .ttbp_fnb_pin_logo i {
    color: #BA7517;
}

body .ttbp_fnb_pin_title {
    color: #c8a84b;
}

body .ttbp_fnb_pin_dots span {
    border-color: #5a3d1a;
}

body .ttbp_fnb_pin_dots span.filled {
    background: #BA7517;
    border-color: #BA7517;
}

body .ttbp_fnb_pin_key {
    background: #2d1a05;
    border-color: #5a3d1a;
    color: #faeeda;
}

body .ttbp_fnb_pin_key:hover:not(:disabled) {
    background: #3d2610;
    border-color: #BA7517;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Header Bar                                                               */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_header {
    background: #1c0f00;
    border-bottom-color: rgba(186, 117, 23, 0.3);
}

/* F&B Register title — style as department label */
body .ttbp_fnb_title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #c8a84b;
}

body .ttbp_fnb_title i {
    color: #BA7517;
    font-size: 16px;
}

/* Customer badge in header — amber chip */
body .ttbp_fnb_hdr_customer_badge {
    background: rgba(186, 117, 23, 0.2);
    border-color: rgba(186, 117, 23, 0.5);
}

/* Customer search input */
body .ttbp_fnb_customer_search_inner input {
    border-color: rgba(186, 117, 23, 0.3);
    background: rgba(186, 117, 23, 0.12);
}

body .ttbp_fnb_customer_search_inner input::placeholder {
    color: rgba(200, 168, 75, 0.5);
}

body .ttbp_fnb_customer_search_inner input:focus {
    border-color: rgba(186, 117, 23, 0.6);
    background: rgba(186, 117, 23, 0.2);
}

body .ttbp_fnb_customer_search_inner > i {
    color: rgba(200, 168, 75, 0.7);
}

/* New customer button */
body .ttbp_fnb_customer_create_btn {
    border-color: rgba(186, 117, 23, 0.4);
    background: rgba(186, 117, 23, 0.15);
}

body .ttbp_fnb_customer_create_btn:hover {
    background: rgba(186, 117, 23, 0.3);
    border-color: rgba(186, 117, 23, 0.6);
}

/* Customer search results hover */
body .ttbp_fnb_customer_result_row:hover {
    background: #faeeda;
}

/* Create form focus */
body .ttbp_fnb_ccf_fields input:focus {
    border-color: #BA7517;
    box-shadow: 0 0 0 2px rgba(186, 117, 23, 0.15);
}

body .ttbp_fnb_ccf_save {
    background: #BA7517;
}

body .ttbp_fnb_ccf_save:hover {
    background: #EF9F27;
}

/* Header action buttons */
body .ttbp_fnb_hdr_btn {
    background: rgba(186, 117, 23, 0.15);
}

body .ttbp_fnb_hdr_btn:hover {
    background: rgba(186, 117, 23, 0.3);
}

body .ttbp_fnb_close_btn {
    background: rgba(186, 117, 23, 0.1);
}

body .ttbp_fnb_close_btn:hover {
    background: rgba(186, 117, 23, 0.25);
}

/* Staff badge */
body .ttbp_fnb_coach_badge {
    background: rgba(186, 117, 23, 0.2);
    border-color: rgba(186, 117, 23, 0.4);
    color: #faeeda;
}

/* Hide logout button */
body #ttbp_fnb_logout_btn {
    display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  GolfPayments Topbar — injected via ::before on the register                     */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* The actual GolfPayments topbar is loaded via Brand.php gp-brand CSS.
   The header already serves as the topbar in amber. No separate
   pseudo-element needed — the header IS the GolfPayments bar. */

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Left Sidebar                                                             */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_sidebar {
    background: #fdf8f2;
    border-right-color: #f0e4cc;
}

body .ttbp_fnb_cats_label {
    color: #7a6a52;
}

/* Category buttons */
body .ttbp_fnb_cat_btn:hover {
    background: #faeeda;
    color: #BA7517;
}

body .ttbp_fnb_cat_btn.active {
    background: #BA7517;
    color: #fff;
}

/* Category wrapper active state */
body .ttbp_fnb_cat_btn_wrap .ttbp_fnb_cat_btn.active {
    background: var(--cat-accent, #BA7517);
    color: #fff;
}

/* Layout toggle */
body .ttbp_fnb_layout_toggle_section {
    border-top-color: #f0e4cc;
}

body .ttbp_fnb_layout_toggle_btn.ttbp_fnb_layout_active {
    background: #BA7517;
    color: #fff;
    border-color: #BA7517;
}

body .ttbp_fnb_layout_toggle_btn.ttbp_fnb_layout_active:hover {
    background: #EF9F27;
}

body .ttbp_fnb_layout_save_icon_btn {
    background: #faeeda;
    color: #BA7517;
    border-color: #EF9F27;
}

body .ttbp_fnb_layout_save_icon_btn:hover {
    background: #f0e4cc;
    border-color: #BA7517;
}

/* Open tabs section */
body .ttbp_fnb_open_tabs_section {
    border-top-color: #f0e4cc;
    background: #fdf8f2;
}

body .ttbp_fnb_open_tabs_label {
    color: #BA7517;
}

body .ttbp_fnb_refresh_tabs_btn {
    color: #BA7517;
}

body .ttbp_fnb_refresh_tabs_btn:hover {
    background: #faeeda;
}

/* Tab rows */
body .ttbp_fnb_tab_btn {
    border-color: #f0e4cc;
    color: #BA7517;
}

body .ttbp_fnb_tab_btn:hover {
    background: #faeeda;
    border-color: #BA7517;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Item Grid (Zone 2)                                                       */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_grid_zone {
    background: #fdf8f2;
}

body .ttbp_fnb_item_search_bar {
    border-color: #f0e4cc;
}

/* Item tiles */
body .ttbp_fnb_item_tile:hover {
    background: #faeeda;
    border-color: #BA7517;
    border-left-color: #BA7517;
}

body .ttbp_fnb_item_tile.tile_tapped {
    background: #faeeda;
}

body .ttbp_fnb_item_price {
    color: #BA7517;
}

/* Star/pin for popular items — keep amber */
body .ttbp_fnb_tile_star:hover {
    color: #EF9F27;
}

body .ttbp_fnb_tile_star.pinned {
    color: #EF9F27;
}

body .ttbp_fnb_tile_star.pinned:hover {
    color: #BA7517;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Order Zone (Zone 3)                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_order_zone {
    background: #fffcf7;
    border-left-color: #f0e4cc;
}

body .ttbp_fnb_order_header {
    background: #faeeda;
    border-bottom-color: #f0e4cc;
}

body .ttbp_fnb_cart_customer {
    color: #BA7517;
    background: rgba(186, 117, 23, 0.12);
}

/* Quick Tab bar */
body .ttbp_fnb_quick_tab_bar {
    border-bottom-color: #f0e4cc;
}

body .ttbp_fnb_quick_tab_bar input:focus {
    border-color: #BA7517;
    box-shadow: 0 0 0 2px rgba(186, 117, 23, 0.15);
}

body .ttbp_fnb_quick_tab_btn:hover {
    background: #faeeda;
    color: #BA7517;
    border-color: #BA7517;
}

/* Cart item price */
body .ttbp_fnb_cart_item_price {
    color: #BA7517;
}

/* Apply Discount hover */
body .ttbp_fnb_add_discount_btn:hover {
    background: #BA7517;
    border-color: #BA7517;
}

/* Send to Terminal — primary amber */
body .ttbp_fnb_send_btn {
    background-color: #BA7517;
    border-color: #BA7517;
}

body .ttbp_fnb_send_btn:not(:disabled):hover {
    background-color: #EF9F27;
    border-color: #EF9F27;
}

/* Add to Tab — amber dark */
body .ttbp_fnb_add_tab_btn {
    background-color: #8a5710;
    border-color: #8a5710;
}

body .ttbp_fnb_add_tab_btn:hover:not(:disabled) {
    background-color: #BA7517;
    border-color: #BA7517;
}

/* Cart footer border */
body .ttbp_fnb_cart_footer {
    border-top-color: #f0e4cc;
}

body .ttbp_fnb_cart_total_row {
    border-top-color: #f0e4cc;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Payment Overlay                                                          */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_payment_overlay {
    background: rgba(28, 15, 0, 0.9);
}

body .ttbp_fnb_payment_spinner {
    border-color: rgba(186, 117, 23, 0.2);
    border-top-color: #BA7517;
}

body .ttbp_fnb_payment_check {
    color: #EF9F27;
}

body .ttbp_fnb_payment_tip {
    color: #BA7517;
}

body .ttbp_fnb_done_btn {
    background: #BA7517;
}

body .ttbp_fnb_done_btn:hover {
    background: #EF9F27;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Modals (Sales, Delete Tab)                                               */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_modal_backdrop {
    background: rgba(28, 15, 0, 0.7);
}

/* Sync toast */
body .ttbp_fnb_sync_toast.success {
    background: #faeeda;
    color: #7a4a0a;
    border-color: #f0e4cc;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/*  Loader override                                                          */
/* ═══════════════════════════════════════════════════════════════════════════ */

body .ttbp_fnb_register .ttbp-loader-sm,
body .ttbp_fnb_pin_screen .ttbp-loader-sm {
    border-color: rgba(186, 117, 23, 0.3);
    border-top-color: #BA7517;
}