/*
Theme Name: Aura Prompt
Theme URI: https://auraprompt.in
Author: Aman Batham
Description: Clean, editorial AI prompt library theme for AuraPrompt.in.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aura-prompt
*/
/* AuraPrompt – custom CSS (paste into WordPress > Customize > Additional CSS) */
:root{--primary:#1a6fe0;--h:#1f2937;--body:#4b5563;--muted:#6b7280;--soft:#f3f6fb;--border:#e5e7eb;
--gbg:#f0fdf4;--gbd:#bbf7d0;--gtx:#15803d;--rbg:#fef2f2;--rbd:#fecaca;--rtx:#dc2626;--dark:#0b0b0b}
html{scroll-behavior:smooth}
body{font-family:'Inter',Roboto,sans-serif;color:var(--body);font-size:15px;line-height:1.7;background:#fff}
.ap-serif{font-family:'Lora',Merriweather,Georgia,serif}
.ap-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.ap-section{padding:32px 0}
.ap-h1{font-size:34px;font-weight:600;color:var(--h);line-height:1.25;text-align:center}
.ap-h2{font-size:26px;font-weight:700;color:var(--h);text-align:center;line-height:1.3}
.ap-sub{font-size:14px;color:var(--muted);text-align:center;margin:8px 0 28px}
.ap-blue{color:var(--primary);font-weight:700}
.ap-center p{text-align:center;font-size:14px;color:var(--muted);margin-bottom:14px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* header */
.ap-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.ap-logo{display:flex;align-items:center;gap:8px;font-size:20px}
.ap-mark{width:34px;height:34px;border:2px solid var(--primary);border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--primary)}
.ap-nav a,.ap-nav button{font-size:12.5px;font-weight:500;color:var(--h);padding:8px 12px;background:none;border:0;cursor:pointer}
.ap-nav a:hover,.ap-nav .active{color:var(--primary)}
.ap-dd{position:relative}
.ap-dd-panel{display:none;position:absolute;right:0;top:100%;min-width:210px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:6px}
.ap-dd:hover .ap-dd-panel,.ap-dd:focus-within .ap-dd-panel,.ap-dd.open .ap-dd-panel{display:block}
.ap-dd-panel a{display:block;border-radius:6px}
.ap-dd-panel a:hover{background:var(--soft)}
.ap-burger{display:none;background:none;border:0;font-size:26px}
@media(max-width:860px){
 .ap-burger{display:block}
 .ap-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border);padding:8px 20px;flex-direction:column}
 .ap-nav.show{display:flex}
 .ap-dd-panel{position:static;box-shadow:none;border:0}
 .ap-h1{font-size:24px}.ap-h2{font-size:21px}
}

/* hero */
.ap-search{display:flex;max-width:720px;margin:0 auto;border:1.5px solid var(--primary);border-radius:999px;overflow:hidden}
.ap-search input{flex:1;padding:12px 20px;border:0;font-size:14px;outline:none}
.ap-btn{background:var(--primary);color:#fff;font-size:13px;font-weight:600;padding:10px 22px;border-radius:7px;border:0;cursor:pointer;transition:background .15s}
.ap-btn:hover{background:#1558b8}
.ap-search .ap-btn{border-radius:0}
.ap-cursor{display:inline-block;width:2px;height:1em;background:var(--primary);margin:0 6px;vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.ap-cursor{animation:none}html{scroll-behavior:auto}}
.ap-strip{display:flex;gap:12px;justify-content:center;overflow-x:auto;padding-bottom:6px}
.ap-strip img{width:112px;aspect-ratio:3/4;object-fit:cover;border-radius:8px;flex:none}

/* post cards */
.ap-post{display:block;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;transition:transform .18s}
.ap-post:hover{transform:translateY(-3px)}
.ap-post img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ap-post h3{font-size:13.5px;font-weight:500;color:var(--h);text-align:center;padding:12px 14px;line-height:1.45}
.ap-pages{display:flex;gap:8px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.ap-pages button{background:var(--soft);border:0;border-radius:999px;min-width:38px;padding:7px 14px;font-size:13px;color:var(--primary);cursor:pointer}
.ap-pages button.active{background:var(--primary);color:#fff}

/* cards */
.ap-card{border:1px solid var(--border);border-radius:12px;padding:22px;background:#fff}
.ap-card h3{font-size:17px;font-weight:600;color:var(--h);margin-bottom:8px}
.ap-card p{font-size:13.5px;color:var(--body)}
.ap-green{background:var(--gbg);border-color:var(--gbd)}.ap-green h3{color:var(--gtx)}
.ap-red{background:var(--rbg);border-color:var(--rbd)}.ap-red h3{color:var(--rtx)}
.ap-step{background:#fff;border-color:var(--border)}
.ap-cats{background:#eef4fd;border:1px solid #d6e4fa;border-radius:12px;padding:22px 26px;max-width:880px;margin:0 auto}
.ap-cats p{font-size:13.5px;margin-bottom:6px}
.ap-banner{background:var(--dark);color:#fff;border-radius:12px;padding:20px;text-align:center;font-weight:700;font-size:15px}
.ap-banner span{color:#4d9bff}
.ap-ad{background:var(--soft);border:1px dashed var(--border);border-radius:12px;min-height:250px;display:grid;place-items:center;font-size:11px;color:var(--muted)}
.ap-footer{border-top:1px solid var(--border);background:#fafbfd;font-size:13px}
.ap-footer a{color:var(--body)}.ap-footer a:hover{color:var(--primary)}

/* WordPress additions */
.ap-pages .page-numbers{background:var(--soft);border-radius:999px;min-width:38px;padding:7px 14px;font-size:13px;color:var(--primary);text-align:center}
.ap-pages .page-numbers.current{background:var(--primary);color:#fff}
.ap-content{font-size:15px}.ap-content p,.ap-content ul,.ap-content ol{margin-bottom:16px}
.ap-content h2{font-size:22px;font-weight:700;color:var(--h);margin:28px 0 10px}
.ap-content h3{font-size:18px;font-weight:600;color:var(--h);margin:22px 0 8px}
.ap-content a{color:var(--primary)}.ap-content ul{list-style:disc;padding-left:22px}
.ap-hero-img{width:100%;height:auto;border-radius:12px;margin-bottom:24px}
.ap-content pre,.ap-content .wp-block-code{position:relative;background:#f6f7f9;border:1px solid var(--border);border-radius:10px;padding:18px 18px 54px;white-space:pre-wrap;font-size:13.5px;margin-bottom:20px}
.ap-copy{position:absolute;right:14px;bottom:12px}
.mb-4{margin-bottom:1rem}