/*
Theme Name: Total Calculators
Theme URI: https://example.com/total-calculators
Author: You
Author URI: https://example.com
Description: Clean, modern theme tailored for calculator websites (Finance, Health, Math, Other).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: total-calculators
Tags: blog, custom-colors, custom-menu, one-column, two-columns, right-sidebar
*/
:root{--brand:#2563eb;--accent:#0ea5e9;--ink:#0f172a;--muted:#64748b;--card:#ffffff;--soft:#f1f5f9;--ring:#93c5fd;--radius:14px}
body{margin:0;background:#f9fafc;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:16px}
.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:var(--ink)}
nav.primary{display:flex;gap:14px;flex-wrap:wrap}
nav.primary a{padding:8px 10px;border-radius:10px;font-weight:700;color:#0f172a}
nav.primary a:hover{background:#eef2ff}
.hero{background:linear-gradient(135deg,#e0f2fe, #eff6ff);padding:56px 0;border-bottom:1px solid #e5e7eb}
.hero h1{margin:0 0 8px;font-size:40px}
.hero p{margin:0;color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:18px 0}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:var(--radius);padding:18px;box-shadow:0 6px 20px rgba(2,6,23,.06)}
.card h3{margin:0 0 6px;font-size:20px}
.card p{margin:0;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand);color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none}
.btn:hover{background:#1d4ed8;text-decoration:none}
.footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:30px}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted)}
.acc details{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:12px 0;overflow:hidden;box-shadow:0 6px 20px rgba(2,6,23,.06)}
.acc summary{list-style:none;cursor:pointer;font-weight:800;font-size:16px;padding:14px 16px}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"▸";float:right;opacity:.6;transition:.2s}
.acc details[open] summary::after{transform:rotate(90deg);opacity:.9}
.acc .content{padding:16px;background:var(--soft);border-top:1px dashed #e2e8f0}
.omni-calc, .omni-calc-container{border:1px solid #e5e7eb !important;border-radius:var(--radius) !important;box-shadow:0 6px 20px rgba(2,6,23,.06) !important;background:#fff !important;padding:16px}
.ocp-btn, .omni-calc-container button{background:var(--brand) !important;color:#fff !important;border-radius:10px !important;font-weight:700 !important}
.ocp-btn:hover, .omni-calc-container button:hover{background:#1d4ed8 !important}
.ocp-form input, .ocp-form select{border-radius:8px !important}
.ocp-form input:focus,.ocp-form select:focus{outline:2px solid var(--ring) !important;outline-offset:2px !important;border-color:#bfdbfe !important;background:#fff !important}
.widget-area{display:none}
@media(min-width:980px){ .layout{display:grid;grid-template-columns:1fr 280px;gap:24px} .widget-area{display:block} }