/*
Theme Name: AMB Course Starter
Theme URI: https://ambsolutions.tech
Author: AMB Solutions
Author URI: https://ambsolutions.tech
Description: A lightweight course-selling theme for Tutor LMS (free) and WooCommerce. Includes an editable course landing page template and a manual Wise payment method.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ambcoursestarter
Tags: education, e-commerce, custom-colors, custom-logo, custom-menu, featured-images, translation-ready
*/

:root{
  --accent:#2F5BFF; --ink:#14213D;
  --bg:#F4F6FA; --surface:#FFFFFF; --muted:#4A5672; --line:#D8DEEA; --gold:#FFC21A;
  --soft:color-mix(in srgb,var(--accent) 10%,white);
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"DM Sans","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)} .small{font-size:.9rem}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:10px 14px;z-index:100}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* buttons */
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button{
  display:inline-block;background:var(--accent);color:#fff;font:700 1.02rem var(--body);padding:15px 26px;border:0;border-radius:10px;text-decoration:none;cursor:pointer;line-height:1.2}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{filter:brightness(1.08);color:#fff}
.btn--sm{padding:10px 16px;font-size:.95rem}
.btn--block{display:block;text-align:center;width:100%}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn--ghost:hover{color:var(--ink)}
.btn--light{background:#fff;color:var(--ink)} .btn--light:hover{color:var(--ink)}

/* header */
.announce{background:var(--ink);color:#fff;text-align:center;padding:9px 16px;font-size:.92rem;font-weight:500}
.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header__in{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{font:800 1.25rem var(--display);text-decoration:none;color:var(--ink)}
.brand img{max-height:44px;width:auto}
.primary-nav{margin-left:auto}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.primary-nav a{color:var(--ink);text-decoration:none;font-weight:500}
.primary-nav a:hover{color:var(--accent)}
.site-header .btn--sm{margin-left:8px}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;color:var(--ink)}
@media (max-width:760px){
  .nav-toggle{display:block}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 24px}
  .primary-nav.is-open{display:block}
  .primary-nav ul{flex-direction:column;gap:12px}
  .site-header .btn--sm{display:none}
}

/* generic pages */
.page{padding:56px 24px 72px}
.page-head h1{margin-bottom:28px}
.entry{max-width:760px}
.entry__body > *{max-width:100%}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}
.card h2{font-size:1.3rem}
.card a{color:inherit;text-decoration:none}
.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:36px 0 56px;color:var(--muted);font-size:.92rem}
.footer-nav ul{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:20px;flex-wrap:wrap}
.footer-nav a{color:var(--muted)}

/* Tutor LMS and WooCommerce screens */
.has-tutor .tutor-wrap,.has-tutor .tutor-container{max-width:1180px}
.woo .woocommerce{max-width:100%}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.woocommerce-checkout #payment{background:var(--surface);border-radius:12px}
.woocommerce-checkout #payment div.payment_box{background:var(--soft);color:var(--ink)}
.woocommerce-checkout #payment div.payment_box::before{display:none}

/* Wise order-received box */
.ambcs-wise{background:var(--surface);border:2px solid var(--accent);border-radius:14px;padding:24px;margin:0 0 28px}
.ambcs-wise h2{font-size:1.5rem}
.ambcs-wise__details{background:var(--soft);border-radius:10px;padding:14px 16px;margin:0 0 16px}
.ambcs-wise__paid{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.ambcs-wise__paid label{display:block;font-weight:700;margin-bottom:6px}
.ambcs-wise__paid input[type=text]{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:8px;margin:0 8px 8px 0;min-width:240px}
.ambcs-wise__ok{color:#157347;font-weight:700}

/* landing page */
.amb-landing section{padding:84px 0}
.hero{padding:64px 0 76px !important}
.hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}
.hero__by{font-weight:500;color:var(--muted);margin-bottom:16px}
.lead{font-size:1.22rem;max-width:56ch;margin:20px 0 28px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.price-old{opacity:.7;font-weight:400;margin-left:4px}
.ticks{list-style:none;padding:0;margin:0 0 22px}
.ticks li{position:relative;padding-left:28px;margin:6px 0;color:var(--muted)}
.ticks li::before,.list-yes li::before{content:"";position:absolute;left:3px;top:.5em;width:12px;height:7px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.countdown{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.countdown__label{flex-basis:100%;font-size:.85rem;color:var(--muted)}
.countdown b{font:800 1.8rem var(--display)}
.countdown.is-ended{display:none}
.hero__media video,.hero__media img{border-radius:16px;width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
.hero__card{aspect-ratio:4/5;border-radius:16px;background:linear-gradient(160deg,var(--accent),var(--ink));display:grid;place-items:center;padding:28px;color:#fff;font:800 clamp(1.6rem,3vw,2.4rem) var(--display);text-align:center;line-height:1.1}

.stats{padding:0 !important}
.stats__grid{list-style:none;margin:0;padding:34px 0 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line)}
.stats__grid b{display:block;font:800 2.3rem var(--display);color:var(--accent);line-height:1}
.stats__grid span{color:var(--muted);font-size:.95rem}
.stats .small{padding-bottom:36px}

.pain{background:var(--ink);color:#fff}
.pain h2{max-width:20ch;font-size:clamp(2rem,4.4vw,3.3rem)}
.pain ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;max-width:60ch}
.pain li{padding-left:22px;position:relative;opacity:.85}
.pain li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background:var(--gold)}

.steps__list{list-style:none;padding:0;margin:36px 0 0;counter-reset:s}
.steps__list li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line);counter-increment:s}
.steps__list li::before{content:counter(s);font:800 2rem var(--display);color:var(--accent)}
.steps__list p{margin:4px 0 0;color:var(--muted)}

.inside{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.modules{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.modules li{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:22px}
.modules p{margin:0;color:var(--muted)}
.bonus-title{margin-top:36px}
.bonus{margin:0;padding-left:20px}

.fit__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.fit h3.yes,.fit h3.no{margin-top:22px}
.list-yes,.list-no,.list-plain{list-style:none;padding:0;margin:0 0 14px}
.list-yes li,.list-no li,.list-plain li{position:relative;padding:8px 0 8px 28px}
.list-no li::before{content:"×";position:absolute;left:3px;top:6px;font-weight:800;color:#C0392B}
.list-plain li::before{content:"";position:absolute;left:8px;top:1.1em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.list-yes li::before{top:1em}

.offer{background:var(--soft)}
.offer__card{max-width:560px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px}
.offer__price{font:800 2.4rem var(--display);margin:18px 0 14px}
.offer__card .small{margin:10px 0 0;color:var(--muted);text-align:center}

.about__grid{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:start}
.about__grid:not(:has(.about__photo)){grid-template-columns:1fr}
.about__photo{border-radius:16px;aspect-ratio:1;object-fit:cover;width:100%}
blockquote{margin:22px 0 0;font:700 1.4rem/1.3 var(--display);max-width:30ch;border-left:4px solid var(--gold);padding-left:18px}

.faq__in{max-width:780px}
details{border-top:1px solid var(--line);padding:18px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--accent)}
details[open] summary::after{content:"\2212"}
details p{margin:12px 0 0;color:var(--muted)}

.final{background:var(--accent);color:#fff;text-align:center}
.final h2{max-width:18ch;margin:0 auto 24px}

.buybar{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .25s ease;z-index:60}
.buybar.is-visible{transform:none}
.buybar__in{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media (prefers-reduced-motion:reduce){.buybar{transition:none}html{scroll-behavior:auto}}

@media (max-width:860px){
  .amb-landing section{padding:60px 0}
  .hero__grid,.fit__grid,.about__grid,.modules{grid-template-columns:1fr}
  .hero__media{order:-1}
  .hero__media video,.hero__media img,.hero__card{aspect-ratio:16/10}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .about__photo{max-width:180px}
}