/*
Theme Name: AI Tech Blog Pro Lite
Theme URI: https://aitechblog.site
Author: OpenAI
Author URI: https://openai.com
Description: Modern AI and tech blogging theme with editable homepage sections, automatic starter pages and menus, SEO-friendly structure, and clean blue-white branding.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ai-tech-blog
*/

:root{
  --atb-primary:#1E6DFF;
  --atb-primary-dark:#0A1F44;
  --atb-accent:#00B4FF;
  --atb-bg:#F5F9FF;
  --atb-text:#0B0F19;
  --atb-muted:#5E6B84;
  --atb-border:#DCE7F8;
  --atb-white:#FFFFFF;
  --atb-radius:20px;
  --atb-shadow:0 20px 50px rgba(8,31,75,.08);
  --atb-container:min(1180px, calc(100% - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--atb-text);background:#fff;line-height:1.65}
a{color:var(--atb-primary);text-decoration:none}
a:hover{color:var(--atb-primary-dark)}
img{max-width:100%;height:auto;display:block}
.container{width:var(--atb-container);margin:0 auto}
.screen-reader-text{position:absolute;left:-9999px}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:999}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(10,31,68,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.branding{display:flex;align-items:center;gap:14px;min-width:0}
.custom-logo-link img,.site-logo-fallback{width:52px;height:52px;border-radius:14px}
.site-logo-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--atb-primary-dark),var(--atb-primary));color:#fff;font-weight:800;box-shadow:var(--atb-shadow)}
.site-title-wrap{display:flex;flex-direction:column;min-width:0}
.site-title{font-size:1.25rem;font-weight:800;color:var(--atb-primary-dark);line-height:1.1}
.site-description{font-size:.92rem;color:var(--atb-muted)}
.nav-tools{display:flex;align-items:center;gap:14px}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.main-navigation li{position:relative}
.main-navigation a{display:block;padding:10px 14px;color:var(--atb-primary-dark);font-weight:600;border-radius:12px}
.main-navigation a:hover,.main-navigation .current-menu-item > a,.main-navigation .current_page_item > a{background:#EEF4FF;color:var(--atb-primary)}
.main-navigation ul ul{position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--atb-border);border-radius:16px;box-shadow:var(--atb-shadow);padding:10px;display:none;flex-direction:column;z-index:999}
.main-navigation ul li:hover > ul,.main-navigation ul li:focus-within > ul{display:flex}
.header-cta{padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,var(--atb-primary),var(--atb-accent));color:#fff;font-weight:700;box-shadow:0 14px 28px rgba(30,109,255,.25)}
.menu-toggle{display:none;background:var(--atb-primary-dark);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700}

.home-hero{background:radial-gradient(circle at 20% 20%, rgba(0,180,255,.18), transparent 35%),linear-gradient(135deg,#021431 0%, #062c72 52%, #0a5fe6 100%);color:#fff;padding:64px 0 42px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px}
.hero-content h1{font-size:clamp(2.2rem, 5vw, 4.4rem);line-height:1.02;margin:0 0 20px;font-weight:900;letter-spacing:-.03em}
.hero-content h1 .accent{color:#69d7ff}
.hero-content p{font-size:1.08rem;color:rgba(255,255,255,.88);max-width:650px;margin:0 0 22px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s ease}
.btn-primary{background:#fff;color:var(--atb-primary-dark)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.hero-stats{display:flex;gap:26px;flex-wrap:wrap}
.stat{display:flex;flex-direction:column}
.stat strong{font-size:1.5rem}
.stat span{font-size:.92rem;color:rgba(255,255,255,.8)}
.hero-visual{position:relative;min-height:450px}
.hero-card{position:absolute;inset:0;border-radius:32px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:var(--atb-shadow)}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(2,20,49,.08), rgba(2,20,49,.0))}
.hero-fallback{display:grid;place-items:center;height:100%;padding:40px;background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.03))}
.hero-fallback svg{width:min(80%,320px);opacity:.95}

.home-section{padding:62px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.section-title{font-size:2rem;line-height:1.1;margin:0;font-weight:900;color:var(--atb-primary-dark)}
.section-text{margin:0;color:var(--atb-muted);max-width:680px}
.card-grid{display:grid;gap:20px}
.grid-6{grid-template-columns:repeat(6,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2-1{grid-template-columns:1.75fr .95fr;align-items:start}

.surface{background:#fff;border:1px solid var(--atb-border);border-radius:var(--atb-radius);box-shadow:var(--atb-shadow)}
.category-card{padding:26px 18px;text-align:center;height:100%}
.category-icon{width:56px;height:56px;border-radius:18px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(180deg,#EFF5FF,#DDEBFF);color:var(--atb-primary);font-weight:900;font-size:1.3rem}
.category-card h3{margin:0 0 10px;font-size:1.1rem;color:var(--atb-primary-dark)}
.category-card p{margin:0 0 12px;color:var(--atb-muted);font-size:.95rem}
.text-link{font-weight:800}

.post-card{overflow:hidden;height:100%}
.post-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#052b67,#0b75ff);position:relative}
.post-thumb img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:14px;left:14px;background:var(--atb-primary);color:#fff;padding:6px 10px;border-radius:99px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.post-card-body{padding:20px}
.post-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--atb-muted);font-size:.88rem;margin:0 0 10px}
.post-card h3{margin:0 0 10px;font-size:1.35rem;line-height:1.25;color:var(--atb-primary-dark)}
.post-card p{margin:0;color:var(--atb-muted)}

.latest-list{padding:16px}
.latest-item{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:14px;border-radius:18px}
.latest-item + .latest-item{border-top:1px solid var(--atb-border)}
.latest-item .thumb{aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#052b67,#0b75ff)}
.latest-item h3{margin:0 0 8px;font-size:1.18rem;line-height:1.3}
.sidebar-stack{display:grid;gap:18px}
.info-card{padding:24px}
.info-card h3{margin:0 0 12px;font-size:1.4rem;color:var(--atb-primary-dark)}
.author-mini{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}
.author-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#DDEBFF}
.newsletter{background:linear-gradient(135deg,#041b45,#0d4fd4);color:#fff;padding:30px;border-radius:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
.newsletter h3{margin:0 0 8px;font-size:1.7rem}
.newsletter p{margin:0;color:rgba(255,255,255,.85)}
.newsletter-form{display:flex;gap:12px;flex-wrap:wrap}
.newsletter input,.contact-preview input,.contact-preview textarea,.comment-form input,.comment-form textarea{width:100%;padding:14px 16px;border:1px solid var(--atb-border);border-radius:14px;font:inherit}
.newsletter input{flex:1;min-width:240px;border:none}
.contact-preview form{display:grid;gap:14px}

.site-main{padding:34px 0 64px}
.page-header,.archive-header{padding:28px 0 20px}
.page-title,.archive-title, .entry-title{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 12px;color:var(--atb-primary-dark)}
.page-intro,.archive-description{max-width:720px;color:var(--atb-muted);margin:0}
.content-grid{display:grid;grid-template-columns:1.8fr .9fr;gap:28px}
.article-card,.page-card{padding:28px}
.entry-content > *{max-width:100%}
.entry-content h2,.entry-content h3,.entry-content h4{color:var(--atb-primary-dark);line-height:1.2}
.entry-content p,.entry-content li{color:#24324a}
.breadcrumbs{font-size:.92rem;color:var(--atb-muted);margin-bottom:12px}
.breadcrumbs a{color:var(--atb-primary-dark)}
.post-navigation,.related-posts{margin-top:34px}
.sidebar .widget,.sidebar-box{padding:22px;background:#fff;border:1px solid var(--atb-border);border-radius:20px;box-shadow:var(--atb-shadow);margin-bottom:20px}
.sidebar h2,.sidebar h3{margin-top:0;color:var(--atb-primary-dark)}

.contact-layout,.author-layout,.about-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:28px}
.contact-preview,.author-box,.about-box{padding:28px}
.author-hero{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center}
.author-hero .author-avatar{width:130px;height:130px}

.site-footer{background:#03122d;color:#dce6fb;margin-top:40px}
.footer-top{padding:54px 0 28px;display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:24px}
.footer-top h3,.footer-top h4{margin:0 0 12px;color:#fff}
.footer-top p,.footer-top li,.footer-top a{color:#dce6fb}
.footer-links,.footer-top ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.95rem}
.tag-cloud{display:flex;gap:10px;flex-wrap:wrap}
.tag-chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08)}

.search-form{display:flex;gap:10px}.search-form input{flex:1;padding:12px 14px;border:1px solid var(--atb-border);border-radius:14px}.search-form button,.wp-block-search__button,button,input[type=submit]{padding:12px 18px;background:linear-gradient(135deg,var(--atb-primary),var(--atb-accent));border:none;border-radius:14px;color:#fff;font-weight:800;cursor:pointer}

@media (max-width: 1100px){
  .grid-6{grid-template-columns:repeat(3,1fr)}
  .grid-3,.grid-2-1,.content-grid,.contact-layout,.author-layout,.about-layout,.footer-top,.newsletter,.hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:360px}
}
@media (max-width: 820px){
  .menu-toggle{display:block}
  .main-navigation{display:none;position:absolute;left:16px;right:16px;top:82px;background:#fff;border:1px solid var(--atb-border);border-radius:18px;box-shadow:var(--atb-shadow);padding:14px}
  .main-navigation.toggled{display:block}
  .main-navigation ul{flex-direction:column;align-items:stretch}
  .main-navigation ul ul{position:static;display:block;box-shadow:none;border:none;padding:0 0 0 12px}
  .header-cta{display:none}
  .latest-item{grid-template-columns:1fr}
}
@media (max-width: 620px){
  .grid-6,.grid-3{grid-template-columns:1fr}
  .hero-content h1{font-size:2.3rem}
  .section-title{font-size:1.7rem}
  .hero-stats{gap:16px}
  .footer-bottom{font-size:.88rem}
}