/*
Theme Name: Elearn Marketplace Pro
Author: Elearn Marketplace
Description: An independent learning storefront with native WooCommerce support and optional editorial page templates.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: elearn-marketplace-pro
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#142c35;--teal:#116e67;--paper:#faf9f5;--muted:#586b70;--line:#dbe1dc;--peach:#f1c9a7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd6c36;outline-offset:4px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.topline{background:var(--ink);color:white;text-align:center;font-size:12px;letter-spacing:.1em;padding:8px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:35px;min-height:104px}.brand{margin-right:auto;line-height:1.15}.brand>a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1px}.brand-mark{background:var(--teal);color:white;border-radius:12px;padding:4px 12px 8px;font-family:Georgia,serif;font-size:35px}.brand-sub{display:block;font-size:9px;letter-spacing:.24em;margin-top:4px}.custom-logo{max-width:220px;max-height:75px;object-fit:contain}nav ul{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0}nav a,.bag{font-size:14px;text-decoration:none;font-weight:600}nav li{position:relative}nav .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:10;background:white;min-width:190px;padding:15px}nav li:hover>.sub-menu,nav li:focus-within>.sub-menu{display:block}.bag{border:1px solid var(--line);padding:10px 18px;border-radius:7px}.menu-toggle{display:none}.skip-link{position:absolute;left:15px;top:-100px;z-index:100;background:white;padding:15px}.skip-link:focus{top:15px}.hero{overflow:hidden;background:#f2f2e9}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-block:78px 88px}.eyebrow{color:var(--teal);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;margin-top:0}h1{font-size:clamp(42px,5.2vw,70px);font-weight:650;margin-bottom:25px}h2{font-size:clamp(30px,3.6vw,47px);font-weight:600}h3{font-size:23px;letter-spacing:-.025em}.hero-copy{max-width:480px;color:var(--muted);font-size:18px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-block;background:var(--teal);color:#fff;padding:15px 23px;border-radius:6px;text-decoration:none;border:0;font-size:14px;font-weight:650;line-height:1.5}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--ink);color:white}.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:var(--teal)}.text-link{font-size:14px;font-weight:650}.hero-note{font-size:11px;margin-top:32px;color:var(--muted)}.hero-art{height:440px;position:relative}.art-orbit{position:absolute;width:380px;height:380px;border-radius:50%;background:#dce5d6;top:10px;left:35px}.art-label{position:absolute;top:0;right:10px;font-size:10px;letter-spacing:.18em;transform:rotate(90deg);transform-origin:right}.book{position:absolute;width:210px;height:290px;border-radius:4px 12px 12px 4px;box-shadow:12px 20px 30px #142c3526;border-left:8px solid #ffffff25;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.book-back{background:var(--peach);left:15px;top:50px;transform:rotate(-14deg)}.book-back>span{font-size:27px;line-height:1.15;font-weight:800;letter-spacing:-1px}.book small{font-size:7px;letter-spacing:.12em}.book-front{background:var(--teal);color:#fff;left:195px;top:85px;transform:rotate(10deg)}.book-icon{font:40px Georgia,serif}.book strong{font:35px/1.03 Georgia,serif}.book-line{height:1px;background:#ffffff60;width:100%}.art-note{position:absolute;left:32px;bottom:0;background:white;padding:17px 24px;box-shadow:0 10px 25px #142c350a;border-radius:8px;transform:rotate(-3deg)}.art-note b,.art-note span{display:block;font-size:12px}.art-note span{font-size:10px;color:var(--muted)}.values{border-bottom:1px solid var(--line);background:white}.values .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px}.values span{font-size:12px;color:var(--teal)}.values b{color:var(--ink);margin-left:15px}.section{padding-block:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.topic{background:white;border:1px solid var(--line);border-radius:10px;text-decoration:none;padding:25px;transition:transform .2s,border-color .2s}.topic:hover{transform:translateY(-4px);border-color:var(--teal)}.topic-no{display:inline-block;color:var(--teal);font-size:12px;margin-bottom:32px}.topic h3{margin-bottom:25px;overflow-wrap:anywhere}.topic>span:last-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.collection{background:#eaf0ea}.woocommerce ul.products li.product{background:white;border:1px solid var(--line);border-radius:9px;padding:16px!important;overflow:hidden}.woocommerce ul.products li.product a img{aspect-ratio:4/4.6;object-fit:contain;background:#f5f5f0;border-radius:5px;padding:8px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;letter-spacing:-.02em;line-height:1.35;padding:10px 0}.woocommerce ul.products li.product .price{color:var(--teal);font-size:16px;font-weight:700}.woocommerce ul.products li.product .button{font-size:12px;padding:10px 14px}.woocommerce span.onsale{background:var(--teal)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.story-grid p{color:var(--muted)}.large-text{font-size:23px;line-height:1.5;letter-spacing:-.025em}.cta{padding:60px;margin-bottom:80px;border-radius:14px;background:var(--ink);color:white;position:relative}.cta .eyebrow{color:#9fd4ba}.cta h2{font-size:clamp(36px,5vw,62px)}.cta>p:last-child{font-size:11px;color:#c7d5d4;margin:25px 0 0}.button.light{background:#e4edbf;color:var(--ink)}.site-footer{border-top:1px solid var(--line);background:#f0f1ea;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{font-size:25px;letter-spacing:-1px;font-weight:700;text-decoration:none}.footer-brand span{color:var(--teal)}.footer-grid p{color:var(--muted);font-size:14px}.footer-grid h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:13px;color:var(--muted);text-decoration:none;margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.footer-bottom ul{display:flex;list-style:none;gap:20px}.page-main,.shop-main{padding-top:55px;padding-bottom:90px;min-height:55vh}.page-heading{max-width:850px;margin-bottom:45px}.page-heading h1{font-size:clamp(36px,5vw,60px)}.entry-content{overflow-wrap:break-word}.entry-content:after{content:"";display:table;clear:both}.entry-content p{margin-bottom:1.5em}.entry-content h2,.entry-content h3{margin-top:1.5em}.entry-content iframe{max-width:100%}.alignwide{width:100%}.reading{max-width:850px}.about-content{margin:40px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:45px 0}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps span{font-size:11px;letter-spacing:.12em;color:var(--teal)}.steps h2{font-size:26px;margin-top:20px}.steps p{font-size:14px;color:var(--muted)}.notice{background:#edf0e7;border-radius:7px;padding:25px;margin-top:35px;font-size:13px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:20px;font-weight:600}.faq p{color:var(--muted)}.post-card{border-bottom:1px solid var(--line);padding:25px 0}.post-card h2{font-size:28px}.woocommerce div.product .product_title{font-size:clamp(30px,4vw,46px)}.woocommerce div.product p.price{color:var(--teal)}.woocommerce div.product div.images img{object-fit:contain;max-height:650px}.woocommerce-tabs h2,.related>h2{font-size:28px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,input[type=text],input[type=email],input[type=search],input[type=password],input[type=tel],textarea,select{border:1px solid #aab9b4;border-radius:5px;background:white;color:var(--ink);padding:11px;max-width:100%}.woocommerce table.shop_table{background:white}.woocommerce-message,.woocommerce-info{border-top-color:var(--teal)}.woocommerce-message:before,.woocommerce-info:before{color:var(--teal)}.woocommerce-MyAccount-navigation ul{list-style:none;padding:15px;background:#edf0e7;border-radius:8px}.woocommerce-MyAccount-navigation li{padding:8px}.woocommerce .quantity .qty{padding:10px;border:1px solid var(--line);border-radius:5px}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:100%}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.woocommerce .woocommerce-breadcrumb{font-size:12px;margin-bottom:25px}table{max-width:100%}pre{overflow:auto}.entry-content .alignleft{float:left;margin:0 25px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 25px}.entry-content .aligncenter{display:block;margin-inline:auto}
@media(max-width:1000px){.header-row{gap:20px}nav ul{gap:15px}.hero-grid{gap:20px}.hero-art{transform:scale(.85);transform-origin:center}.hero-grid{grid-template-columns:1.1fr 1fr}.story-grid{gap:40px}.brand>a{font-size:23px}}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.header-row{min-height:85px;flex-wrap:wrap;padding-block:15px;gap:15px}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:13px;padding:8px}.bag{padding:7px 10px;font-size:12px}#primary-nav{display:none;width:100%;order:4}#primary-nav.is-open{display:block}nav ul{display:block}nav li a{display:block;padding:9px 0}nav .sub-menu{display:block;position:static;padding:0 0 0 20px;background:transparent}.hero-grid{grid-template-columns:1fr;padding-block:45px}.hero-copy{font-size:16px}.hero-art{width:430px;max-width:100%;margin:auto;height:400px;transform:scale(.85);transform-origin:top left;margin-bottom:-50px}.book-front{left:170px}.values .wrap{flex-wrap:wrap;padding-block:15px;gap:10px}.values span{flex-basis:100%}.section{padding-block:50px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none}.topic-grid{grid-template-columns:repeat(2,1fr);gap:12px}.topic{padding:20px}.topic h3{font-size:20px}.story-grid,.footer-grid,.steps{grid-template-columns:1fr;gap:25px}.cta{padding:35px 25px;margin-bottom:50px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.page-main,.shop-main{padding-block:35px 60px}.page-heading h1{overflow-wrap:break-word}.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;margin:0 4% 22px 0}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n){margin-right:0}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n+1){clear:both}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none}.steps article{padding-top:20px}.custom-logo{max-width:165px;max-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
