/*
Theme Name: HotResumeJobs
Theme URI: https://hotresumejobs.com
Author: Dustin Harvey
Author URI: https://hotresumejobs.com
Description: Custom theme for HotResumeJobs — Certified Master Resume Writer. Includes landing page, advertorial, results, blog, and contact page templates.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 7.1
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: hotresumejobs
*/

/* ═══════════════════════════════════════════════
   DESIGN SYSTEM — HotResumeJobs V5
   ═══════════════════════════════════════════════ */

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
html,body{overflow-x:hidden;max-width:100vw;}
[id]{scroll-margin-top:80px;}
body{background:#FFFFFF;color:#2D2D2D;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{color:#E8A838;text-decoration:none;transition:color 0.2s;}
a:hover{color:#F5C563;}

/* ═══ TYPOGRAPHY ═══ */
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:800;color:#0D0F13;line-height:1.25;}
h1{font-size:2.4rem;margin-bottom:20px;}
h2{font-size:1.9rem;margin-bottom:24px;}
h3{font-size:1.3rem;margin-bottom:16px;}
p{font-size:1.02rem;line-height:1.85;margin-bottom:20px;color:#3a3d4a;}
p strong{color:#0D0F13;}
.gold{color:#E8A838;}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:#C78B1E;margin-bottom:14px;}

/* ═══ NAV ═══ */
.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,22,40,0.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,168,56,0.1);padding:0 24px;transition:transform 0.3s;}
.topbar-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 8px;}
.site-logo{font-family:'Playfair Display',serif;font-weight:900;font-size:1.12rem;color:#fff;text-decoration:none;}
.site-logo em{color:#E8A838;font-style:normal;}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-links a{font-size:0.82rem;font-weight:500;color:#9BA3C2;text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:#fff;}
.nav-cta{background:#E8A838;color:#0D0F13 !important;font-weight:700;font-size:0.76rem;padding:9px 18px;border-radius:6px;text-decoration:none;text-transform:uppercase;letter-spacing:0.04em;transition:background 0.2s;}
.nav-cta:hover{background:#F5C563;color:#0D0F13 !important;}
.nav-phone{font-size:0.78rem;font-weight:600;color:#E8A838 !important;text-decoration:none;white-space:nowrap;}

/* Mobile nav */
.mob-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.mob-toggle span{display:block;width:22px;height:2px;background:#9BA3C2;margin:5px 0;transition:0.3s;}
.mob-nav{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#0A1628;z-index:999;padding:24px;overflow-y:auto;}
.mob-nav.open{display:block;}
.mob-nav a{display:block;padding:14px 0;color:#9BA3C2;font-size:1rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.05);}
.mob-nav .mob-cta{display:block;text-align:center;margin-top:20px;background:#E8A838;color:#0D0F13;font-weight:700;padding:14px;border-radius:8px;text-decoration:none;text-transform:uppercase;}
.mob-nav .mob-phone{display:block;text-align:center;margin-top:16px;padding:14px;color:#E8A838;font-size:0.88rem;font-weight:600;text-decoration:none;border:1px solid rgba(232,168,56,0.3);border-radius:8px;}

/* ═══ BUTTONS ═══ */
.cta-btn{display:inline-block;background:#E8A838;color:#0D0F13;font-weight:700;font-size:0.9rem;padding:16px 36px;border-radius:8px;text-decoration:none;text-transform:uppercase;letter-spacing:0.04em;transition:all 0.25s;box-shadow:0 4px 16px rgba(232,168,56,0.25);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;}
.cta-btn:hover{background:#F5C563;color:#0D0F13;transform:translateY(-2px);box-shadow:0 8px 28px rgba(232,168,56,0.35);}

/* ═══ SECTIONS ═══ */
.sec{padding:72px 24px;}
.sec-inner{max-width:720px;margin:0 auto;}
.sec-wide{max-width:1100px;margin:0 auto;}
.sec-white{background:#FFFFFF;}
.sec-light{background:#F9F8F6;}
.sec-dark{background:linear-gradient(180deg,#0A1628,#111D30);color:#9BA3C2;}
.sec-dark h2{color:#fff;}
.sec-dark p{color:#9BA3C2;}
.sec-dark p strong{color:#fff;}
hr.rule{border:none;height:3px;width:48px;background:#E8A838;margin:44px 0;border-radius:2px;}

/* ═══ FOOTER ═══ */
.site-footer{background:#0A1628;padding:48px 24px 0;border-top:1px solid rgba(232,168,56,0.1);}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;}
.footer-brand p{font-size:0.8rem;color:#6B7394;line-height:1.7;margin-top:12px;}
.site-footer h4{font-size:0.68rem;font-weight:700;color:#6B7394;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:16px;}
.site-footer a{display:block;font-size:0.82rem;color:#9BA3C2;text-decoration:none;padding:3px 0;transition:color 0.2s;}
.site-footer a:hover{color:#E8A838;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-bottom p,.footer-bottom a{font-size:0.72rem;color:#6B7394;text-decoration:none;}
.footer-bottom a:hover{color:#E8A838;}

/* ═══ BLOG ═══ */
.blog-wrap{max-width:1100px;margin:0 auto;padding:100px 24px 60px;display:grid;grid-template-columns:1fr 340px;gap:48px;}
.blog-main{min-width:0;}
.blog-sidebar{min-width:0;}
.post-card{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #eee;}
.post-card:last-child{border-bottom:none;}
.post-card .post-meta{font-size:0.78rem;color:#6B7394;margin-bottom:8px;}
.post-card .post-meta a{color:#C78B1E;}
.post-card h2{font-size:1.5rem;margin-bottom:10px;}
.post-card h2 a{color:#0D0F13;text-decoration:none;}
.post-card h2 a:hover{color:#E8A838;}
.post-card .post-excerpt{font-size:0.95rem;color:#3a3d4a;line-height:1.75;margin-bottom:14px;}
.post-card .read-more{font-size:0.85rem;font-weight:700;color:#E8A838;text-transform:uppercase;letter-spacing:0.04em;}

/* Single post */
.single-wrap{max-width:1100px;margin:0 auto;padding:100px 24px 60px;display:grid;grid-template-columns:1fr 340px;gap:48px;}
.single-main{min-width:0;}
.single-main .entry-title{font-size:2rem;margin-bottom:16px;}
.single-main .entry-meta{font-size:0.82rem;color:#6B7394;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #eee;}
.single-main .entry-content{font-size:1.02rem;line-height:1.85;color:#3a3d4a;}
.single-main .entry-content h2{font-size:1.4rem;margin:36px 0 14px;}
.single-main .entry-content h3{font-size:1.15rem;margin:28px 0 10px;}
.single-main .entry-content p{margin-bottom:20px;}
.single-main .entry-content ul,.single-main .entry-content ol{margin:0 0 20px 24px;color:#3a3d4a;}
.single-main .entry-content li{margin-bottom:8px;line-height:1.7;}
.single-main .entry-content img{border-radius:10px;margin:24px 0;}
.single-main .entry-content blockquote{border-left:4px solid #E8A838;padding:16px 24px;margin:28px 0;background:#F9F8F6;border-radius:0 10px 10px 0;}

/* Sidebar */
.sidebar-widget{margin-bottom:36px;background:#F9F8F6;border-radius:14px;padding:24px;border:1px solid rgba(0,0,0,0.04);}
.sidebar-widget h3{font-size:0.9rem;margin-bottom:14px;}
.sidebar-widget ul{list-style:none;padding:0;}
.sidebar-widget li{padding:6px 0;font-size:0.88rem;border-bottom:1px solid rgba(0,0,0,0.04);}
.sidebar-widget li:last-child{border-bottom:none;}
.sidebar-widget a{color:#3a3d4a;text-decoration:none;}
.sidebar-widget a:hover{color:#E8A838;}
.sidebar-cta{background:#0A1628;border-radius:14px;padding:28px;text-align:center;}
.sidebar-cta h3{color:#fff;font-size:1rem;margin-bottom:10px;}
.sidebar-cta p{color:#9BA3C2;font-size:0.85rem;margin-bottom:16px;}
.sidebar-cta .cta-btn{font-size:0.8rem;padding:12px 24px;}

/* Pagination */
.pagination{display:flex;gap:8px;margin-top:40px;}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:0.88rem;font-weight:600;border:1px solid #eee;color:#3a3d4a;text-decoration:none;transition:all 0.2s;}
.pagination a:hover{border-color:#E8A838;color:#E8A838;}
.pagination .current{background:#E8A838;color:#0D0F13;border-color:#E8A838;}

/* ═══ RESPONSIVE ═══ */
@media(max-width:900px){
  .blog-wrap,.single-wrap{grid-template-columns:1fr;gap:32px;}
  .blog-sidebar{order:2;}
}
@media(max-width:768px){
  .nav-links{display:none;}
  .mob-toggle{display:block;}
  h1{font-size:1.9rem;}
  h2{font-size:1.55rem;}
  .sec{padding:52px 16px;}
  .footer-grid{grid-template-columns:1fr !important;gap:24px;}
  .blog-wrap,.single-wrap{padding:80px 16px 40px;}
}