/* Custom theme styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --default-font-family: "Inter", sans-serif !important;
    --default-text-color: #000 !important;
    --header-bg: #ffffff !important;
    --header-text-color: #000 !important;
    --section-bg: #ffffff !important;
    --section-text-color: #000 !important;
    --primary-background: #131313 !important;
    --foreground: none !important;
    --divider-color: #131313 !important;
    --exchange-block-bg: #ffffff !important;
    --input-background: #d0d0d0 !important;
    --secondary-bg: #131313 !important;
    --secondary-text-color: #ffffff !important;
    --text-foreground: #131313 !important;
    --ex-search-input-bg: #d0d0d0!important;
    --body-text-color: #131313 !important;
    --ex-search-input-text-color: #131313 !important;
    --default-link: #3288d8 !important;
    --background: #ffffff !important;
    --text-secondary-foreground: #131313 !important;
    --secondary-background-foreground: #d0d0d0 !important;
    --ex-search-input-border: #d0d0d0 !important;
    --mat-sys-secondary-container: #d0d0d0 !important;
}

.dark {
    --default-font-family: "Inter", sans-serif !important;
    --header-bg: #B3B3B3 !important;
    --header-text-color: #000 !important;
    --section-bg: #B3B3B3 !important;
    --section-text-color: #000 !important;
    --primary-background: #131313 !important;
    --foreground: none !important;
    --divider-color: #131313 !important;
    --exchange-block-bg: #B3B3B3 !important;
    --input-background: #B3B3B3 !important;
    --secondary-bg: #131313 !important;
    --secondary-text-color: #ffffff !important;
    --text-foreground: #131313 !important;
    --ex-search-input-bg: #B3B3B3 !important;
    --body-text-color: #131313 !important;
    --ex-search-input-text-color: #131313 !important;
    --menu-active-bg-color: #131313 !important;
    --default-link: #3288d8 !important;
}

a[href="/ru/account/cards"] {
  display: none !important;
}

.grid {
    overflow: visible !important;
}

.mat-mdc-tab-label-container {
    display: none !important;
}

last-exchanges h2 {
    line-height: 48px !important;
    color: #FFFFFF !important;
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25) !important;
}

exchange-reviews h2 {
    line-height: 48px !important;
    color: #FFFFFF !important;
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25) !important;
}

.ng-tns-c1579850827-3 {
    overflow: visible !important;
}

.mat-toolbar {
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25) !important;
}

.rounded-3xl {
    box-shadow: inset -5px -5px 1px rgba(0, 0, 0, 0.25) !important;
}

.bg-\(--footer-background\) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: -16px !important;
  border-radius: 24px 24px 0 0 !important;
}

.mat-mdc-text-field-wrapper {
    background-color: #d0d0d0 !important;
}

.fa-secondary {
    color: #131313 !important;
}

.flex.flex-row.items-center.justify-center.h-5.w-5.rounded-full.bg-gray-200.text-center.text-\[\.7rem\].text-gray-500.dark\:bg-zinc-700.dark\:text-zinc-300.ms-1 {
    background-color: #404047 !important;
    color: #d4d4d8 !important;
    border: none !important;
}

.filter-badge {
    background-color: #404047 !important;
    color: #d4d4d8 !important;
    border: none !important;
}

.mdc-button__label {
    font-weight: 700 !important;
    font-family: "Inter", sans-serif !important;
}

.mat-mdc-menu-content {
    color: #131313 !important;
}

.mat-mdc-menu-content a:hover {
    color: #656565 !important;
}

.menu-icon {
    color: #131313 !important;
}

.rounded-2xl {
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
}

.mat-mdc-input-element::placeholder {
    color: #323333 !important;
    font-size: 18px;
}

.mat-mdc-list-item {
    background-color: #d0d0d0 !important;
}

app-scroll-up {
    display: none !important;
}

app-partners div.rounded-3xl,
app-partners div.rounded-2xl {
    background-color: #d0d0d0 !important;
    box-shadow: inset -5px -5px 1px rgba(0, 0, 0, 0.25) !important;
    border-radius: 24px !important;
}

app-partners div.border-t {
    display: none !important;
}

app-account-layout app-partners div.rounded-3xl {
    background-color: #ffffff !important;
    box-shadow: inset -5px -5px 1px rgba(0, 0, 0, 0.25) !important;
    border-radius: 24px !important;
}

app-email-verify div.w-lg {
    width: auto !important;
}

app-settings div.rounded-2xl {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 24px !important;
}

app-partners-withdrawal div.rounded-2xl {
    box-shadow: none !important;
}

app-partners [data-icon="copy"] .fa-secondary {
    color: #ffffff !important;
}

app-partners [data-icon="arrow-down-left"] .fa-secondary {
    color: #7dd3b2 !important;
}

app-partners-withdrawal [data-icon="circle-check"] .fa-secondary {
    color: #7dd3b2 !important;
}

app-orders h2 {
    line-height: 48px !important;
    color: #FFFFFF !important;
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25) !important;
}

app-orders h3 {
    line-height: 36px !important;
    color: #FFFFFF !important;
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.25) !important;
}

app-orders button.rounded-xl {
    border: none !important;
    background: white !important;
}

app-order [data-icon="copy"] .fa-secondary {
    color: #ffffff !important;
}

order-info div.text-sm {
    color: white !important;
}

order-online-chat input {
    background-color: #d0d0d0 !important;
}

order-online-chat div.rounded-2xl {
    background-color: #000000  !important;
    color: white !important;
}

order-review img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}