/* Additional Modern Styles for govori.uz */

@layer utilities {
  /* Dialog backdrop animation */
  dialog::backdrop {
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(6px);
    transition: opacity 0.3s ease;
  }

  dialog[open] {
    animation: modal-enter 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }

  @keyframes modal-enter {
    from {
      opacity: 0;
      transform: scale(0.96) translateY(8px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }

  /* Custom subtle scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f5f9;
  }
  ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
}

/* Quiz option selection style */
.quiz-option {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.quiz-option:hover {
  border-color: #0284c7;
  background-color: #f0f9ff;
}
.quiz-option.selected {
  border-color: #0284c7;
  background-color: #e0f2fe;
  font-weight: 600;
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.3);
}

/* Details arrow animation */
details summary::-webkit-details-marker {
  display: none;
}