/*
Theme Name: Moovly
Theme URI: https://www.moovly.com
Author: Moovly
Author URI: https://www.moovly.com
Description: Custom WordPress theme converted from the original moovly.com HTML site. Preserves original URLs, author credentials and SEO metadata (title, meta description, canonical). Brand colours navy #232d64 and magenta #dc1964, Rubik typography.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: moovly
*/

:root{
  --moovly-navy:#232d64;
  --moovly-magenta:#dc1964;
  --moovly-ink:#232d64;
  --moovly-grey:#5a6072;
  --moovly-light:#f5f7fb;
  --moovly-border:#e4e8f0;
  --moovly-radius:10px;
  --moovly-max:1180px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Rubik","Roboto",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--moovly-ink);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
a{color:var(--moovly-magenta);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:"Rubik",sans-serif;color:var(--moovly-navy);line-height:1.2;font-weight:600}
h1{font-size:2.5rem;margin:.2em 0 .5em}
h2{font-size:1.9rem;margin:1.4em 0 .5em}
h3{font-size:1.35rem;margin:1.2em 0 .4em}
.container{max-width:var(--moovly-max);margin:0 auto;padding:0 20px}
/* header */
.site-header{border-bottom:1px solid var(--moovly-border);position:sticky;top:0;background:#fff;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:74px}
.site-logo img{height:38px;width:auto}
.main-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{color:var(--moovly-navy);font-weight:500;font-size:.95rem}
.btn{display:inline-block;background:var(--moovly-magenta);color:#fff!important;padding:11px 22px;border-radius:var(--moovly-radius);font-weight:600;text-decoration:none!important;border:none;cursor:pointer}
.btn:hover{background:#c0134f}
.btn-outline{background:transparent;color:var(--moovly-navy)!important;border:2px solid var(--moovly-navy)}
.nav-cta{display:flex;gap:12px;align-items:center}
/* hero / page */
.page-hero{background:linear-gradient(135deg,#232d64 0%,#3a4590 100%);color:#fff;padding:60px 0}
.page-hero h1{color:#fff}
.page-hero .lead{font-size:1.2rem;opacity:.9;max-width:720px}
.content-area{padding:50px 0}
article.entry{max-width:820px;margin:0 auto}
.entry-meta{color:var(--moovly-grey);font-size:.9rem;margin-bottom:24px}
.entry-meta a{color:var(--moovly-grey)}
.entry-content p{margin:0 0 1.1em}
.entry-content ul{margin:0 0 1.1em 1.2em}
.entry-content img{border-radius:var(--moovly-radius);margin:1.2em 0}
/* cards / archive */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.card{border:1px solid var(--moovly-border);border-radius:var(--moovly-radius);overflow:hidden;background:#fff;transition:box-shadow .2s}
.card:hover{box-shadow:0 8px 30px rgba(35,45,100,.12)}
.card .card-body{padding:20px}
.card h3{margin-top:0;font-size:1.15rem}
.card .excerpt{color:var(--moovly-grey);font-size:.92rem}
/* footer */
.site-footer{background:var(--moovly-navy);color:#c9cfe6;padding:50px 0 30px;margin-top:60px}
.site-footer a{color:#c9cfe6}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px;margin-bottom:30px}
.site-footer h4{color:#fff;font-size:1rem}
.site-footer ul{list-style:none;padding:0;margin:0;line-height:2}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:.85rem;opacity:.8}
.breadcrumbs{font-size:.85rem;color:var(--moovly-grey);padding:14px 0}
.breadcrumbs a{color:var(--moovly-grey)}
@media(max-width:860px){.main-nav{display:none}h1{font-size:1.9rem}}