/* ديبازا — تكميل Tailwind: قائمة الجوال + فيديو يوتيوب */

@media (max-width: 767px) {
  .main-nav:not(.is-open) {
    display: none !important;
  }
  .main-nav.is-open {
    display: flex !important;
  }
}

@media (min-width: 768px) {
  .main-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
  }
  .nav-toggle {
    display: none !important;
  }
}

.recipe-youtube-wrap {
  position: relative;
  margin-top: 1rem;
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background: #000;
}

.recipe-youtube-wrap iframe {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  border: 0;
}