/* Ultimate Member custom styles based on #ff7f27 (orange) */

.um a.um-link {
  color: #ff7f27 !important;
  text-decoration: none !important;
}
.um a.um-link:hover {
  color: #e86f1a !important;
}

.um.um-login .um-form .um-col-alt .um-right.um-half{
  display: none !important;
}

.picker__box,
.picker__nav--next:hover,
.picker__nav--prev:hover,
.um .um-field-group-head,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
.um-modal-header,
.upload,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
  background-color: #ff7f27 !important;
  border-color: #ff7f27 !important;
  color: #fff !important;
}
.um .um-cover-add:hover,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-item-meta a,
.um .um-member-less a:hover,
.um .um-member-more a:hover,
.um .um-member-name a:hover,
.um .um-members-pagi a:hover,
.um .um-profile-subnav a.active,
.um .um-tip:hover,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
  color: #ff7f27 !important;
}
.um-request-button {
  background-color: #ff7f27 !important;
  border-color: #ff7f27 !important;
  color: #fff !important;
}
/* Primary button */
.um a.um-button,
.um a.um-button.um-disabled:active,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:hover,
.um input[type="submit"].um-button,
.um input[type="submit"].um-button:focus {
  background: #ff7f27 !important;
  border-color: #ff7f27 !important;
  color: #fff;
  border-radius: 0 !important;
  font-size: 15px !important;
  padding: 16px 24px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.um a.um-button:hover,
.um input[type="submit"].um-button:hover {
  background: #e86f1a !important;
  border-color: #e86f1a !important;
}

.um .um-button.um-alt,
.um input[type="submit"].um-button.um-alt {
  background: #eee !important;
  border-radius: 0 !important;
}
.um .um-button.um-alt:hover,
.um input[type="submit"].um-button.um-alt:hover {
  background: #ccc !important;
}

/* Profile header */
.um-profile-photo,
.um-profile-meta {
  border-color: #ff7f27 !important;
}

/* Tabs */
.um-profile-nav-item.active a,
.um-profile-nav-item a:hover {
  color: #ff7f27 !important;
  border-bottom: 2px solid #ff7f27 !important;
}

/* Form fields focus */
.um input:focus,
.um textarea:focus,
.um select:focus {
  border-color: #ff7f27 !important;
  box-shadow: 0 0 0 1px #ff7f27 !important;
}

/* Labels */
.um .um-field-label {
  color: #ff7f27 !important;
}

/* Notices */
.um .um-notice-success {
  background: #ff7f27 !important;
  color: #fff !important;
  border-color: #ff7f27 !important;
}

.um-page #left-area {
  float: none !important;
  width: 100%;
  padding: 100px 0 100px !important;
}

.um-page #left-area .main_title {
  text-align: center !important;
}

.um-page #main-content .container:before {
  display: none !important;
}

body.um-page.um-page-account .um-account-side,
body.um-page.um-page-account .um-account-main {
  float: none;
  width: 100%;
  margin-bottom: 30px;
}

body.um-page.um-page-account .um-account-meta {
  display: none;
}

body.um-page.um-page-account .um-account-side ul {
  display: flex;
  min-width: 100%;
}
body.um-page.um-page-account .um-account-side ul li {
  flex: 1;
}
body.um-page.um-page-account .um-account-side ul li .um-faicon-angle-right {
  display: none !important;
}
body.um-page.um-page-account .um-account-side ul li a {
  border-bottom: 3px solid #ccc !important;
  padding: 10px 0 !important;
}
body.um-page.um-page-account .um-account-side ul li a .um-account-icon {
  border-right: 0 !important;
}
body.um-page.um-page-account .um-account-side ul li a.current,
body.um-page.um-page-account .um-account-side ul li a:hover {
  border-bottom: 3px solid #ff7f27 !important;
  background: #fff !important;
}
body.um-page.um-page-account .um-account-side ul li a.current .um-account-title,
body.um-page.um-page-account .um-account-side ul li a:hover .um-account-title,
body.um-page.um-page-account .um-account-side ul li a.current .um-account-icon,
body.um-page.um-page-account .um-account-side ul li a:hover .um-account-icon {
  color: #ff7f27 !important;
}

.drf-orders-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 15px;
  margin-bottom: 20px;
}
.drf-orders-table th,
.drf-orders-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.drf-orders-table th {
  background: #ffe5d1;
  font-weight: 600;
  cursor: pointer;
  color: #ff7f27;
  border-bottom: 2px solid #ff7f27;
}
.drf-orders-table tr:nth-child(even) {
  background: #fff7f1;
}
.drf-action-btn {
  display: inline-block;
  padding: 6px 14px;
  margin-right: 6px;
  font-size: 14px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: #fff;
  background: #ff7f27;
  transition: background 0.2s;
  text-decoration: none;
}
.drf-action-btn:last-child {
  margin-right: 0;
}
.drf-action-btn.drf-pickup {
  background: #d65f00;
}
.drf-action-btn.drf-swap {
  background: #ff7f27;
}
.drf-action-btn:hover {
  background: #c95e00;
}
.drf-action-btn.drf-pickup:hover {
  background: #a34700;
}
#drf-search {
  border: 1px solid #ff7f27;
  padding: 6px 10px;
  font-size: 15px;
  border-radius: 0;
  outline: none;
}
#drf-search:focus {
  border-color: #c95e00;
  box-shadow: 0 0 0 1px #ff7f27;
}
.drf-modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
.drf-modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
  max-width: 600px;
  border-radius: 4px;
  position: relative;
}
.drf-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 20px;
}
.drf-modal-close:hover,
.drf-modal-close:focus {
  color: #ff7f27;
  text-decoration: none;
  cursor: pointer;
}
.drf-modal-table th {
  text-align: left;
  padding-right: 10px;
}

/* DRF WooCommerce account alignment with theme container */
body.woocommerce.woocommerce-account .woocommerce-content,
body.woocommerce-page.woocommerce-account .woocommerce-content {
  max-width: 1250px !important;
}

body.woocommerce-account.logged-in .woocommerce-content .woocommerce {
  width: 100%;
}

/* DRF account UI styles mapped to theme tokens */
.drf-account-field {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  color: var(--color-neutral-900);
}

.drf-account-header {
  gap: 1rem;
  flex-wrap: wrap;
}

.drf-account-title {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  font-size: var(--h2-font-size, var(--text-3xl));
  line-height: var(--h2-line-height, 1.2);
  color: var(--h2-color, var(--color-neutral-900));
}

.drf-action-link {
  text-decoration: none;
}

.drf-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.drf-order-actions .btn {
  white-space: nowrap;
}

.drf-account-notice {
  margin-bottom: 1.125rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-primary);
  border-radius: var(--button-sm-radius);
  background: var(--color-neutral-100);
  color: var(--color-neutral-900);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
}

.drf-search-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--text-eyebrow-letter-spacing, 0.08em);
  font-weight: var(--font-weight-bold);
}

.drf-search-input {
  width: 100%;
  max-width: 300px;
  height: 36px;
  padding: 4px 12px;
  font-size: var(--text-xs);
  font-family: var(--font-sans);
}

/* Document button spacing inside the order details modal */
.drf-modal-document-wrap {
  margin-top: 16px;
}