/*
Theme Name: Diego Café
Theme URI: https://example.com/diego
Description: قالب شیشهای Diego با منوی زیبا و سیستم سفارش میز
Version: 1.0.0
Text Domain: diego
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{direction:rtl;font-family:IRANSans,Vazirmatn,system-ui,sans-serif;
     background:linear-gradient(180deg,#74acdf 0%,#a9e6ff 50%,#0c8295 100%);
     color:#0e2a47}

.glass{background:#fdfdfd0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
        border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 30px rgba(10,70,120,.12);
        border-radius:22px}

.container{max-width:1100px;margin:auto;padding:13px}

.diego-header{top:0;z-index:50;background:rgba(255,255,255,.15);
               backdrop-filter:blur(10px);padding:12px 16px;
               justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}
.diego-header input{background:rgba(255,255,255,.4);border:none;border-radius:12px;padding:1px 1px;width:180px}
.diego-logo{width:180px;border-radius:50%}
.hours{font-size:0.9rem;margin-top:4px;color:#0e2a47}
.center{
	align-items:center;
    text-align: center;
}
body.dark-mode .diego-logo{
	 filter: brightness(2.7) drop-shadow(0px 10px 25px rgba(138, 178, 237, 0.9));


}
.diego-header{
	display:none;
}

.msh{
	display: inline !important;
    border: none !important;
    box-shadow: none !important;
    /* height: 1em !important; */
    /* width: 50px; */
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
    width: 150px;
    height: 150px;
}
.d-logo__icon{
	align-items: center;
    text-align: center;
}
.d-logo__text{display:none;}
.d-header{
	top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(10px);
    /* padding: 12px 16px; */
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: sticky;
}
.cat-strip{display:flex;gap:10px;overflow-x:auto;padding:10px;scrollbar-width:none}
.cat-strip::-webkit-scrollbar{display:none}
.cat-chip{white-space:nowrap;padding:10px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.5);
          background:rgba(255,255,255,.4);backdrop-filter:blur(10px);cursor:pointer;font-weight:600}
.cat-chip.is-active{background:linear-gradient(145deg,#c8ecff,#ffffff);border-color:rgba(255,255,255,.8);box-shadow:0 4px 15px rgba(0,0,0,.1)}

.product-list{display:flex;flex-direction:column;gap:16px;padding:10px}
.product-card{display:flex;gap:12px;align-items:center;padding:16px;
              background:rgba(255,255,255,.1);border-radius:18px}
.product-card__media img{width:100px;height:100px;object-fit:cover;border-radius:16px}
.product-card__title{font-weight:800;margin:0 0 6px;font-size:1.1rem}
.product-card__desc{opacity:.8;font-size:0.9rem;margin:0 0 10px;line-height:1.4}
.product-card__price{font-weight:800;font-size:1.2rem;color:#e9b400}

.qty{display:flex;align-items:center;gap:8px;margin:10px 0}
.qty button{width:38px;height:38px;border-radius:12px;border:none;background:rgba(255,255,255,.75);font-size:1.2rem;cursor:pointer}
.qty input{width:50px;text-align:center;border:none;background:rgba(255,255,255,.6);border-radius:10px;height:38px;font-size:1rem}
.add-btn{padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.6);
         background:linear-gradient(145deg,#fff,#e7f6ff);font-weight:600;cursor:pointer}

.cart-fab{position:fixed;bottom:18px;left:18px;padding:14px 20px;border-radius:16px;
          box-shadow:0 8px 25px rgba(0,0,0,.2);font-weight:600;z-index:998}

#order-box{padding:12px;display:flex;justify-content:space-between;align-items:center;border-top:2px solid rgba(0,0,0,.1);
           background:#c2e8f5; color:#0e2a47; box-shadow:0 -8px 20px rgba(0,0,0,.15); font-weight:600;}
#order-total{color:#2a87a1;font-size:1.1rem;}
#go-confirm{background:#0c8295;color:white;padding:8px 18px;border:none;border-radius:10px;cursor:pointer;}

/* حالت تاریک */
body.dark-mode{background:linear-gradient(180deg,#0c1a2b 0%,#112a44 50%,#0a1625 100%);color:#e0e6ef}
body.dark-mode .glass{background:rgba(20,40,70,.55);border-color:rgba(255,255,255,.1)}
body.dark-mode .cat-chip{background:rgba(255,255,255,.15)}
body.dark-mode .cat-chip.is-active{background:linear-gradient(145deg,#243a5b,#15263c)}
body.dark-mode .add-btn{background:linear-gradient(145deg,#243a5b,#15263c);color:#fff;width: 100%;}
body.dark-mode .product-card{background:rgba(255,255,255,.08)}
body.dark-mode #order-box{background:rgb(101 149 176 / 99%);color: #000000;border-top:2px solid rgba(255,255,255,.2);box-shadow:0 -8px 20px rgba(0,0,0,.3);}
body.dark-mode #order-total{color: #0b2e73;
    font-size: 19px;
    font-weight: 700;}
body.dark-mode #go-confirm{background:#0a1625;color:#e0e6ef;}
body.dark-mode .product-card__price{font-weight:800;font-size:1.2rem;color:#e9b400}
body.dark-mode .msh{
	    filter: brightness(5.6) drop-shadow(0 0 20px rgba(255, 225, 225, 0.9));
}
body.dark-mode .container{
	padding:8px;
	border-radius:25px;
}
.glass cart-fab{
	display:none;
}
/* استایل باکس‌ها در پیشخوان سفارشات */
#new-order-alert{background:#4caf50;color:white;padding:15px;margin:10px 0;border-radius:8px;text-align:center;font-weight:bold;animation:fadeIn 0.5s;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);} to{opacity:1;transform:translateY(0);}}
#orders-table th, #orders-table td{padding:12px;border-bottom:1px solid #ddd;text-align:right;}
#orders-table th{background:#f1f1f1;color:#333;}
body.dark-mode #orders-table th{background:#243a5b;color:#e0e6ef;}
body.dark-mode #orders-table td{background:#15263c;color:#e0e6ef;border-bottom:1px solid #0a1625;}


    border-radius: 20px;
}
/* ریسپانسیو محصولات */
@media(min-width:768px){
  .product-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px,1fr));gap:20px;}
}