/*
Theme Name: Resume Builder Theme
Theme URI: https://example.com/
Author: OpenAI
Description: Clean WordPress theme for a resume builder website with slider, profession search, HTML resume template manager integration, blog, and mobile-first layout.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: resume-builder-theme
*/

:root{--rb-blue:#0b5ed7;--rb-dark:#0f2742;--rb-bg:#f6f9fc;--rb-text:#1d2a39;--rb-muted:#6c7a89;--rb-border:#e3e9f0}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--rb-text);background:#fff}a{text-decoration:none;color:inherit}.rb-wrap{width:min(1180px,92%);margin:auto}.rb-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;background:var(--rb-blue);color:#fff;font-weight:700;border:0}.rb-btn.secondary{background:#fff;color:var(--rb-blue);border:1px solid var(--rb-blue)}
.rb-topbar{background:var(--rb-dark);color:#fff;padding:9px 0;font-size:14px;text-align:center}.rb-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--rb-border)}.rb-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}.rb-brand{font-size:22px;font-weight:800;color:var(--rb-dark)}.rb-menu{display:flex;gap:24px;align-items:center}.rb-menu a{font-weight:600;color:#334155}.rb-menu-toggle{display:none;background:none;border:0;font-size:28px}
.rb-hero{background:linear-gradient(135deg,#f7fbff,#eef5ff);padding:58px 0}.rb-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.rb-hero h1{font-size:52px;line-height:1.06;margin:0 0 16px;color:var(--rb-dark)}.rb-hero p{font-size:19px;line-height:1.6;color:var(--rb-muted);margin:0 0 24px}.rb-actions{display:flex;gap:12px;flex-wrap:wrap}.rb-slider-shell{background:#fff;border:1px solid var(--rb-border);border-radius:18px;min-height:360px;box-shadow:0 16px 44px rgba(15,39,66,.08);overflow:hidden;display:flex;align-items:center;justify-content:center}.rb-fallback-slide{padding:36px;text-align:center}.rb-fallback-slide strong{font-size:26px;color:var(--rb-dark)}
.rb-section{padding:64px 0}.rb-section.alt{background:var(--rb-bg)}.rb-section h2{font-size:34px;margin:0 0 12px;color:var(--rb-dark)}.rb-section-lead{color:var(--rb-muted);margin:0 0 28px}.rb-search{display:flex;gap:10px;background:#fff;border:1px solid var(--rb-border);padding:10px;border-radius:14px}.rb-search input{flex:1;border:0;outline:0;font-size:17px;padding:10px}.rb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rb-card{background:#fff;border:1px solid var(--rb-border);border-radius:14px;padding:22px;box-shadow:0 8px 24px rgba(15,39,66,.05)}.rb-card h3{margin:0 0 8px}.rb-template-placeholder{aspect-ratio:210/297;background:linear-gradient(160deg,#eef5ff,#fff);border:1px dashed #b9c7d8;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7c8f;font-weight:700;margin-bottom:12px}.rb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rb-step-num{width:36px;height:36px;border-radius:50%;background:var(--rb-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}.rb-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rb-footer{background:var(--rb-dark);color:#dbe7f5;padding:36px 0;margin-top:20px}.rb-footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
@media(max-width:900px){.rb-menu-toggle{display:block}.rb-menu{display:none;position:absolute;left:4%;right:4%;top:70px;background:#fff;border:1px solid var(--rb-border);border-radius:12px;padding:14px;flex-direction:column;align-items:stretch}.rb-menu.open{display:flex}.rb-hero-grid{grid-template-columns:1fr}.rb-hero h1{font-size:40px}.rb-grid{grid-template-columns:repeat(2,1fr)}.rb-steps,.rb-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.rb-hero{padding:36px 0}.rb-hero h1{font-size:34px}.rb-hero p{font-size:16px}.rb-slider-shell{min-height:240px}.rb-grid,.rb-steps,.rb-blog-grid{grid-template-columns:1fr}.rb-section{padding:46px 0}.rb-search{flex-direction:column}.rb-search .rb-btn{width:100%}}