/*
Theme Name: AI Directory (Ready)
Theme URI: https://example.com/ai-directory
Author: Md Imon (generated)
Author URI: https://example.com
Description: A lightweight, responsive WordPress theme tailored for an AI tools directory. Includes custom post type, live search, frontend submission, dark mode, and basic filters.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: ai-directory
Tags: directory, responsive, dark-mode, ajax, search, listing
*/
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;color:#111;background:#fff}
a{color:inherit}
.header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee}
.brand{font-weight:700;letter-spacing:0.4px}
.searchbar{max-width:520px;flex:1;margin:0 24px;position:relative}
.searchbar input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #ddd;box-shadow:none}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:24px}
.card{background:#fff;border-radius:12px;padding:16px;border:1px solid #eee;box-shadow:0 4px 18px rgba(15,15,15,0.03);transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(15,15,15,0.06)}
.card .title{font-weight:700;margin-bottom:8px}
.meta{font-size:13px;color:#666;margin-bottom:6px}
.badge{display:inline-block;padding:6px 8px;border-radius:999px;font-size:12px;border:1px solid #ddd}
.footer{padding:20px 24px;border-top:1px solid #eee;text-align:center;color:#666}
.dark body, .dark .card{background:#0f1720;color:#e6eef8}
.dark .searchbar input{background:#0b1220;border-color:#19202a;color:#e6eef8}
.toggle{cursor:pointer;padding:8px;border-radius:8px;border:1px solid #ddd}
@media (max-width:640px){.header{flex-direction:column;align-items:stretch}.searchbar{margin:12px 0 0}}