/**
 * Buradayim brand identity
 * Primary (orange): #F75701
 * Yellow:           #FFA500
 * Green:            #0F7A7A
 * Surface:          #F7F4F2
 * Font:             Cairo
 */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap");

:root {
    --brand-orange: #F75701;
    --brand-orange-rgb: 247, 87, 1;
    --brand-orange-deep: #D94801;
    --brand-orange-soft: #FFF0E8;
    --brand-yellow: #FFA500;
    --brand-yellow-rgb: 255, 165, 0;
    --brand-green: #0F7A7A;
    --brand-green-rgb: 15, 122, 122;
    --brand-green-deep: #0B5F5F;
    --brand-green-soft: #E6F3F3;
    --brand-surface: #F7F4F2;
    --brand-surface-rgb: 247, 244, 242;
    --brand-font: "Cairo", "Segoe UI", Tahoma, sans-serif;

    --primary-clr: #F75701;
    --primary-clr-rgb: 247, 87, 1;
    --primary: #F75701;
    --dark-clr: #D94801;
    --base-clr: #0F7A7A;
    --base-clr-2: #FFA500;
    --warning-clr: #FFA500;
    --theameColor: #F75701;
    --theameColor-rgba: 247, 87, 1;
    --bs-primary: #F75701;
    --bs-primary-rgb: 247, 87, 1;
    --bs-secondary: #FFA500;
    --bs-secondary-rgb: 255, 165, 0;
    --bs-success: #0F7A7A;
    --bs-success-rgb: 15, 122, 122;
    --success-dark: #0B5F5F;
    --bs-warning: #FFA500;
    --bs-warning-rgb: 255, 165, 0;
    --warning-dark: #E69500;
    --bs-body-bg: #F7F4F2;
    --bs-body-bg-rgb: 247, 244, 242;
    --section-bg: #F7F4F2;
    --panel-sidebar-primary: #0F7A7A;
    --bs-body-font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.form-control,
.btn,
.nav,
.navbar,
.modal,
.dropdown-menu,
.table,
.page-header-title,
.v2-chrome,
.v2-panel,
.v2-shell {
    font-family: var(--brand-font) !important;
}

body {
    background-color: var(--brand-surface) !important;
    color: #2a2a2a;
}

/* Primary actions */
.btn--primary,
.btn-primary,
.btn.btn--primary,
.btn-soft-primary:hover,
.hs-unfold-content .active > a.btn--primary {
    background: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #fff !important;
}
.btn--primary:hover,
.btn-primary:hover,
.btn--primary:focus,
.btn-primary:focus {
    background: var(--brand-orange-deep) !important;
    border-color: var(--brand-orange-deep) !important;
    color: #fff !important;
}
.btn-outline-primary,
.btn-outline-primary:not(:hover) {
    color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    background: transparent !important;
}
.btn-outline-primary:hover {
    background: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #fff !important;
}

.text-primary,
.text--primary,
a.text-primary,
.link-primary {
    color: var(--brand-orange) !important;
}
.bg-primary,
.bg--primary {
    background-color: var(--brand-orange) !important;
}
.badge-soft-primary,
.badge-primary {
    background-color: var(--brand-orange-soft) !important;
    color: var(--brand-orange) !important;
}

/* Green accent (secondary brand) */
.text--039D55,
.text-success,
.bg-success {
    color: var(--brand-green) !important;
}
.bg-success {
    background-color: var(--brand-green) !important;
    color: #fff !important;
}

/* Yellow accent */
.text-warning,
.badge-warning {
    color: #7a4d00 !important;
}
.bg-warning,
.badge-soft-warning {
    background-color: rgba(255, 165, 0, 0.18) !important;
}

/* Forms focus */
.form-control:focus,
.custom-select:focus,
.js-select2-custom:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--brand-orange) !important;
    box-shadow: 0 0 0 0.2rem rgba(247, 87, 1, 0.18) !important;
}
.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

/* Nav / tabs / toggles */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.toggle-switch-input:checked + .toggle-switch-label {
    border-color: var(--brand-orange) !important;
    color: var(--brand-orange) !important;
}
.toggle-switch-input:checked + .toggle-switch-label {
    background-color: var(--brand-orange) !important;
}
.page-item.active .page-link,
.pagination .page-item.active .page-link {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}
.page-link {
    color: var(--brand-orange);
}

/* Auth / login */
.auth-wrapper,
.auth-wrapper-right,
.auth-wrapper .card,
.login-form-wrapper {
    background: var(--brand-surface) !important;
}
.auth-wrapper .btn--primary,
#signInBtn {
    background: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

/* V2 chrome overrides */
body.v2-chrome {
    --v2-bg: #F7F4F2;
    --v2-panel: #ffffff;
    --v2-border: #ebe6e2;
    --v2-border-strong: #ddd6d0;
    --v2-text: #1f1f1f;
    --v2-text-soft: #4a4a4a;
    --v2-text-muted: #7a7a7a;
    --v2-hover: #F2ECE8;
    --v2-primary: #F75701;
    --v2-primary-deep: #D94801;
    --v2-primary-tint: #FFF0E8;
    --v2-primary-tint-strong: #FFC9A8;
    --v2-module: #F75701;
    --v2-module-deep: #D94801;
    --v2-module-tint: #FFF0E8;
    --v2-module-tint-strong: #FFC9A8;
    --v2-accent: #FFA500;
    background: var(--brand-surface) !important;
}
body.v2-chrome .v2-rail-btn.is-active,
body.v2-chrome .v2-nav-item.is-active {
    color: var(--brand-orange) !important;
}
body.v2-chrome .v2-rail-btn.is-active {
    background: var(--brand-orange) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(247, 87, 1, 0.28);
}
body.v2-chrome .v2-dot--blue,
body.v2-chrome .v2-dot--green {
    background: var(--brand-orange) !important;
}
body.v2-chrome .v2-count {
    background: var(--brand-orange-soft) !important;
    color: var(--brand-orange) !important;
}

/* Common teal leftovers → brand */
[style*="#0e7673"],
[style*="#0E7673"],
[style*="#0f9a96"],
[style*="#0F9A96"],
[style*="#107980"],
[style*="#006161"] {
    /* handled via JS-free CSS where possible; explicit overrides below */
}

.v2-push-text-btn,
.v2-push-enable-btn,
.v2-push-setup-link {
    border-color: var(--brand-orange) !important;
    color: var(--brand-orange) !important;
}
.v2-push-text-btn:hover,
.v2-push-enable-btn {
    background: var(--brand-orange) !important;
    color: #fff !important;
}

/* Cards / surfaces */
.card,
.__bg-F8F9FC-card,
.content.container-fluid .card {
    background-color: #fff;
}
.main,
#content.main,
body.footer-offset {
    background-color: var(--brand-surface) !important;
}

/* Links hover */
a:hover {
    color: var(--brand-orange-deep);
}

/* Progress / active states */
.progress-bar,
.hs-nav-scroller-horizontal .nav-link.active::after {
    background-color: var(--brand-orange) !important;
}

/* Incoming order / brand banners */
.incoming-brand-header,
#popup-modal .modal-header {
    background: linear-gradient(90deg, #F75701, #FFA500) !important;
}
#incoming-time-value {
    color: var(--brand-orange) !important;
}

/* Soft info for store badge → brand green soft */
.alert-soft-info {
    background: var(--brand-green-soft) !important;
    color: var(--brand-green) !important;
    border-color: rgba(15, 122, 122, 0.2) !important;
}

/* Force-hide vendor UI removals (cache-safe) */
body.v2-chrome .v2-topbar-search,
body.v2-chrome .v2-mobile-only-search,
.promo-card-2,
.navbar-vertical-aside .promo-card,
#headerMain #modalOpener,
#headerMain .nav-item:has(#modalOpener) {
    display: none !important;
}