/**
 * @file
 * Hide register tabs and style patient CTA banner.
 */

/* Hide the local task tabs on the register page (Log in, Create new account, Reset your password) */
.page-user-register .tabs--primary,
.page-user-register .tabs.primary,
.page-user-register .tabs,
.page-user-register nav.tabs,
.page-user-register ul.tabs,
.page-user-register .primary-tabs,
.page-user-register .nav-tabs,
.path-user.page-user-register .block-local-tasks-block,
.path-user .tabs--primary,
.path-user .tabs.primary,
.path-user .nav-tabs,
body.path-user-register .tabs,
body.path-user-register ul.tabs,
body.path-user-register .tabs--primary,
body.path-user-register nav.tabs {
  display: none !important;
}

/* Hide the Account tab inside the form */
body.path-user .horizontal-tabs-list,
body.path-user .vertical-tabs,
body.path-user .vertical-tabs__menu,
body.path-user .vertical-tabs-list,
body.path-user form .horizontal-tabs-list,
body.path-user a[href="#edit-group-account"] {
  display: none !important;
}

/* Note: The old "To pay a bill" banner was updated in Drupal admin to show correct text */

/* Patient CTA Banner styling - Medicnet Yellow background */
.patient-cta-banner {
  background-color: #F8E59A;
  padding: 15px 20px;
  margin-top: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  text-align: center;
}

.patient-cta-banner p {
  margin: 0;
  font-size: 1rem;
  color: #333;
}

.patient-cta-banner a {
  font-weight: bold;
  text-decoration: underline;
  color: #5e3a98;
}

.patient-cta-banner a:hover {
  color: #4a2d7a;
}

/* Register description text styling */
.register-description {
  margin-bottom: 20px;
  font-size: 1rem;
  color: #555;
}

/* Style the Payment Gateway link as a button on register, home, and sign-up pages */
body.path-user a[href="/payment"],
body.path-node a[href="/payment"],
body.path-sign-up a[href="/payment"],
body a[href="/payment"]:not(.btn) {
  display: inline-block !important;
  padding: 8px 16px !important;
  margin-left: 10px !important;
  background-color: #5e3a98 !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  transition: background-color 0.2s ease !important;
}

body.path-user a[href="/payment"]:hover,
body.path-node a[href="/payment"]:hover,
body.path-sign-up a[href="/payment"]:hover,
body a[href="/payment"]:not(.btn):hover {
  background-color: #4a2d7a !important;
  color: #fff !important;
  text-decoration: none !important;
}