@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

.item_detail p.item_name {
    margin-bottom: 0rem !important;
}

.item_detail p.item_qty {
    margin-bottom: 0rem !important;
}

* {
    font-family: 'Public Sans', sans-serif;
}


.order_number.table_no{
    font-weight: 700;
    font-size: 18px;
}
.order_number.customer_name{
    font-weight: 700;
    font-size: 21px;
}
.order_number.sale_no{
    font-weight: 500;
    font-size: 16px;
}
#order_holder.order_holder .single_order {
    border-radius: 18px;
}
#order_holder.order_holder .single_order .header_portion {
    padding: 15px 10px 10px 15px;
}
#order_holder.order_holder .single_order .header_portion p.order_number {
    margin: 0px;
    margin-bottom: 15px;
}
#order_holder.order_holder .single_order .header_portion p.order_duration {
    padding: 0px 9px;
    margin: 5px 7px;
    border-radius: 16px;
    /* border: 1px solid white; */
}
.dark-blue-background {
    background-color: transparent !important;
}
.order_number.order_type{
    border: 1px solid white;
    border-radius: 20px;
    /* padding: 8px 16px; */
}
.light-blue-background{
    background-color: #5176FF;
}
.light-yellow-background{
    background-color: #F1B45E;
}
.cook_bg{
    background-color: #F1B45E;
}
.wrapper .main_bottom{
    background-color: unset;
}
body{
    background-color: #F5F7FA;
}
.single_el_wrapper{
    border-bottom: 1px solid #0000001A;
}
.el_wrapper{
    display: flex;
    align-items: center;
    padding: 15px 10px 10px 15px;
}
.el_wrapper span{
    padding-left: 10px;
}
.single_item_right_side {
    padding: 0px 0px 0px 0px;
}
.item_name{
    margin-left: 10px;
}
.floatleft.item_detail{
    padding: 0px 5px 0px 15px !important;
}
#order_holder.order_holder .single_order .items_holder .single_item .item_detail p.note {
    color: #555555;
    font-size: 12px;
    padding-left: 22px;
}
.item_qty{
    padding-left: 22px; 
}
#order_holder.order_holder .single_order {
    height: 340px;
}
/* .single_order_button_holder button {
    background: #f1f0f0;
} */
.single_item_cooking_status{
    display: inline-block; 
    background-color: #E6E6E6; 
    float:right; 
    padding: 6px 15px; 
    border-radius: 20px; 
    font-size: 12px; 
    font-weight: 400; 
    color: #212121;
}
.single_order_button_holder {
    background: #f1f0f0;
    display: flex;
    justify-content: space-around;
}
.start_cooking_button{
    background-color: #F1B45E !important;
    color: white !important;
}
.done_cooking{
    background-color: #34A853;
    color: white !important;
}
/* .single_order_button_holder button:hover {
    background:rgb(228, 228, 228);
} */

.wrapper .main_top .top_header h1 {
    color: white;
}
.bg-blue-btn, .bg-red-btn {
    border: 1px solid;
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    color: white;
}
.select2-container--default .select2-selection--single {
    border-color:rgb(255, 255, 255);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent;
}
.single_row_notification .bg-blue-btn, #notification_list_modal .modal-footer .bg-blue-btn, #help_modal .modal-footer .bg-blue-btn{
    color: white;
    border: none;
}

/* ==========================================================
   VENO Kitchen Display System 2026
   Premium dark glass UI + order/provider colors
========================================================== */
:root{
    --veno-bg:#081120;
    --veno-card:#0F172A;
    --veno-card-soft:#111C33;
    --veno-cyan:#00D4FF;
    --veno-teal:#00C2A8;
    --veno-orange:#FF7A00;
    --veno-text:#FFFFFF;
    --veno-muted:#94A3B8;
    --veno-border:rgba(255,255,255,.12);
}

body.arabic_font,
body{
    background: radial-gradient(circle at top left, rgba(0,212,255,.18), transparent 28%),
                linear-gradient(135deg, #081120 0%, #0F172A 55%, #111827 100%) !important;
    color: var(--veno-text);
    min-height:100vh;
}

.wrapper .main_top{ background:transparent !important; }
#main_kitchen_header{
    background: rgba(15,23,42,.92) !important;
    border:1px solid var(--veno-border);
    border-radius:0 0 22px 22px;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    padding:10px 16px;
    backdrop-filter: blur(16px);
}
.wrapper .main_top .top_header h1{
    color:#fff !important;
    font-weight:900;
    letter-spacing:.4px;
}
.bg-blue-btn,
.bg-red-btn{
    background:linear-gradient(135deg, rgba(0,212,255,.24), rgba(0,194,168,.18)) !important;
    border:1px solid rgba(0,212,255,.38) !important;
    color:#fff !important;
    border-radius:14px !important;
    box-shadow:0 8px 22px rgba(0,212,255,.10);
}

.veno-kds-dashboard{
    margin:14px 18px 4px;
    padding:18px 20px;
    border-radius:24px;
    background:linear-gradient(135deg, rgba(15,23,42,.88), rgba(8,17,32,.78));
    border:1px solid var(--veno-border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
    backdrop-filter: blur(18px);
}
.veno-kds-eyebrow{
    color:var(--veno-cyan);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1.2px;
}
.veno-kds-title{
    color:#fff;
    font-size:22px;
    font-weight:900;
    margin-top:4px;
}
.veno-kds-stats{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.veno-kds-stat{
    min-width:98px;
    padding:12px 14px;
    border-radius:18px;
    text-align:center;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12);
}
.veno-kds-stat span{
    display:block;
    color:#fff;
    font-size:24px;
    font-weight:900;
    line-height:1;
}
.veno-kds-stat label{
    display:block;
    color:var(--veno-muted);
    font-size:11px;
    font-weight:800;
    margin-top:6px;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.wrapper .main_bottom{
    background:transparent !important;
    padding:8px 10px 20px;
}

#order_holder.order_holder .single_order{
    width:260px !important;
    height:370px !important;
    border-radius:22px !important;
    overflow:hidden;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    margin:10px !important;
    position:relative;
}
#order_holder.order_holder .single_order:before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width:7px;
    background:#3B82F6;
    z-index:5;
}
.single_order.veno-type-dine:before{ background:#3B82F6 !important; }
.single_order.veno-type-takeaway:before{ background:#8B5CF6 !important; }
.single_order.veno-type-delivery:before{ background:#10B981 !important; }
.single_order.veno-provider-talabat:before{ background:#FF6B00 !important; }
.single_order.veno-provider-noon:before{ background:#FFD400 !important; }
.single_order.veno-provider-careem:before{ background:#00C853 !important; }
.single_order.veno-provider-deliveroo:before{ background:#00CFE8 !important; }
.single_order.veno-provider-keeta:before{ background:#FF3B30 !important; }
.single_order.veno-provider-jahez:before{ background:#EF4444 !important; }

#order_holder.order_holder .single_order .header_portion{
    padding:16px 16px 12px 20px !important;
    background:linear-gradient(135deg, #0F172A 0%, #172554 100%) !important;
    color:#fff !important;
    min-height:132px;
}
.veno-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}
.veno-provider-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 11px;
    border-radius:999px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.24);
}
.veno-badge-dine{ background:#2563EB !important; }
.veno-badge-takeaway{ background:#7C3AED !important; }
.veno-badge-delivery{ background:#059669 !important; }
.veno-badge-talabat{ background:#FF6B00 !important; }
.veno-badge-noon{ background:#FFD400 !important; color:#111827 !important; }
.veno-badge-careem{ background:#00C853 !important; color:#06210f !important; }
.veno-badge-deliveroo{ background:#00CFE8 !important; color:#06252a !important; }
.veno-badge-keeta{ background:#FF3B30 !important; }
.veno-badge-jahez{ background:#EF4444 !important; }

.veno-kot-timer{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:70px;
    padding:7px 10px;
    border-radius:12px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
    font-weight:900;
    font-size:14px;
}
.veno-timer-green{ background:rgba(34,197,94,.25) !important; border-color:rgba(34,197,94,.45) !important; }
.veno-timer-yellow{ background:rgba(245,158,11,.28) !important; border-color:rgba(245,158,11,.50) !important; }
.veno-timer-orange{ background:rgba(249,115,22,.30) !important; border-color:rgba(249,115,22,.52) !important; }
.veno-timer-red{ background:rgba(239,68,68,.33) !important; border-color:rgba(239,68,68,.55) !important; animation:venoPulse 1s infinite; }
@keyframes venoPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.06)} }

.veno-order-source,
.veno-customer-line,
.veno-sale-line{
    margin:6px 0 !important;
    color:#E5E7EB !important;
    font-weight:700 !important;
}
.veno-sale-line{ color:#fff !important; font-size:15px !important; }
#order_holder.order_holder .single_order .header_portion p.order_number{ margin-bottom:6px !important; }
.order_number.customer_name{ font-size:16px !important; }
.order_number.table_no{ font-size:15px !important; }

.items_holder{ background:#fff !important; }
.single_el_wrapper{ background:#F8FAFC; border-bottom:1px solid #E5E7EB !important; }
.el_wrapper{ padding:12px 14px !important; }
.select_all_of_an_order{ font-weight:800; color:#0F172A; }
#order_holder.order_holder .single_order .items_holder .single_item{
    padding:10px 8px !important;
    transition:.18s ease;
}
#order_holder.order_holder .single_order .items_holder .single_item:hover{ background:#F1F5F9; }
.item_quanity_text{
    width:34px; height:34px;
    display:flex; align-items:center; justify-content:center;
    background:#E0F2FE;
    color:#0369A1 !important;
    border-radius:12px;
    font-weight:900 !important;
}
.item_name{ font-weight:900 !important; color:#0F172A !important; }
.item_qty{ color:#475569 !important; }
.single_item_cooking_status{
    font-weight:800 !important;
    border-radius:999px !important;
    padding:7px 12px !important;
}
.single_item_cooking_status.start_cooking_button{ background:#F59E0B !important; color:#fff !important; }
.single_item_cooking_status.done_cooking{ background:#22C55E !important; color:#fff !important; }
.single_order_button_holder{
    background:#F8FAFC !important;
    border-top:1px solid #E5E7EB;
    padding:10px;
    gap:10px;
}
.single_order_button_holder button{
    border:none;
    border-radius:14px;
    padding:10px 14px;
    font-weight:900;
    min-width:45%;
}
.start_cooking_button{ background:#F59E0B !important; color:#fff !important; }
.done_cooking{ background:#22C55E !important; color:#fff !important; }

@media(max-width: 900px){
    .veno-kds-dashboard{ flex-direction:column; align-items:flex-start; }
    .veno-kds-stats{ width:100%; justify-content:space-between; }
    .veno-kds-stat{ flex:1; min-width:70px; }
    #order_holder.order_holder .single_order{ width:calc(100% - 24px) !important; height:auto !important; min-height:380px; }
}


/* ==========================================================
   VENO KDS Compact Cards Update
   More orders per row + better internal scrolling
========================================================== */
.wrapper .main_bottom{
    background:transparent !important;
    padding:8px 10px 20px !important;
}

#order_holder.order_holder .single_order{
    width:260px !important;
    height:370px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.18) !important;
    margin:10px !important;
    position:relative !important;
}

#order_holder.order_holder .single_order .header_portion{
    padding:14px 14px 10px 18px !important;
    min-height:122px !important;
}

.items_holder,
#order_holder.order_holder .single_order .items_holder{
    background:#fff !important;
    height:210px !important;
    max-height:210px !important;
    overflow-y:auto !important;
}

.single_el_wrapper{
    background:#F8FAFC !important;
    border-bottom:1px solid #E5E7EB !important;
}

.el_wrapper{
    padding:10px 12px !important;
}

.select_all_of_an_order{
    font-weight:800 !important;
    color:#0F172A !important;
}

#order_holder.order_holder .single_order .items_holder .single_item{
    padding:8px 6px !important;
    transition:.18s ease !important;
}

.item_name{
    font-weight:800 !important;
    font-size:15px !important;
    color:#0F172A !important;
}

.item_qty{
    font-size:13px !important;
    color:#475569 !important;
}

.single_item_cooking_status{
    font-size:11px !important;
    padding:6px 10px !important;
}

.single_order_button_holder{
    padding:8px !important;
    gap:8px !important;
}

.single_order_button_holder button{
    padding:9px 12px !important;
    font-size:13px !important;
}

.veno-kds-dashboard{
    margin:12px 14px 4px !important;
    padding:16px 18px !important;
}

.veno-kds-stat{
    min-width:90px !important;
    padding:11px 12px !important;
}

@media(min-width: 1200px){
    #order_holder.order_holder .single_order{
        width:260px !important;
    }
}

@media(max-width: 900px){
    #order_holder.order_holder .single_order{
        width:calc(100% - 24px) !important;
        height:auto !important;
        min-height:370px !important;
    }
    .items_holder,
    #order_holder.order_holder .single_order .items_holder{
        height:220px !important;
        max-height:220px !important;
    }
}