/*
Theme Name: Super Light Blog
Description: A super lightweight WordPress blog theme built with Tailwind CSS, featuring responsive design, dynamic menus, and clean code.
Version: 1.0.0
Author: Jenish Dholakiya
Text Domain: super-light-blog
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 
 * This file is required by WordPress but all styling is handled by Tailwind CSS
 * Custom styles are added inline via functions.php for better performance
 */

/* Focus styles for better accessibility */
.focus-within .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Ensure proper z-index stacking */
.dropdown-menu {
  z-index: 1000;
}

/* Mobile menu animation improvements */
@media (max-width: 1023px) {
  .mobile-menu {
    animation: slideDown 0.3s ease-out;
  }

  .mobile-menu.hidden {
    animation: slideUp 0.3s ease-out;
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

/* Print styles */
@media print {
  .mobile-menu-button,
  .dropdown-menu {
    display: none !important;
  }
}