/*
Theme Name: AIVERSEO
Theme URI: https://aiverseo.com
Author: AIVERSEO
Description: A polished WordPress showcase theme for projects created with AI.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: aiverseo
*/

:root{
  --av-bg:#07111f;
  --av-bg2:#0b1730;
  --av-ink:#0b1324;
  --av-muted:#657085;
  --av-line:#e7ebf2;
  --av-surface:#ffffff;
  --av-soft:#f5f7fb;
  --av-violet:#7357ff;
  --av-cyan:#48c7ff;
  --av-radius:24px;
  --av-shadow:0 18px 50px rgba(12,22,45,.10);
  --av-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--av-ink);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.av-wrap{width:min(calc(100% - 40px),var(--av-max));margin-inline:auto}
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:999px;padding:14px 20px;font-weight:750;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.av-btn:hover{transform:translateY(-1px)}
.av-btn-primary{background:linear-gradient(135deg,var(--av-violet),var(--av-cyan));color:#fff;box-shadow:0 10px 28px rgba(94,99,255,.26)}
.av-btn-light{background:#fff;color:#111827;border-color:#dfe5ee}
.av-btn-dark{background:#0c1528;color:#fff}
.av-chip{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#f1f4f8;color:#4c5668;font-size:.82rem;font-weight:650}
.av-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800;color:#9cc4ff}
.av-section{padding:64px 0}
.av-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.av-section-title h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0;letter-spacing:-.04em}
.av-section-title p{color:var(--av-muted);margin:.4rem 0 0}

/* Header */
.av-header{position:sticky;top:0;z-index:50;background:rgba(6,16,30,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:white}
.av-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.av-brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.av-logo-mark{width:43px;height:43px;position:relative;display:grid;place-items:center}
.av-logo-orb{width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#8fe8ff 0,#7357ff 42%,#1c2855 72%,#070c18 100%);box-shadow:0 0 25px rgba(83,162,255,.55)}
.av-logo-ring{position:absolute;width:42px;height:15px;border:4px solid transparent;border-top-color:#8fe8ff;border-bottom-color:#7758ff;border-radius:50%;transform:rotate(-18deg);filter:drop-shadow(0 0 6px rgba(120,97,255,.45))}
.av-wordmark{font-size:1.28rem;letter-spacing:.28em;font-weight:650}
.av-menu{display:flex;align-items:center;gap:26px;font-size:.92rem;color:#d8dfed}
.av-menu a:hover{color:#fff}
.av-nav-actions{display:flex;align-items:center;gap:10px}
.av-mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}

/* Hero */
.av-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 40%,rgba(75,124,255,.32),transparent 28%),linear-gradient(140deg,#06101e 0%,#081425 42%,#0b1c3a 100%);min-height:610px}
.av-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:42px 42px;opacity:.12;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.av-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:76px 0 64px}
.av-hero h1{font-size:clamp(3rem,6.5vw,6.2rem);line-height:.95;letter-spacing:-.065em;margin:16px 0 22px;max-width:820px}
.av-gradient-text{background:linear-gradient(90deg,#dfe9ff 0%,#7d66ff 50%,#49d6ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.av-hero-copy{font-size:1.16rem;color:#ccd5e4;max-width:680px}
.av-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.av-price-note{display:flex;gap:10px;flex-wrap:wrap;color:#aab7ca;font-size:.9rem}
.av-price-note strong{color:#fff}
.av-cosmic{position:relative;min-height:430px}
.av-planet{position:absolute;width:430px;height:430px;border-radius:50%;right:-36px;top:10px;background:radial-gradient(circle at 34% 28%,#8bd6ff 0 3%,#376cae 14%,#16345c 38%,#0b1a33 68%,#020817 100%);box-shadow:-38px 0 90px rgba(56,117,255,.28),inset -55px -35px 90px rgba(0,0,0,.55);overflow:hidden}
.av-planet:before{content:"";position:absolute;inset:11%;border-radius:50%;background:repeating-radial-gradient(ellipse at 28% 58%,rgba(91,198,255,.32) 0 2px,transparent 3px 15px);transform:rotate(-18deg);opacity:.75}
.av-orbit{position:absolute;width:510px;height:126px;border:2px solid rgba(145,183,255,.38);border-radius:50%;right:-72px;top:158px;transform:rotate(-15deg);box-shadow:0 0 20px rgba(98,124,255,.16)}
.av-hero-stats{position:absolute;bottom:10px;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.av-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);border-radius:18px;padding:16px}
.av-stat strong{font-size:1.45rem;display:block}
.av-stat span{color:#aab7ca;font-size:.8rem}

/* Filters */
.av-filterbar{position:relative;margin-top:-22px;z-index:5}
.av-filter-inner{background:#fff;box-shadow:var(--av-shadow);border:1px solid var(--av-line);border-radius:22px;padding:12px;display:flex;gap:10px;overflow:auto}
.av-filter-inner a{white-space:nowrap}
.av-filter-inner .active{background:#0b1324;color:#fff}

/* Cards */
.av-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.av-project-card{background:#fff;border:1px solid var(--av-line);border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(28,39,72,.06);transition:.2s ease;min-width:0}
.av-project-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(28,39,72,.12)}
.av-project-media{aspect-ratio:16/10;background:linear-gradient(145deg,#0a1326,#192b57);position:relative;overflow:hidden}
.av-project-media img{width:100%;height:100%;object-fit:cover}
.av-project-placeholder{width:100%;height:100%;display:grid;place-items:center;color:white;background:radial-gradient(circle at 65% 30%,rgba(83,117,255,.5),transparent 30%),linear-gradient(145deg,#07111f,#14294a)}
.av-project-placeholder span{font-size:1.35rem;letter-spacing:.16em;font-weight:650}
.av-featured-badge{position:absolute;top:12px;left:12px;background:#ffd86b;color:#4d3600;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}
.av-project-body{padding:17px}
.av-project-body h3{font-size:1.08rem;margin:0 0 7px}
.av-project-body p{color:var(--av-muted);font-size:.92rem;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.av-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:#7c8798;font-size:.8rem}
.av-tags{display:flex;gap:7px;flex-wrap:wrap}
.av-card-link{display:block}

/* Featured lead card */
.av-grid-featured{grid-template-columns:1.35fr repeat(3,1fr)}
.av-project-card.lead{grid-row:span 2;background:#07111f;color:#fff}
.av-project-card.lead .av-project-media{aspect-ratio:4/3}
.av-project-card.lead .av-project-body p{color:#bcc8d8}
.av-project-card.lead .av-meta{color:#9dacbf}

/* Banner */
.av-submit-band{position:relative;overflow:hidden;background:linear-gradient(110deg,#07111f 0%,#0c1a34 60%,#112d5a 100%);color:#fff}
.av-submit-band:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-180px;background:radial-gradient(circle,#5577ff,transparent 66%);opacity:.45}
.av-submit-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:54px 0}
.av-submit-inner h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 10px;letter-spacing:-.04em}
.av-submit-inner p{color:#c5d0df;margin:0;max-width:750px}

/* Search */
.av-searchbar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--av-line);border-radius:999px;padding:8px 9px 8px 17px;box-shadow:0 8px 30px rgba(9,18,40,.06);max-width:720px;margin:0 auto 34px}
.av-searchbar input{border:0;outline:0;flex:1;min-width:0;background:transparent}

/* Single */
.av-page-hero{background:linear-gradient(135deg,#07111f,#112a50);color:#fff;padding:72px 0}
.av-page-hero h1{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.055em;margin:0 0 16px}
.av-single{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:42px;padding:56px 0}
.av-single-main img{border-radius:26px;width:100%}
.av-single-main .content{font-size:1.06rem;color:#30394a}
.av-side-card{position:sticky;top:100px;border:1px solid var(--av-line);border-radius:22px;padding:22px;background:#fff;box-shadow:var(--av-shadow)}
.av-side-card dl{margin:20px 0}
.av-side-card dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#8b95a5;margin-top:14px}
.av-side-card dd{margin:3px 0 0;font-weight:700}

/* Submit form */
.av-form-shell{max-width:850px;margin:48px auto;background:#fff;border:1px solid var(--av-line);border-radius:26px;box-shadow:var(--av-shadow);padding:30px}
.av-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.av-field{display:flex;flex-direction:column;gap:7px}
.av-field.full{grid-column:1/-1}
.av-field label{font-weight:750}
.av-field input,.av-field textarea,.av-field select{border:1px solid #dbe1ea;border-radius:14px;padding:13px 14px;outline:0;background:#fff}
.av-field input:focus,.av-field textarea:focus,.av-field select:focus{border-color:#7b69ff;box-shadow:0 0 0 3px rgba(123,105,255,.12)}
.av-pricing{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.av-price-card{border:1px solid var(--av-line);border-radius:18px;padding:18px;cursor:pointer}
.av-price-card strong{font-size:1.35rem;display:block}
.av-notice{border-radius:16px;padding:14px 16px;margin-bottom:20px}
.av-notice.success{background:#ecfdf3;color:#166534}
.av-notice.error{background:#fff1f2;color:#9f1239}

/* Footer */
.av-footer{background:#fff;border-top:1px solid var(--av-line);padding:34px 0}
.av-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;align-items:start}
.av-footer .av-wordmark{color:#111827}
.av-footer p{color:#7b8494;font-size:.9rem}
.av-footer-links{display:flex;gap:16px;flex-wrap:wrap;color:#5d6675;font-size:.9rem}

/* WP */
.screen-reader-text{position:absolute;left:-9999px}
.wp-caption{max-width:100%}
.alignwide{width:min(1100px,100%)}

@media(max-width:1040px){
  .av-menu{display:none}.av-mobile-toggle{display:block}.av-nav-actions .av-btn-light{display:none}
  .av-hero-grid{grid-template-columns:1fr}.av-cosmic{min-height:330px}.av-planet{width:340px;height:340px;right:5%}.av-orbit{width:400px;right:0}
  .av-grid,.av-grid-featured{grid-template-columns:repeat(2,1fr)}.av-project-card.lead{grid-row:auto}
  .av-single{grid-template-columns:1fr}.av-side-card{position:static}
}
@media(max-width:680px){
  .av-wrap{width:min(calc(100% - 24px),var(--av-max))}.av-nav{height:68px}.av-wordmark{font-size:1rem;letter-spacing:.2em}.av-logo-mark{width:36px;height:36px}
  .av-nav-actions .av-btn-primary{padding:10px 13px;font-size:.82rem}.av-hero-grid{padding:54px 0 46px}.av-hero h1{font-size:clamp(2.7rem,15vw,4.3rem)}
  .av-cosmic{min-height:270px}.av-planet{width:255px;height:255px;right:-15px}.av-orbit{width:320px;top:110px;right:-25px}.av-hero-stats{grid-template-columns:repeat(3,1fr)}.av-stat{padding:11px}.av-stat strong{font-size:1.1rem}.av-stat span{font-size:.7rem}
  .av-grid,.av-grid-featured{grid-template-columns:1fr}.av-section{padding:46px 0}.av-submit-inner{grid-template-columns:1fr}.av-form-grid,.av-pricing{grid-template-columns:1fr}.av-footer-grid{grid-template-columns:1fr}
}