/* Target the profile page specifically */
body[data-page-url="/account/profile"] {
    color: #000000; /* Set text color to black */
}

/* Ensure all headings are black */
body[data-page-url="/account/profile"] h1, 
body[data-page-url="/account/profile"] h2, 
body[data-page-url="/account/profile"] h3,
body[data-page-url="/account/profile"] h4, 
body[data-page-url="/account/profile"] h5, 
body[data-page-url="/account/profile"] h6 {
    color: #000000; /* Set headings to black */
}

/* Ensure links are black */
body[data-page-url="/account/profile"] a {
    color: #000000; /* Links in black */
    text-decoration: none; /* Optional: Remove underline */
}

body[data-page-url="/account/profile"] a:hover {
    color: #000000; /* Keep links black on hover */
    text-decoration: underline; /* Optional: Add underline on hover */
}

/* Ensure buttons have black text (if applicable) */
body[data-page-url="/account/profile"] button,
body[data-page-url="/account/profile"] .btn {
    color: #000000; /* Button text in black */
}

/* Ensure form fields have black text */
body[data-page-url="/account/profile"] input,
body[data-page-url="/account/profile"] textarea,
body[data-page-url="/account/profile"] select {
    color: #000000; /* Form field text in black */
}

.sidebar-sticky {
  position: sticky;
  height: 100vh; /* Ensures it spans the viewport height */
  overflow-y: auto; /* Allows scrolling if content overflows */
  background-color: #ffffff; /* Optional: Set a background color */
  z-index: 100; /* Keeps it above other elements if necessary */
}
.theme-portal-login {
    display: none !important;
}