/*
Theme Name: MyTechFind
Theme URI: https://www.mytechfind.com
Author: MyTechFind Media
Author URI: https://www.mytechfind.com
Description: A tech-review blog theme with a header, dynamic blog listing, About Us section, and FAQ accordion. Built with Tailwind CSS (CDN) and FontAwesome icons.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mytechfind
Tags: blog, custom-menu, featured-images, translation-ready
*/

/* Base overrides that aren't practical as Tailwind utility classes */

body {
  font-family: 'Inter', sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.dark ::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #38bdf8;
  border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #0284c7;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.faq-item.open .faq-answer {
  max-height: 320px;
}
.faq-item.open .faq-chevron {
  transform: rotate(180deg);
}
.faq-chevron {
  transition: transform 0.3s ease;
}

/* WordPress core alignment classes */
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; overflow: hidden; position: absolute !important;
  word-wrap: normal !important;
}