/*
Theme Name: Dreavi Archive
Theme URI: https://dreavi.com/
Author: Dreavi
Description: WordPress restoration of the Dreavi April 2026 design, with bundled recovered posts and a local media importer.
Version: 1.0.1
Requires at least: 6.2
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dreavi-archive
*/
:root{--purple:#9333ea;--ink:#0f172a}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a855f7;outline-offset:4px}#content{padding-top:76px}.dreavi-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid #f3e8ff;box-shadow:0 1px 3px #00000008}.nav-inner{max-width:1280px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-size:30px;text-decoration:none}.brand span{background:linear-gradient(90deg,#9333ea,#ec4899);background-clip:text;color:transparent}.brand img{width:40px;height:40px}#primary-nav,.nav-links{display:flex;align-items:center;gap:30px}.nav-links{list-style:none;padding:0;margin:0}#primary-nav a{color:#4b5563;font-weight:500;text-decoration:none}#primary-nav a:hover{color:#a855f7}.pill,#primary-nav .pill{display:inline-block;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;padding:9px 20px;border-radius:999px;font-size:14px;text-decoration:none;box-shadow:0 4px 8px #a855f733}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:#9333ea;cursor:pointer}.dreavi-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:64px 24px 30px;font-size:14px;color:#6b7280}.footer-grid{max-width:1152px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid h3{font-weight:650;color:#1f2937;margin:0 0 16px}.footer-grid a:not(.brand){display:block;margin:10px 0;color:#6b7280}.copyright{max-width:1152px;margin:40px auto 0;padding-top:24px;border-top:1px solid #e5e7eb}.blog-wrap{max-width:1200px;margin:0 auto;padding:64px 24px 96px}.blog-heading{margin-bottom:32px}.eyebrow{color:#9333ea;font-size:13px;font-weight:700;letter-spacing:3px}.blog-heading h1{font-size:clamp(30px,4vw,52px);line-height:1.15;font-weight:750;letter-spacing:-1.7px;margin-top:16px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.post-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s;background:white}.post-card:hover{transform:translateY(-4px);border-color:#d8b4fe;box-shadow:0 15px 30px #a855f711}.post-card>a{display:block;color:inherit;text-decoration:none;height:100%}.card-image{width:100%;height:auto;aspect-ratio:600/340;object-fit:cover}.card-placeholder{display:grid;place-items:center;aspect-ratio:600/340;background:linear-gradient(130deg,#0f172a,#4c1d95);font-size:36px;color:#fff}.card-copy{padding:24px}.post-meta{font-size:13px;color:#71717a;margin-bottom:12px}.card-copy h2{font-size:21px;line-height:1.4;font-weight:700;letter-spacing:-.4px;margin:0 0 14px}.card-excerpt{font-size:14px;color:#71717a;line-height:1.7}.article-wrap{max-width:1200px;margin:auto;padding:48px 24px 96px}.back-link{color:#9333ea}.article-heading{max-width:900px;margin:32px auto;text-align:center}.article-heading h1{font-size:clamp(32px,4.8vw,56px);line-height:1.15;font-weight:800;letter-spacing:-1.5px;margin:20px 0}.article-heading a{color:#9333ea}.article-image{display:block;max-width:960px;width:100%;height:auto;margin:32px auto 56px;border-radius:20px}.article-layout{display:flex;gap:48px;align-items:flex-start}.blog-article{font-size:17px;line-height:1.85;min-width:0;flex:1;max-width:790px}.blog-article p,.blog-article ul,.blog-article ol{margin:0 0 24px}.blog-article ul{list-style:disc;padding-left:26px}.blog-article ol{list-style:decimal;padding-left:26px}.blog-article h2{font-weight:750;font-size:29px;line-height:1.3;margin:48px 0 22px;letter-spacing:-.6px;scroll-margin-top:110px}.blog-article h3{font-weight:700;font-size:23px;margin:32px 0 16px}.blog-article a{color:#7c3aed;text-decoration:underline;text-underline-offset:3px}.blog-article img{max-width:100%;height:auto}.blog-article blockquote{border-left:4px solid #a855f7;background:#faf5ff;padding:20px;margin:24px 0}.blog-article table{display:block;overflow:auto;width:100%;border-collapse:collapse;margin:24px 0}.blog-article td,.blog-article th{border:1px solid #e5e7eb;padding:12px}.toc{flex:0 0 225px;position:sticky;top:110px;font-size:13px;border-right:1px solid #e5e7eb;padding-right:20px;max-height:75vh;overflow:auto}.toc strong{display:block;margin-bottom:16px}.toc a{display:block;color:#6b7280;margin:12px 0;line-height:1.5}.toc a:hover{color:#9333ea}.page-wrap{max-width:850px;margin:auto;padding:80px 24px;min-height:60vh}.page-wrap>h1{font-size:42px;font-weight:750;line-height:1.2;margin-bottom:32px}.search-form{display:flex;gap:10px;max-width:520px;margin:24px 0 36px}.search-form label{flex:1}.search-form input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:11px 14px;background:#fff}.search-form button,.comment-form input[type=submit]{border:0;border-radius:10px;background:#9333ea;color:#fff;padding:11px 20px;cursor:pointer}.post-navigation{display:flex;justify-content:space-between;gap:32px;margin-top:64px;padding-top:24px;border-top:1px solid #e5e7eb}.post-navigation a{color:#7c3aed;max-width:46%}.nav-links .current-menu-item>a{color:#9333ea}.pagination{margin-top:40px}.page-numbers{padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px}.page-numbers.current{background:#9333ea;color:white}.comments-area{max-width:790px;margin:48px auto}.comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{display:block;border:1px solid #d1d5db;border-radius:8px;padding:10px;max-width:100%;width:100%}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;background:#fff;padding:12px;z-index:1000;margin:0}.admin-bar .dreavi-header{top:32px}.alignwide{max-width:1200px}.alignfull{width:100%}.wp-caption-text,.gallery-caption{color:#71717a;font-size:14px}.bypostauthor{border-left:2px solid #9333ea}.sticky{border-color:#a855f7}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toc{display:none}.blog-article{max-width:100%}#primary-nav,.nav-links{gap:20px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.menu-toggle{display:block}#primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #f3e8ff;padding:24px;box-shadow:0 10px 20px #0000000a}#primary-nav.is-open{display:flex;flex-direction:column}.nav-links{flex-direction:column}.post-grid{grid-template-columns:1fr}.blog-wrap{padding:40px 20px 64px}.blog-heading h1{font-size:36px}.footer-grid{gap:30px}.article-heading{text-align:left}.article-heading h1{letter-spacing:-.7px}.article-wrap{padding:32px 20px 64px}.blog-article{font-size:16px}.blog-article h2{font-size:26px}.admin-bar .dreavi-header{top:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}