/*
Theme Name: MySeometer
Theme URI: https://myseometer.com
Author: MySeometer
Author URI: https://myseometer.com
Description: MySeometer — One-page WordPress theme bundling 25+ SEO & Web utilities (Meta/OG, Sitemap, Robots, Minify, UTM, Redirects, etc.).
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: myseometer
*/
:root {
  --bg: #f8f9ff;           /* bleu lavande très clair */
  --card: #EB5959;         /* cartes blanches lumineuses */
  --text: #1e1f3c;         /* bleu nuit adouci */
  --muted: #6b6c90;        /* gris lavande discret */
  --accent: #7060ff;       /* violet lumineux et doux */
  --accent-2: #57b2ff;     /* bleu azur clair pour les dégradés */
}

/* pour les cartes : légère ombre et effet flottant */
.card {
  background: var(--card);
  border: 1px solid rgba(112, 96, 255, 0.15);
  box-shadow: 0 4px 18px rgba(87, 178, 255, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(112, 96, 255, 0.25);
}

/* boutons : dégradé doux et lisible */
.card form button {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(87, 178, 255, 0.25);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.card form button:hover {
  opacity: 0.9;
  transform: scale(1.02);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px}
header.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-weight:800}
.brand h1{font-size:20px;margin:0}
nav.tools-nav{display:flex;gap:8px;flex-wrap:wrap}
nav.tools-nav a{padding:8px 12px;border:1px solid #2a2a46;border-radius:10px;background:rgba(255,255,255,.02)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.card{background:var(--card);border:1px solid #242449;border-radius:16px;padding:16px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.card h3{margin:0 0 8px;font-size:16px}
.card p{margin:0 0 12px;color:var(--muted)}
.card form input,.card form textarea,.card form select{width:100%;background:#0f1026;border:1px solid #2b2b4a;color:var(--text);padding:10px 12px;border-radius:10px;margin-bottom:10px}
.card form button{border:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}
pre.result{white-space:pre-wrap;background:#0b0c1d;border:1px dashed #2a2a46;padding:12px;border-radius:10px;color:#e6e6ff;max-height:340px;overflow:auto}
.footer{opacity:.7;padding:28px 0;text-align:center;border-top:1px solid #222345;margin-top:24px}
.badge{font-size:12px;padding:3px 8px;border-radius:999px;background:rgba(124,77,255,.15);border:1px solid #3a2d6e;color:#d9ccff}
.kbd{font-family:ui-monospace,Menlo,Consolas,monospace;background:#0b0c1d;padding:2px 6px;border-radius:6px;border:1px solid #2a2a46}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0}
.search{display:flex;gap:8px;margin:8px 0}
.search input{flex:1}
.tool-list{margin-top:16px}
.hide{display:none}
.success{border-color:#2f8f5b;background:rgba(47,143,91,.1)}
.error{border-color:#b63f4a;background:rgba(182,63,74,.1)}