/*
Theme Name: EZ File Organizer
Theme URI: https://ezfileorganizer.com
Author: EZ File Organizer
Author URI: https://ezfileorganizer.com
Description: Professional theme for EZ File Organizer - Embroidery design file management. Features landing page, design library, upload, account, and admin panels.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ez-file-organizer
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready
*/

/* EZ File Organizer - Theme Styles */
:root {
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --navy-200: #99f6e4;
  --navy-700: #0f766e;
  --navy-800: #115e59;
  --navy-900: #134e4a;
}
.bg-navy-700 { background-color: var(--navy-700); }
.bg-navy-800 { background-color: var(--navy-800); }
.text-navy-200 { color: var(--navy-200); }
.text-navy-800 { color: var(--navy-800); }
.text-navy-900 { color: var(--navy-900); }
.modal-overlay { display: none; background: rgba(0,0,0,0.5); position: fixed; inset: 0; z-index: 100; }
.modal-overlay.active { display: flex; align-items: center; justify-content: center; }
.modal-content { max-height: 90vh; overflow-y: auto; }
/* Hide scrollbars in modals */
.modal-content,
.modal-content [class*="overflow-y-auto"],
.modal-content [class*="overflow-y-scroll"] {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.modal-content::-webkit-scrollbar,
.modal-content [class*="overflow-y-auto"]::-webkit-scrollbar,
.modal-content [class*="overflow-y-scroll"]::-webkit-scrollbar {
  display: none;
}
/* Show scrollbar for detail file list */
#detail-files {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}
#detail-files::-webkit-scrollbar {
  display: block;
  width: 8px;
}
#detail-files::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}
#detail-files::-webkit-scrollbar-track {
  background: transparent;
}
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 1s linear infinite; }

/* Detail modal - remove focus outline/ring on select dropdowns */
.detail-tag-select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #22d3ee;
}