/*
Theme Name: Skymagenta
Author: Skymagenta
Description: Custom storefront for magnets, badges and keychains. Requires WooCommerce for shopping.
Version: 0.1.0
Requires PHP: 8.3
Text Domain: skymagenta
*/
:root{--ink:#172033;--pink:#e60092;--cream:#faf8f3;--line:#e7e3e8;--purple:#6c3cba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{color:#a00068}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #672bc4;outline-offset:5px}.skip-link{position:absolute;left:1rem;top:-100px;background:#fff;padding:1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{min-height:94px;display:flex;gap:32px;align-items:center;justify-content:space-between;padding:20px max(5vw,20px);border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.brand span{color:var(--pink)}nav{display:flex;align-items:center;gap:30px}nav a,.cart-link{font-size:14px;text-decoration:none;font-weight:600}nav ul{display:flex;list-style:none;gap:24px;padding:0;margin:0}.cart-link{border:1px solid var(--line);padding:9px 21px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:590px;background:var(--cream);overflow:hidden}.hero-copy{padding:80px 0 80px max(5vw,24px);position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px}.hero h1{font-size:clamp(42px,5.5vw,78px);letter-spacing:-3px;line-height:1.08;margin:0 0 26px;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.lead{max-width:430px;font-size:17px;color:#525566;margin:0 0 32px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;gap:30px;border:0;border-radius:7px;background:var(--pink);color:white;padding:15px 24px;font-weight:700;text-decoration:none;cursor:pointer}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#b40073;color:white}.hero-art{position:relative;min-height:530px;background:radial-gradient(ellipse at center,#f4def1 0,transparent 67%)}.paper{position:absolute;box-shadow:8px 15px 25px #3c264d20;text-align:center;line-height:1.05}.magnet{left:3%;top:16%;width:270px;padding:35px 15px;background:#e7eea6;color:#31553f;transform:rotate(-12deg);font-family:Georgia,serif;font-size:34px;border-radius:8px}.magnet b{font-size:48px}.magnet span{display:block;font:12px Arial;margin-top:18px}.badge{right:9%;top:14%;width:140px;height:140px;display:flex;flex-direction:column;justify-content:center;background:#ff9386;color:#692843;border-radius:50%;font-size:25px;transform:rotate(13deg)}.badge b{font-size:39px}.keychain{position:absolute;bottom:12%;left:40%;background:#b7a4eb;color:#3d2362;transform:rotate(14deg);border:6px solid #e0d7f7;border-radius:24px;width:145px;padding:30px 8px 20px;text-align:center;font-size:25px;line-height:1.1;box-shadow:7px 12px 20px #3c264d20}.keychain b{font-size:43px}.keychain i{position:absolute;border:6px solid #aaa4ae;border-radius:50%;width:48px;height:60px;left:45px;top:-48px}.spark{position:absolute;bottom:16%;left:8%;font-size:85px;color:var(--pink)}.section{padding:70px max(5vw,24px)}h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.section-heading>a{font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.category-card{text-decoration:none}.category-art{height:240px;display:grid;place-items:center;border-radius:12px}.category-art span{display:grid;place-items:center;font-weight:900;font-size:26px;box-shadow:5px 9px 15px #0001}.magnet-art{background:#f0efdb}.magnet-art span{background:#c7d992;color:#34533e;padding:20px;transform:rotate(-9deg);border-radius:5px}.badge-art{background:#fce3de}.badge-art span{width:130px;height:130px;border-radius:50%;background:#ff9586;color:#622b43;transform:rotate(12deg)}.keychain-art{background:#ece5f8}.keychain-art span{background:#b9a5e8;border:6px solid #dbd0f2;border-radius:22px;padding:25px;transform:rotate(-10deg);color:#462e70}.category-card h3{display:flex;justify-content:space-between;margin:18px 0 2px;font-size:21px}.category-card p{margin:0;color:#656575;font-size:14px}.process{background:#f7f3fa}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:32px}.steps article>span{font-size:13px;color:#823583}.steps h3{font-size:20px;margin:10px 0}.steps p{color:#606174;max-width:300px}.site-footer{padding:45px max(5vw,24px);border-top:1px solid var(--line)}.site-footer p,.site-footer small{color:#656575}.site-footer small{display:block;margin-top:24px}.commerce-content,.page-content{min-height:60vh}.woocommerce ul.products li.product a img{border-radius:10px}.woocommerce ul.products li.product .price{color:#733178}.woocommerce div.product p.price{color:#733178}.woocommerce .quantity .qty{padding:10px}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{border:1px solid #aaa;padding:12px;border-radius:4px}.woocommerce table.shop_table{border-color:var(--line)}.woocommerce form .form-row label{font-weight:600}.woocommerce-message,.woocommerce-info{border-top-color:var(--purple)}.woocommerce-message::before,.woocommerce-info::before{color:var(--purple)}@media(max-width:760px){.site-header{gap:16px;flex-wrap:wrap}.brand{font-size:27px}nav{order:3;width:100%;gap:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 24px 10px}.hero h1{letter-spacing:-2px}.hero-art{min-height:390px}.magnet{width:225px;font-size:29px;top:15%;left:7%}.magnet b{font-size:40px}.badge{width:105px;height:105px;right:5%;top:12%;font-size:20px}.badge b{font-size:30px}.keychain{bottom:9%;left:55%;width:120px;padding:25px 6px 15px}.spark{font-size:65px;bottom:7%;left:15%}.section{padding:48px 24px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.category-grid,.steps{grid-template-columns:1fr}.category-art{height:240px}.steps{gap:15px}.steps p{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}