/* MY ACCOUNT (0.7.55). Loaded on the account pages and the checkout: "View
   exercises" is the first entry, in the practice red; the theme's own date
   line ("Sep 30, 2026") under the page title says nothing to a patient and
   is hidden on the store pages; the first screen's one red button. */
body.woocommerce-account .single_post--meta, body.woocommerce-checkout .single_post--meta { display: none !important; }
.woocommerce-MyAccount-navigation-link--sospi-exercises a {
  display: block; box-sizing: border-box; min-height: 48px; margin: 0 0 10px; padding: 12px 16px;
  border: 2px solid #d82729 !important; border-radius: 6px; background: #d82729 !important;
  color: #fff !important; font-weight: 800 !important; font-size: 17px; text-align: center; text-decoration: none !important;
}
.woocommerce-MyAccount-navigation-link--sospi-exercises a:hover, .woocommerce-MyAccount-navigation-link--sospi-exercises a:focus { background: #b51f21 !important; color: #fff !important; }
.woocommerce-MyAccount-navigation-link a { font-weight: 700; }
.sospi-account-home p { font-size: 17px; line-height: 1.5; margin: 0 0 12px; overflow-wrap: anywhere; word-break: break-word; }
.woocommerce-MyAccount-navigation-link a { display: block; box-sizing: border-box; min-height: 44px; padding: 10px 0; }
.sospi-account-home__go {
  display: block; box-sizing: border-box; max-width: 420px; min-height: 52px; margin: 6px 0 18px; padding: 13px 16px;
  border-radius: 6px; background: #d82729 !important; color: #fff !important; font-size: 18px; font-weight: 800;
  text-align: center; text-decoration: none !important;
}
.sospi-account-home__go:hover, .sospi-account-home__go:focus { background: #b51f21 !important; color: #fff !important; }
.sospi-account-card { border: 2px solid #111; border-radius: 6px; padding: 12px 14px; margin: 0 0 18px; font-size: 16px; line-height: 1.5; }
.sospi-account-card__btn { display: inline-block; min-height: 44px; box-sizing: border-box; margin-top: 10px; padding: 10px 16px; border: 2px solid #111; border-radius: 6px; font-weight: 800; color: #111 !important; background: #fff; text-decoration: none !important; }

/* 0.8.4 -- "The header should be MY PROFILE and have different tabs
   underneath it" (the practice, 30 Oct 2026). The page title reads My Profile
   (the_title filter); WooCommerce's side menu becomes ONE row of tabs under
   it at every width, and the Profile tab shows the facts once, large and bold.
   WooCommerce floats the menu and the content side by side; both are full
   width here so the tabs sit under the header, never beside the content. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: 100% !important; max-width: 100% !important; }
.woocommerce-MyAccount-navigation ul {
  display: flex !important; flex-wrap: wrap; gap: 8px; list-style: none !important;
  margin: 0 0 20px !important; padding: 0 0 14px !important; border-bottom: 2px solid #111;
}
.woocommerce-MyAccount-navigation-link { margin: 0 !important; padding: 0 !important; flex: 0 1 auto; min-width: 0; max-width: 100%; }
.woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link--sospi-exercises a {
  display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-height: 48px;
  margin: 0 !important; padding: 10px 16px !important; border: 2px solid #111 !important; border-radius: 6px;
  background: #fff !important; color: #111 !important; font-size: 17px !important; font-weight: 800 !important;
  line-height: 1.2; text-align: center; text-decoration: none !important; overflow-wrap: break-word; hyphens: none;
}
.woocommerce-MyAccount-navigation-link a:hover, .woocommerce-MyAccount-navigation-link a:focus { background: #f2f2f2 !important; color: #111 !important; }
/* The tab you are on: filled black. My exercises: the practice red, always. */
.woocommerce-MyAccount-navigation-link.is-active a { background: #111 !important; color: #fff !important; }
.woocommerce-MyAccount-navigation-link--sospi-exercises a { background: #d82729 !important; border-color: #d82729 !important; color: #fff !important; }
.woocommerce-MyAccount-navigation-link--sospi-exercises a:hover, .woocommerce-MyAccount-navigation-link--sospi-exercises a:focus { background: #b51f21 !important; color: #fff !important; }
.woocommerce-MyAccount-navigation-link--customer-logout a { border-color: #777 !important; color: #333 !important; }
@media (max-width: 600px) {
  /* On a phone the tabs share rows by the size of their words (9em each):
     two a row at ordinary text, one a row once the text is turned up --
     never a word cut in half ("Subscri / ption", usability 30 Oct). */
  .woocommerce-MyAccount-navigation-link { flex: 1 1 9em; }
}
.sospi-account-home__facts { margin: 0 0 18px !important; padding: 14px 16px !important; border: 2px solid #111; border-radius: 8px; background: #fff; max-width: 640px; box-sizing: border-box; }
.sospi-account-home__facts dt { margin: 12px 0 0 !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .04em; color: #555 !important; }
.sospi-account-home__facts dt:first-child { margin-top: 0 !important; }
.sospi-account-home__facts dd { margin: 2px 0 0 !important; font-size: clamp(14px, 5.8vw, 20px) !important; font-weight: 800 !important; line-height: 1.35; color: #111 !important; overflow-wrap: break-word; word-break: normal; }
/* An email has no spaces to wrap at: it alone may break where it must. */
.sospi-account-home__facts dd.sospi-account-home__email { overflow-wrap: anywhere; }
@media (max-width: 400px) { .sospi-account-home__facts { padding: 12px !important; } }
.sospi-account-home__btn {
  display: block; box-sizing: border-box; max-width: 640px; min-height: 56px; margin: 0 0 18px; padding: 14px 16px; border: 2px solid #d82729 !important; border-radius: 8px;
  background: #d82729 !important; color: #fff !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.3; text-align: center; text-decoration: none !important;
}
.sospi-account-home__btn:hover, .sospi-account-home__btn:focus { background: #b51f21 !important; color: #fff !important; }