/* Eintellegence dark theme overrides */
:root{
  --dt-bg:#111315;
  --dt-surface:#1a1d21;
  --dt-surface-alt:#22262b;
  --dt-surface-hover:#2a2f35;
  --dt-border:#2f343a;
  --dt-text:#e7e9ec;
  --dt-text-muted:#a4abb4;
  --color-1st:#2b98f9;
}

html,body{background-color:var(--dt-bg)!important;color:var(--dt-text)!important}

body,
.header,
.header--mobile,
.header__top,
.header__content,
.navigation,
.navigation--mobile,
.footer,
.ps-footer,
.ps-footer__copyright,
.ps-panel,
.ps-panel__content,
.ps-block,
.ps-block__content,
.ps-block--shop-features,
.ps-widget,
.ps-widget__header,
.ps-tab,
.ps-tab-list,
.ps-tabs,
.ps-card,
.card,
.ps-product,
.ps-product__content,
.modal-content,
.dropdown-menu,
.ps-dropdown-menu,
.mega-menu,
.ps-form,
.ps-form--quick-search,
.select2-dropdown,
.select2-container--default .select2-selection--single,
.breadcrumb,
.ps-breadcrumb,
table,
.table,
.ps-block--user-header,
.offcanvas,
.offcanvas-mobile-menu,
.ps-panel--sidebar,
.navigation--list,
.navigation--mobile-product,
.navigation--sidebar,
.form-group--icon,
.menu--dropdown,
.product-cat-label,
.ps-block--categories-box,
.ps-block--categories-grid,
.ps-block--categories-tabs,
.ps-block--menu-categories,
.ps-block--payment-success,
.ps-block--product-box,
.ps-block--testimonial,
.ps-block__categories,
.ps-block__inquiry,
.ps-block__journey,
.ps-block__number,
.ps-cart__footer,
.ps-cart__items,
.ps-faq-answer,
.ps-filter--sidebar,
.ps-layout__left-container,
.ps-modal__container,
.ps-panel--search-result,
.ps-popup__content.bg--cover,
.ps-product--simple,
.ps-product-list,
.ps-product__actions,
.ps-product__box,
.ps-table--faqs,
.sub-menu,
.widget_shop,
.bb-product-filter,
.block__header,
.card-header,
.feed,
.grey-bg-7,
.header__filter,
.heading,
.instagram,
.loader-section,
.page-link,
.ps-about-awards,
.ps-accordion__header,
.ps-badge--red,
.ps-block--author,
.ps-block--download-app,
.ps-block--payment-method,
.ps-block--shopping-total,
.ps-block--vendor-filter,
.ps-block__container,
.ps-call-to-action,
.ps-categories-box,
.ps-client-say,
.ps-color--3,
.ps-contact-form,
.ps-faq-item,
.ps-faq-question,
.ps-filter__header,
.ps-footer--3,
.ps-form__content,
.ps-my-account,
.ps-page--404,
.ps-page--product-box,
.ps-post__content,
.ps-product__badge,
.ps-product__countdown,
.ps-product__price-right,
.ps-progress,
.ps-section--gray,
.ps-section__coupon,
.ps-section__header,
.ps-section__highlight,
.ps-section__left,
.ps-section__links,
.ps-shopping__header,
.ps-store-link,
.ps-vendor-milestone,
.ps-vendor-testimonials,
.slick-arrow,
.widget_features{
  background-color:var(--dt-surface)!important;
  border-color:var(--dt-border)!important;
  color:var(--dt-text)!important;
}

.header__top{background-color:var(--dt-surface-alt)!important}
.navigation--list{border-top:1px solid var(--dt-border)!important}

/* text colors */
body,p,span,div,li,td,th,label,a,
h1,h2,h3,h4,h5,h6,
.ps-product__title,
.ps-product__price,
.ps-block__title,
.ps-panel__title{
  color:var(--dt-text)!important;
}

a:hover,a:focus{color:var(--color-1st)!important}

.text-muted,
.ps-product__meta,
small,
.ps-block__desc,
.ps-widget__desc{
  color:var(--dt-text-muted)!important;
}

/* white background overrides used throughout the compiled theme css */
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background:#fff"]{
  background-color:var(--dt-surface)!important;
}

/* borders */
[class*="border"],
hr{
  border-color:var(--dt-border)!important;
}

/* form controls */
.form-control,
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea{
  background-color:var(--dt-surface-alt)!important;
  border-color:var(--dt-border)!important;
  color:var(--dt-text)!important;
}
.form-control::placeholder{color:var(--dt-text-muted)!important}
.form-control:focus{
  background-color:var(--dt-surface-alt)!important;
  color:var(--dt-text)!important;
  box-shadow:0 0 0 2px var(--color-1st)!important;
}

/* buttons */
.ps-btn,
.btn,
button.ps-btn{
  background-color:var(--color-1st)!important;
  color:#0a0f14!important;
  border:none!important;
}
.ps-btn:hover,.btn:hover{filter:brightness(1.1)}

.ps-btn--outline,
.btn-outline,
.btn-outline-primary{
  background-color:transparent!important;
  color:var(--color-1st)!important;
  border:1px solid var(--color-1st)!important;
}

/* product cards */
.ps-product{
  box-shadow:0 1px 3px rgba(0,0,0,.5)!important;
}
.ps-product__thumbnail,
.ps-product__badge{
  background-color:var(--dt-surface-alt)!important;
}

/* pagination */
.pagination .page-link,
.ps-pagination a{
  background-color:var(--dt-surface-alt)!important;
  color:var(--dt-text)!important;
  border-color:var(--dt-border)!important;
}
.pagination .active .page-link,
.ps-pagination .active a{
  background-color:var(--color-1st)!important;
  color:#0a0f14!important;
}

/* category / mega menu */
.menu--product-categories,
.menu--product-categories li,
.header__categories,
.navigation__left,
.navigation__right{
  background-color:var(--dt-surface)!important;
  color:var(--dt-text)!important;
}

/* scrollbars (webkit) */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--dt-bg)}
::-webkit-scrollbar-thumb{background:var(--dt-surface-alt);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--dt-surface-hover)}

/* logo readability on dark header */
.ps-logo img{
  filter:drop-shadow(0 0 0 transparent);
  background-color:#fff;
  border-radius:6px;
  padding:4px 8px;
}

/* images inside product cards can stay on their own light thumbnail */
.ps-product__thumbnail img,
.ps-block__thumbnail img{
  background-color:#fff;
  border-radius:4px;
}

/* homepage "site features" row -- self-contained, does not depend on any
   theme class so it can't collide with the compiled theme CSS */
.eint-features{
  display:grid!important;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:32px 24px;
  padding:40px 0;
}
.eint-feature{
  text-align:center;
  padding:0 8px;
}
.eint-feature i{
  font-size:36px;
  color:var(--color-1st);
  display:inline-block;
  margin-bottom:12px;
}
.eint-feature h4{
  font-size:16px;
  font-weight:600;
  color:var(--dt-text);
  margin:0 0 6px;
}
.eint-feature p{
  font-size:13px;
  color:var(--dt-text-muted);
  margin:0;
}