/*
Theme Name: Sodienthoai
Theme URI: https://sodienthoai.com
Author: sodienthoai.com
Description: Theme khung xương cho sodienthoai.com — chỉ cung cấp chrome (nav, footer) và trang chủ; nội dung tra cứu/hồ sơ doanh nghiệp do plugin sdt-lookup render qua template_redirect.
Version: 0.1.0
Requires PHP: 7.4
Text Domain: sodienthoai
*/

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --ink:#152238; --ink-soft:#5c667a; --ink-faint:#8b93a3;
  --bg:#f5f4f0; --panel:#ffffff; --line:#e6e4de;
  --forest:#1f6f60; --forest-deep:#144f44; --forest-tint:#e8f2ef;
  --amber:#b7791f; --amber-tint:#fdf3e0;
  --red:#a13d3d; --red-tint:#f7ebea;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Source Serif 4',Georgia,serif;}
a{color:inherit;}

header.top{background:var(--ink);padding:16px 24px;}
.top-inner{max-width:1040px;margin:0 auto;display:flex;align-items:center;gap:12px;}
.brand{color:#fff;font-size:17px;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0;}
.brand em{color:#7fc4b4;font-style:normal;}
.nav-links{display:flex;gap:1px;margin-left:4px;}
.nav-links a{background:none;border:none;color:#c9cedb;font-size:12.5px;padding:7px 9px;white-space:nowrap;border-radius:7px;text-decoration:none;}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08);}
.sdt-locale-switch{margin-left:auto;flex-shrink:0;}
.sdt-locale-switch select{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:6px 8px;font-size:12.5px;}
.auth-area{flex-shrink:0;}
.auth-btn{background:none;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:8px;text-decoration:none;white-space:nowrap;}
.auth-btn:hover{background:rgba(255,255,255,.1);}

.sdt-main, main.sdt-page{max-width:1040px;margin:0 auto;padding:0 24px 80px;}

.hero{padding:64px 0 46px;text-align:center;}
.hero h1{font-size:38px;line-height:1.25;margin:0 0 14px;max-width:16ch;margin-left:auto;margin-right:auto;}
.hero p{font-size:15.5px;color:var(--ink-soft);max-width:46ch;margin:0 auto 30px;}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:50px 0;}
.step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;}
.step .idx{width:30px;height:30px;border-radius:50%;background:var(--forest-tint);color:var(--forest-deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13.5px;margin-bottom:14px;}
.step h3{font-size:15.5px;margin:0 0 6px;}
.step p{font-size:13px;color:var(--ink-soft);line-height:1.6;margin:0;}

.cta-band{background:var(--ink);border-radius:18px;padding:40px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap;}
.cta-band h2{color:#fff;font-size:22px;margin:0 0 8px;}
.cta-band p{color:#b7bdca;font-size:13.5px;margin:0;max-width:42ch;}
.cta-btn{background:#fff;color:var(--ink);border:none;padding:13px 22px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block;}
.cta-btn:hover{background:var(--forest-tint);}

.site-footer{max-width:1040px;margin:50px auto 0;padding:0 24px;}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:36px 0 28px;border-top:1px solid var(--line);}
.footer-brand{font-family:'Source Serif 4',serif;font-weight:700;font-size:16px;margin-bottom:8px;}
.footer-brand em{color:var(--forest-deep);font-style:normal;}
.footer-tag{font-size:12.5px;color:var(--ink-soft);line-height:1.6;max-width:32ch;margin:0;}
.footer-h{font-size:11.5px;font-weight:700;color:var(--ink-faint);letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px;}
.footer-col a{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:9px;text-decoration:none;}
.footer-col a:hover{color:var(--forest-deep);text-decoration:underline;}
.disclaimer{font-size:12px;color:var(--ink-faint);text-align:center;border-top:1px solid var(--line);padding:18px 0 40px;line-height:1.7;}

@media (max-width:680px){
  .footer-cols{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr;}
}