/* =====================================================
   Header - logo and button header
   Style: Revolut / Tinkoff / Stripe
   ===================================================== */

.t-Header-controls {
    display: none;
}

@media (min-width: 1001px) {
  .t-Header-logo {
    margin-left: 100px;  
    }
}

/* =====================================================
   navmenu_bar ULTRA PREMIUM (SAFE)
   Style: Revolut / Tinkoff / Stripe
   ===================================================== */
#navmenu_bar .t-MediaList-itemWrap {
    padding: 0px;
}

#navmenu_bar .t-MediaList-title {
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    display: contents;
}

/*button.t-Button {
    border-radius: 0.5rem;
    padding: 0.6rem 1rem;
    font-weight: 600;
    padding-top: 0.4rem;
    padding-right: 0rem;
    padding-left: 0rem;
}
*/

.t-Button--navBar .a-Icon.icon-down-arrow {
    display: none;
}

/*
.t-Button-label {
display: none;
}
*/
.t-NavigationBar-item .t-Icon {
    font-weight: 600;
}

/* NavBar logo button center fix */
.t-Button--navBar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-inline: 12px;
  height: 45px;
}

/*
.t-Button--navBar .t-Button-label {
  display: none !important;
}
*/

.t-Button--navBar:hover {
    background-color: #0077cc00;
}

.t-Button--navBar .t-Button-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.nav-logo-img {
  height: 22px;
  width: auto;
  display: block;
}

.t-NavigationBar {
    gap: 10px;
}

.t-Button--navBar .t-Icon {
    /*margin-inline-end: 0px;*/
    
}

.t-Button--navBar .t-Button-badge {
    background-color: rgb(0 0 0 / 0%);
}

.a-Menu-labelContainer {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    gap: inherit;
}

/* =====================================================
   APEX NAVIGATION BAR MENU — ULTRA PREMIUM (SAFE)
   Style: Revolut / Tinkoff / Stripe
   ===================================================== */

/* ---------- VARIABLES ---------- */

.t-NavigationBar-menu {
  --a-menu-background-color: rgba(255,255,255,.96);
  --a-menu-border-color: rgba(15,23,42,.06);
  --a-menu-border-radius: 22px;
  --a-menu-border-width: 1px;

  --a-menu-shadow:
    0 30px 60px rgba(15,23,42,.18),
    0 10px 20px rgba(15,23,42,.10);

  --a-menu-font-size: 14px;
  --a-menu-line-height: 20px;
  --a-menu-padding-y: 10px;
  --a-menu-padding-x: 10px;
}

/* ---------- CONTAINER ---------- */

.t-NavigationBar-menu.a-Menu {
  min-width: 280px;
  animation: navMenuSoft .28s cubic-bezier(.2,.8,.2,1);
}

/* appear */
@keyframes navMenuSoft {
  from {
    opacity: 0;
    transform: translateY(8px) scale(.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ---------- CONTENT ---------- */
.t-NavigationBar-menu .a-Menu-content {
  background: var(--a-menu-background-color);
  border: 1px solid var(--a-menu-border-color);
  border-radius: var(--a-menu-border-radius);
  box-shadow: var(--a-menu-shadow);
  backdrop-filter: blur(18px);
  padding: 10px;
  position: relative;
}

/* ---------- ARROW ---------- */
.t-NavigationBar-menu::before {
  content: '';
  position: absolute;
  top: -10px;
  right: 28px;
  width: 20px;
  height: 20px;
  background: var(--a-menu-background-color);
  transform: rotate(45deg);
  border-left: 1px solid var(--a-menu-border-color);
  border-top: 1px solid var(--a-menu-border-color);
}

/* ---------- ITEM ---------- */
.t-NavigationBar-menu .a-Menu-item {
  border-radius: 16px;
}

/* ---------- ROW ---------- */
.t-NavigationBar-menu .a-Menu-inner {
  padding: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

/* hover row */
.t-NavigationBar-menu .a-Menu-item:hover .a-Menu-inner {
  transform: translateX(2px);
}

/* ---------- ICON TILE ---------- */

.t-NavigationBar-menu .a-Menu-statusCol {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background .25s ease,
    transform .25s ease;
}

.t-NavigationBar-menu .fa {
  font-size: 16px;
  font-weight: 600;
  color: #334155;
  transition: color .25s ease;
}

.t-NavigationBar-menu .a-Menu-item:hover .a-Menu-statusCol {
  background: #ffffff;
}

/* ---------- LABEL ---------- */

.t-NavigationBar-menu .a-Menu-label {
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

/* =====================================================
   GLOBAL FADE-IN (SAFE)
   ===================================================== */

@keyframes fadeInGlobal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.a-CardView-item,
.t-CardsRegion,
.whyus-card,
.hero-slider,
.t-ContentBlock {
  animation: fadeInGlobal .6s ease forwards;
}

.a-CardView-item { opacity: 0; }
.a-CardView-item:nth-child(1) { animation-delay: .1s; }
.a-CardView-item:nth-child(2) { animation-delay: .2s; }
.a-CardView-item:nth-child(3) { animation-delay: .3s; }




/* =====================================================
   APEX CUSTOMSIZE
   ===================================================== */
.t-Header-branding {
    border-bottom: none;
    box-shadow: none;
}

.apex-item-autocomplete-readonly, 
.apex-item-color-picker-readonly, 
.apex-item-combobox, 
.apex-item-combobox-readonly, 
.apex-item-datepicker-readonly, 
.apex-item-group-readonly, 
.apex-item-multi, 
.apex-item-number-readonly, 
.apex-item-popup-lov-readonly, 
.apex-item-select, 
.apex-item-select-one-many-readonly, 
.apex-item-select-readonly, 
.apex-item-text, 
.apex-item-text-readonly, 
.apex-item-textarea, 
.apex-item-textarea-readonly, 
.apex-item-wrapper-combobox-many 
.apex-item-comboselect, 
.apex-item-wrapper-select-many 
.apex-item-comboselect, 
.apex-item-wrapper.is-readonly 
.js-accessible-readonly, 
.datetimepicker_newMonth, 
.u-TF-item-select, 
.u-TF-item-text, 
select.group_selectlist, 
select.listmanager {
    border-color: #dfdfdf79;
}

.t-NavigationBar-item .t-Icon {
    font-size: 1rem;
    font-weight: 500;
}

.apex-item-radio input:checked+.u-radio, .apex-item-radio input:checked+label, .u-radio.is-checked {
    --a-checkbox-background-color: #095880;
    --a-checkbox-text-color: #ffffff;
}

/*
.t-Footer {
    background-color: #0f172a;
    background: linear-gradient(135deg, #111827, #1f2933);
    background-color: #111827;
    flex-shrink: 0;
    padding: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
*/

.t-Footer {
    background-color: #f7f7f7;
    flex-shrink: 0;
    padding: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-style: hidden;
}

html, body {
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
}

.t-LinksList-label:hover {
    color: #0077cc;
}

.t-LinksList-label {
    color: var(--ut-linkslist-label-color);
    flex-grow: 1;
    flex-shrink: 1;
    font-size: var(--ut-linkslist-label-font-size);
    font-weight: var(--ut-linkslist-label-font-weight);
    line-height: var(--ut-linkslist-label-line-height);
    min-width: 0;
    order: 2;
    font-weight: 600;
    color: black;
}

.t-Button--icon {
    font-weight: 700;
}

.t-Body-nav {
    box-shadow: none;
}


.t-Footer {
    border-width: 1px;
    border-radius: 1.2rem;
}

.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content {
    font-weight: 600;
}

.t-TreeNav .a-TreeView-content .fa {
    font-weight: 600;
}

.t-Body-side {
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border-radius: 1.5rem;
}

.a-Menu {
    border-radius: 12px;
}


.t-Button--headerTree.t-Button:before {
    width: 0rem;
}

/* Прозрачный оверлей с эффектом размытия */
.u-Processing {
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Центрируем и увеличиваем спиннер */
.u-Processing-icon {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  width: 48px !important;
  height: 48px !important;
  animation: spin 0.9s linear infinite;
}

/* Анимация вращения */
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.t-Body-title {
    background-color: #f9f9f900;
    border-radius: 0px;
}

/*
.t-ContentBlock-body {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
}
*/

.t-Footer-apex {
    color: aliceblue;
    font-weight: 600;
}

.t-Footer {
    background-color: #ffffff;
}

.t-Footer-apex {
    display: none;
}

.t-Footer-top {
    display: none;
}

.apx-footer {
    padding: 0px;
}