/*
Theme Name: EduAivault Digital Store
Author: EduAivault
Description: Premium, colourful responsive digital eBook storefront with WooCommerce integration.
Version: 2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: eduaivault
*/
:root{
 --navy:#111a3a;--ink:#202344;--muted:#69708a;--gold:#ffca62;--pink:#ff6fae;
 --purple:#7557e8;--blue:#5a9cff;--teal:#42d6c5;--orange:#ff9d61;
 --line:#e8e7f2;--bg:#f8f7ff;--white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:#fff}
a{text-decoration:none;color:inherit;transition:all .2s ease}
img{max-width:100%;height:auto}
.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:linear-gradient(90deg,#6b45d9,#a24be8,#ec68a6);color:#fff;text-align:center;font-size:12px;font-weight:700;letter-spacing:.04em;padding:9px 12px}
.header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #eceaf5;position:sticky;top:0;z-index:100;box-shadow:0 5px 24px #21124a08}
.nav{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:18px}
.brand{font-weight:950;font-size:26px;letter-spacing:-1.2px;color:var(--navy)}
.brand span{background:linear-gradient(90deg,#7652e8,#e65eaa);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand img{max-height:54px;width:auto}
.menu{display:flex;align-items:center;gap:23px;font-weight:750;font-size:14px}
.menu a:hover{color:var(--purple)}
.nav-cta{background:linear-gradient(100deg,#7557e8,#bd55d8);color:#fff!important;padding:11px 17px;border-radius:13px;box-shadow:0 8px 18px #7557e833}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#ff6fae55,transparent 30%),radial-gradient(ellipse at 5% 95%,#42d6c544,transparent 30%),linear-gradient(125deg,#111a3a 0%,#252b63 55%,#573c9a 100%);color:white;padding:82px 0 88px}
.hero:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff18;border-radius:50%;right:-90px;bottom:-180px;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff05}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;position:relative}
.pill{display:inline-block;background:#ffffff12;border:1px solid #ffffff30;color:#ffdb87;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.hero h1{font-size:clamp(40px,5.3vw,68px);line-height:1.04;letter-spacing:-2.6px;margin:22px 0 17px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffdc7d,#ff8dbd,#9c9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#d7daf0;font-size:17px;max-width:610px}
.actions{display:flex;flex-wrap:wrap;gap:13px;margin:27px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:13px;font-weight:850;min-height:50px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0002}
.gold{background:linear-gradient(100deg,#ffcf69,#ff9c7c);color:#202344}
.outline{border:1px solid #ffffff55;color:white;background:#ffffff08}
.small{font-size:12px;color:#bfc5e6}
.hero-art{min-height:365px;display:flex;align-items:center;justify-content:center;position:relative}
.orbit{position:absolute;width:335px;height:335px;border-radius:50%;border:1px solid #ffb8db55;box-shadow:0 0 0 28px #ffb8db0c,0 0 0 58px #a6a0ff0b}
.book{position:relative;width:270px;min-height:335px;border:1px solid #ffda8a99;border-radius:20px;padding:25px;background:linear-gradient(145deg,#ff6fae 0%,#7657e8 42%,#18244d 90%);box-shadow:0 28px 70px #0006;transform:rotate(3deg);display:flex;flex-direction:column;justify-content:space-between}
.book .kicker{color:#ffe39b;font-size:11px;letter-spacing:2px;font-weight:900}
.book h3{font-size:31px;line-height:1.1;margin:15px 0;color:white}
.book p{font-size:13px;color:#f0eaff}
.book-foot{color:#fff;font-weight:850;font-size:11px;letter-spacing:.05em}
.section{padding:75px 0}
.soft{background:linear-gradient(135deg,#f6f3ff,#fff5fa 55%,#f0fbff)}
.section-head{text-align:center;max-width:760px;margin:0 auto 38px}
.section-head h2{font-size:clamp(29px,3.5vw,44px);line-height:1.15;letter-spacing:-1.3px;color:var(--navy);margin:0 0 13px}
.section-head p{color:var(--muted);margin:0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{padding:27px;border:1px solid #e8e4f7;border-radius:20px;background:white;box-shadow:0 12px 32px #30206008;position:relative;overflow:hidden}
.feature:before{content:"";display:block;height:4px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,var(--purple),var(--pink),var(--teal))}
.feature h3{margin:11px 0 6px;color:#24234d;font-size:19px}
.feature p{margin:0;color:var(--muted);font-size:14px}
.products .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0!important}
.products .woocommerce ul.products:before,.products .woocommerce ul.products:after{display:none!important}
.products .woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;border:1px solid #e8e5f5;border-radius:20px;padding:16px;background:#fff;box-shadow:0 12px 32px #3020600a;transition:transform .25s,box-shadow .25s;overflow:hidden}
.products .woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 18px 42px #7557e822;border-color:#d6c9ff}
.products .woocommerce ul.products li.product img{border-radius:13px;background:linear-gradient(135deg,#f5efff,#fff0f6);padding:5px;transition:transform .3s}
.products .woocommerce ul.products li.product:hover img{transform:scale(1.02)}
.products .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px;font-weight:850;color:var(--ink);padding:8px 0}
.products .woocommerce ul.products li.product .price{color:#7652d8;font-weight:950;font-size:17px}
.products .woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce div.product form.cart .button{background:linear-gradient(100deg,#7557e8,#b653d9);color:white;border-radius:11px;font-weight:850;padding:12px 16px;border:0}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:linear-gradient(100deg,#5b3fc9,#963bbd);color:white}
.band{background:radial-gradient(ellipse at 90% 10%,#ff77b333,transparent 28%),linear-gradient(120deg,#171d43,#493b91 65%,#7950b9);border-radius:28px;padding:48px;text-align:center;color:white;box-shadow:0 20px 55px #493b9122}
.band h2{font-size:clamp(27px,3.2vw,40px);line-height:1.2;margin:0 0 12px}
.band p{color:#e2def9;max-width:680px;margin:0 auto 23px}
.footer{background:#11162f;color:#cbd0e8;padding:50px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.footer h4{color:white;margin:0 0 12px;font-size:16px}
.footer p{font-size:14px;color:#b8c0df}
.footer-links{display:grid;gap:9px;font-size:14px}
.footer-links a:hover{color:#ffca62}
.copyright{border-top:1px solid #ffffff18;margin-top:28px;padding-top:17px;font-size:12px;color:#929bbd}
.page{padding:56px 0;background:linear-gradient(180deg,#f8f6ff 0,#fff 260px)}
.content{max-width:900px;margin:auto;background:#fff;border:1px solid #eeeaf8;border-radius:24px;padding:clamp(22px,4vw,48px);box-shadow:0 14px 40px #24144d08}
.content h1,.content h2,.content h3{color:var(--navy);letter-spacing:-.5px}
.content h1{font-size:clamp(32px,4vw,48px);line-height:1.15}
.content h2{font-size:clamp(24px,3vw,32px)}
.content img{border-radius:16px}
.content a{color:#7652d8;text-decoration:underline;text-underline-offset:3px}
.content blockquote{margin:24px 0;padding:20px 24px;border-left:4px solid var(--pink);background:linear-gradient(90deg,#fff1f7,#f5f0ff);border-radius:0 14px 14px 0}
.woocommerce .woocommerce-breadcrumb{color:#77718d;font-size:13px;margin:0 0 20px}
.woocommerce .woocommerce-breadcrumb a{color:#7652d8}
.woocommerce div.product{background:white;border:1px solid #ece8f7;border-radius:22px;padding:26px;box-shadow:0 14px 36px #3020600a}
.woocommerce div.product .product_title{color:var(--navy);font-size:clamp(28px,3.4vw,42px);line-height:1.15}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#7652d8;font-weight:950;font-size:24px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:10px 10px 0 0;background:#f3efff}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
.woocommerce table.shop_table{border-radius:14px;border-color:#e8e5f5}
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{border:1px solid #ded9ef;border-radius:10px;padding:11px;background:#fff}
.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register{background:#faf8ff;border:1px solid #e9e3f7;border-radius:18px;padding:24px}
.woocommerce-info,.woocommerce-message{border-top-color:#7557e8;background:#f5f0ff;border-radius:12px}
.woocommerce-info:before,.woocommerce-message:before{color:#7557e8}
.woocommerce-error{border-radius:12px}
.woocommerce span.onsale{background:linear-gradient(100deg,#ff6fae,#ff9d61);min-height:40px;min-width:40px;line-height:40px}
.widget,.sidebar .widget{background:#fff;border:1px solid #eee8f7;border-radius:16px;padding:20px;margin-bottom:20px}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.products .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:62px 0}}
@media(max-width:560px){.menu{gap:9px}.menu a:not(.nav-cta){display:none}.hero{padding:45px 0}.features,.products .woocommerce ul.products,.footer-grid{grid-template-columns:1fr}.section{padding:50px 0}.hero-art{min-height:290px}.book{width:230px;min-height:295px}.band{padding:30px 20px}.woocommerce div.product{padding:15px}.content{border-radius:16px}}
