/* Doxley branding overrides for Modus */

/* brand green */
:root { --doxley-green: #5BFF9A; }

/* Top header / menu hover + active */
#menubar a:hover,
#menubar dt a:hover,
#menubar dd a:hover,
.titrePage a:hover,
.browsePath a:hover {
  color: var(--doxley-green) !important;
  text-decoration: none !important;
}

/* Selected menu item */
#menubar li.selected > a {
  color: var(--doxley-green) !important;
}

/* Icons on hover */
a:hover .pwg-icon,
a:hover .pwg-icon:before {
  color: var(--doxley-green) !important;
  opacity: 1 !important;
}

/* Buttons hover */
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  box-shadow: 0 0 0 2px var(--doxley-green) !important;
}

/* ------------------------------
   DOXLEY: Profile page buttons
   Account / Preferences / Password / API keys
-------------------------------- */

/* Main submit buttons */
#theProfilePage input[type="submit"],
#theProfilePage input[type="button"],
#theProfilePage button,
#theProfilePage .pwg-button,
#theIdentificationPage input[type="submit"],
#theIdentificationPage button,
#theAdminPage input[type="submit"],
#theAdminPage button {
  background: var(--doxley-green) !important;
  color: #111 !important;
  border: 1px solid var(--doxley-green) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important; /* kills blue gradients */
}

/* Hover / focus */
#theProfilePage input[type="submit"]:hover,
#theProfilePage input[type="button"]:hover,
#theProfilePage button:hover,
#theProfilePage .pwg-button:hover,
#theIdentificationPage input[type="submit"]:hover,
#theIdentificationPage button:hover,
#theAdminPage input[type="submit"]:hover,
#theAdminPage button:hover,
#theProfilePage input[type="submit"]:focus,
#theProfilePage button:focus {
  background: transparent !important;
  color: var(--doxley-green) !important;
  border: 1px solid var(--doxley-green) !important;
  box-shadow: 0 0 0 2px rgba(91,255,154,.25) !important;
}

/* Disabled */
#theProfilePage input[disabled],
#theProfilePage button[disabled],
#theAdminPage input[disabled],
#theAdminPage button[disabled] {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* ------------------------------
   DOXLEY: Profile buttons (strong override)
   Targets: Account / Preferences / Password / API keys
-------------------------------- */

/* Covers input + button + anchor buttons inside profile area */
body#theProfilePage form input[type="submit"],
body#theProfilePage form input[type="button"],
body#theProfilePage form button,
body#theProfilePage form a.pwg-button,
body#theProfilePage .pwg-button,
body#theProfilePage .actionButtons .pwg-button,
body#theProfilePage .categoryActions .pwg-button {
  background-color: var(--doxley-green) !important;
  color: #111 !important;
  border: 1px solid var(--doxley-green) !important;
  background-image: none !important;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Hover / focus */
body#theProfilePage form input[type="submit"]:hover,
body#theProfilePage form input[type="button"]:hover,
body#theProfilePage form button:hover,
body#theProfilePage form a.pwg-button:hover,
body#theProfilePage .pwg-button:hover,
body#theProfilePage form input[type="submit"]:focus,
body#theProfilePage form button:focus {
  background-color: transparent !important;
  color: var(--doxley-green) !important;
  border-color: var(--doxley-green) !important;
  box-shadow: 0 0 0 2px rgba(91,255,154,.35) !important;
  outline: none !important;
}

/* Icon inside button */
body#theProfilePage .pwg-button .pwg-icon,
body#theProfilePage .pwg-button:hover .pwg-icon,
body#theProfilePage .pwg-button .pwg-icon:before,
body#theProfilePage .pwg-button:hover .pwg-icon:before {
  color: currentColor !important;
}

/* If Modus uses <a> as button, kill underline */
body#theProfilePage a.pwg-button:hover {
  text-decoration: none !important;
}