/* SERU student dashboard (WooCommerce My Account) — large, clear text for older students. */
body.woocommerce-account { background: #F5F8FC; }
body.woocommerce-account .site-main,
body.woocommerce-account main#content { max-width: 1200px; margin: 0 auto; padding: 40px 20px 72px; }
body.woocommerce-account .page-header .entry-title { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 36px; font-weight: 800; letter-spacing: -.02em; color: #0B1B3F; margin: 0 0 24px; }

/* two columns: menu + content */
body.woocommerce-account .woocommerce { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; font-family: "Plus Jakarta Sans", system-ui, sans-serif; color: #0B1B3F; font-size: 17px; }
body.woocommerce-account .woocommerce::before, body.woocommerce-account .woocommerce::after { display: none; }
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; margin: 0; }
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }

body.woocommerce-account .woocommerce-MyAccount-navigation { background: #fff; border: 1px solid #E3E8F0; border-radius: 18px; padding: 10px; position: sticky; top: 110px; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
body.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0; }
body.woocommerce-account .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; font-size: 17px; font-weight: 700; color: #475569; text-decoration: none; }
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #D5DCE7; flex: none; }
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: #F5F8FC; color: #0B1B3F; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: #0B1B3F; color: #fff; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before { background: #14B39E; }
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: #B42318; }

body.woocommerce-account .woocommerce-MyAccount-content { background: #fff; border: 1px solid #E3E8F0; border-radius: 18px; padding: 32px; min-width: 0; line-height: 1.6; }
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child:not(:only-child) { margin-top: 0; }

/* WooCommerce screens (orders, account details) in the same style */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table { border-collapse: collapse; width: 100%; border: 1px solid #E3E8F0; border-radius: 12px; font-size: 16px; }
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td { padding: 14px 16px; border-top: 1px solid #EEF2F7; text-align: left; }
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th { background: #F5F8FC; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; color: #64748B; border-top: 0; }
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; background: #0E9A88; color: #fff !important; border: 0; border-radius: 12px; padding: 14px 22px; font: 700 16px "Plus Jakarta Sans", system-ui, sans-serif; text-decoration: none; cursor: pointer; }
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover { background: #0A7F70; }
body.woocommerce-account .woocommerce-MyAccount-content label { font-weight: 700; font-size: 16px; }
body.woocommerce-account .woocommerce-MyAccount-content input.input-text { width: 100%; font-size: 17px; padding: 13px 14px; border: 1.5px solid #E3E8F0; border-radius: 10px; }
body.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus { border-color: #14B39E; outline: 3px solid rgba(20,179,158,.2); }
body.woocommerce-account .woocommerce-MyAccount-content fieldset { border: 1px solid #E3E8F0; border-radius: 12px; padding: 18px 20px; margin: 24px 0; }
body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-message { border-radius: 12px; font-size: 16px; }

/* ---------- dashboard pieces ---------- */
.sme-acc { display: grid; gap: 22px; }
.sme-acc-hello h2 { font-size: 30px; font-weight: 800; letter-spacing: -.02em; margin: 0 0 4px; color: #0B1B3F; }
.sme-acc-hello p { margin: 0; font-size: 18px; color: #64748B; }
.sme-acc-pkg { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 20px 22px; border-radius: 16px; border: 1px solid #E3E8F0; background: #F5F8FC; }
.sme-acc-pkg.is-active { background: #EEFAF7; border-color: #9ADBCF; }
.sme-acc-pkg.is-none { background: #FFF8EB; border-color: #F5D7A1; }
.sme-acc-pkg > div { flex: 1 1 240px; display: grid; gap: 2px; }
.sme-acc-pkg strong { font-size: 21px; font-weight: 800; color: #0B1B3F; }
.sme-acc-pkg span { font-size: 16px; color: #475569; }
.sme-acc-pkg__label { font-size: 13px !important; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #64748B !important; }
.sme-acc-pkg__icon { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: #fff; color: #0A7F70; flex: none !important; }
.sme-acc-pkg.is-none .sme-acc-pkg__icon { color: #B26A00; }
.sme-acc-pkg__icon svg { width: 26px; height: 26px; }
.sme-acc-stats { margin: 0; }
.sme-acc-stats div { background: #fff; }
.sme-acc-stats strong { font-size: 30px; }
.sme-acc-stats span { font-size: 15px; }
.sme-acc-next { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 20px 22px; border-radius: 16px; background: #0B1B3F; color: #fff; }
.sme-acc-next > div { display: grid; gap: 4px; flex: 1 1 240px; }
.sme-acc-next strong { font-size: 20px; font-weight: 800; color: #fff; }
.sme-acc-next .sme-acc-pkg__label { color: #8FE9DA !important; }
.sme-acc .sme-acc-next .sme-btn.is-ghost { background: transparent; color: #fff !important; border-color: rgba(255,255,255,.4); }
.sme-acc .sme-acc-next .sme-btn.is-ghost:hover { border-color: #fff; background: transparent; }
.sme-acc-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sme-acc-section__head h3 { margin: 0; font-size: 22px; font-weight: 800; color: #0B1B3F; }
.sme-acc-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.sme-acc-head p { margin: 0; font-size: 18px; color: #475569; flex: 1 1 300px; }
.sme-acc-link { font-weight: 800; color: #0A7F70 !important; text-decoration: none; font-size: 16px; white-space: nowrap; }
.sme-acc-link:hover { text-decoration: underline; }
.sme-acc-empty { margin: 0; padding: 22px; border-radius: 12px; background: #F5F8FC; color: #64748B; font-size: 17px; text-align: center; }
.sme-acc-note { margin: 0; font-size: 16px; color: #475569; }

.sme-acc-table-wrap { overflow-x: auto; border: 1px solid #E3E8F0; border-radius: 14px; }
.sme-acc-table { width: 100%; border-collapse: collapse; margin: 0; border: 0; font-size: 17px; }
.sme-acc-table th { text-align: left; padding: 14px 18px; background: #F5F8FC; font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #64748B; border: 0; }
.sme-acc-table td { padding: 16px 18px; border: 0; border-top: 1px solid #EEF2F7; vertical-align: middle; }
.sme-acc-table td strong { color: #0B1B3F; }
.sme-acc-table .sme-chip { font-size: 13px; padding: 6px 11px; }
.sme-acc-result .sme-result { box-shadow: none; }
.sme-acc-result .sme-pass { font-size: 17px; }

@media (max-width: 900px) {
  body.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
  body.woocommerce-account .woocommerce-MyAccount-navigation { position: static; }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.woocommerce-account .site-main, body.woocommerce-account main#content { padding: 24px 14px 56px; }
  body.woocommerce-account .woocommerce-MyAccount-content { padding: 20px 16px; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a { font-size: 16px; padding: 12px 12px; }
  .sme-acc-table thead { display: none; }
  .sme-acc-table, .sme-acc-table tbody, .sme-acc-table tr, .sme-acc-table td { display: block; width: 100%; }
  .sme-acc-table tr { padding: 12px 16px; border-top: 1px solid #EEF2F7; }
  .sme-acc-table tr:first-child { border-top: 0; }
  .sme-acc-table td { border: 0; padding: 4px 0; }
  .sme-acc-table td[data-label]::before { content: attr(data-label) ": "; font-size: 14px; font-weight: 700; color: #64748B; }
  .sme-acc-stats { grid-template-columns: 1fr 1fr 1fr; }
  .sme-acc-stats strong { font-size: 22px; }
}