/*
 * Dark theme
 */

body.theme-dark.pushable > .pusher,
body.theme-dark {
    background: #00043C;
    color: rgba(255,255,255,.87);
}
body.theme-dark.pushable.dimmed > .pusher.dimmed {
    background: #00043C !important;
}
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark .ui.header {
    color: #F1F1F1;
}
body.theme-dark a {
    color: #ABBDEE;
}
body.theme-dark a:hover {
    color: #fff;
}
body.theme-dark .ui.divider:not(.ignore-theme),
body.theme-dark .ui.header:not(.ignore-theme),
body.theme-dark .ui.table:not(.ignore-theme),
body.theme-dark .ui.table:not(.ignore-theme) > thead > tr > th,
body.theme-dark .ui.table:not(.ignore-theme) > tfoot > tr > th,
body.theme-dark .ui.table:not(.ignore-theme) > tfoot > tr > td,
body.theme-dark table.dataTable tbody tr,
body.theme-dark table.dataTable thead th,
body.theme-dark table.dataTable thead td,
body.theme-dark .ui.segment:not(.ignore-theme),
body.theme-dark .ui.secondary.pointing.menu .header.item,
body.theme-dark .ui.slider.checkbox input:checked ~ label,
body.theme-dark .ui.card:not(.ignore-theme),
body.theme-dark .ui.cards:not(.ignore-theme) > .card:not(.ignore-theme) {
    background: transparent !important;
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .ignore-theme.ui.segment,
body.theme-dark .ignore-theme.ui.header {
    color: #000 !important;
}
body.theme-dark .ui.cards > .card > .content > .header,
body.theme-dark .ui.card > .content > .header,
body.theme-dark .ui.cards > .card > .content > .header:not(.ui),
body.theme-dark .ui.card > .content > .header:not(.ui),
body.theme-dark .ui.card > .content > .description,
body.theme-dark .ui.cards > .card > .content > .description,
body.theme-dark .ui.card > .extra, body.theme-dark .ui.cards > .card > .extra span {
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .ui.tertiary.button,
body.theme-dark .ui.header .sub.header,
body.theme-dark .ui.accordion .accordion > .title,
body.theme-dark .ui.accordion.menu .item > .title,
body.theme-dark .ui.accordion > .title {
    color: rgba(255,255,255,.57);
}

body.theme-dark .ui.styled.accordion .accordion > .title,
body.theme-dark .ui.styled.accordion > .title {
  color: rgba(255,255,255,.5);
  border-top: 1px solid rgba(255,255,255,.1);
}
body.theme-dark .ui.styled.accordion,
body.theme-dark .ui.styled.accordion .accordion {
  background: #050B42;
  box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(255,255,255,.1);
}

body.theme-dark .ui.basic.label {
    /*background: #666 !important;*/
}

body.theme-dark .ui.modal:not(.basic),
body.theme-dark .ui.modal:not(.basic) > .content,
body.theme-dark .ui.message,
body.theme-dark .ui.menu .dropdown.item .menu,
body.theme-dark .ui.dropdown .menu,
body.theme-dark .ui.simple.dropdown .menu,
body.theme-dark .ui.dropdown.active .menu {
    background-color: #050B42 !important;
    color: rgba(255,255,255,.9) !important;
}
body.theme-dark .ui.menu .dropdown.item .menu .item,
body.theme-dark .ui.menu .dropdown.item .menu a.item,
body.theme-dark .ui.menu .ui.dropdown .menu > .active.item,
body.theme-dark .ui.dropdown .menu .item,
body.theme-dark .ui.dropdown .menu a.item {
    color: rgba(255,255,255,.9) !important;
    background: transparent !important;
}
body.theme-dark .ui.menu .dropdown.item .menu a.item:hover,
body.theme-dark .ui.dropdown .menu a.item:hover,
body.theme-dark .ui.dropdown .menu .item:hover {
    color: rgba(233,176,11) !important;
    background: rgba(255,255,255,.1) !important;
}
body.theme-dark .ui.list .list > .item .description,
body.theme-dark .ui.list > .item .description,
body.theme-dark .ui.list .list > .item > .content,
body.theme-dark .ui.list > .item > .content {
    color: rgba(255,255,255,.9) !important;
}
body.theme-dark .ui.secondary.segment,
body.theme-dark .ui.checkbox label,
body.theme-dark .ui.form .field > label,
body.theme-dark .ui.form .field > p,
body.theme-dark .ui.form .fields .field > label,
body.theme-dark .ui.form .fields .field > p,
body.theme-dark .ui.form .fields > label {
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .ui.segment {
    border-color: rgba(255,255,0,.15);
}

body.theme-dark .ui.statistic .label,
body.theme-dark .ui.statistics .statistic > .label,
body.theme-dark .ui.statistic .value,
body.theme-dark .ui.statistics .statistic > .value {
    color: #fff !important;
}

body.theme-dark #footer {
/*    background: transparent;*/
    border-top: none;
    border-bottom: none;
}
body.theme-dark #footer a,
body.theme-dark #footer .ui.header {
    color: rgba(255,255,255,.7) !important;
}
body.theme-dark #footer .ui.button > .icon:not(.button) {
    color: #FFF !important;
}
/* Footer social icon buttons: make the circle dark and icons white in dark mode */
body.theme-dark #footer .ui.circular.icon.button {
    background: rgba(255,255,255,.08) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset !important;
}
body.theme-dark #footer .ui.circular.icon.button:hover {
    background: rgba(255,255,255,.18) !important;
}
body.theme-dark #footer .ui.circular.icon.button > i.icon,
body.theme-dark #footer .ui.circular.icon.button > i.black.icon {
    color: #FFF !important;
}
/* Footer newsletter submit ("silver" button isn't a real Semantic color) */
body.theme-dark #footer .ui.silver.button {
    background: rgba(255,255,255,.12) !important;
    color: #FFF !important;
}
body.theme-dark #footer .ui.silver.button:hover {
    background: rgba(255,255,255,.22) !important;
}
body.theme-dark #footer .ui.silver.button > i.icon {
    color: #FFF !important;
}
/* Footer newsletter input */
body.theme-dark #footer .ui.action.input > input {
    border: 1px solid rgba(255,255,255,.15) !important;
}
body.theme-dark .ui.black.button,
body.theme-dark .ui.black.buttons .button {
    background: #333;
}

body.theme-dark .ui.toast > .content > .header,
body.theme-dark .buttons-columnVisibility:hover span,
body.theme-dark .buttons-colvisRestore:hover span {
    color: #000 !important;
}
body.theme-dark .buttons-columnVisibility:not(.active) span,
body.theme-dark .buttons-colvisRestore:not(.active) span {
    color: #999 !important;
}

body.theme-dark input,
body.theme-dark .ui.form .field.field input:autofill,
body.theme-dark textarea,
body.theme-dark .ui.form textarea,
body.theme-dark .ui.input textarea,
body.theme-dark .ui.selection.dropdown,
body.theme-dark .ui.basic.button,
body.theme-dark .ui.basic.buttons .button {
    background: #050B42 !important;
    color: #F1F1F1 !important;
}
body.theme-dark .ui.form .field.field input:autofill {
    box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    border-color: rgba(34,36,38,.15) !important;
}
body.dark-mode .ui.input > input::placeholder {

  color: rgba(255, 255, 255, 0.5) !important;

}
body.dark-mode .ui.input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.dark-mode .ui.input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.dark-mode .ui.input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

body.theme-dark div.dtsb-searchBuilder select.dtsb-data,
body.theme-dark div.dtsb-searchBuilder select.dtsb-dropDown,
body.theme-dark div.dtsb-searchBuilder .dtsb-option,
body.theme-dark div.dtsb-searchBuilder input.dtsb-input,
body.theme-dark div.dtsb-searchBuilder select.dtsb-italic {
    border: 2px solid #333 !important;
    background: #000 !important;
    color: #F1F1F1 !important;
}
body.theme-dark .dropzone {
    background: #050B42;
    color: rgba(255,255,255,.87);
}
body.theme-dark .ui.menu {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.theme-dark .status-label .label,
.ui.basic.labels .teal.label, .ui.ui.ui.basic.teal.label {
    background: transparent !important;
}

/* Dropdown dividers */
body.theme-dark .ui.dropdown .menu > .divider {
    border-top-color: rgba(255,255,255,.1) !important;
}

/* =====================================================
   SITE-WIDE STRUCTURAL FIXES
   ===================================================== */

/* #body-content has background:#FFF !important in styles.css - override */
body.theme-dark #body-content {
    background: #00043C !important;
}

/* Supplier portal nav - secondary pointing menu stays readable */
body.theme-dark .ui.secondary.pointing.menu {
    background: rgba(0,0,0,.15) !important;
    border-bottom-color: rgba(255,255,255,.12) !important;
}
body.theme-dark .ui.secondary.pointing.menu .item {
    color: rgba(255,255,255,.7) !important;
}
body.theme-dark .ui.secondary.pointing.menu .item:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,.3) !important;
}
body.theme-dark .ui.secondary.pointing.menu .active.item {
    color: #fff !important;
    border-color: #fff !important;
}
body.theme-dark .ui.secondary.pointing.menu .header.item,
body.theme-dark .ui.secondary.pointing.menu span.item {
    color: rgba(255,255,255,.4) !important;
    font-weight: 600 !important;
}

/* Dividing headers in dark mode */
body.theme-dark .ui.dividing.header {
    border-bottom-color: rgba(255,255,255,.12) !important;
}

/* Placeholder segments */
body.theme-dark .ui.placeholder.segment {
    background: #050B42 !important;
    border-color: rgba(255,255,255,.1) !important;
}
body.theme-dark .ui.placeholder.segment .header,
body.theme-dark .ui.placeholder.segment .description {
    color: rgba(255,255,255,.6) !important;
}

/* info / warning messages */
body.theme-dark .ui.info.message {
    background: rgba(60,120,180,.15) !important;
    color: rgba(255,255,255,.87) !important;
    box-shadow: 0 0 0 1px rgba(100,150,200,.25) inset !important;
}
body.theme-dark .ui.warning.message,
body.theme-dark .ui.yellow.message {
    background: rgba(200,160,0,.12) !important;
    color: rgba(255,255,255,.87) !important;
    box-shadow: 0 0 0 1px rgba(200,160,0,.25) inset !important;
}
body.theme-dark .ui.success.message {
    background: rgba(0,160,80,.12) !important;
    color: rgba(255,255,255,.87) !important;
    box-shadow: 0 0 0 1px rgba(0,160,80,.25) inset !important;
}
body.theme-dark .ui.error.message {
    background: rgba(200,50,50,.12) !important;
    color: rgba(255,255,255,.87) !important;
    box-shadow: 0 0 0 1px rgba(200,50,50,.25) inset !important;
}

/* General card surface in dark - catches supplier public page and any non-store card grids */
body.theme-dark .ui.cards > .card:not(.ignore-theme),
body.theme-dark .ui.card:not(.ignore-theme) {
    background: #050B42 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.4) !important;
}
body.theme-dark .ui.cards > .card > .image,
body.theme-dark .ui.card > .image {
    background: #0A1250 !important;
}
body.theme-dark .ui.cards > .card > .content,
body.theme-dark .ui.card > .content {
    background: transparent !important;
}
body.theme-dark .ui.link.cards .card:hover,
body.theme-dark .ui.cards > .card > a:hover {
    background: #080F55 !important;
}

/* =====================================================
   STORE / SHOP FRONT DARK MODE
   ===================================================== */

/* Desktop header bar — overrides inline style="background-color:#fff" */
body.theme-dark .ui.computer.only.grid,
body.theme-dark .ui.x__secondary-bg,
body.theme-dark .ui.computer.only.grid > .row {
    background-color: #00043C !important;
    background: #00043C !important;
}

/* Header nav links */
body.theme-dark .ui.computer.only.grid a {
    color: rgba(255,255,255,.75) !important;
}
body.theme-dark .ui.computer.only.grid a:hover,
body.theme-dark .ui.computer.only.grid a.active {
    color: #fff !important;
}

/* Mobile header bar */
body.theme-dark .ui.padded.two.column.primary-bg.grid {
    background: #00043C !important;
}

/* Secondary background utility class */
body.theme-dark .secondary-bg {
    background: #050B42 !important;
}

/* Page body / pusher background */
body.theme-dark .ui.stackable.grid,
body.theme-dark .ui.fluid.container,
body.theme-dark .store-main-content {
    background: #00043C !important;
}

/* Product cards - give them a raised dark surface */
body.theme-dark .ui.cards.store-product-cards > .card,
body.theme-dark .ui.cards.store-product-cards > .card > .content,
body.theme-dark .ui.card:not(.ignore-theme),
body.theme-dark .ui.cards > .card:not(.ignore-theme) {
    background: #050B42 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.4) !important;
}

/* Override styles.css hardcoded #333 card header colour */
body.theme-dark .ui.cards > .card > .content > .header,
body.theme-dark .ui.card > .content > .header,
body.theme-dark .ui.cards > .card > .content > .header:not(.ui),
body.theme-dark .ui.card > .content > .header:not(.ui) {
    color: rgba(255,255,255,.9) !important;
}

/* Card description / meta text */
body.theme-dark .ui.card > .content > .description,
body.theme-dark .ui.cards > .card > .content > .description,
body.theme-dark .ui.card > .extra,
body.theme-dark .ui.cards > .card > .extra {
    color: rgba(255,255,255,.6) !important;
    border-top-color: rgba(255,255,255,.1) !important;
}

/* Basic segment wrappers inside the grid */
body.theme-dark .ui.basic.segment:not(.ignore-theme) {
    background: #00043C !important;
}

/* Sidebar filter panel */
body.theme-dark #filterSidebar {
    background: #050B42 !important;
}

/* Mega nav bar - already dark navy, just keep it */
body.theme-dark .mega-nav-bar {
    background: #00043C !important;
    border-bottom-color: #1a1a4a !important;
}

/* Mega nav dropdown panel */
body.theme-dark .mega-nav-panel {
    background: #0A1045 !important;
    border-bottom-color: #1a1a4a !important;
}
body.theme-dark .mega-nav-heading {
    color: #abbdee !important;
    border-bottom-color: #abbdee !important;
}
body.theme-dark .mega-nav-column {
    border-right-color: rgba(255,255,255,.1) !important;
}
body.theme-dark .mega-nav-list a,
body.theme-dark .mega-nav-subheading {
    color: rgba(255,255,255,.6) !important;
}
body.theme-dark .mega-nav-list a:hover {
    color: #fff !important;
}

/* Attr mega nav bar */
body.theme-dark .attr-mega-nav-bar {
    background: #050B42 !important;
    border-bottom-color: #0A1045 !important;
}
body.theme-dark .attr-mega-nav-trigger {
    color: rgba(255,255,255,.8) !important;
}
body.theme-dark .attr-mega-nav-trigger:hover,
body.theme-dark .attr-mega-nav-trigger.active {
    background: #0A1045 !important;
    color: #fff !important;
}
body.theme-dark .attr-mega-nav-panel {
    background: #0A1045 !important;
}
body.theme-dark .attr-mega-nav-heading {
    color: #abbdee !important;
    border-bottom-color: #abbdee !important;
}
body.theme-dark .attr-mega-nav-list a {
    color: rgba(255,255,255,.6) !important;
}
body.theme-dark .attr-mega-nav-list a:hover {
    color: #fff !important;
}

.faux-input {
  display: inline-block;
  background: #fff;
  border: 1px solid rgba(34,36,38,.15);
  padding: .67857143em 1em;
  line-height: 1.21428571em;
}
body.theme-dark .faux-input {
  background: #050B42;
}

body.theme-dark .highlight {
  background: #2d2d1f;
}

/* Fix variation set text visibility in dark theme */
body.theme-dark .variation-set {
    color: rgba(255,255,255,.87) !important;
}



/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */

body.theme-dark .ui.form ::-webkit-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.form :-ms-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.form ::-moz-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.form :focus::-webkit-input-placeholder {
  color: rgba(120, 120, 120 0.87);
}

body.theme-dark .ui.form :focus:-ms-input-placeholder {
  color: rgba(120, 120, 120 0.87);
}

body.theme-dark .ui.form :focus::-moz-placeholder {
  color: rgba(120, 120, 120 0.87);
}

/* browsers require these rules separate */

body.theme-dark .ui.input input::-webkit-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}
body.theme-dark .ui.field input::-webkit-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.input input::-moz-placeholder {
  color: rgba(120, 120, 120, 0.87);
}
body.theme-dark .ui.field input::-moz-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.input input:-ms-input-placeholder {
    color: rgba(120, 120, 120, 0.87);
}
body.theme-dark .ui.field input:-ms-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

/* Sidebar product search placeholder */
body.theme-dark #sidebarProductSearch::placeholder,
body.theme-dark #sidebarProductSearch::-webkit-input-placeholder,
body.theme-dark #sidebarProductSearch::-moz-placeholder,
body.theme-dark #sidebarProductSearch:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* --- Theme toggle menu item alignment ---------------------
   Keeps the "Dark Mode" / "Light Mode" toggle visually flush
   with sibling menu items in both the mobile sidebar and the
   desktop user dropdown. Suppresses any :target / selected
   highlight from the href hash, and ensures icon (mobile)
   sits inline with the label rather than floating right. */
.ui.menu .item.theme-toggle-item,
.ui.dropdown .menu > .item.theme-toggle-item {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  background: transparent !important;
  color: inherit;
}
.ui.menu .item.theme-toggle-item > i.icon,
.ui.dropdown .menu > .item.theme-toggle-item > i.icon {
  float: none;
  margin: 0 0.4em 0 0;
  width: auto;
  opacity: 1;
}

/* =====================================================
   PRODUCT PAGE (store/item) DARK MODE
   ===================================================== */

/* Page background - product-page has hardcoded #fff */
body.theme-dark .product-page {
    background: #00043C !important;
    color: rgba(255,255,255,.87) !important;
}

/* Product title & main headings */
body.theme-dark .product-page .product-title {
    color: #F1F1F1 !important;
}
body.theme-dark .product-page .product-subtitle {
    color: rgba(255,255,255,.55) !important;
}
body.theme-dark .product-page .product-badge {
    background: #333 !important;
    color: #fff !important;
}

/* Pricing */
body.theme-dark .product-page .current-price {
    color: #F1F1F1 !important;
}
body.theme-dark .product-page .original-price {
    color: rgba(255,255,255,.4) !important;
}
body.theme-dark .product-page .savings-text {
    color: rgba(255,255,255,.5) !important;
}
body.theme-dark .product-page .discount-badge {
    background: rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.8) !important;
}
body.theme-dark .product-page .product-meta,
body.theme-dark .product-page .product-meta a {
    color: rgba(255,255,255,.45) !important;
}
body.theme-dark .product-page .delivery-info {
    color: rgba(255,255,255,.55) !important;
}

/* Gallery image area */
body.theme-dark .product-page .main-image-container {
    background: #050B42 !important;
}
body.theme-dark .product-page .thumbnail-item {
    background: #050B42 !important;
    border-color: rgba(255,255,255,.12) !important;
}
body.theme-dark .product-page .thumbnail-item:hover,
body.theme-dark .product-page .thumbnail-item.active {
    border-color: rgba(255,255,255,.7) !important;
}
body.theme-dark .product-page .thumbnail-strip::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.25) !important;
}
/* Image zoom controls */
body.theme-dark .product-page .image-controls .ui.button {
    background: rgba(20,24,80,.85) !important;
    color: rgba(255,255,255,.8) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
}
body.theme-dark .product-page .image-controls .ui.button:hover {
    background: rgba(40,48,120,.9) !important;
    color: #fff !important;
}

/* Attribute options panel */
body.theme-dark .product-page .attr-options-panel-wrap,
body.theme-dark #attr-options-panel {
    background: transparent !important;
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark #attr-options-panel .attr-type-header {
    color: rgba(255,255,255,.5) !important;
}
body.theme-dark #attr-options-panel .attr-swatch-name,
body.theme-dark #attr-options-table .attr-swatch-name {
    color: rgba(255,255,255,.87) !important;
}
/* Swatch hover/selected state */
body.theme-dark #attr-options-panel .attr-swatch:hover,
body.theme-dark #attr-options-table .attr-swatch:hover {
    background-color: rgba(255,255,255,.07) !important;
}
body.theme-dark #attr-options-panel .attr-swatch.selected,
body.theme-dark #attr-options-table .attr-swatch.selected {
    background-color: rgba(33, 186, 69, 0.18) !important;
    outline-color: #21ba45 !important;
}
/* Default colour swatches that have #eee inline */
body.theme-dark #attr-options-panel .attr-swatch-color[style*="#eee"],
body.theme-dark #attr-options-table .attr-swatch-color[style*="#eee"] {
    background-color: #444 !important;
    border: 1px solid rgba(255,255,255,.2) !important;
}
/* Clear attr button */
body.theme-dark #attr-clear-btn {
    color: rgba(255,255,255,.45) !important;
}
body.theme-dark #attr-clear-btn:hover {
    color: rgba(255,255,255,.8) !important;
}

/* Parts table - semantic thead th gets rgb(249,250,251) bg from semantic */
body.theme-dark #attr-options-panel .ui.celled.table > thead > tr > th,
body.theme-dark #attr-options-table .ui.celled.table > thead > tr > th,
body.theme-dark #attr-options-panel .ui.table > thead > tr > th,
body.theme-dark #attr-options-table .ui.table > thead > tr > th {
    background: #0A1250 !important;
    color: rgba(255,255,255,.87) !important;
    border-color: rgba(255,255,255,.1) !important;
}
body.theme-dark #attr-options-panel .ui.table > tbody > tr > td,
body.theme-dark #attr-options-table .ui.table > tbody > tr > td,
body.theme-dark #attr-options-panel .ui.celled.table > tbody > tr > td,
body.theme-dark #attr-options-table .ui.celled.table > tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark #attr-options-panel .ui.table,
body.theme-dark #attr-options-table .ui.table {
    border-color: rgba(255,255,255,.1) !important;
}
/* Parts table scrollbar */
body.theme-dark .attr-parts-table-scroll::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.2) !important;
}
body.theme-dark .attr-parts-table-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05) !important;
}

/* Buying options panel */
body.theme-dark .product-page .options-panel {
    background: #050B42 !important;
    border-color: rgba(255,255,255,.1) !important;
}
body.theme-dark .product-page .options-header .select-label {
    color: rgba(255,255,255,.5) !important;
}
body.theme-dark .product-page .options-header .clear-link {
    color: rgba(255,255,255,.55) !important;
}

/* Variation set rows */
body.theme-dark .variation-set-row {
    background: #080F55 !important;
    border-color: rgba(255,255,255,.1) !important;
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .variation-set-row:hover {
    border-color: #21ba45 !important;
    background: #0C1460 !important;
}
body.theme-dark .variation-set-row.active {
    background: rgba(33,186,69,.1) !important;
    border-color: #21ba45 !important;
}
body.theme-dark .variation-set-row.attr-match {
    background: rgba(33,186,69,.08) !important;
    border-color: #21ba45 !important;
}
body.theme-dark .variation-details strong {
    color: rgba(255,255,255,.9) !important;
}
body.theme-dark .variation-dims {
    color: rgba(255,255,255,.45) !important;
}
body.theme-dark .variation-swatch {
    border-color: rgba(255,255,255,.15) !important;
}

/* Info accordion */
body.theme-dark .product-page .info-accordion {
    border-top-color: rgba(255,255,255,.1) !important;
}
body.theme-dark .product-page .accordion-item {
    border-bottom-color: rgba(255,255,255,.1) !important;
}
body.theme-dark .product-page .accordion-header {
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .product-page .accordion-header:hover {
    color: rgba(255,255,255,.6) !important;
}
body.theme-dark .product-page .accordion-content {
    color: rgba(255,255,255,.6) !important;
}

/* Dimensions table */
body.theme-dark .product-page .dimensions-table td {
    border-bottom-color: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .product-page .dimensions-table td:first-child {
    color: rgba(255,255,255,.45) !important;
}

/* Check availability button */
body.theme-dark .product-page .check-availability-btn {
    background: transparent !important;
    color: rgba(255,255,255,.8) !important;
    border-color: rgba(255,255,255,.3) !important;
}
body.theme-dark .product-page .check-availability-btn:hover {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.5) !important;
}

/* Wishlist link */
body.theme-dark .product-page .wishlist-link {
    color: rgba(255,255,255,.5) !important;
}
body.theme-dark .product-page .wishlist-link:hover {
    color: rgba(255,255,255,.85) !important;
}

/* Admin actions */
body.theme-dark .product-page .admin-actions {
    border-top-color: rgba(255,255,255,.1) !important;
    color: rgba(255,255,255,.6) !important;
}

/* Attr swatch hover preview tooltip */
body.theme-dark #attr-swatch-preview {
    background: #0A1250 !important;
    border-color: rgba(255,255,255,.15) !important;
}

/* Thumbnail set-highlight outline stays green, fine as-is */