/*
Theme Name: Smttooling CLICK
Theme URI: https://smttooling.click
Description: Ultra-fast custom theme for SMTTooling
Author: Smttooling Team
Version: 1.0
*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#2d3436;background:#f9fafb}
a{color:#fd79a8;text-decoration:none}a:hover{opacity:.85}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background:#e84393;color:#fff;padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}
.site-logo{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.site-logo span{color:#fd79a8}
.site-tagline{font-size:.75rem;color:rgba(255,255,255,.6);display:block}
.main-nav ul{list-style:none;display:flex;gap:20px}.main-nav a{color:rgba(255,255,255,.85);font-size:.9rem}.main-nav a:hover{color:#fd79a8}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}
.hero{background:linear-gradient(135deg,#e84393 0%,#2d3436 100%);color:#fff;padding:60px 0;text-align:center}
.hero h1{font-size:2.4rem;margin-bottom:12px;font-weight:800}.hero p{font-size:1.1rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto 25px}
.hero-search{max-width:500px;margin:0 auto}.hero-search input{width:100%;padding:14px 20px;border-radius:50px;border:2px solid #fd79a8;font-size:1rem;outline:none}
.calc-section{padding:50px 0}.calc-section h2{text-align:center;font-size:1.8rem;margin-bottom:8px;color:#e84393}
.calc-section .subtitle{text-align:center;color:#636e72;margin-bottom:35px}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.calc-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;border:1px solid #eee;text-decoration:none;color:inherit;display:block}
.calc-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#fd79a8}
.calc-card .icon{font-size:2rem;margin-bottom:12px;display:inline-block}.calc-card h3{font-size:1.1rem;color:#e84393;margin-bottom:8px}
.calc-card p{font-size:.85rem;color:#636e72;margin-bottom:12px}.calc-card .cta{color:#fd79a8;font-weight:600;font-size:.85rem}
.benefits{background:#e84393;color:#fff;padding:50px 0}.benefits h2{text-align:center;margin-bottom:35px}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;max-width:1000px;margin:0 auto}
.benefit-card{text-align:center;padding:20px}.benefit-card .icon{font-size:2rem;margin-bottom:10px}.benefit-card h3{margin-bottom:8px;color:#fd79a8}
.benefit-card p{color:rgba(255,255,255,.7);font-size:.9rem}
.blog-section{padding:50px 0;background:#fff}.blog-section h2{text-align:center;margin-bottom:30px;color:#e84393}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;max-width:1200px;margin:0 auto;padding:0 20px}
.blog-card{background:#f9fafb;border-radius:10px;padding:24px;border:1px solid #eee}
.blog-card .date{font-size:.8rem;color:#fd79a8}.blog-card h3{margin:8px 0;font-size:1.05rem}.blog-card h3 a{color:#e84393}.blog-card h3 a:hover{color:#fd79a8}
.calc-page{padding:30px 0}.calc-page-inner{display:grid;grid-template-columns:1fr 300px;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}
.calc-main{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.calc-main h1{font-size:1.8rem;color:#e84393;margin-bottom:20px}
.calc-tool{background:#f9fafb;border-radius:10px;padding:25px;margin-bottom:25px;border:1px solid #eee}
.calc-tool h3{color:#e84393;margin-bottom:15px}.calc-tool label{display:block;font-weight:600;margin-bottom:5px;font-size:.9rem}
.calc-tool input,.calc-tool select,.calc-tool textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:4px;font-family:inherit}
.calc-tool textarea{min-height:120px;resize:vertical}.calc-tool input:focus,.calc-tool select:focus,.calc-tool textarea:focus{outline:none;border-color:#fd79a8}
.calc-tool .helper{font-size:.75rem;color:#999;margin-bottom:12px}
.calc-tool button{width:100%;padding:12px;background:#fd79a8;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px}
.calc-tool button:hover{opacity:.9}
.calc-result{background:#fff;border:2px solid #fd79a8;border-radius:10px;padding:25px;margin-top:20px;display:none}
.calc-result h3{color:#fd79a8;margin-bottom:15px}.calc-result .big-number{font-size:2rem;font-weight:800;color:#e84393;text-align:center;margin:10px 0}
.calc-result .label{text-align:center;color:#636e72;font-size:.85rem;margin-bottom:15px}
.calc-result table{width:100%;border-collapse:collapse}.calc-result td{padding:8px 0;border-bottom:1px solid #eee;font-size:.9rem}
.calc-result td:last-child{text-align:right;font-weight:600;color:#e84393}
.calc-result pre{background:#f9fafb;padding:15px;border-radius:8px;overflow-x:auto;font-size:.85rem;white-space:pre-wrap;word-break:break-word}
.entry-content{padding:25px 0;line-height:1.8}.entry-content h2{color:#e84393;margin:25px 0 12px;font-size:1.4rem}
.entry-content h3{color:#2d3436;margin:20px 0 10px}.entry-content p{margin-bottom:15px;color:#444}
.entry-content ul,.entry-content ol{margin:10px 0 15px 25px}.entry-content li{margin-bottom:8px}
.faq-section{margin-top:30px;border-top:1px solid #eee;padding-top:25px}.faq-section h2{color:#e84393;margin-bottom:15px}
.faq-item{border:1px solid #eee;border-radius:8px;margin-bottom:10px;overflow:hidden}
.faq-q{padding:14px 18px;font-weight:600;cursor:pointer;background:#f9fafb;color:#e84393;font-size:.95rem}.faq-q:hover{background:#f0f0f0}
.faq-a{padding:0 18px;max-height:0;overflow:hidden;transition:all .3s;color:#555;font-size:.9rem}
.faq-item.open .faq-a{padding:14px 18px;max-height:500px}
.calc-sidebar .widget{background:#fff;border-radius:10px;padding:22px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:20px}
.calc-sidebar h4{color:#e84393;margin-bottom:12px}.calc-sidebar ul{list-style:none}.calc-sidebar li{margin-bottom:8px}.calc-sidebar a{color:#444;font-size:.9rem}.calc-sidebar a:hover{color:#fd79a8}
.ad-space{background:#f0f0f0;border:1px dashed #ccc;border-radius:8px;padding:30px;text-align:center;color:#999;font-size:.8rem;margin:20px 0}
.breadcrumbs{padding:10px 20px;font-size:.8rem;color:#636e72;max-width:1200px;margin:0 auto}.breadcrumbs a{color:#fd79a8}
.page-content{max-width:800px;margin:0 auto;padding:40px 20px}.page-content h1{color:#e84393;margin-bottom:20px;font-size:2rem}
.blog-listing{max-width:900px;margin:0 auto;padding:40px 20px}.blog-listing h1{color:#e84393;margin-bottom:8px;text-align:center}
.post-card{background:#fff;border-radius:10px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.post-card .meta{font-size:.8rem;color:#fd79a8;margin-bottom:8px}.post-card h2{font-size:1.2rem;margin-bottom:8px}.post-card h2 a{color:#e84393}
.site-footer{background:#e84393;color:rgba(255,255,255,.7);padding:40px 0 20px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}
.footer-grid h4{color:#fff;margin-bottom:12px}.footer-grid ul{list-style:none}.footer-grid li{margin-bottom:6px}.footer-grid a{color:rgba(255,255,255,.6);font-size:.85rem}.footer-grid a:hover{color:#fd79a8}
.footer-bottom{text-align:center;padding:20px;margin-top:25px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}
.error-404{text-align:center;padding:80px 20px}.error-404 h1{font-size:5rem;color:#fd79a8}
@media(max-width:768px){
.main-nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#e84393;padding:15px 20px;gap:10px}
.main-nav.open ul{display:flex}.nav-toggle{display:block}.hero h1{font-size:1.6rem}
.calc-page-inner{grid-template-columns:1fr}.calc-sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr}
}