/*
Theme Name: LO Health & Wellness
Theme URI: https://example.com/
Author: LO Health & Wellness
Description: Branded responsive wellness and workout library theme, designed for the LO Health Core plugin.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: lo-health
License: GPL-2.0-or-later
*/
/* WordPress layout additions to the original LO Health branded design. */
.main-nav ul,.main-nav .menu{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}
.main-nav li{list-style:none;margin:0}
.site-header{z-index:60}
.lh-inner-page{min-height:65vh;background:#f7fbfc}
.lh-page-head{background:linear-gradient(125deg,#eaf7fb,#fbfaf6);padding:74px 0 62px}
.lh-page-head h1{font-family:Outfit,system-ui,sans-serif;color:#173b53;font-size:clamp(36px,5.5vw,66px);line-height:1.06;letter-spacing:-1.7px;margin:14px 0 17px;max-width:850px}
.lh-page-head p{max-width:700px;color:#647f8b;font-size:16px;line-height:1.7}
.lh-breadcrumb{display:inline-block;margin:0 0 25px;color:#277f9f;font-weight:700}
.lh-detail-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.lh-detail-pills span{background:#fff;padding:10px 16px;border:1px solid #dfebef;border-radius:25px;color:#317994;font-weight:700;font-size:13px}
.lh-archive,.lh-detail,.lh-standard-page{padding:60px 0 90px}
.lh-filter-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid #e2ebef;border-radius:16px;padding:22px 25px;box-shadow:var(--shadow);margin-bottom:30px}
.lh-filter-form label{display:flex;flex:1 1 150px;flex-direction:column;gap:7px;color:#51707d;font-size:12px;font-weight:800}
.lh-filter-form label:first-child{flex:2 1 240px}
.lh-filter-form input,.lh-filter-form select{height:46px;border:1px solid #dfe9ee;border-radius:9px;padding:0 12px;background:white;color:#294d5f;width:100%}
.lh-filter-form .btn{border:0;height:46px;white-space:nowrap}
.lh-clear{color:#297b97;font-weight:700;font-size:13px;padding:14px 6px}
.lh-total{font-weight:700;color:#587685}
.lh-pages{display:flex;gap:10px;justify-content:center;margin:42px 0 0}
.lh-pages a,.lh-pages .current{padding:9px 13px;border:1px solid #d8e8ee;border-radius:8px;background:white;color:#318db2}
.lh-pages .current{background:#318db2;color:white}
.lh-empty{padding:60px;text-align:center;background:white;border-radius:16px}
.lh-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;align-items:start}
.lh-instructions,.lh-side-panel,.lh-prose,.lh-account-box{background:#fff;border:1px solid #e3edf0;border-radius:18px;padding:42px;box-shadow:var(--shadow)}
.lh-instructions h2,.lh-account-box h2{font:700 31px Outfit,system-ui;color:#23495e}
.lh-instructions .step-list{margin:0;padding:0 0 0 20px;line-height:1.7}
.lh-instructions .step-list li{margin:14px 0;padding-left:9px}
.lh-adapt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.lh-instructions .alternative{background:#f5fafc;padding:18px;border-radius:12px}
.lh-safety-warning{background:#fff7eb;border-left:4px solid #e5a34b;padding:18px 20px;border-radius:6px;margin:24px 0;font-size:13px;line-height:1.8}
.lh-side-panel{position:sticky;top:96px;padding:25px}
.lh-side-panel h3{font-size:24px;font-family:Outfit;color:#244a5d}
.lh-side-panel p{color:#607c8a;line-height:1.8}
.lh-side-panel .btn{margin:12px 0;border-radius:10px}
.lh-link-button{border:0;background:none;color:#287f9f;padding:13px 0;font-weight:700;display:block}
.lh-side-link{display:block;border-top:1px solid #edf2f4;padding:15px 0;font-weight:700;color:#2981a1}
.lh-status{min-height:22px;font-size:12px}
.lh-video{position:relative;max-width:720px;aspect-ratio:16/9}
.lh-video iframe{width:100%;height:100%;border:0}
.lh-article-body{margin-top:40px}
.lh-prose{max-width:950px;line-height:1.8}
.lh-prose a{color:#318db2;text-decoration:underline}
.lh-prose h2{color:#20485c}
.lh-post{border-bottom:1px solid #e4ebef;padding:16px 0}
.lh-post a{color:#2987a7}
.lh-account-box{max-width:950px;margin:auto}
.lh-account-box p{line-height:1.75;color:#677f8c}
.lh-account-box .btn{margin:5px 6px 5px 0}
.lh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0}
.lh-stats>div{border:1px solid #dcecf0;background:#f2fafe;border-radius:13px;padding:20px;display:flex;flex-direction:column}
.lh-stats strong{font-size:32px;color:#287e9f}
.lh-stats span{font-size:12px;font-weight:700;color:#608290}
.lh-saved-links{display:grid;gap:8px;margin:20px 0}
.lh-saved-links a{background:#f7fbfc;padding:13px 17px;border-radius:9px;color:#237c9d;display:flex;justify-content:space-between;font-weight:700}
.lh-instructions .workout-card a{color:inherit}
@media(max-width:850px){.main-nav.open ul,.main-nav.open .menu{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav.open li{border-bottom:1px solid #eff3f5}.lh-detail-columns{grid-template-columns:1fr}.lh-side-panel{position:static}.lh-filter-form{padding:16px}.lh-archive,.lh-detail,.lh-standard-page{padding:34px 0 60px}}
@media(max-width:600px){.lh-instructions,.lh-side-panel,.lh-prose,.lh-account-box{padding:22px}.lh-page-head{padding:44px 0}.lh-adapt-grid,.lh-stats{grid-template-columns:1fr}.lh-filter-form{flex-direction:column;align-items:stretch}.lh-filter-form label{width:100%;flex:initial}}
@media print{.lh-page-head{padding:15px 0}.lh-detail{padding:0}.lh-detail-columns{display:block}.lh-side-panel,.site-header,.topline,.site-footer{display:none!important}.lh-instructions{border:none;box-shadow:none;padding:0}.lh-safety-warning{color:#333}.lh-inner-page{background:#fff}}

.lh-contact-form{max-width:620px;display:grid;gap:18px;margin:25px 0}
.lh-contact-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#28536a}
.lh-contact-form input,.lh-contact-form textarea{padding:13px;border:1px solid #cedee5;border-radius:9px;font:inherit;max-width:100%}
.lh-contact-note{font-size:12px;color:#6b808c}
.lh-honeypot{position:absolute;left:-10000px;height:1px;overflow:hidden}
.lh-contact-success{background:#e9f7f2;border-left:4px solid #62a98d;padding:17px}
.lh-contact-error{background:#fdf0ef;border-left:4px solid #d97d79;padding:17px}