/*
Theme Name: ApexSkill
Theme URI: https://apexskill.online/
Author: ApexSkill
Description: A modern, responsive digital eBook storefront theme for WordPress and WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: apexskill
*/
:root{--ink:#17213b;--muted:#667085;--brand:#5b55e7;--brand2:#817cf4;--line:#e9eaf2;--soft:#f6f7ff;--white:#fff;--radius:20px;--shadow:0 16px 45px rgba(25,35,75,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:850;letter-spacing:-1.2px}.brand span{color:var(--brand)}.main-nav{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;font-size:14px;font-weight:650;color:#47516b}
.main-nav .menu{display:flex;align-items:center;justify-content:center;gap:28px;list-style:none;margin:0;padding:0}
.main-nav .menu li{display:block;margin:0;padding:0;list-style:none;white-space:nowrap}
.main-nav .menu li a{display:inline-flex;align-items:center;padding:10px 0;line-height:1.2}
.main-nav .menu li ul{display:none}
.main-nav .menu li a:hover{color:var(--brand)}
.main-nav .menu li.current-menu-item>a,.main-nav .menu li.current_page_item>a{color:var(--brand)}.main-nav a:hover,.text-link:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:12px;background:var(--brand);color:#fff;font-weight:750;font-size:14px;border:1px solid var(--brand);transition:.2s;cursor:pointer}.button:hover{background:#4540ca;color:#fff;transform:translateY(-1px)}.button-outline{background:#fff;color:var(--ink);border-color:var(--line)}.button-outline:hover{background:var(--soft);color:var(--brand);border-color:#d9d7ff}.hero{padding:78px 0 68px;background:radial-gradient(circle at 80% 18%,rgba(129,124,244,.19),transparent 30%),linear-gradient(135deg,#f8f8ff 0%,#fff 58%,#f3f4ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #e2e0ff;border-radius:999px;background:#fff;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;background:#6d67ed;border-radius:50%}.hero h1{font-size:clamp(42px,5.4vw,66px);line-height:1.06;letter-spacing:-2.8px;margin:20px 0;color:#18213a}.hero h1 span{color:var(--brand)}.hero-copy{font-size:18px;color:#69738a;max-width:560px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:10px;margin-top:24px;color:#7a8295;font-size:13px}.hero-note strong{color:#27314d}.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:350px;height:350px;background:linear-gradient(135deg,#dcdaff,#f1efff);border-radius:50%;filter:blur(2px)}.book-stack{position:relative;width:min(100%,430px);height:340px}.book{position:absolute;width:190px;height:260px;border-radius:9px 17px 17px 9px;box-shadow:0 22px 45px rgba(34,38,94,.22);padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.book:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.22),transparent 28%,rgba(0,0,0,.12));pointer-events:none}.book small{font-size:10px;letter-spacing:2px;font-weight:800}.book b{font-size:27px;line-height:1.05;letter-spacing:-1px}.book-one{left:35px;top:45px;transform:rotate(-11deg);background:linear-gradient(145deg,#292c72,#6661e8)}.book-two{right:35px;top:28px;transform:rotate(10deg);background:linear-gradient(145deg,#f28d69,#d84d72)}.book-three{left:118px;top:88px;transform:rotate(2deg);background:linear-gradient(145deg,#152b45,#247c91)}.floating-chip{position:absolute;z-index:3;background:#fff;padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);font-size:12px;font-weight:800}.chip-top{top:15px;right:0}.chip-bottom{bottom:20px;left:0}.section{padding:76px 0}.section-soft{background:#fafaff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--brand)}.section h2{font-size:clamp(28px,3.5vw,40px);line-height:1.15;letter-spacing:-1.3px;margin:8px 0 0}.section-sub{color:var(--muted);margin:10px 0 0}.text-link{font-weight:800;color:var(--brand);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d9d7ff}.category-icon{width:48px;height:48px;display:grid;place-items:center;background:#f0efff;border-radius:14px;font-size:23px;margin-bottom:17px}.category-card h3{margin:0 0 5px;font-size:16px}.category-card p{margin:0;color:var(--muted);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-thumb{height:225px;background:linear-gradient(135deg,#f1f0ff,#f8f8fc);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-placeholder{font-size:48px;color:#9a96ee}.product-info{padding:17px}.product-info h3{font-size:15px;line-height:1.4;margin:0 0 9px}.product-price{font-weight:850;color:var(--brand);font-size:16px}.product-price del{color:#9aa1b1;font-weight:500;font-size:13px;margin-right:5px}.product-meta{font-size:12px;color:var(--muted);margin-bottom:8px}.product-actions{margin-top:14px}.product-actions .button{width:100%;padding:11px}.empty-products{padding:35px;border:1px dashed #d8d8e8;border-radius:16px;color:var(--muted);text-align:center;grid-column:1/-1}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit{padding:26px;border-radius:18px;background:#fff;border:1px solid var(--line)}.benefit-icon{font-size:24px;margin-bottom:14px}.benefit h3{margin:0 0 7px;font-size:17px}.benefit p{margin:0;color:var(--muted);font-size:14px}.cta{padding:54px;border-radius:25px;background:linear-gradient(120deg,#26286e,#5b55e7 65%,#817cf4);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:clamp(26px,3.5vw,38px);line-height:1.15;margin:0 0 10px;letter-spacing:-1px}.cta p{margin:0;color:#e2e1ff}.cta .button{background:#fff;color:#34318e;border-color:#fff;white-space:nowrap}.site-footer{background:#151b31;color:#c3c8d8;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-brand{color:#fff;font-size:24px;font-weight:850}.footer-brand span{color:#9b97ff}.footer-copy{max-width:360px;color:#aeb5ca;font-size:14px}.footer-title{color:#fff;font-weight:800;margin:0 0 14px}.footer-links{display:grid;gap:9px;font-size:14px}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;font-size:12px;color:#969fb8}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:0 0 16px!important;border:1px solid var(--line);border-radius:17px;overflow:hidden}.woocommerce ul.products li.product a img{height:225px;object-fit:cover;margin:0 0 15px}.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 16px;font-size:15px}.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{margin-left:16px;margin-right:16px}.woocommerce div.product{padding-top:35px}.woocommerce .button,.woocommerce a.button,.woocommerce button.button{background:var(--brand);color:#fff;border-radius:10px}.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#4540ca;color:#fff}.mobile-toggle{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-art{min-height:330px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.benefit-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.main-nav .menu{gap:15px}}
@media(max-width:640px){.container{width:min(100% - 30px,1160px)}.header-inner{height:68px}.brand{font-size:22px}.main-nav{display:none}.header-actions .button{padding:10px 13px;font-size:12px}.hero{padding:55px 0 40px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-copy{font-size:16px}.hero-art{min-height:285px;transform:scale(.88);margin:-10px -20px}.book-stack{height:290px}.book{width:155px;height:220px;padding:18px}.book b{font-size:22px}.book-one{left:22px}.book-two{right:22px}.book-three{left:calc(50% - 77px);top:70px}.chip-top{right:0}.chip-bottom{left:0}.section{padding:55px 0}.section-heading{align-items:start;flex-direction:column}.category-grid{gap:11px}.category-card{padding:17px}.product-grid,.woocommerce ul.products{gap:12px!important}.product-thumb{height:175px}.product-info{padding:13px}.product-info h3{font-size:14px}.product-actions .button{font-size:12px;padding:9px}.cta{padding:30px 23px;align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{margin-top:25px}}