@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap);

/* VitePOS Custom Colors & Cairo Font */
/* اللون الرئيسي: #1e2e36ff */

/* إعادة تعيين لون الأيقونات */
i, svg, .icon {
    color: inherit !important;
    fill: currentColor !important;
}

/* تطبيق خط Cairo على عناصر VitePOS المحددة */
.vps, .vitepos-menu, .pos-page, .pos-container, 
.vitepos-content, .pos-content, .vitepos-wrapper,
.calculator, .btn, .answer, .display, .zero,
.loader-ctnr, .modal, .card, .btn-theme, .btn-primary,
.vitepos-btn, .vitepos-link, .vitepos-menu, .pos-menu {
    font-family: 'Cairo', sans-serif !important;
}

/* تغيير الألوان الرئيسية */
:root {
    --vtpos-main-color: #1e2e36ff !important;
    --vtpos-menu-border: #2a3f4aff !important;
    --vtpos-pay-bg: #0e1a1fff !important;
    --vtpos-pay-hover-bg: #16252cff !important;
    --vtpos-menu-active-color: #16252cff !important;
    --vtpos-theme-btn-color: #1e2e36ff !important;
    --vtpos-theme-hover-color: #16252cff !important;
    --vtpos-theme-btn-border: #2a3f4aff !important;
    --vtpos-search-panel-btn-color: #1e2e36ff !important;
    --vtpos-cart-header-logo-border-color: #1e2e36ff40 !important;
    --vtpos-category-panel-btn-active-color: #36505eff !important;
    --vtpos-input-border-color: #2a3f4aff !important;
    --vtpos-theme-counter-btn-clr: #1e2e36ff !important;
    --vtpos-report-option-bg: #36505eff !important;
    --vtpos-report-option-bg-active: #2a3f4aff !important;
    --vtpos-report-option-label: #1e2e36ff !important;
    --vtpos-btn-bg-hover: #16252cff !important;
    --vtpos-btn-bg-color: #1e2e36ff !important;
    --eg-pg-btn-bg: #1e2e36ff !important;
    --vtpos-loading-1st-circle: #fff !important;
    --vtpos-rolling-color: #fff !important;
    --vtpos-theme-del-btn-color: #dc3545 !important;
    --vtpos-category-panel-btn-bg: #f8f9fa !important;
    --vtpos-search-panel-btn-bg-color: #fff !important;
    --vtpos-search-input-panel-bg: #fff !important;
    --vtpos-search-input-panel-bg-error: #f8d7da !important;
    --vtpos-cart-item-border-color: #dee2e6 !important;
    --vtpos-p-ctnr-item-badge-shadow-color: rgba(0,0,0,0.1) !important;
    --apbd-add-or-bg: #f8f9fa !important;
    --apbd-add-or-color: #6c757d !important;
}

/* تطبيق الألوان على العناصر الرئيسية */
.vps, .vitepos-menu, .pos-page, .pos-container {
    color: #1e2e36ff !important;
}

/* أزرار VitePOS */
.btn-theme, .btn-primary, .vitepos-btn {
    background-color: #1e2e36ff !important;
    border-color: #2a3f4aff !important;
    color: #fff !important;
}

.btn-theme:hover, .btn-primary:hover, .vitepos-btn:hover {
    background-color: #16252cff !important;
    border-color: #1e2e36ff !important;
}

/* الأيقونات في الأزرار يجب أن تكون بيضاء */
.btn-theme i, .btn-primary i, .vitepos-btn i,
.btn-theme svg, .btn-primary svg, .vitepos-btn svg {
    color: #fff !important;
    fill: #fff !important;
}

/* روابط VitePOS */
.vitepos-link {
    color: #1e2e36ff !important;
}

.vitepos-link:hover {
    color: #16252cff !important;
}

/* قوائم VitePOS */
.vitepos-menu, .pos-menu {
    background-color: #1e2e36ff !important;
}

.vitepos-menu .active, .pos-menu .active {
    background-color: #16252cff !important;
}

/* الأيقونات في القوائم يجب أن تكون بيضاء */
.vitepos-menu i, .pos-menu i, .vitepos-menu svg, .pos-menu svg {
    color: #fff !important;
    fill: #fff !important;
}

/* أزرار الحذف */
.btn-danger, .delete-btn {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-danger:hover, .delete-btn:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* إصلاح لون الأيقونات - يجب أن تكون بيضاء */
.vps, .vitepos-icon, .pos-icon, .icon,
[class*="vps-"], [class*="vitepos-"], [class*="pos-"],
i.vps, i.vitepos, i.pos, i.icon,
svg, svg path, svg circle, svg text {
    color: inherit !important;
    fill: currentColor !important;
}

/* الأيقونات في الأزرار يجب أن تكون بيضاء */
.btn-theme i, .btn-primary i, .vitepos-btn i,
.btn-theme svg, .btn-primary svg, .vitepos-btn svg,
.btn i, .btn svg {
    color: #fff !important;
    fill: #fff !important;
}

/* الأيقونات في القوائم يجب أن تكون بيضاء */
.vitepos-menu i, .pos-menu i, .menu i,
.vitepos-menu svg, .pos-menu svg, .menu svg {
    color: #fff !important;
    fill: #fff !important;
}

/* الأيقونات في الشريط الجانبي */
.sidebar i, .sidebar svg, .nav i, .nav svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* إصلاحات محددة لأيقونات VitePOS */
.vps-times-circle:hover {
    color: #dc3545 !important;
}

.vps-minus-circle:hover {
    color: #a50 !important;
}

.vps-plus-circle:hover {
    color: #3e72cc !important;
}

/* الأيقونات في العناصر المحددة */
.card.feature-image .card-body .afu-cont span i[data-v-52f0914c] {
    color: #1e2e36ff !important;
}

.card.feature-image .card-body .afu-cont span i[data-v-07960667] {
    color: #1e2e36ff !important;
}

/* الأيقونات في أزرار الحذف والإضافة */
.vps-times-circle {
    color: #dc3545 !important;
}

.vps-minus-circle {
    color: #a50 !important;
}

.vps-plus-circle {
    color: #3e72cc !important;
}

/* الأيقونات في القوائم والأزرار */
.menu i, .menu svg, .btn i, .btn svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* الأيقونات في الأزرار الملونة */
.btn-theme i, .btn-primary i, .btn-danger i {
    color: #fff !important;
    fill: #fff !important;
}

/* الحاسبة */
.calculator[data-v-277cd039] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 300 !important;
}

.btn[data-v-277cd039], .zero[data-v-277cd039] {
    font-family: 'Cairo', sans-serif !important;
}

.answer[data-v-277cd039] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
}

/* Loader */
.loader-ctnr[data-v-778dca4d] {
    font-family: 'Cairo', sans-serif !important;
}

/* Loading circles */
svg circle.circle-2[data-v-778dca4d] {
    stroke: #1e2e36ff !important;
}

/* Item favorite */
.item-favorite[data-v-264e5de8] {
    color: #1e2e36ff !important;
}

/* Stock counter */
.stock-counter.instock[data-v-264e5de8] {
    border: 1px solid #1e2e36ff !important;
}

.stock-counter.instock[data-v-264e5de8]:hover {
    background: #1e2e36ff !important;
    color: #fff !important;
}

/* Card body item stock counter */
.card-body .item-stock .counter.instock[data-v-264e5de8] {
    border: 1px solid #1e2e36ff !important;
}

/* Feature image card */
.card.feature-image .card-body .afu-cont span i[data-v-52f0914c] {
    color: #1e2e36ff !important;
}

/* Color picker */
.apbd-img-input-ctrn label svg[data-v-dc88ccea] {
    color: #1e2e36ff !important;
    border-color: #1e2e36ff !important;
}

.apbd-img-input-ctrn input:checked+label[data-v-dc88ccea] {
    color: #1e2e36ff !important;
    box-shadow: 0 0 5px 0 #1e2e36ff !important;
}

/* Offline page profile */
.offline-page .profile-img[data-v-21e604fe] {
    color: #1e2e36ff !important;
}

/* Payment form */
.payment-form .vt-stripe-ctnr[data-v-5d0e1440] {
    border: 1px solid #2a3f4aff !important;
}

#payment-form .vt-stripe-ctnr[data-v-22705590] {
    border: 1px solid #2a3f4aff !important;
}

/* Cart footer */
.cart-footer .cart-dtls-viewer[data-v-fafd0d68] {
    background: #f5f6fa !important;
}

.hide-cal-dtls .cart-dtls-viewer[data-v-fafd0d68] {
    background: #1e2e36ff !important;
}

/* Background theme */
.bg-theme[data-v-fafd0d68] {
    background: #1e2e36ff !important;
}

/* Cashier item card */
.cashier-item-card .bg-theme[data-v-56a5b03a] {
    background-color: #1e2e36ff !important;
}

/* Table orders */
.bg-theme[data-v-4e87a31b] {
    background: #1e2e36ff !important;
}

/* Report menu container */
.report-menu-container .input-group .dropdown-menu>li .dropdown-item.active[data-v-70e006b0],
.report-menu-container .input-group .dropdown-menu>li .dropdown-item[data-v-70e006b0]:active {
    background-color: #1e2e36ff !important;
}

/* Search panel */
.src-type>input:checked+.btn[data-v-6465f3dd] {
    background: #1e2e36ff !important;
    color: #fff !important;
}

/* Waiter table panel */
.waiter-table-panel button.active[data-v-26ddc03d],
.waiter-table-panel button[data-v-26ddc03d]:hover {
    background-color: #36505eff !important;
    border-color: #36505eff !important;
}

/* Card body processing orders */
.card-body.processing-ords.exact-active[data-v-26c000e6],
.card-body.processing-ords[data-v-26c000e6]:hover {
    background: #36505eff !important;
}

/* Waiter panel body */
.waiter-pnl-body .btn-theme-white.active[data-v-e7de82d6] {
    background: #fff !important;
    border: #fff !important;
    color: #5c5c5c !important;
}

/* Card body processing orders (another instance) */
.card-body.processing-ords.exact-active[data-v-fde97a42],
.card-body.processing-ords[data-v-fde97a42]:hover {
    background: #36505eff !important;
}

/* Waiter panel body (another instance) */
.waiter-pnl-body .btn-theme-white.active[data-v-fde97a42] {
    background: #fff !important;
    border: #fff !important;
    color: #5c5c5c !important;
}

/* Feature image card (another instance) */
.card.feature-image .card-body .afu-cont span i[data-v-07960667] {
    color: #1e2e36ff !important;
}

/* Product image download QR */
.product-img .download-qr[data-v-39d7237f]:hover {
    background: #1e2e36ff !important;
    color: #fff !important;
}

/* Add order message shortcuts */
.add-order-msg .shortcuts[data-v-4b7a392c] {
    border: 1px solid #2a3f4aff !important;
}

.add-order-msg .shortcuts[data-v-4b7a392c]:hover {
    background-color: #2a3f4aff !important;
    color: #fff !important;
}

/* تغيير الشعار في مكان واحد فقط */
.vps-vt-pos:before {
    background-image: url(/wp-content/mu-plugins/pos/poslogo.svg) !important;
    filter: brightness(0) invert(1) !important;
    width: 70px !important;
    height: 18px !important;
    display: inline-block !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    content:"" !important;
}

/* تغيير لون "All Categories" إلى لون متقارب من الأزرق الجديد */
.category-buttons button,
.category-buttons button.active,
.category-buttons button:hover,
.waiter-table-panel button,
.waiter-table-panel button.active,
.waiter-table-panel button:hover,
[class*="category"] button,
[class*="category"] button.active,
[class*="category"] button:hover {
    background-color: #2a3f4aff !important; /* لون فاتح من الأزرق الجديد */
    color: #1e2e36ff !important;
    border-color: #36505eff !important;
}

.category-buttons button.active,
.category-buttons button:hover,
.waiter-table-panel button.active,
.waiter-table-panel button:hover,
[class*="category"] button.active,
[class*="category"] button:hover {
    background-color: #36505eff !important; /* لون فاتح جداً عند التفعيل */
    color: #fff !important;
    border-color: #1e2e36ff !important;
}

/* تغيير لون "All Categories" النص */
.category-buttons button p,
.waiter-table-panel button p,
[class*="category"] button p,
[class*="category"] span,
[class*="category"] div {
    color: #ffffff !important;
}

.category-buttons button.active p,
.category-buttons button:hover p,
.waiter-table-panel button.active p,
.waiter-table-panel button:hover p,
[class*="category"] button.active p,
[class*="category"] button:hover p {
    color: #fff !important;
}
.main-container .main-body .cart-panel .cart-body .cart-footer .cart-operation-box .cart-customer {
    background: rgb(255 255 255 / 36%) !important;

}
.menu i, .menu svg, .btn i, .btn svg {
    color: #fff !important;
}
.btn-theme, .vt-pos-theme-btn {
    color: #fff !important;
}
body {
    font-family: 'Cairo' !important;
}
i.vps.vps-hold-three::before{
    color: #000 !important;

}
.vps-des-close:before {
    color: #000;
}
svg circle.circle-2[data-v-778dca4d]{
color: #fff !important;
}
.btn-theme-delete-outline {
    color: #ffffff !important;
    background: #9a0336 !important;
}