/* ArabiCafe — shared styles on top of Tailwind (CDN) utility classes */

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* Fancy display font for the hero headline */
.font-hero {
  font-family: "Playfair Display", "Instrument Serif", serif;
}


/* Product thumbnail shown beside each menu item */
.product-thumb {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 0.75rem;
  object-fit: cover;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5);
  border: 1px solid rgba(16, 122, 64, 0.12);
}

.product-thumb-lg {
  width: 72px;
  height: 72px;
}

@media (min-width: 768px) {
  .product-thumb { width: 64px; height: 64px; }
  .product-thumb-lg { width: 84px; height: 84px; }
}

/* Admin panel */
.admin-shell { min-height: 100vh; }
.admin-nav-link.active {
  background-color: rgb(236 253 245);
  color: rgb(6 78 59);
  font-weight: 600;
}
.admin-card {
  background: #fff;
  border: 1px solid rgb(209 250 229 / 0.6);
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(0,0,0,0.03);
}
input[type=text].admin-input,
input[type=number].admin-input,
input[type=email].admin-input,
input[type=password].admin-input,
input[type=url].admin-input,
input[type=tel].admin-input,
textarea.admin-input,
select.admin-input {
  width: 100%;
  border: 1px solid #d1fae5;
  border-radius: 0.6rem;
  padding: 0.55rem 0.75rem;
  font-size: 0.9rem;
  background: #fff;
  transition: border-color .15s;
}
.admin-input:focus {
  outline: none;
  border-color: #387640;
  box-shadow: 0 0 0 3px rgba(56,118,64,0.12);
}
.admin-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: rgb(6 95 70 / 0.7);
  margin-bottom: 0.35rem;
}