/*
Theme Name: AIAA TechMap
Theme URI: https://example.com/
Author: Site Factory
Author URI: https://example.com/
Description: Clean, fast, SEO-focused directory/blog theme inspired by the European Tech Map layout. Optimized for WPAutoBlogs.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aiaa-techmap
Tags: blog, news, one-column, two-columns, custom-logo, custom-menu, featured-images, block-styles, wide-blocks
*/

:root{
  --aiaa-bg: #ffffff;
  --aiaa-text: #0f172a;
  --aiaa-muted: rgba(15,23,42,.72);
  --aiaa-border: rgba(15,23,42,.10);
  --aiaa-card: #ffffff;
  --aiaa-shadow: 0 18px 40px rgba(0,0,0,.06);
  --aiaa-radius: 22px;
  --aiaa-radius-sm: 16px;
  --aiaa-primary: #1a4fd0;
  --aiaa-primary-2: #0a2f7a;
  --aiaa-primary-3: #0b5ad9;
  --aiaa-max: 1200px;
}

/* Base */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;
  color:var(--aiaa-text);
  background:var(--aiaa-bg);
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto}
a{color:inherit}

.aiaa-wrap{max-width:var(--aiaa-max);margin:0 auto;padding:0 20px}

/* Skip link */
.aiaa-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.aiaa-skip:focus{left:20px;top:20px;width:auto;height:auto;background:#fff;padding:10px 12px;border-radius:10px;box-shadow:var(--aiaa-shadow);z-index:9999}

/* Header */
.aiaa-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,23,42,.06)}
.aiaa-header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.aiaa-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.aiaa-logo{width:34px;height:34px;display:block}
.aiaa-brand .custom-logo-link{display:inline-flex;align-items:center;line-height:0}
.aiaa-brand .custom-logo{max-height:44px;width:auto;height:auto;display:block}
.aiaa-site-name-only{font-weight:900;letter-spacing:-0.02em;font-size:18px;line-height:1.1}
.aiaa-site{display:flex;flex-direction:column;line-height:1.1}
.aiaa-site-name{font-weight:800;letter-spacing:-0.02em}
.aiaa-site-tag{font-size:12px;color:var(--aiaa-muted)}

.aiaa-nav{display:flex;align-items:center;gap:16px}
.aiaa-nav ul{display:flex;align-items:center;gap:18px;list-style:none;padding:0;margin:0}
.aiaa-nav a{text-decoration:none;color:rgba(15,23,42,.78);font-weight:600;font-size:14px}
.aiaa-nav a:hover{color:var(--aiaa-text)}

.aiaa-header-cta{display:flex;align-items:center;gap:10px}
.aiaa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.12);text-decoration:none;font-weight:700;font-size:14px;line-height:1;white-space:nowrap}
.aiaa-btn-primary{background:var(--aiaa-primary);border-color:rgba(26,79,208,.35);color:#fff}
.aiaa-btn-primary:hover{filter:brightness(1.03)}
.aiaa-btn-ghost{background:#fff}
.aiaa-btn-ghost:hover{background:rgba(15,23,42,.03)}

/* Mobile nav */
.aiaa-burger{display:none;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:10px;line-height:0}
.aiaa-burger svg{width:18px;height:18px}

@media (max-width: 880px){
  .aiaa-burger{display:inline-flex}
  .aiaa-nav{display:none;position:absolute;left:0;right:0;top:64px;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(15,23,42,.06);padding:14px 0}
  .aiaa-nav.is-open{display:block}
  .aiaa-nav ul{flex-direction:column;align-items:flex-start;gap:10px;padding:0 20px}
  .aiaa-header-cta{display:none}
}

/* Hero */
.aiaa-hero{
  position:relative;
  padding:86px 0 54px;
  color:#fff;
  background: radial-gradient(900px 420px at 60% 18%, rgba(255,255,255,.16), rgba(255,255,255,0) 60%),
              linear-gradient(180deg, var(--aiaa-primary) 0%, var(--aiaa-primary-2) 100%);
  overflow:hidden;
}
.aiaa-hero:before{
  content:"";
  position:absolute;
  inset:-2px;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity:.45;
  pointer-events:none;
}
.aiaa-hero-inner{position:relative}
.aiaa-hero h1{font-size:clamp(36px,4.8vw,64px);line-height:1.05;letter-spacing:-0.03em;margin:0 0 14px;font-weight:900}
.aiaa-hero h1 .aiaa-highlight{color:rgba(255,255,255,.86)}
.aiaa-hero p{margin:0 auto 22px;max-width:860px;color:rgba(255,255,255,.88);font-size:clamp(16px,1.55vw,20px)}

.aiaa-search{
  max-width:860px;
  margin:24px auto 16px;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:10px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.aiaa-search input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:16px;
  padding:12px 12px;
}
.aiaa-search input::placeholder{color:rgba(255,255,255,.68)}
.aiaa-search button{
  border:0;
  background:#fff;
  color:var(--aiaa-primary-2);
  font-weight:800;
  padding:12px 18px;
  border-radius:14px;
  cursor:pointer;
}

.aiaa-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;max-width:960px;margin:10px auto 0}
.aiaa-chips-split{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;max-width:960px;margin:10px auto 0}
.aiaa-chips-label{color:rgba(255,255,255,.78);font-weight:700;font-size:13px}
.aiaa-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff;text-decoration:none;font-weight:700;font-size:13px}
.aiaa-chip:hover{background:rgba(255,255,255,.14)}

.aiaa-hero-stats{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:22px auto 0;color:rgba(255,255,255,.88)}
.aiaa-stat{display:flex;align-items:center;gap:10px}
.aiaa-stat strong{font-size:18px}
.aiaa-stat span{color:rgba(255,255,255,.75);font-weight:700}

.aiaa-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.aiaa-hero-ctas .aiaa-btn{padding:12px 16px}
.aiaa-hero-ctas .aiaa-btn-primary{background:#fff;color:var(--aiaa-primary-2);border-color:rgba(255,255,255,.6)}
.aiaa-hero-ctas .aiaa-btn-primary:hover{background:rgba(255,255,255,.92)}
.aiaa-hero-ctas .aiaa-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}

/* Sections */
.aiaa-section{padding:44px 0}
.aiaa-section h2{font-size:26px;letter-spacing:-0.02em;margin:0 0 10px}
.aiaa-section p.lead{margin:0 0 18px;color:rgba(15,23,42,.68)}

.aiaa-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aiaa-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aiaa-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width: 980px){.aiaa-grid-4{grid-template-columns:repeat(2,1fr)}.aiaa-grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.aiaa-grid-4,.aiaa-grid-3,.aiaa-grid-2{grid-template-columns:1fr}}

.aiaa-card{background:var(--aiaa-card);border:1px solid var(--aiaa-border);border-radius:var(--aiaa-radius);box-shadow:var(--aiaa-shadow);overflow:hidden}
.aiaa-card-pad{padding:18px 18px}
.aiaa-card h3{margin:0 0 6px;font-size:16px;letter-spacing:-0.01em}
.aiaa-card p{margin:0;color:rgba(15,23,42,.72);font-size:14px}

/* Post cards */
.aiaa-post-card{display:flex;flex-direction:column;height:100%}
.aiaa-post-card .aiaa-media{aspect-ratio: 16/9;background:rgba(15,23,42,.04)}
.aiaa-post-card .aiaa-media img{width:100%;height:100%;object-fit:cover;display:block}
.aiaa-post-card .aiaa-body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;flex:1}
.aiaa-post-card .aiaa-title{margin:0;font-size:16px;line-height:1.25;letter-spacing:-0.01em}
.aiaa-post-card .aiaa-title a{text-decoration:none}
.aiaa-post-card .aiaa-title a:hover{text-decoration:underline}
.aiaa-post-card .aiaa-excerpt{color:rgba(15,23,42,.72);font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.aiaa-post-card .aiaa-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}
.aiaa-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:rgba(15,23,42,.02);font-weight:800;font-size:12px;color:rgba(15,23,42,.76)}
.aiaa-badge--primary{border-color:rgba(26,79,208,.18);background:rgba(26,79,208,.08);color:rgba(26,79,208,.95)}
.aiaa-meta time{font-size:12px;color:rgba(15,23,42,.56);font-weight:700}

/* Directory layout */
.aiaa-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start;padding:28px 0 44px}
@media (max-width: 980px){.aiaa-layout{grid-template-columns:1fr}}

.aiaa-sidebar{position:sticky;top:84px}
@media (max-width: 980px){.aiaa-sidebar{position:static;top:auto}}

.aiaa-filter{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--aiaa-radius);box-shadow:var(--aiaa-shadow);padding:16px}
.aiaa-filter h3{margin:0 0 12px;font-size:15px}
.aiaa-filter .aiaa-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.aiaa-filter label{font-size:12px;color:rgba(15,23,42,.62);font-weight:800}
.aiaa-filter input,.aiaa-filter select{border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:10px 12px;font-size:14px;outline:0;background:#fff}
.aiaa-filter input:focus,.aiaa-filter select:focus{border-color:rgba(26,79,208,.45);box-shadow:0 0 0 3px rgba(26,79,208,.12)}
.aiaa-filter .aiaa-filter-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.aiaa-filter .aiaa-filter-actions button{cursor:pointer}

.aiaa-mainhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.aiaa-mainhead h1,.aiaa-mainhead h2{margin:0;letter-spacing:-0.02em}
.aiaa-subtle{color:rgba(15,23,42,.62);font-weight:700}

.aiaa-archive-intro{margin-top:12px;display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.aiaa-archive-thumb{width:220px;max-width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(15,23,42,.08);box-shadow:var(--aiaa-shadow);background:rgba(15,23,42,.03)}
.aiaa-archive-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.aiaa-archive-intro p{margin:0;color:rgba(15,23,42,.72);font-size:15px;max-width:760px}

/* Single */
.aiaa-article{padding:26px 0 46px}
.aiaa-article header{margin-bottom:18px}
.aiaa-article h1{font-size:clamp(30px,3.3vw,44px);line-height:1.08;letter-spacing:-0.03em;margin:0 0 10px}
.aiaa-article .aiaa-byline{color:rgba(15,23,42,.62);font-weight:700;font-size:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.aiaa-termline{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;align-items:center}
.aiaa-article .aiaa-featured{border-radius:var(--aiaa-radius);overflow:hidden;border:1px solid rgba(15,23,42,.08);box-shadow:var(--aiaa-shadow);margin:18px 0}
.aiaa-article .entry-content{font-size:18px;line-height:1.75}
.aiaa-article .entry-content h2{margin-top:34px;letter-spacing:-0.02em}
.aiaa-article .entry-content h3{margin-top:28px;letter-spacing:-0.01em}
.aiaa-article .entry-content a{color:var(--aiaa-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

/* Pagination */
.aiaa-pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin:18px 0 0;flex-wrap:wrap}
.aiaa-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:#fff;text-decoration:none;font-weight:800;color:rgba(15,23,42,.78)}
.aiaa-pagination .page-numbers.current{background:rgba(26,79,208,.10);border-color:rgba(26,79,208,.22);color:rgba(26,79,208,.98)}

/* Footer */
.aiaa-footer{border-top:1px solid rgba(15,23,42,.08);padding:28px 0 44px;background:linear-gradient(180deg, rgba(15,23,42,.01), rgba(15,23,42,.02))}
.aiaa-footer .aiaa-footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
@media (max-width: 860px){.aiaa-footer .aiaa-footgrid{grid-template-columns:1fr}}
.aiaa-footer h3{margin:0 0 10px;font-size:14px}
.aiaa-footer a{text-decoration:none;color:rgba(15,23,42,.72);font-weight:700;font-size:13px}
.aiaa-footer a:hover{color:rgba(15,23,42,.95)}
.aiaa-copyright{margin-top:18px;color:rgba(15,23,42,.58);font-size:13px;font-weight:700}

/* WordPress defaults */
.alignwide{margin-left:auto;margin-right:auto;max-width:var(--aiaa-max)}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.wp-caption-text{font-size:13px;color:rgba(15,23,42,.62)}

/* Term cards (categories/brands overview) */
.aiaa-term-card .aiaa-term-thumb{aspect-ratio:16/9;background:rgba(15,23,42,.04);border-radius:16px;overflow:hidden;margin-bottom:10px}
.aiaa-term-card .aiaa-term-thumb img{width:100%;height:100%;object-fit:cover;display:block}