/*
Theme Name: Make My Tool
Theme URI: https://example.com/makemytool
Author: Your Name
Author URI: https://example.com
Description: A lightweight, clean starter WordPress theme for showcasing small web tools.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: makemytool
Tags: custom-logo, custom-menu, responsive, accessibility-ready
*/

:root{
  --accent:#0b67ff;
  --bg:#ffffff;
  --muted:#666;
  --container-width:1100px;
}

body{
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  margin:0;
  color:var(--muted);
  background: #f6f8fb;
}
header.site-header{
  background:#fff;
  border-bottom:1px solid #eee;
  padding:18px 0;
  box-shadow:0 1px 0 rgba(0,0,0,0.02);
}
.wrap{max-width:var(--container-width); margin:0 auto; padding:0 20px;}
.site-title{font-size:24px; font-weight:700; color:var(--accent); text-decoration:none;}
nav.main-nav{float:right;}
nav.main-nav a{margin-left:18px; color:#333; text-decoration:none;}
.hero{
  background:linear-gradient(90deg, rgba(11,103,255,0.08), rgba(11,103,255,0.02));
  padding:48px 0;
}
.tools-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin:28px 0;}
.tool-card{background:#fff; padding:16px; border-radius:12px; box-shadow:0 6px 20px rgba(10,10,10,0.04); overflow:hidden;}
.tool-card .thumb{height:140px; border-radius:8px; background:#eef2ff; display:flex; align-items:center; justify-content:center; color:var(--accent); font-weight:700;}
.tool-card h3{margin:12px 0 6px; color:#222;}
.tool-card p{margin:0 0 12px; color:var(--muted); font-size:14px;}
.btn{display:inline-block; padding:8px 12px; border-radius:8px; background:var(--accent); color:#fff; text-decoration:none;}

footer.site-footer{padding:28px 0; text-align:center; color:#888; font-size:14px;}