/*
Theme Name: GPS Blog
Theme URI: https://gpsfinvest.com/
Author: GPS
Description: Custom theme with header, footer, blogs, pdf uploader plugin
Version: 1.0
*/

:root{
  --brand:#00b3b3; --brand-dark:#0c2440; --text:#2b2b2b;
  --muted:#6b6f76; --bg:#f3f7fc; --card:#fff; --ring:rgba(0,0,0,.06);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Navbar */
.nav-wrap{background:#fff;border-bottom:1px solid var(--ring);position:sticky;top:0;z-index:50}
.navbar{min-height:76px;display:flex;align-items:center;gap:24px}
.logo img{height:48px}
.nav-items{margin-left:auto;display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.nav-items a{text-decoration:none;color:#63676e;font-weight:500;padding:8px 2px;white-space:nowrap}
.nav-items a:hover{color:var(--brand)}
.caret::after{content:" ▾"}
.btn-grad{padding:10px 18px;border-radius:10px;color:#fff;text-decoration:none;font-weight:600;background:linear-gradient(90deg,#00b3b3,#3a7cff);box-shadow:0 6px 18px rgba(58,124,255,.28)}

/* Footer */
.footer{background:#182a44;color:#e9f2ff;padding:46px 0 22px;margin-top:30px;border-top:3px solid #1b3a5a}
.foot-grid{display:grid;grid-template-columns: 360px 1fr 1fr 1fr;gap:28px}
.foot-logo img{height:120px;opacity:.95}
.foot-title{color:#26cfd0;font-weight:600;margin:6px 0 14px}
.foot-links ul{list-style:none;margin:0;padding:0}
.foot-links li{margin:10px 0}
.foot-links a{color:#e9f2ff;text-decoration:none}
.foot-links a:hover{color:#26cfd0}
.contact .row{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.contact svg{flex:0 0 18px;margin-top:3px}
.copyright{margin-top:6px;color:#bcd0e8;font-size:14px}
.backtop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:#1e7bff;color:#fff;text-decoration:none;box-shadow:0 10px 20px rgba(30,123,255,.35)}
.backtop svg{width:20px;height:20px;fill:#fff}

/* Blogs template */
.gpsblogs .blog-hero{padding:18px 0 12px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.gpsblogs .blog-controls{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.blog-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;width:100%}
.input-wrap{display:flex;gap:10px;flex:1 1 420px}
.input-wrap input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #dfe6ef;outline:0;font-size:15px;background:#f8fbff}
.btn{background:linear-gradient(90deg,#00b3b3,#3a7cff);color:#fff;border:0;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(58,124,255,.25)}
.select-wrap select{padding:12px 14px;border-radius:10px;border:1px solid #dfe6ef;background:#fff;min-width:220px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 0 48px}
.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column}
.blog-card .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.blog-card .content{padding:16px 18px 18px}
.blog-card .title{margin:0 0 6px;font-size:20px;line-height:1.35}
.blog-card .title a{text-decoration:none;color:#222}
.blog-card .title a:hover{color:#00b3b3}
.blog-card .meta{color:#6d7480;font-size:12px;margin-bottom:10px}
.blog-card .excerpt{color:#475160;margin:0 0 12px}
.blog-card .read{color:#0b4fbf;text-decoration:none;font-weight:600}
.blog-card .read:hover{text-decoration:underline}
.pagination-wrap{text-align:center;padding-bottom:36px}
.pagination-wrap ul{display:inline-flex;gap:8px;list-style:none;padding:0;margin:0}
.pagination-wrap li a, .pagination-wrap li span{display:block;min-width:38px;padding:8px 12px;border-radius:8px;border:1px solid #dfe6ef;background:#fff;text-decoration:none;color:#333}
.pagination-wrap li .current{background:#00b3b3;color:#fff;border-color:#00b3b3}