/*
Theme Name: Sharat Nalamothu
Theme URI: https://sharatnalamothu.com
Author: Sharat Nalamothu
Description: Pixel-exact replica of the sharatnalamothu.com homepage (original markup, styles and images bundled — no page builder required), plus a built-in styled blog.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sharat-nalamothu
*/

/* These styles apply to the BLOG and inner pages only.
   The homepage renders the original site's own bundled CSS. */

:root {
  --black: #000;
  --ink: #111113;
  --muted: #4f4e4e;
  --sage: #ddf2c6;
  --mist: #dde6e3;
  --coral: #ff8463;
  --white: #fff;
  --green-grad: linear-gradient(165deg, #ddf2c6 0%, #dde6e3 100%);
}

* { box-sizing: border-box; }

body.inner {
  margin: 0;
  font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.inner img { max-width: 100%; height: auto; display: block; }
.inner a { color: inherit; text-decoration: none; }
.inner h1, .inner h2, .inner h3 { margin: 0; line-height: 1.12; letter-spacing: -0.5px; font-weight: 700; color: var(--black); }

.wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }

.blogbar {
  position: fixed; inset: 0 0 auto 0; z-index: 100;
  background: rgba(255,255,255,0.92); backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.08);
}
.blogbar .row { display: flex; align-items: center; justify-content: space-between; height: 74px; }
.blogbar .sig { height: 32px; width: auto; }
.blogbar nav { display: flex; gap: 26px; align-items: center; }
.blogbar nav a { font-size: 14px; font-weight: 500; color: rgba(17,17,19,0.8); }
.blogbar nav a:hover { color: var(--black); }
.blogbar .cta { background: var(--ink); color: #fff; border-radius: 999px; padding: 12px 24px; font-size: 14px; font-weight: 600; }
@media (max-width: 720px){ .blogbar nav a:not(.cta){ display:none; } }

.panel-green { position: relative; background: var(--green-grad); }
.page-hero { padding: 142px 0 64px; text-align: center; }
.page-hero .wrap { max-width: 760px; }
.eyebrow { display:inline-block; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:2.6px; color:var(--coral); margin-bottom:16px; }
.page-hero h1 { font-size: 46px; }
.page-hero p { margin: 16px auto 0; max-width: 36rem; font-size: 18px; color: var(--muted); }

.section { padding: 64px 0; }

.post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.post-card { display:flex; flex-direction:column; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.06); transition:box-shadow .25s, transform .25s; }
.post-card:hover { box-shadow:0 18px 44px rgba(0,0,0,.12); transform:translateY(-3px); }
.post-card .thumb { aspect-ratio:16/10; overflow:hidden; }
.post-card .thumb img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.post-card:hover .thumb img { transform:scale(1.05); }
.post-card .pad { padding:24px; display:flex; flex-direction:column; flex:1; }
.cat { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.8px; color:var(--coral); }
.post-card h3 { margin-top:12px; font-size:19px; line-height:1.3; }
.post-card .ex { margin-top:12px; font-size:14px; color:var(--muted); line-height:1.6; }
.post-card .meta { margin-top:18px; font-size:12px; color:rgba(79,78,78,.7); }
@media (max-width:900px){ .post-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .post-grid{ grid-template-columns:1fr;} .page-hero h1{ font-size:32px;} }

.post-header { padding: 132px 0 24px; }
.post-header .wrap { max-width: 760px; }
.post-header .back { font-size:14px; font-weight:600; }
.post-header .back:hover { color: var(--coral); }
.post-header .cat { display:block; margin-top:22px; }
.post-header h1 { margin-top:12px; font-size:40px; line-height:1.12; }
.post-header .meta { margin-top:16px; font-size:14px; color:var(--muted); }
.post-cover { max-width:900px; margin:0 auto; padding:0 24px; }
.post-cover img { width:100%; aspect-ratio:16/8; object-fit:cover; border-radius:20px; }
.post-body { max-width:720px; margin:0 auto; padding:44px 24px 0; }
.post-body p { font-size:18px; color:var(--muted); line-height:1.85; margin-bottom:24px; }
.post-body h2 { font-size:26px; margin:42px 0 14px; color:var(--ink); }
.post-body strong { color: var(--ink); }
.post-sign { max-width:720px; margin:8px auto 0; padding:32px 24px 0; border-top:1px solid var(--mist); }
.post-sign img { height:46px; width:auto; }
.post-sign .nm { margin-top:10px; font-weight:700; }
.post-sign .rl { font-size:14px; color:var(--muted); }
@media (max-width:768px){ .post-header h1{ font-size:30px;} }

.site-foot { background: var(--black); color:#fff; margin-top: 8px; }
.site-foot .grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:48px; padding:64px 0; }
.site-foot .sig { height:38px; filter: invert(1) brightness(2); }
.site-foot p.tag { margin-top:16px; max-width:18rem; font-size:14px; color:rgba(255,255,255,.65); line-height:1.7; }
.site-foot h4 { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:2.4px; color:var(--sage); margin:0 0 16px; }
.site-foot ul { list-style:none; margin:0; padding:0; }
.site-foot li { margin-bottom:10px; font-size:14px; color:rgba(255,255,255,.72); }
.site-foot a:hover { color: var(--coral); }
.site-foot .bottom { border-top:1px solid rgba(255,255,255,.15); padding:20px 0; text-align:center; font-size:12px; color:rgba(255,255,255,.55); }
@media (max-width:768px){ .site-foot .grid{ grid-template-columns:1fr; gap:30px; padding:44px 0;} }