/* RIGHTHAND MEDIA DIRECT BUTTON FIX v3 */

:root{
  --rhm-orange:#ff6900;
  --rhm-orange-2:#ff7a1a;
  --rhm-ink:#111720;
  --rhm-line:#cfd7e1;
  --rhm-danger:#e23b4b;
  --rhm-shadow:0 8px 20px rgba(16,24,36,.055);
  --rhm-shadow-hover:0 14px 30px rgba(255,105,0,.13);
}

/* Header links as buttons */
.portal-nav a,
.portal-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid var(--rhm-line)!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--rhm-ink)!important;
  box-shadow:var(--rhm-shadow)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

.portal-nav a:hover,
.portal-actions a:hover{
  color:var(--rhm-orange)!important;
  border-color:var(--rhm-orange)!important;
  box-shadow:var(--rhm-shadow-hover)!important;
  transform:translateY(-1px)!important;
}

.portal-actions a[href*="logout"],
.portal-actions a[href$="logout.php"],
.portal-btn-orange{
  background:linear-gradient(135deg,var(--rhm-orange),var(--rhm-orange-2))!important;
  color:#fff!important;
  border-color:var(--rhm-orange)!important;
}

/* Universal button style */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.btn,
a.view-btn,
a.action-btn,
a.btn-invoice,
a.back-btn,
a.kb-admin-button,
a.kb-read-btn,
a.kb-category-pill,
a.rhm-clean-btn,
.actions a,
.actions-top a,
.footer-buttons a,
.back-link a,
.btn,
.view-btn,
.action-btn,
.btn-invoice,
.back-btn,
.kb-admin-button,
.kb-read-btn,
.kb-category-pill,
.rhm-clean-btn,
.actions-table a,
.actions-table button,
.edit-btn,
.paid-btn,
.resend-btn,
.close-btn,
.reopen-btn,
.logout-btn,
.modal button,
.popup button,
.popup-overlay button,
.modal-content button,
.editor-modal button,
.wysiwyg-toolbar button,
.inline-form button,
.mini-form button,
.kb-category-add-form button,
.kb-search-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:auto!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid var(--rhm-line)!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--rhm-ink)!important;
  box-shadow:var(--rhm-shadow)!important;
  font-family:Manrope,'Segoe UI',Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transition:.18s ease!important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.btn:hover,
a.view-btn:hover,
a.action-btn:hover,
a.btn-invoice:hover,
a.back-btn:hover,
a.kb-admin-button:hover,
a.kb-read-btn:hover,
a.kb-category-pill:hover,
a.rhm-clean-btn:hover,
.actions a:hover,
.actions-top a:hover,
.footer-buttons a:hover,
.back-link a:hover,
.btn:hover,
.view-btn:hover,
.action-btn:hover,
.btn-invoice:hover,
.back-btn:hover,
.kb-admin-button:hover,
.kb-read-btn:hover,
.kb-category-pill:hover,
.rhm-clean-btn:hover,
.actions-table a:hover,
.actions-table button:hover,
.edit-btn:hover,
.paid-btn:hover,
.resend-btn:hover,
.close-btn:hover,
.reopen-btn:hover,
.logout-btn:hover,
.modal button:hover,
.popup button:hover,
.popup-overlay button:hover,
.modal-content button:hover,
.editor-modal button:hover,
.wysiwyg-toolbar button:hover,
.inline-form button:hover,
.mini-form button:hover,
.kb-category-add-form button:hover,
.kb-search-button:hover{
  background:#fff!important;
  color:var(--rhm-orange)!important;
  border-color:var(--rhm-orange)!important;
  box-shadow:var(--rhm-shadow-hover)!important;
  transform:translateY(-1px)!important;
}

/* Orange only for real primary buttons */
button[type="submit"].primary,
input[type="submit"].primary,
button[name="add_client"],
button[name="add_product"],
button[name="add_invoice"],
button[name="add_category"],
.kb-search-button,
.actions a[onclick*="openModal"],
.actions a[onclick*="openPopup"],
.actions a[href="#"]{
  background:linear-gradient(135deg,var(--rhm-orange),var(--rhm-orange-2))!important;
  color:#fff!important;
  border-color:var(--rhm-orange)!important;
}

button[type="submit"].primary:hover,
input[type="submit"].primary:hover,
button[name="add_client"]:hover,
button[name="add_product"]:hover,
button[name="add_invoice"]:hover,
button[name="add_category"]:hover,
.kb-search-button:hover,
.actions a[onclick*="openModal"]:hover,
.actions a[onclick*="openPopup"]:hover,
.actions a[href="#"]:hover{
  color:#fff!important;
}

/* Normal submit/save buttons stay white unless primary */
button[type="submit"],
input[type="submit"]{
  background:#fff!important;
  color:var(--rhm-ink)!important;
  border-color:var(--rhm-line)!important;
}

/* Add buttons by nearby classes */
.kb-category-add-form button[type="submit"],
form[action*="add"] button[type="submit"]{
  background:linear-gradient(135deg,var(--rhm-orange),var(--rhm-orange-2))!important;
  color:#fff!important;
  border-color:var(--rhm-orange)!important;
}

/* Delete buttons */
.delete-btn,
a.delete-btn,
button.delete-btn,
a[href*="delete"],
button[name*="delete"],
input[name*="delete"]{
  background:#fff!important;
  color:var(--rhm-danger)!important;
  border-color:#f3b4bd!important;
  box-shadow:0 8px 20px rgba(226,59,75,.055)!important;
}

.delete-btn:hover,
a.delete-btn:hover,
button.delete-btn:hover,
a[href*="delete"]:hover,
button[name*="delete"]:hover,
input[name*="delete"]:hover{
  color:var(--rhm-danger)!important;
  border-color:var(--rhm-danger)!important;
}

/* Table buttons */
td button,
td input[type="submit"],
td .btn,
td .view-btn,
td .action-btn,
td .edit-btn,
td .delete-btn,
td .paid-btn,
td .resend-btn,
td .close-btn,
td .reopen-btn,
.actions-table a,
.actions-table button{
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  font-size:13px!important;
  margin:3px 4px 3px 0!important;
}

td a:empty,
td button:empty,
button:empty:not(.editor-modal-x):not(.modal-close):not(.close){
  display:none!important;
}

/* Modal X buttons */
.close,
.close-btn-x,
.modal-close,
.popup-close,
.editor-modal-x,
button[onclick*="closeModal"],
button[onclick*="closePopup"],
button[onclick*="closeEditorModal"],
.modal-content > button:first-child,
.popup > button:first-child{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--rhm-ink)!important;
  border:1px solid var(--rhm-line)!important;
  box-shadow:var(--rhm-shadow)!important;
  font-size:22px!important;
  font-weight:500!important;
}

/* Back buttons */
a[href*="dashboard"],
a[href*="tickets.php"],
.back-link a,
.footer-buttons a{
  background:#fff!important;
  color:var(--rhm-ink)!important;
  border-color:var(--rhm-line)!important;
}

/* Editor toolbar */
.wysiwyg-toolbar button{
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  font-size:13px!important;
  box-shadow:none!important;
}

/* Mobile */
@media(max-width:1080px){
  .portal-topbar{flex-wrap:wrap!important;}
  .portal-nav,.portal-actions{width:100%!important;justify-content:flex-start!important;margin-left:0!important;}
}

@media(max-width:720px){
  .portal-nav a,.portal-actions a,.actions a,.actions-top a,.footer-buttons a{width:100%!important;}
  button,input[type="submit"],input[type="button"],input[type="reset"]{width:100%!important;}
  td button,td .btn,td .view-btn,td .edit-btn,td .delete-btn,td .action-btn,td input[type="submit"]{width:auto!important;}
}