/* Destined Hosting black & gold Material override for HESK 3 (hesk3 theme).
   Loaded via /support/head.txt — survives HESK upgrades. v2 */

:root {
  --dh-bg: #0a0a0a;
  --dh-surface-1: #161616;
  --dh-surface-2: #1f1f1f;
  --dh-surface-3: #262626;
  --dh-border: #2c2c2c;
  --dh-text: #f2f0eb;
  --dh-muted: #a8a294;
  --dh-gold: #d4af37;
  --dh-gold-strong: #e6c558;
  --dh-gold-dim: rgba(212, 175, 55, .14);
  --dh-on-gold: #161200;
  --dh-green: #81c784;
  --dh-red: #e57373;
  --dh-amber: #ffb74d;
  --dh-el-1: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);
  --dh-el-2: 0 3px 6px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.35);
}

/* ---------- base & page background ---------- */
html, body { background: var(--dh-bg) !important; color: var(--dh-text) !important; }
body, button, input, select, textarea { font-family: 'Roboto', Lato, system-ui, sans-serif !important; }
.cust-help .wrapper, .wrapper, .main__content, .bg-absolute, #loader { background: var(--dh-bg) !important; }
.main__content { color: var(--dh-text); }
h1, h2, h3, h4, h5, h6, .h-1, .h-2, .h-4, .h-5, .cust-help .h-3, .h-3,
.search__title, .article__heading--form, .custom-field-title {
  color: var(--dh-text) !important;
}
a { color: var(--dh-gold); }
a:hover { color: var(--dh-gold-strong); }

/* ---------- header & footer ---------- */
.cust-help .header { background: #111 !important; box-shadow: var(--dh-el-2); }
.cust-help .header *, .cust-help .header .h-3 { color: var(--dh-text) !important; }
.footer { background: #0d0d0d !important; border-top: 1px solid var(--dh-border); }
.footer, .footer * { color: var(--dh-muted) !important; }
.footer a:hover { color: var(--dh-gold) !important; }

/* ---------- cards, panels, white surfaces ---------- */
.article, .block, .accordion, .topics, .navlink, .navlink:hover,
.form-submit-ticket, .form__search, .form__search .form__search_type,
.form__search .form__search_results, .kb-suggestions, .kb-suggestions.boxed,
.modal .modal__body, .notification, .notification-flash, .notification-bar,
.notification-bar.white, .preview, .suggest-preview, .select-items,
.ticket__body_block, .ticket__body_block .block--message, .ticket__body_block .block--timer,
.ticket__params .params--bar, .ticket__params .params--block,
.tabbed__head .tabbed__head_tabs li.current, .tabbed__tabs .tabbed__tabs_tab,
.main__content.notifications .notifications__list,
.dropdown .dropdown-list, .dropdown-select .dropdown-list, .with-label .dropdown-list,
.selectize-dropdown, .selectize-dropdown .optgroup-header, .selectize-dropdown-header,
.datepicker, .datepicker .datepicker--nav, .datepicker .datepicker--content,
.tooltype .tooltype__content .tooltype__wrapper {
  background: var(--dh-surface-1) !important;
  border-color: var(--dh-border) !important;
  color: var(--dh-text) !important;
}
.navlink { box-shadow: var(--dh-el-1) !important; }
.navlink:hover { box-shadow: var(--dh-el-2) !important; }
.navlink__title { color: var(--dh-gold) !important; }
.navlink__descr { color: var(--dh-muted) !important; }
.icon-in-circle { background: var(--dh-gold-dim) !important; }
.main__content.notifications .notifications__list li:nth-child(odd),
.dropzone > .file-row:nth-child(even) { background: var(--dh-surface-2) !important; }
.ticket__body_block .block--attach-list div { background: var(--dh-surface-2) !important; }
.tooltype .tooltype__content::before { background: var(--dh-surface-1) !important; }
.dropdown .dropdown-list .separator, .dropdown-select .dropdown-list .separator,
.with-label .dropdown-list .separator, .divider { background: var(--dh-border) !important; }
.browser-default code { background: var(--dh-surface-2) !important; color: var(--dh-gold-strong) !important; }

/* hovers that were pale blue */
.form__search .form__search_results .results--list li:hover,
.form__search .form__search_type .type--list li:hover,
.pagination a:hover, .preview:hover, a.suggest-preview:hover,
.selectize-dropdown .active, .param.calendar .calendar--button button:hover,
.datepicker--button:hover, .datepicker--cell.-focus-,
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
  background: var(--dh-gold-dim) !important;
  color: var(--dh-text) !important;
}
.pagination__item.is-current .pagination__link { background: var(--dh-gold) !important; color: var(--dh-on-gold) !important; }
.form__search .form__search_results .results--list li b { background: var(--dh-gold-dim) !important; color: var(--dh-gold-strong) !important; }

/* article/ticket head bars */
.article .block__head { background: var(--dh-surface-2) !important; border-bottom: 2px solid var(--dh-gold) !important; }
.article .block__head .h-3, .article .block__head * { color: var(--dh-gold) !important; }
.article__heading { color: var(--dh-gold) !important; }
.article__footer { border-color: var(--dh-border) !important; }
.article__footer .link { color: var(--dh-gold) !important; }
.article-heading-tip { color: var(--dh-muted) !important; }
.ticket__body_block.response { background: var(--dh-surface-2) !important; border-left: 3px solid var(--dh-green) !important; }
.cust-help .highlighted { background: var(--dh-gold-dim) !important; }

/* ---------- buttons ---------- */
.btn--blue, .btn-full, .btn-action, .btn.save {
  background: var(--dh-gold) !important;
  border-color: var(--dh-gold) !important;
  color: var(--dh-on-gold) !important;
  font-weight: 600; letter-spacing: .6px; text-transform: uppercase;
  border-radius: 6px !important; box-shadow: var(--dh-el-1);
}
.btn--blue:hover, .btn-full:hover, .btn-action:hover, .btn.save:hover {
  background: var(--dh-gold-strong) !important;
  border-color: var(--dh-gold-strong) !important;
  color: var(--dh-on-gold) !important;
  box-shadow: var(--dh-el-2);
}
.btn-full.disabled, .btn-full:disabled { background: var(--dh-surface-3) !important; color: var(--dh-muted) !important; }
.btn--blue-border, .btn-border, .btn.cancel, .btn-empty, .btn-transparent, .btn-banner {
  background: transparent !important;
  border: 1px solid var(--dh-gold) !important;
  color: var(--dh-gold) !important;
  border-radius: 6px !important;
  text-transform: uppercase; letter-spacing: .6px;
}
.btn--blue-border:hover, .btn-border:hover, .btn.cancel:hover, .btn-empty:hover,
.btn-transparent:hover, .btn-banner:hover {
  background: var(--dh-gold-dim) !important;
  color: var(--dh-gold-strong) !important;
}
.cust-help .btn:hover .icon { color: var(--dh-on-gold) !important; }
[ripple] .ripple--container span { background: rgba(212,175,55,.4) !important; }

/* ---------- forms ---------- */
input[type=text], input[type=email], input[type=password], input[type=number],
input[type=search], select, textarea,
.form input.form-control, .form textarea.form-control,
.search__form .form-group input, .form__search input,
.selectize-input, .selectize-input.full, .selectize-control.single .selectize-input.input-active,
.dropdown .label, .dropdown-select .label, .dropdown label, .dropdown-select label {
  background: var(--dh-surface-2) !important;
  color: var(--dh-text) !important;
  border: 1px solid var(--dh-border) !important;
  border-bottom: 2px solid #3a3a3a !important;
  border-radius: 6px 6px 0 0 !important;
}
input:focus, select:focus, textarea:focus, .form input.form-control:focus,
.form textarea.form-control:focus, .form__search input:focus {
  border-bottom-color: var(--dh-gold) !important;
  outline: none !important;
}
::placeholder { color: var(--dh-muted) !important; opacity: 1; }
.selectize-control .selectize-input.disabled { background: var(--dh-surface-3) !important; }
.selectize-control.multi .selectize-input > div { background: var(--dh-surface-3) !important; color: var(--dh-text) !important; }
.checkbox-custom [type=checkbox]:checked+label:before,
.radio-custom [type=radio]:checked+label:before { background: var(--dh-gold) !important; border-color: var(--dh-gold) !important; }
.checkbox-custom [type=checkbox]:not(:checked)+label:before,
.radio-custom [type=radio]:not(:checked)+label:before { background: var(--dh-surface-2) !important; border-color: var(--dh-border) !important; }
.checkbox-custom label, .radio-custom label { color: var(--dh-text) !important; }
.switch-checkbox .switch-checkbox__bullet { background: var(--dh-text) !important; }

/* dropdown list items */
.dropdown .dropdown-list>li, .dropdown-select .dropdown-list>li,
.dropdown .dropdown-list>li a, .dropdown-select .dropdown-list>li a,
.select-items div, .selectize-dropdown [data-selectable] {
  background: var(--dh-surface-1) !important;
  color: var(--dh-text) !important;
}
.dropdown .dropdown-list>li:hover, .dropdown-select .dropdown-list>li:hover,
.select-items div:hover { background: var(--dh-gold-dim) !important; }

/* ---------- alerts & notifications (keep semantics, dark bg) ---------- */
.alert, .alert.none { background: var(--dh-surface-2) !important; color: var(--dh-text) !important; border-left: 3px solid var(--dh-gold); }
.alert.success { background: var(--dh-surface-2) !important; border-left-color: var(--dh-green); }
.alert.warning { background: var(--dh-surface-2) !important; border-left-color: var(--dh-amber); }
.alert.danger { background: var(--dh-surface-2) !important; border-left-color: var(--dh-red); }
.alert__title, .alert__descr { color: var(--dh-text) !important; }
.notification.blue, .notification.green, .notification.orange, .notification.red {
  background: var(--dh-surface-2) !important; color: var(--dh-text) !important;
}
.notification-bar .notification--text, .notification-flash .notification--title { color: var(--dh-text) !important; }
.error-message, .form-group .form-control__error { background: rgba(229,115,115,.12) !important; color: var(--dh-red) !important; }

/* ---------- misc ---------- */
.breadcrumbs__inner a { color: var(--dh-gold) !important; }
.breadcrumbs__inner a:hover { color: var(--dh-gold-strong) !important; }
.breadcrumbs__inner, .breadcrumbs__inner span { color: var(--dh-muted); }
.block--attach { background: var(--dh-surface-2) !important; color: var(--dh-gold) !important; }
.block--attach:hover { background: var(--dh-gold-dim) !important; }
table, th, td { border-color: var(--dh-border) !important; }
th { color: var(--dh-muted) !important; }
tr:nth-child(even), tr:nth-child(odd) { background: transparent !important; }
.datepicker .datepicker--cells .datepicker--cell.-selected- { background: var(--dh-gold) !important; color: var(--dh-on-gold) !important; }
.datepicker .datepicker--days-names .datepicker--day-name { color: var(--dh-gold) !important; }
.c_battleship-grey, .lightgrey, .cust-help .lightgrey { color: var(--dh-muted) !important; }

/* ---------- modal popup (forgot tracking ID, confirmations, etc.) ---------- */

/* HESK internal modal body */
.modal .modal__body {
  background-color: #161616 !important;
  color: #f2f0eb !important;
  border: 1px solid #2c2c2c !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.7) !important;
  border-radius: 10px !important;
}
.modal .modal__body h3 { color: #f2f0eb !important; }
.modal .modal__body .modal__description,
.modal .modal__body p,
.modal .modal__body label { color: #a8a294 !important; }
.modal .modal__body .modal__description b,
.modal .modal__body p b,
.modal .modal__body strong { color: #f2f0eb !important; }
.modal .modal__body .modal__close { background: transparent !important; }
.modal .modal__body .modal__close .icon-close { fill: #a8a294 !important; }
.modal .modal__body .modal__close:hover .icon-close { fill: #d4af37 !important; }

/* jquery.modal popup box — #forgot-modal IS the white box from jquery.modal.css */
#forgot-modal {
  background-color: #161616 !important;
  background: #161616 !important;
  color: #f2f0eb !important;
  border: 1px solid #2c2c2c !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.8) !important;
}
#modal-contents {
  background-color: #161616 !important;
  background: #161616 !important;
  color: #f2f0eb !important;
}
#forgot-modal b, #forgot-modal strong,
#modal-contents b, #modal-contents strong { color: #f2f0eb !important; }
#forgot-modal label, #forgot-modal p,
#modal-contents label, #modal-contents p { color: #a8a294 !important; }
#forgot-modal a.close-modal { filter: invert(1) brightness(0.6); }

/* notification.orange used when form is shown inline (not as modal) */
.notification.orange#modal-contents {
  background-color: #161616 !important;
  background: #161616 !important;
  border-left: 3px solid #ffb74d !important;
}

/* ---------- captcha block ---------- */
.captcha-block .label,
.captcha-block label,
.captcha-remind { color: var(--dh-muted) !important; }
.captcha-block .form-captcha { border: 1px solid var(--dh-border) !important; border-radius: 6px; overflow: hidden; }
.btn-refresh .icon { fill: var(--dh-muted) !important; }
.btn-refresh:hover .icon { fill: var(--dh-gold) !important; }

/* ---------- dropzone / attachments ---------- */
.dropzone {
  border-color: var(--dh-border) !important;
  background: var(--dh-surface-2) !important;
  color: var(--dh-muted) !important;
}
.dropzone .dz-message { color: var(--dh-muted) !important; }

/* ---------- error / validation colours ---------- */
.form h3 { color: var(--dh-red) !important; }
.isErrorStr { color: var(--dh-red) !important; }
.form-group .form-control__error,
.error-message { background: rgba(229,115,115,.10) !important; color: var(--dh-red) !important; border-color: var(--dh-red) !important; }