/* Shared responsive shell for the redesigned public cabinet pages. */

body.fastbuy-body,
body.auth-body,
body.profile-body {
  --site-fluid-content-width: min(1400px, calc(100vw - 112px));
  --site-fluid-header-height: 88px;
  --site-fluid-brand-mark: 44px;
  --site-fluid-brand-font: 27px;
  --site-fluid-nav-font: 17px;
  --site-fluid-control-height: 46px;
  --site-fluid-control-font: 15px;
  --site-fluid-section-gap: 24px;
}

body.fastbuy-body .cabinet-page,
body.profile-body .profile-shell {
  width: var(--site-fluid-content-width);
  max-width: none;
}

body.auth-body .auth-topbar {
  width: var(--site-fluid-content-width);
}

body.fastbuy-body .cabinet-header,
body.auth-body .auth-topbar,
body.profile-body .profile-topbar {
  min-height: var(--site-fluid-header-height);
}

body.fastbuy-body .cabinet-header .brand img,
body.auth-body .auth-topbar .brand img,
body.profile-body .profile-topbar .brand img {
  width: var(--site-fluid-brand-mark);
  height: var(--site-fluid-brand-mark);
}

body.fastbuy-body .cabinet-header .brand span,
body.auth-body .auth-topbar .brand span,
body.profile-body .profile-topbar .brand span {
  font-size: var(--site-fluid-brand-font);
}

/*
 * cabinet.css applies a more specific light-theme skin to .ghost-btn.
 * Keep desktop navigation text-only on all three redesigned pages.
 */
html[data-theme] body.fastbuy-body .cabinet-header .header-menu .ghost-btn,
html[data-theme] body.auth-body .auth-topbar .header-menu .ghost-btn,
html[data-theme] body.profile-body .profile-topbar .header-menu .ghost-btn {
  min-height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: var(--site-fluid-nav-font);
  transform: none;
}

body.fastbuy-body .cabinet-header .lang-switch-select,
body.auth-body .auth-topbar .lang-switch-select,
body.profile-body .profile-topbar .lang-switch-select,
body.fastbuy-body .cabinet-header .theme-switch,
body.auth-body .auth-topbar .theme-switch,
body.profile-body .profile-topbar .theme-switch {
  height: var(--site-fluid-control-height);
  font-size: var(--site-fluid-control-font);
}

body.fastbuy-body .cabinet-header .lang-switch-select,
body.auth-body .auth-topbar .lang-switch-select,
body.profile-body .profile-topbar .lang-switch-select {
  min-width: 88px;
  padding-right: 38px;
  padding-left: 18px;
}

body.fastbuy-body .cabinet-header .theme-switch,
body.auth-body .auth-topbar .theme-switch,
body.profile-body .profile-topbar .theme-switch {
  width: 58px;
}

@media (max-width: 1180px) {
  body.fastbuy-body,
  body.auth-body,
  body.profile-body {
    --site-fluid-content-width: min(1080px, calc(100vw - 64px));
  }
}

@media (max-width: 900px) {
  body.fastbuy-body,
  body.auth-body,
  body.profile-body {
    --site-fluid-content-width: calc(100vw - 52px);
    --site-fluid-header-height: 82px;
    --site-fluid-brand-mark: 42px;
    --site-fluid-brand-font: 25px;
    --site-fluid-nav-font: 16px;
    --site-fluid-control-height: 46px;
    --site-fluid-control-font: 15px;
    --site-fluid-section-gap: 14px;
  }

  html[data-theme] body.fastbuy-body .cabinet-header .header-menu .ghost-btn,
  html[data-theme] body.auth-body .auth-topbar .header-menu .ghost-btn,
  html[data-theme] body.profile-body .profile-topbar .header-menu .ghost-btn {
    width: 100%;
    min-height: 48px;
    border-radius: 9px;
    padding: 0 14px;
  }
}

@media (max-width: 760px) {
  body.fastbuy-body,
  body.auth-body,
  body.profile-body {
    --site-fluid-content-width: calc(100vw - 44px);
    --site-fluid-header-height: 84px;
  }

  html[data-theme] body.fastbuy-body .cabinet-header .header-menu .ghost-btn,
  html[data-theme] body.auth-body .auth-topbar .header-menu .ghost-btn,
  html[data-theme] body.profile-body .profile-topbar .header-menu .ghost-btn {
    min-height: 44px;
  }
}