/*
Theme Name: The Table v2 (Jetpack Ready)
Author: Jamestall Jr. + ChatGPT
Description: Clean, elegant blog theme with Playfair titles, red-accent menu/buttons, mobile drawer, and Jetpack subscribe.
Version: 2.0.0
Text Domain: the-table-v2
*/
:root{--accent:#d22d2d;--accent-dark:#b62525;--heading:#1b2a64;--panel:#f6f8ff;--border:#eef0f4;}
*{box-sizing:border-box;} body{margin:0;background:#fff;color:#1f2430;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;}
a{color:#1f2430;text-decoration:none;} a:hover{text-decoration:underline;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
.header{padding:20px 0;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:999;}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-title{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:44px;margin:0;color:var(--heading);}
.nav{margin-top:12px;} .nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:22px;}
.nav a{font-weight:700;color:var(--accent);} .button{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--accent);color:#fff;border:1px solid var(--accent-dark);font-weight:800;}
.main{display:grid;grid-template-columns: 3fr 1.25fr;gap:28px;margin-top:28px;} @media (max-width:960px){.main{grid-template-columns:1fr;}}
.sidebar .widget{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px;}
.content article{padding-bottom:26px;border-bottom:1px solid #edf0f6;margin-bottom:26px;}
.content .post-title{font-family:'Playfair Display',Georgia,serif;font-size:34px;line-height:1.25;margin:0 0 8px;} .content .post-title a{color:var(--heading);}
.single .post-title{font-size:48px;color:var(--heading);} .single .post-content{font-size:18px;line-height:1.9;}
.archive-header{background:linear-gradient(135deg,#ffecec,#fff6f6);padding:28px;border-radius:18px;border:1px solid var(--border);margin-bottom:18px;}
.archive-title{font-family:'Playfair Display',Georgia,serif;font-size:34px;margin:0;color:var(--heading);}
.pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin:24px 0;}
.pagination a,.pagination span{padding:8px 12px;border:1px solid #dee3ed;border-radius:10px;} .pagination .current{background:var(--accent);color:#fff;border-color:var(--accent);}
.hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e6e8f0;border-radius:12px;background:#fff;cursor:pointer;}
.hamburger span{display:block;width:22px;height:2px;background:#111;position:relative;}
.hamburger span:before,.hamburger span:after{content:'';position:absolute;left:0;width:22px;height:2px;background:#111;}
.hamburger span:before{top:-7px;} .hamburger span:after{top:7px;}
.drawer-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:998;}
.mobile-drawer{position:fixed; top:0; right:-280px; width:260px; height:100vh; background:#fff; border-left:1px solid #eaeaea; z-index:999; padding:18px; display:flex; flex-direction:column; gap:12px; transition:right .25s ease;}
.mobile-drawer.open{right:0;} .drawer-overlay.open{display:block;} .drawer-close{align-self:flex-end;border:none;background:#fff;font-size:22px;line-height:1;cursor:pointer;}
.mobile-menu{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px;} .mobile-menu a{display:block;padding:12px 8px;color:#111;font-weight:700;border-radius:8px;}
@media (min-width:769px){.nav{display:block!important}.hamburger{display:none!important}.mobile-drawer,.drawer-overlay{display:none!important}}
@media (max-width:768px){.site-title{font-size:28px}.nav{display:none!important}.hamburger{display:flex!important}.main{grid-template-columns:1fr}.content .post-title{font-size:26px}.single .post-title{font-size:34px}}
.footer{margin-top:48px;border-top:1px solid var(--border);padding:24px 0;color:#6b7280;font-size:14px;background:#fff;}