/* Languages on Fire — My Account resource hub (#lofacct) */

#lofacct{
	--o:#FE540A;--oh:#EC4700;
	--ink:#1D1B1A;--body:#5D5853;
	--cream:#F8EDE4;--cream2:#F1E5D4;--offw:#FCFAF7;
	--card:#FFFFFF;--line:#ECE3D6;
	font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	color:var(--body);
	max-width:none;
}
#lofacct *{box-sizing:border-box;}
#lofacct h1,#lofacct h2,#lofacct h3{font-family:'Outfit',sans-serif !important;color:var(--ink);line-height:1.15;margin:0;}
#lofacct p{margin:0;}
#lofacct img{max-width:100%;}

/* purchase confirmation banner */
#lofacct .la-confirm{background:#EAF7EC;border:1px solid #BFE3C6;border-left:4px solid #2E9E4B;border-radius:12px;padding:14px 18px;margin:0 0 18px;color:#245c34;font-size:.96rem;line-height:1.45;}
#lofacct .la-confirm strong{color:#1c4a29;}

/* course card — landscape product image, so frame it like a deck thumb */
#lofacct .la-course-cover{flex:0 0 120px;background:var(--cream);display:flex;align-items:center;justify-content:center;}
#lofacct .la-course-cover img{width:100%;height:auto;}

/* hero */
#lofacct .la-hero{
	background:linear-gradient(135deg,#1B1715,#2c2420);
	color:#fff;border-radius:18px;padding:28px 30px;margin:0 0 28px;
}
#lofacct .la-kick{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--o);font-weight:700;margin:0 0 8px;}
#lofacct .la-hero h1{color:#fff;font-size:1.9rem;font-weight:800;margin:0 0 8px;}
#lofacct .la-lead{color:#E8E2DB;font-size:1.02rem;max-width:52ch;}

/* blocks */
#lofacct .la-block{margin:0 0 34px;}
#lofacct .la-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px;border-bottom:2px solid var(--line);padding-bottom:10px;}
#lofacct .la-head h2{font-size:1.28rem;font-weight:800;}
#lofacct .la-more{font-size:.9rem;font-weight:700;color:var(--o);text-decoration:none;white-space:nowrap;}
#lofacct .la-more:hover{color:var(--oh);}

/* grids */
#lofacct .la-grid{display:grid;gap:16px;}
#lofacct .la-decks{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
#lofacct .la-guides{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));}

/* cards */
#lofacct .la-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 1px 2px rgba(29,27,26,.04);}
#lofacct .la-card h3{font-size:1.12rem;font-weight:700;}
#lofacct .la-muted{color:var(--body);font-size:.9rem;}
#lofacct .la-sub{color:var(--o);font-weight:700;font-size:.85rem;}

/* deck thumbnail (product image) — full-bleed to the card edges, no frame */
#lofacct .la-deck{padding-top:0;overflow:hidden;}
#lofacct .la-deck .la-thumb{align-self:stretch;margin:0 -20px 10px;overflow:hidden;background:#fff;}
#lofacct .la-deck .la-thumb img{width:100%;height:auto;display:block;}
#lofacct .la-deck .la-badge{
	width:46px;height:46px;border-radius:12px;background:var(--cream);
	color:var(--o);font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;margin-bottom:4px;letter-spacing:.02em;
}

/* buttons */
#lofacct .la-btn{
	margin-top:auto;display:inline-flex;align-items:center;justify-content:center;
	background:var(--o);color:#fff !important;font-weight:700;font-size:.92rem;
	padding:10px 18px;border-radius:10px;text-decoration:none;border:2px solid var(--o);
	transition:background .15s,border-color .15s,transform .05s;
}
#lofacct .la-btn:hover{background:var(--oh);border-color:var(--oh);color:#fff !important;}
#lofacct .la-btn:active{transform:translateY(1px);}
#lofacct .la-btn-ghost{background:transparent;color:var(--o) !important;}
#lofacct .la-btn-ghost:hover{background:var(--cream);color:var(--oh) !important;border-color:var(--oh);}

/* guide cards — horizontal, cover thumbnail left */
#lofacct .la-guide{flex-direction:row;gap:16px;align-items:stretch;}
#lofacct .la-guide .la-cover{flex:0 0 96px;align-self:flex-start;border-radius:8px;overflow:hidden;background:var(--cream);box-shadow:0 3px 10px rgba(29,27,26,.14);}
#lofacct .la-guide .la-cover img{width:100%;height:auto;display:block;}
#lofacct .la-guide-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0;}

/* coaching card */
#lofacct .la-coach{flex-direction:row;gap:22px;align-items:center;background:var(--cream2);border-color:#E7D6C0;}
#lofacct .la-coach-photo{flex:0 0 96px;}
#lofacct .la-coach-photo img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 3px 10px rgba(29,27,26,.16);}
#lofacct .la-coach-body{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;}
#lofacct .la-coach-body h3{font-size:1.18rem;font-weight:800;}
#lofacct .la-coach-body .la-btn{margin-top:2px;}
#lofacct .la-coach .la-help{margin:0;}

/* empty state */
#lofacct .la-empty{align-items:flex-start;background:var(--offw);gap:12px;}

/* start-here intro + trial note */
#lofacct .la-intro{color:var(--body);font-size:.98rem;margin:0 0 14px;}
#lofacct .la-note{background:var(--cream);border-left:4px solid var(--o);border-radius:0 10px 10px 0;padding:14px 16px;margin:0 0 18px;font-size:.92rem;color:var(--body);}
#lofacct .la-note strong{color:var(--ink);}

/* steps */
#lofacct .la-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;}
#lofacct .la-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--offw);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
#lofacct .la-steps .la-n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--o);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem;}
#lofacct .la-steps strong{color:var(--ink);}
#lofacct .la-steps a{color:var(--o);font-weight:700;text-decoration:none;}
#lofacct .la-steps a:hover{color:var(--oh);}
#lofacct code{background:var(--cream);color:var(--ink);padding:1px 6px;border-radius:5px;font-size:.86em;font-family:ui-monospace,Menlo,Consolas,monospace;}

/* accordion */
#lofacct .la-acc{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:0 18px;}
#lofacct .la-acc summary{cursor:pointer;font-weight:800;color:var(--ink);padding:16px 0;list-style:none;font-size:1.02rem;font-family:'Outfit',sans-serif;}
#lofacct .la-acc summary::-webkit-details-marker{display:none;}
#lofacct .la-acc summary::before{content:'+';color:var(--o);font-weight:800;margin-right:10px;display:inline-block;width:.8em;}
#lofacct .la-acc[open] summary::before{content:'\2013';}
#lofacct .la-acc-body{padding:14px 0 18px;border-top:1px solid var(--line);}
#lofacct .la-acc-body p{margin:0 0 10px;}
#lofacct .la-acc-body ol,#lofacct .la-acc-body ul{margin:12px 0;padding-left:20px;}
#lofacct .la-acc-body li{margin:6px 0;}
#lofacct .la-acc-body a{color:var(--o);font-weight:700;text-decoration:none;}
#lofacct .la-acc-body a:hover{color:var(--oh);}

/* account links */
#lofacct .la-links{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 8px;}
#lofacct .la-links a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 14px;color:var(--ink);font-weight:600;font-size:.92rem;text-decoration:none;transition:border-color .15s,color .15s;}
#lofacct .la-links a:hover{border-color:var(--o);color:var(--o);}
#lofacct .la-help{font-size:.9rem;margin:6px 0 0;}
#lofacct .la-help a{color:var(--o);font-weight:700;text-decoration:none;}

@media(max-width:600px){
	#lofacct .la-hero{padding:22px 20px;}
	#lofacct .la-hero h1{font-size:1.5rem;}
}
@media(max-width:520px){
	#lofacct .la-coach{flex-direction:column;align-items:flex-start;}
}

/* light brand touch on the native account nav */
.woocommerce-account .woocommerce-MyAccount-navigation ul{border-radius:12px;overflow:hidden;border:1px solid #ECE3D6;list-style:none;margin:0;padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid #F1E5D4;}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{font-family:'Outfit',sans-serif;font-weight:600;color:#1D1B1A;text-decoration:none;}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:#FE540A;}
/* "Coaching" quick-jump nav item: highlight it + smooth-scroll with an anchor offset */
.woocommerce-account .woocommerce-MyAccount-navigation-link--lof-coaching a{color:#FE540A;font-weight:700;}
html{scroll-behavior:smooth;}
#lof-coaching{scroll-margin-top:90px;}

/* login-page note (accounts are auto-created at checkout) */
.woocommerce-account .lof-login-note{background:#F8EDE4;border:1px solid #ECE3D6;border-left:4px solid #FE540A;border-radius:0 12px 12px 0;padding:16px 18px;margin:0 0 26px;font-family:'Outfit',sans-serif;color:#5D5853;font-size:.96rem;line-height:1.5;}
.woocommerce-account .lof-login-note strong{color:#1D1B1A;display:block;margin-bottom:2px;}

/* mobile: collapse the account nav behind a hamburger so the welcome shows first */
.woocommerce-account .lof-nav-toggle{display:none;}
@media(max-width:768px){
	.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:20px;}
	.woocommerce-account .woocommerce-MyAccount-navigation ul{display:none;margin-top:10px;}
	.woocommerce-account .woocommerce-MyAccount-navigation.lof-nav-open ul{display:block;}
	.woocommerce-account .lof-nav-toggle{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:1px solid #ECE3D6;border-radius:12px;padding:15px 18px;font-family:'Outfit',sans-serif;font-weight:700;font-size:1rem;color:#1D1B1A;cursor:pointer;}
	.woocommerce-account .lof-burger{position:relative;display:inline-block;width:20px;height:2px;background:#FE540A;transition:background .12s;}
	.woocommerce-account .lof-burger::before,.woocommerce-account .lof-burger::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#FE540A;transition:transform .15s,top .15s;}
	.woocommerce-account .lof-burger::before{top:-6px;}
	.woocommerce-account .lof-burger::after{top:6px;}
	.woocommerce-account .lof-nav-open .lof-burger{background:transparent;}
	.woocommerce-account .lof-nav-open .lof-burger::before{top:0;transform:rotate(45deg);}
	.woocommerce-account .lof-nav-open .lof-burger::after{top:0;transform:rotate(-45deg);}
}