/* Custom overrides for consistent blue theme */

:root {
  --accent: #ed8fa7;
  --accent-hover: #f98ca3;
  --radius: 12px;
}

/* Fix admin dashboard inputs */
#tool-form input,
#tool-form textarea,
#tool-form select,
#post-form input,
#post-form textarea,
#post-form select,
.admin-dashboard input,
.admin-dashboard textarea,
.admin-dashboard select {
  border-radius: var(--radius) !important;
  border: 2px solid #333 !important;
  background: #1a1a1a !important;
  color: #fff !important;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
}

#tool-form input:focus,
#tool-form textarea:focus,
#tool-form select:focus,
#post-form input:focus,
#post-form textarea:focus,
#post-form select:focus {
  border-color: var(--accent) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.2);
}

#tool-form input::placeholder,
#tool-form textarea::placeholder,
#post-form input::placeholder,
#post-form textarea::placeholder {
  color: #666 !important;
}

#tool-form label,
#post-form label {
  color: #aaa !important;
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
}

/* Fix all buttons to have consistent rounded corners */
.download-btn,
.btn,
button[type="submit"],
button[type="button"],
.add-platform-link,
.filter-btn,
.admin-tab,
.hero-link,
.nav-btn,
.google-btn {
  border-radius: var(--radius) !important;
  transition: all 0.3s ease;
}

/* Fix inconsistent button backgrounds */
button[type="submit"],
.download-btn,
.bg-\[#00d4ff\] {
  background: var(--accent) !important;
  color: #000 !important;
  border: 2px solid var(--accent) !important;
}

button[type="submit"]:hover,
.download-btn:hover,
.bg-\[#00d4ff\]:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

/* Fix border buttons */
button[type="button"],
.border-\[#00d4ff\],
.border-2.border-\[#00d4ff\] {
  border-radius: var(--radius) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: transparent !important;
}

button[type="button"]:hover,
.border-\[#00d4ff\]:hover,
.border-2.border-\[#00d4ff\]:hover {
  background: var(--accent) !important;
  color: #000 !important;
}

/* Fix search inputs */
#search-store,
#search-blog,
input[type="search"],
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea {
  border-radius: var(--radius) !important;
  border: 2px solid #333 !important;
  background: #222 !important;
  color: #fff !important;
  padding: 0.75rem 1rem;
}

#search-store:focus,
#search-blog:focus,
input:focus,
textarea:focus {
  border-color: var(--accent) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.2);
}

/* Fix select inputs */
select {
  border-radius: var(--radius) !important;
  border: 2px solid #333 !important;
  background: #222 !important;
  color: #fff !important;
  padding: 0.75rem 1rem;
}

select:focus {
  border-color: var(--accent) !important;
  outline: none;
}

/* Fix admin panel */
.admin-panel,
.admin-tab,
.admin-tool-item,
.bg-gray-900 {
  border-radius: var(--radius) !important;
}

.admin-tab {
  padding: 0.75rem 1.5rem;
}

.admin-tab.active {
  background: var(--accent) !important;
  color: #000 !important;
}

.admin-tab:not(.active) {
  background: #222 !important;
  color: #aaa !important;
}

.admin-tab:not(.active):hover {
  background: #333 !important;
  color: #fff !important;
}

/* Fix tool cards */
.tool-card,
.blog-card,
.project-card {
  border-radius: var(--radius) !important;
  transition: all 0.3s ease;
}

.tool-card:hover,
.blog-card:hover {
  transform: translateY(-4px);
  border-color: var(--accent) !important;
}

/* Fix modal */
.modal-content,
.auth-modal,
.rating-modal {
  border-radius: var(--radius) !important;
}

/* Fix chat messages */
.chat-message {
  border-radius: var(--radius) !important;
}

/* Fix profile card */
.profile-card,
.profile-stat {
  border-radius: var(--radius) !important;
}

/* Fix blog tags */
.blog-tag {
  border-radius: 20px !important;
  background: rgba(0, 212, 255, 0.1) !important;
  color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
}

/* Fix filter buttons */
.filter-btn {
  border-radius: var(--radius) !important;
  background: #222 !important;
  color: #aaa !important;
  border: 2px solid #333 !important;
}

.filter-btn:hover,
.filter-btn.active {
  background: var(--accent) !important;
  color: #000 !important;
  border-color: var(--accent) !important;
}

/* Fix form labels */
.form-label,
label {
  color: #aaa !important;
  font-weight: 500;
}

/* Fix input placeholders */
input::placeholder,
textarea::placeholder {
  color: #666 !important;
}

/* Fix loading spinner */
.loading-spinner {
  border: 3px solid #333 !important;
  border-top-color: var(--accent) !important;
  border-radius: 50% !important;
}

/* Fix category badges */
.tool-card-badge,
.admin-tool-cat {
  border-radius: var(--radius) !important;
}

/* Fix scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #111;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent);
}

/* Fix lightbox */
.lightbox-close,
.lightbox-nav {
  border-radius: 50% !important;
}

/* Fix footer */
.site-footer {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

/* Fix mobile menu */
.mobile-menu {
  border-radius: 0 !important;
}

/* Fix auth form */
.auth-divider span {
  background: #1a1a1a;
  padding: 0 1rem;
  color: #666;
}

.auth-divider::before,
.auth-divider::after {
  background: #333;
}

/* Fix rating stars */
.rating-stars i {
  color: #333;
  cursor: pointer;
}

.rating-stars i.active,
.rating-stars i:hover {
  color: #ffd700;
}