/*
Theme Name: Amina Insights
Theme URI: https://aminainsights.com
Author: Amina Insights
Author URI: https://aminainsights.com
Description: A premium, lightweight, SEO-friendly WordPress blogging and personal brand theme for digital marketing and SEO experts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amina-insights
Tags: blog, custom-logo, responsive-layout, seo, marketing, two-columns, featured-images
*/

:root {
  --ai-navy: #071A2D;
  --ai-navy-2: #0B2742;
  --ai-teal: #14B8A6;
  --ai-teal-dark: #0F9284;
  --ai-gold: #D8B45A;
  --ai-white: #FFFFFF;
  --ai-muted: #64748B;
  --ai-bg: #F7FAFC;
  --ai-border: #E2E8F0;
  --ai-card: #FFFFFF;
  --ai-radius: 22px;
  --ai-shadow: 0 18px 45px rgba(7, 26, 45, 0.10);
  --ai-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ai-navy);
  background: var(--ai-bg);
  line-height: 1.75;
  font-size: 16px;
}
img { max-width: 100%; height: auto; border-radius: 16px; }
a { color: var(--ai-teal-dark); text-decoration: none; }
a:hover { color: var(--ai-navy); }
h1, h2, h3, h4 {
  font-family: Manrope, Inter, system-ui, sans-serif;
  line-height: 1.15;
  color: var(--ai-navy);
  margin-top: 0;
}
h1 { font-size: clamp(2.3rem, 5vw, 4.7rem); letter-spacing: -0.055em; }
h2 { font-size: clamp(1.8rem, 3vw, 3rem); letter-spacing: -0.04em; }
h3 { font-size: 1.35rem; }
p { margin-top: 0; }
.container { max-width: var(--ai-max); margin: 0 auto; padding: 0 22px; }
.skip-link {
  position: absolute; left: -999px; top: auto;
}
.skip-link:focus {
  left: 16px; top: 16px; z-index: 9999;
  background: var(--ai-white); padding: 8px 12px; border-radius: 8px;
}
.site-header {
  position: sticky; top: 0; z-index: 999;
  background: rgba(7, 26, 45, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.header-inner {
  min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.brand { display: flex; align-items: center; gap: 12px; color: var(--ai-white); font-weight: 850; font-size: 1.18rem; letter-spacing: -0.02em; }
.logo-mark {
  width: 42px; height: 42px; border-radius: 14px;
  background: linear-gradient(135deg, var(--ai-teal), var(--ai-gold));
  display: grid; place-items: center; color: var(--ai-navy); font-weight: 950;
}
.nav-toggle { display:none; background:transparent; color:white; border:1px solid rgba(255,255,255,.25); padding:8px 12px; border-radius:10px; }
.primary-menu { display: flex; gap: 20px; align-items: center; list-style: none; margin: 0; padding: 0; }
.primary-menu a { color: rgba(255,255,255,.88); font-weight: 700; font-size: .95rem; }
.primary-menu a:hover { color: var(--ai-gold); }
.header-cta {
  background: var(--ai-teal); color: var(--ai-navy) !important; padding: 10px 16px;
  border-radius: 999px; font-weight: 900; box-shadow: 0 10px 25px rgba(20,184,166,.25);
}
.hero {
  position: relative;
  padding: 92px 0 70px;
  background:
    radial-gradient(circle at top right, rgba(20,184,166,.28), transparent 34%),
    linear-gradient(135deg, #071A2D 0%, #0B2742 62%, #0A3340 100%);
  color: var(--ai-white);
  overflow: hidden;
}
.hero:after {
  content:""; position:absolute; inset:auto -80px -120px auto; width:360px; height:360px;
  background: rgba(216,180,90,.16); border-radius:50%; filter: blur(8px);
}
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 46px; align-items: center; position: relative; z-index: 1; }
.eyebrow { color: var(--ai-gold); text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 900; }
.hero h1, .hero p { color: var(--ai-white); }
.hero p { font-size: 1.18rem; max-width: 680px; color: rgba(255,255,255,.82); }
.btn-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 22px; border-radius: 999px; font-weight: 900; border: 2px solid transparent;
}
.btn-primary { background: var(--ai-teal); color: var(--ai-navy); }
.btn-secondary { color: var(--ai-white); border-color: rgba(255,255,255,.25); }
.hero-card {
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.15);
  padding: 28px; border-radius: 30px; box-shadow: 0 24px 70px rgba(0,0,0,.2);
}
.metric-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top: 20px; }
.metric { background: rgba(255,255,255,.1); padding:18px; border-radius:18px; color:white; }
.metric strong { font-size: 1.6rem; display:block; color: var(--ai-gold); }
.section { padding: 76px 0; }
.section.white { background: var(--ai-white); }
.section-head { max-width: 760px; margin-bottom: 36px; }
.section-head p { color: var(--ai-muted); font-size: 1.05rem; }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.grid-2 { display:grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.card, .post-card, .service-card {
  background: var(--ai-card); border: 1px solid var(--ai-border); border-radius: var(--ai-radius);
  padding: 26px; box-shadow: var(--ai-shadow);
}
.service-icon {
  width: 48px; height: 48px; border-radius: 16px;
  background: rgba(20,184,166,.12); color: var(--ai-teal-dark);
  display:grid; place-items:center; font-weight:950; margin-bottom: 14px;
}
.post-card { padding: 0; overflow: hidden; }
.post-card .thumb { aspect-ratio: 16/9; background: linear-gradient(135deg, rgba(20,184,166,.3), rgba(216,180,90,.32)); border-radius: 0; }
.post-card-content { padding: 24px; }
.post-meta { color: var(--ai-muted); font-size: .88rem; font-weight: 700; margin-bottom: 8px; }
.badge {
  display:inline-flex; padding: 5px 10px; border-radius:999px; font-size:.76rem; font-weight:900;
  background: rgba(216,180,90,.18); color: #7A5B12; margin-bottom: 12px;
}
.newsletter {
  background: linear-gradient(135deg, var(--ai-navy), var(--ai-navy-2));
  color:white; border-radius: 32px; padding: 42px; display:grid; grid-template-columns: 1.1fr .9fr; gap: 28px; align-items:center;
}
.newsletter h2, .newsletter p { color:white; }
.newsletter form { display:flex; gap: 10px; }
input, textarea {
  width:100%; padding: 14px 16px; border-radius: 14px; border:1px solid var(--ai-border); font: inherit;
}
textarea { min-height: 150px; }
.newsletter input { border:0; }
.newsletter button, .submit-btn {
  border:0; background: var(--ai-teal); color: var(--ai-navy); border-radius:14px; padding:14px 18px; font-weight:900; cursor:pointer;
}
.site-main { padding: 62px 0; }
.content-sidebar { display:grid; grid-template-columns:minmax(0, 1fr) 320px; gap: 34px; align-items:start; }
.sidebar .widget { background:white; border:1px solid var(--ai-border); border-radius:22px; padding:22px; margin-bottom:20px; }
.article {
  background:white; border:1px solid var(--ai-border); border-radius:28px; padding: clamp(24px, 5vw, 48px);
  box-shadow: var(--ai-shadow);
}
.article h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
.toc, .author-box, .share-box, .affiliate-box, .adsense-box, .related-posts {
  border:1px solid var(--ai-border); border-radius:20px; padding:20px; background:#FBFDFF; margin: 28px 0;
}
.adsense-box { text-align:center; color:var(--ai-muted); border-style:dashed; min-height: 110px; display:grid; place-items:center; }
.affiliate-box { border-left: 5px solid var(--ai-gold); }
.page-hero {
  background: linear-gradient(135deg, var(--ai-navy), var(--ai-navy-2));
  padding: 68px 0; color:white;
}
.page-hero h1, .page-hero p { color:white; }
.footer {
  background: var(--ai-navy); color: rgba(255,255,255,.78); padding: 54px 0 24px;
}
.footer h3 { color:white; }
.footer-grid { display:grid; grid-template-columns: 1.2fr .8fr .8fr .8fr; gap: 26px; }
.footer a { color: rgba(255,255,255,.82); display:block; margin:7px 0; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:34px; padding-top:18px; font-size:.9rem; }
.testimonial { position:relative; }
.testimonial:before { content:"“"; color:var(--ai-gold); font-size:4rem; line-height:1; position:absolute; top:10px; right:22px; opacity:.5; }

@media (max-width: 900px) {
  .hero-grid, .grid-3, .grid-2, .newsletter, .content-sidebar, .footer-grid { grid-template-columns: 1fr; }
  .nav-toggle { display:block; }
  .primary-menu {
    display:none; position:absolute; left:22px; right:22px; top:76px; background:var(--ai-navy-2);
    padding:18px; border-radius:18px; flex-direction:column; align-items:flex-start;
  }
  .primary-menu.is-open { display:flex; }
  .newsletter form { flex-direction:column; }
}
@media (max-width: 560px) {
  .hero { padding: 64px 0 48px; }
  .section { padding: 52px 0; }
  .metric-grid { grid-template-columns:1fr; }
  .btn { width:100%; }
}