/* Derived from original healthy-fungi.com(3).zip: assets/css/hf-account-dashboard.css; only OHM colours + DOM adapter. */
/* Healthy Fungi consumentenaccount – alleen scoped accountstijlen */
.hf-account-page{background:#eef5f4;color:#153747;padding:44px 20px 85px;min-height:65vh;font-family:inherit}.hf-account-shell{max-width:1170px;margin:auto;background:#fff;border:1px solid #dce9e7;border-radius:18px;box-shadow:0 18px 50px rgba(50,35,25,.06);overflow:hidden}.hf-account-hero{padding:43px 44px 24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.hf-account-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#367c77}.hf-account-hero h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.15;margin:12px 0}.hf-account-hero p,.hf-account-intro p{color:#627783;font-size:15px;line-height:1.7}.hf-account-user,.hf-account-status{background:#194b4b;color:white;border-radius:18px;padding:20px 25px;min-width:185px}.hf-account-user small,.hf-account-status small{display:block;opacity:.75;letter-spacing:.1em;font-size:10px;font-weight:800;margin-bottom:8px}.hf-account-user strong,.hf-account-status strong{font-size:16px}.hf-account-tabs{display:flex;gap:7px;padding:0 44px;border-bottom:1px solid #dce9e7;flex-wrap:wrap}.hf-account-tabs a{display:inline-block;padding:17px 25px;background:#e8f3f0;border:1px solid #d4e5e0;border-radius:14px 14px 0 0;color:#285a56;font-size:13px;font-weight:800;letter-spacing:.06em;text-decoration:none}.hf-account-tabs a.active{background:white;border-bottom-color:#fff;box-shadow:inset 0 4px #367c77}.hf-account-content{padding:34px 36px 40px}.hf-account-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 10px 28px;border-bottom:1px solid #e1ebe8}.hf-account-intro h2{font:500 32px Georgia,serif;color:#194b4b;margin:10px 0}.hf-account-status{min-width:130px;text-align:center}.hf-account-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.hf-account-card{border:1px solid #dce9e7;border-radius:20px;padding:23px 22px;background:#fff;min-width:0}.hf-account-card h3{font-size:17px;color:#194b4b;margin:0 0 15px}.hf-account-card dl{margin:0}.hf-account-card dl>div{display:grid;grid-template-columns:40% 60%;border-bottom:1px solid #eaf1ee;padding:12px 0;gap:12px;font-size:14px}.hf-account-card dt{font-weight:600;color:#627783}.hf-account-card dd{margin:0;overflow-wrap:anywhere;font-weight:600;color:#153747}.hf-account-link{display:inline-block;color:#276c68;font-weight:700;margin-top:19px}.hf-account-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.hf-account-actions a{background:#194b4b;color:#fff;text-decoration:none;border-radius:10px;padding:13px 18px;font-weight:700;font-size:14px}.hf-orders-scroll{overflow-x:auto}.hf-orders-scroll table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}.hf-orders-scroll th,.hf-orders-scroll td{padding:13px 8px;border-bottom:1px solid #dce9e7;text-align:left}.hf-orders-scroll th{color:#3f6968}@media(max-width:720px){.hf-account-page{padding:15px 10px 50px}.hf-account-hero{padding:27px 20px;flex-direction:column;align-items:start}.hf-account-user{width:100%}.hf-account-tabs{padding:0 16px}.hf-account-tabs a{padding:13px 18px}.hf-account-content{padding:18px 12px 28px}.hf-account-intro{padding:12px 8px 20px;align-items:start;flex-direction:column}.hf-account-columns{grid-template-columns:1fr}.hf-account-card dl>div{grid-template-columns:1fr;gap:3px}.hf-account-status{min-width:130px}}

/* Healthy Fungi webshop dashboard */
.hf-shop-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}
.hf-shop-tiles>a{background:#f0f7f5;border:1px solid #dce9e7;padding:23px 20px;border-radius:17px;color:#194b4b;text-decoration:none;transition:background .2s,box-shadow .2s}
.hf-shop-tiles>a:hover,.hf-shop-tiles>a:focus-visible{background:#fff;box-shadow:0 14px 32px rgba(51,34,23,.09)}
.hf-shop-tiles span{display:inline-block;background:#d9ebe7;color:#367c77;border-radius:40px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.07em;margin-bottom:12px}
.hf-shop-tiles strong{display:block;font-size:17px;font-weight:750;margin-bottom:10px}.hf-shop-tiles p{font-size:14px;line-height:1.6;color:#627783;margin:0}
.hf-orders-card{margin-top:17px;padding:28px}.hf-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #dce9e7;padding-bottom:22px;margin-bottom:20px}.hf-orders-heading h2{font:500 30px Georgia,serif;color:#194b4b;margin:9px 0}.hf-orders-heading p{color:#627783;font-size:14px}.hf-orders-empty{background:#f0f7f5;padding:18px;border-radius:11px;color:#627783;border:1px dashed #cbdeda}.hf-invoice-btn{display:inline-block;padding:9px 12px;background:#194b4b;color:#fff!important;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.hf-invoice-pending{font-size:12px;color:#627783;white-space:nowrap}.hf-order-payment{font-size:12px;font-weight:700}.hf-order-payment.is-paid{color:#2a7863}.hf-order-payment.is-pending{color:#8b6e44}.hf-orders-scroll table{min-width:760px}
@media(max-width:800px){.hf-shop-tiles{grid-template-columns:1fr}.hf-orders-heading{align-items:flex-start}.hf-orders-card{padding:18px}}

/* Small OHM DOM compatibility rules: source dimensions above stay unchanged. */
.ohm-account-body .hf-account-page{box-sizing:border-box;width:100%;max-width:none;margin:0}
.ohm-account-body .hf-account-shell{width:100%;box-sizing:border-box}
.ohm-account-body .hf-account-user a{display:block;color:#fff;text-decoration:underline;margin-top:8px;font-size:13px}
.ohm-account-body .hf-account-card h2{font-size:17px;color:#194b4b;margin:0 0 15px;font-weight:700}
.ohm-account-body .hf-account-card .ov-facts>div{display:grid;grid-template-columns:40% 60%;border-bottom:1px solid #eaf1ee;padding:12px 0;gap:12px;font-size:14px}
.ohm-account-body .hf-account-card .ov-facts dd{max-width:none;text-align:start;overflow-wrap:anywhere}
.ohm-account-body .hf-account-card a:not(.ov-button){display:inline-block;color:#276c68;font-weight:700;margin-top:19px}
.ohm-account-body .hf-shop-tiles>a.ov-card{padding:23px 20px;box-shadow:none;min-height:auto}
.ohm-account-body .hf-orders-card>h2{font:500 30px Georgia,serif;color:#194b4b;margin:9px 0 20px}
.ohm-account-body .hf-orders-scroll .ov-orders th,.ohm-account-body .hf-orders-scroll .ov-orders td{white-space:normal}
@media(max-width:720px){.ohm-account-body .hf-account-card .ov-facts>div{grid-template-columns:1fr;gap:3px}}

/* Prevent the original mobile account badge from overflowing narrow screens. */
.ohm-account-body .hf-account-user{box-sizing:border-box;max-width:100%}

/* OHM Vitaal accountheader – goedgekeurde kleur vanuit browserinspectie. */
.hf-account-page .ov-dashboard-heading {
    background: #a1bcba !important;
}

/* +5px ruimte boven Overzicht en Webshop, desktop en mobiel. */
.ohm-account-body nav.hf-account-tabs {
    padding-top: 5px;
}