/*
Theme Name: Learning Studio
Theme URI: https://wordpress.org/
Author: Louie Samuel
Description: A light, editable learning-platform theme. Learning data and branding live in separate plugins.
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: learning-studio
*/
:root{--ls-primary:#5746b5;--ls-secondary:#d8e6dd;--ls-accent:#e9c95d;--ls-background:#faf9f6;--ls-surface:#fff;--ls-text:#222325;--ls-muted:#62646b;--ls-border:#e3e2dc;--ls-on-primary:#fff;--ls-hero-background:#eeede6;--ls-body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--ls-heading-font:var(--ls-body-font);--ls-base-size:16px;--ls-hero-size:64px;--ls-heading-weight:600;--ls-body-weight:400;--ls-line-height:1.65;--ls-radius:16px;--ls-button-radius:8px;--ls-border-width:1px;--ls-shadow:0 5px 22px rgba(24,25,26,.04);--ls-width:1200px;--ls-grid-columns:3;--ls-logo-width:150px;--ls-mobile-space:24px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ls-background);color:var(--ls-text);font-family:var(--ls-body-font);font-size:var(--ls-base-size);font-weight:var(--ls-body-weight);line-height:var(--ls-line-height)}a{color:var(--ls-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4,h5{font-family:var(--ls-heading-font);font-weight:var(--ls-heading-weight);line-height:1.15;letter-spacing:-.035em;color:var(--ls-text)}h1{font-size:clamp(34px,4.5vw,56px)}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:24px}p{margin-top:0}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{width:100%;padding:12px 14px;border:1px solid var(--ls-border);border-radius:var(--ls-button-radius);background:var(--ls-surface);color:var(--ls-text)}input[type=checkbox],input[type=radio]{accent-color:var(--ls-primary)}label{display:block}summary{cursor:pointer;padding:16px 0;font-weight:600}details{border-bottom:1px solid var(--ls-border)}:focus-visible{outline:3px solid var(--ls-primary);outline-offset:4px}::selection{background:var(--ls-secondary)}.screen-reader-text,.skip-link{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:12px;width:auto;height:auto;z-index:9999;padding:12px;background:var(--ls-surface)}.ls-container{width:min(var(--ls-width),calc(100% - 64px));margin-inline:auto;min-height:55vh;padding-block:40px 64px}.ls-site-header{border-bottom:1px solid var(--ls-border);background:var(--ls-background)}.ls-header-inner{width:min(var(--ls-width),calc(100% - 64px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 0}.ls-site-brand{color:var(--ls-text);font-size:24px;font-weight:700;letter-spacing:-.05em;text-decoration:none;display:block}.ls-site-brand img{display:block;width:var(--ls-logo-width);max-height:64px;object-fit:contain}.ls-tagline{display:block;font-size:11px;letter-spacing:.03em;color:var(--ls-muted);font-weight:400}.ls-logo-mobile{display:none!important}.ls-header-menu{display:flex;align-items:center;gap:32px}.ls-primary-nav ul,.ls-footer-nav ul{margin:0;padding:0;list-style:none}.ls-primary-nav>ul{display:flex;align-items:center;gap:28px}.ls-primary-nav a{text-decoration:none;color:var(--ls-text);font-size:14px;font-weight:500}.ls-primary-nav .current-menu-item>a{color:var(--ls-primary)}.ls-primary-nav li{position:relative}.ls-primary-nav ul ul{display:none;position:absolute;z-index:20;min-width:200px;padding:16px;top:100%;left:0;border:1px solid var(--ls-border);background:var(--ls-surface);box-shadow:var(--ls-shadow)}.ls-primary-nav li:hover>ul,.ls-primary-nav li:focus-within>ul{display:block}.ls-header-actions{display:flex;align-items:center;gap:24px}.ls-header-actions>a:not(.ls-button){color:var(--ls-text);font-size:14px;font-weight:600;text-decoration:none}.ls-menu-toggle{display:none;background:transparent;border:1px solid var(--ls-border);padding:8px 13px;border-radius:var(--ls-button-radius)}.ls-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 23px;text-decoration:none;background:var(--ls-primary);color:var(--ls-on-primary);border:1px solid transparent;border-radius:var(--ls-button-radius);font-size:14px;font-weight:600;line-height:1.4;transition:transform .15s,opacity .15s}.ls-button:hover{opacity:.9;transform:translateY(-1px)}.ls-button:disabled{opacity:.5;cursor:wait;transform:none}.ls-button-small{padding:11px 16px;font-size:13px}.ls-text-link{font-size:14px;font-weight:600;color:var(--ls-text);text-decoration:none}.ls-text-link:hover{color:var(--ls-primary)}.ls-eyebrow{display:block;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.14em;margin-bottom:20px}.ls-section{padding:56px 0}.ls-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.ls-section-heading h2{margin:0}.ls-section-heading .ls-eyebrow{margin-bottom:12px}.ls-page-heading{padding-block:15px 20px}.ls-page-content{max-width:840px;margin:auto;min-height:48vh}.ls-page-content h1{margin-bottom:28px}.ls-page-wide{max-width:none}.ls-prose{font-size:17px;line-height:1.8}.ls-prose h2,.ls-prose h3{margin-top:36px}.ls-prose iframe{max-width:100%}.ls-prose p,.ls-prose li{color:var(--ls-muted)}.ls-site-footer{margin-top:24px;border-top:1px solid var(--ls-border)}.ls-footer-inner{width:min(var(--ls-width),calc(100% - 64px));margin:auto;padding:48px 0 24px}.ls-footer-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:64px}.ls-footer-copy{max-width:320px;color:var(--ls-muted);font-size:14px;margin-top:16px}.ls-footer-nav a{font-size:14px;color:var(--ls-text);text-decoration:none}.ls-footer-nav li{margin-bottom:8px}.ls-footer-grid h3{font-size:14px;letter-spacing:0;margin:0 0 16px}.ls-footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--ls-muted);margin-top:40px;padding-top:20px;border-top:1px solid var(--ls-border)}.ls-footer-bottom a{color:inherit;margin-left:20px}.ls-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:520px;background:var(--ls-hero-background);padding:64px 54px;border-radius:var(--ls-radius);overflow:hidden}.ls-hero h1{font-size:clamp(36px,5vw,var(--ls-hero-size));line-height:1.07;letter-spacing:-.06em;margin:0 0 26px;max-width:570px}.ls-hero-copy>p{font-size:16px;color:var(--ls-muted);max-width:425px;margin-bottom:28px}.ls-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ls-hero-art{height:380px;position:relative}.ls-art-orbit{position:absolute;inset:5% -8% 0 0;border:1px solid var(--ls-border);border-radius:50%;transform:rotate(-30deg)}.ls-art-window{position:absolute;inset:35px 18px 30px 20px;background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:12px;box-shadow:0 18px 60px #20211f15;transform:rotate(-5deg);padding:14px}.ls-art-bar{display:flex;gap:4px;height:22px}.ls-art-bar i{width:5px;height:5px;border-radius:50%;background:var(--ls-border)}.ls-art-video{height:180px;background:var(--ls-secondary);position:relative;display:grid;place-items:center;border-radius:6px;overflow:hidden}.ls-art-video>span{z-index:2;display:grid;place-items:center;border-radius:50%;width:46px;height:46px;background:var(--ls-surface);color:var(--ls-text);font-size:15px;padding-left:3px;box-shadow:0 2px 30px #20202010}.ls-art-shape{width:210px;height:210px;position:absolute;left:15%;top:65px;background:var(--ls-accent);border-radius:50%}.ls-art-shape:after{content:"";position:absolute;width:110px;height:200px;border-radius:80px 80px 0 0;background:var(--ls-primary);transform:rotate(35deg);left:170px;top:-90px}.ls-art-lines{padding:22px 10px;display:grid;gap:8px}.ls-art-lines b{height:6px;max-width:70%;background:var(--ls-border);border-radius:4px}.ls-art-lines b:first-child{background:var(--ls-text);max-width:56%;height:8px}.ls-art-lines b:last-child{max-width:45%}.ls-art-progress{height:5px;margin:0 10px;background:var(--ls-border);border-radius:3px}.ls-art-progress i{display:block;width:65%;height:5px;background:var(--ls-primary);border-radius:3px}.ls-art-note{position:absolute;left:-8px;bottom:9px;background:var(--ls-surface);box-shadow:0 5px 22px #20202012;border-radius:8px;padding:15px 20px;transform:rotate(3deg);font-size:13px}.ls-art-note span{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--ls-secondary);border-radius:50%;margin-right:10px}.ls-art-badge{position:absolute;right:-20px;top:5px;background:var(--ls-accent);width:102px;height:102px;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:50%;font-size:10px;line-height:1.5;transform:rotate(12deg)}.ls-art-badge strong{font-family:Georgia,serif;font-size:16px}.ls-art-star{position:absolute;left:-8px;top:-6px;font-size:60px;color:var(--ls-primary)}.ls-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ls-border);padding:28px 0;gap:24px}.ls-feature-strip>div{display:flex;align-items:center;gap:16px}.ls-feature-strip>div+div{border-left:1px solid var(--ls-border);padding-left:34px}.ls-feature-strip span{font-size:11px;color:var(--ls-muted);font-weight:600}.ls-feature-strip p{margin:0;font-size:14px}.ls-cta-panel{background:var(--ls-secondary);border-radius:var(--ls-radius);padding:60px;max-width:100%;text-align:center;margin-top:18px}.ls-cta-panel h2{max-width:570px;margin:0 auto 20px;font-size:42px}.ls-cta-panel p{max-width:490px;margin:0 auto 24px;color:var(--ls-muted)}.woocommerce .button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--ls-primary);color:var(--ls-on-primary);border-radius:var(--ls-button-radius);font-weight:600}.woocommerce form .form-row label{font-size:14px}.woocommerce .col2-set{margin-bottom:24px}.woocommerce table.shop_table{border-color:var(--ls-border);border-radius:var(--ls-radius)}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border-color:var(--ls-border);border-radius:var(--ls-radius);background:var(--ls-surface)}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;text-decoration:none}.wp-block-image img{border-radius:var(--ls-radius)}.alignwide{max-width:100%}.alignfull{max-width:100%}
@media(max-width:1050px){.ls-primary-nav>ul{gap:18px}.ls-header-menu{gap:20px}.ls-header-actions{gap:14px}.ls-hero{padding:48px 36px;min-height:480px}.ls-hero-actions{gap:16px}.ls-hero-art{height:340px}.ls-art-video{height:150px}.ls-footer-grid{gap:35px}}
@media(max-width:900px){.ls-container,.ls-header-inner,.ls-footer-inner{width:calc(100% - 40px)}.ls-header-inner{min-height:76px;flex-wrap:wrap;gap:12px}.ls-menu-toggle{display:block}.ls-header-menu{display:none;width:100%;flex-direction:column;align-items:stretch;padding:16px 0}.ls-header-menu.is-open{display:flex}.ls-primary-nav>ul{flex-direction:column;align-items:stretch;gap:16px}.ls-primary-nav ul ul{position:static;margin-top:12px}.ls-header-actions{padding-top:12px}.ls-hero{grid-template-columns:1fr;gap:36px;padding:44px 32px}.ls-hero-copy>p{max-width:560px}.ls-hero h1{max-width:680px}.ls-hero-art{max-width:440px;width:100%;margin:auto;height:350px}.ls-hero-actions{margin-top:22px}.ls-footer-grid{grid-template-columns:1fr 1fr}.ls-footer-grid>div:first-child{grid-column:1/-1}.ls-feature-strip>div+div{padding-left:20px}}
@media(max-width:600px){.ls-container{padding-block:24px 40px}.ls-container,.ls-header-inner,.ls-footer-inner{width:calc(100% - 32px)}.ls-hero{padding:32px var(--ls-mobile-space);min-height:0;gap:16px}.ls-hero h1{font-size:clamp(34px,8.8vw,46px)}.ls-eyebrow{font-size:9px;letter-spacing:.12em}.ls-hero-art{height:310px}.ls-art-window{inset:36px 15px 18px}.ls-art-video{height:140px}.ls-art-badge{right:-12px;width:84px;height:84px}.ls-art-note{left:-5px;font-size:11px;padding:12px}.ls-art-orbit{inset:10% -5% 0}.ls-art-star{font-size:48px}.ls-hero-actions{align-items:flex-start;flex-direction:column}.ls-hero-actions .ls-button{width:100%}.ls-feature-strip{grid-template-columns:1fr;gap:14px;padding-block:24px}.ls-feature-strip>div+div{border-left:0;padding-left:0}.ls-feature-strip p{font-size:13px}.ls-section{padding-block:36px}.ls-section-heading{align-items:flex-start;gap:18px;flex-direction:column}.ls-cta-panel{padding:40px var(--ls-mobile-space)}.ls-cta-panel h2{font-size:32px}.ls-logo-desktop.has-mobile{display:none!important}.ls-logo-mobile{display:block!important}.ls-footer-grid{grid-template-columns:1fr;gap:24px}.ls-footer-grid>div:first-child{grid-column:auto}.ls-footer-bottom{font-size:11px}.ls-footer-bottom a{margin-left:0;margin-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}