@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap");

/* ==========================================================================
   E-shop mBank: upravená hlavička, typografie a související komponenty

   Tento soubor se načítá až po původních stylech e-shopu. Selektory odpovídají
   existující živé struktuře Bootstrapu; není potřeba přidávat HTML ani skript.

   Barvy podle manuálu značky:
   Červená tlačítka    #ae0000   | hover #850000
   Textové odkazy      #AE0000
   Fun Green UI        #00801F   | hover #006619
   Tmavý text          #26221E
   Střední šedá UI     #565A69
   ========================================================================== */

/* === Proměnné barev, rozměrů a společného vícebarevného pásku === */
:root {
  --mbank-red: #ae0000;
  --mbank-red-hover: #850000;
  --mbank-link-red: #AE0000;
  --mbank-green: #00801F;
  --mbank-green-hover: #006619;
  --mbank-ink: #26221e;
  --mbank-gray: #565a69;
  --mbank-border: #e5e5e5;
  --mbank-surface: #ffffff;
  --mbank-surface-hover: #f5f5f5;
  --mbank-control-height: 46px;
  --mbank-pill-radius: 999px;
  --mbank-brand-stripe-height: 5px;
  --mbank-header-gap: clamp(12px, 1.5vw, 24px);
  --mbank-action-padding: 18px;
  --mbank-brand-stripe: linear-gradient(
    90deg,
    #e90a0a 0%,
    #e90a0a 25.9%,
    #26221e 25.9%,
    #26221e 29.1%,
    #ff8600 29.1%,
    #ff8600 56.1%,
    #ae0000 56.1%,
    #ae0000 73.7%,
    #0065b1 73.7%,
    #0065b1 75.7%,
    #008f20 75.7%,
    #008f20 100%
  );
}

/* ==========================================================================
   1. TYPOGRAFIE

   Řez Light používá font-weight 300 a SemiBold font-weight 600. Univerzální
   selektor se nepoužívá, aby se nezměnily ikonové fonty, SVG ani ikony.
   ========================================================================== */

/* === Základní typografie dokumentu === */
html body {
  color: var(--mbank-ink);
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 300;
}

/* === Montserrat pro běžné textové a formulářové prvky bez ikon === */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
/* === Lehký řez pro běžné texty a textové odkazy === */
html body p,
html body label,
html body legend,
html body dt,
html body dd,
html body th,
html body td,
html body li:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body option,
html body input,
html body select,
html body textarea,
html body strong:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body b:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body span:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([aria-hidden="true"]):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body button:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body a:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body .navbar,
html body .dropdown-menu,
html body #left-menu,
html body .breadcrumb,
html body .item .desc,
html body .item .prices,
html body .product-name,
html body .product-title,
html body #snippet--basket,
html body footer {
  font-family: "Montserrat", Arial, sans-serif !important;
}

html body p,
html body label,
html body legend,
html body dt,
html body dd,
html body td,
html body li,
html body option,
html body input,
html body select,
html body textarea,
html body a:not(.btn):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.glyphicon):not(.icon):not(.material-icons):not(.material-symbols-outlined):not([class^="icon-"]):not([class*=" icon-"]):not([class^="fa-"]):not([class*=" fa-"]),
html body .breadcrumb,
html body .item .desc,
html body .product-name,
html body .product-title {
  font-weight: 300;
}

/* === SemiBold řez pro nadpisy a zvýrazněné texty === */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body th,
html body strong,
html body b,
html body .semibold,
html body .font-weight-bold,
html body .text-bold {
  font-weight: 600;
}

/* === Nadpisy a názvy kategorií v řezu Light === */
html body .category-title,
html body .category-name,
html body .catalog-title,
html body .categories-title,
html body .category h1,
html body .category h2,
html body .category h3,
html body #left-menu .category-title,
html body #left-menu .category-name,
html body #left-menu > .list-group-item {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 300 !important;
}

/* === Formulářové prvky === */
html body input,
html body select,
html body textarea,
html body button {
  font-size: inherit;
}

/* === Stavy tlačítek a formulářových polí po kliknutí === */
html body main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
html body main select:focus,
html body main textarea:focus,
html body #logFormBootstrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
html body #logFormBootstrap select:focus,
html body #logFormBootstrap textarea:focus {
  border-color: var(--mbank-red-hover);
  outline: 0;
  box-shadow: none;
}

/* === Zástupný text formulářových polí === */
html body input::placeholder,
html body textarea::placeholder {
  color: var(--mbank-gray);
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 300;
  opacity: 1;
}

/* === Textové odkazy na stránce === */
html body main a:not(.btn):not([href^="javascript:"]),
html body main #frm-basket a:not(.btn),
html body #logFormBootstrap a:not(.btn),
html body footer a:not(.btn),
html body > header.container.hidden-print #snippet--insideBasket a:not(.btn),
/* === Odkaz Odstranit z košíku === */
html body main #frm-basket a.btn.remove,
html body main a:not(.btn):not([href^="javascript:"]):visited,
html body main #frm-basket a:not(.btn):visited,
html body main #frm-basket a.btn.remove:visited,
html body #logFormBootstrap a:not(.btn):visited,
html body footer a:not(.btn):visited,
html body > header.container.hidden-print #snippet--insideBasket a:not(.btn):visited {
  color: var(--mbank-link-red);
}

html body main a:not(.btn):not([href^="javascript:"]):hover,
html body main a:not(.btn):not([href^="javascript:"]):focus,
html body main a:not(.btn):not([href^="javascript:"]):focus-visible,
html body main a:not(.btn):not([href^="javascript:"]):active,
html body main #frm-basket a:not(.btn):hover,
html body main #frm-basket a:not(.btn):focus,
html body main #frm-basket a:not(.btn):focus-visible,
html body main #frm-basket a:not(.btn):active,
html body main #frm-basket a.btn.remove:hover,
html body main #frm-basket a.btn.remove:focus,
html body main #frm-basket a.btn.remove:focus-visible,
html body main #frm-basket a.btn.remove:active,
html body #logFormBootstrap a:not(.btn):hover,
html body #logFormBootstrap a:not(.btn):focus,
html body #logFormBootstrap a:not(.btn):focus-visible,
html body #logFormBootstrap a:not(.btn):active,
html body footer a:not(.btn):hover,
html body footer a:not(.btn):focus,
html body footer a:not(.btn):focus-visible,
html body footer a:not(.btn):active,
html body > header.container.hidden-print #snippet--insideBasket a:not(.btn):hover,
html body > header.container.hidden-print #snippet--insideBasket a:not(.btn):focus,
html body > header.container.hidden-print #snippet--insideBasket a:not(.btn):focus-visible,
html body > header.container.hidden-print #snippet--insideBasket a:not(.btn):active {
  color: var(--mbank-red-hover);
  text-decoration: underline;
  outline: 0;
  box-shadow: none;
}

/* === Aktivní stránka v číslování produktů === */
html body main .pagination > .active > a,
html body main .pagination > .active > span,
html body main .pagination > .active > a:hover,
html body main .pagination > .active > span:hover,
html body main .pagination > .active > a:focus,
html body main .pagination > .active > span:focus,
html body main .pagination > .active > a:focus-visible,
html body main .pagination > .active > span:focus-visible,
html body main .pagination > .active > a:active,
html body main .pagination > .active > span:active,
/* === Aktivní stránka ve skladových zásobách === */
html body main #snippet-stocksGrid-pagination
  .col-pagination > div > a.btn.btn-primary.active,
html body main #snippet-stocksGrid-pagination
  .col-pagination > div > a.btn.btn-primary.active:hover,
html body main #snippet-stocksGrid-pagination
  .col-pagination > div > a.btn.btn-primary.active:focus,
html body main #snippet-stocksGrid-pagination
  .col-pagination > div > a.btn.btn-primary.active:focus-visible,
html body main #snippet-stocksGrid-pagination
  .col-pagination > div > a.btn.btn-primary.active:active {
  border-color: var(--mbank-link-red);
  background: var(--mbank-link-red);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

/* === Názvy produktů === */
html body main #snippet--xlist article.xthumbnail .item > a.name > strong,
html body main #snippet--xproduct h1,
html body main #frm-basket a.pn,
html body main #addedToCart .media-heading,
html body main .product-name,
html body main .product-title {
  font-family: "Montserrat", Arial, sans-serif;
}

html body main #snippet--xlist article.xthumbnail .item > a.name,
html body main #snippet--xlist article.xthumbnail .item > a.name > strong,
html body main #frm-basket a.pn {
  color: var(--mbank-link-red);
}

html body main #snippet--xlist article.xthumbnail .item > a.name:hover > strong,
html body main #snippet--xlist article.xthumbnail .item > a.name:focus > strong,
html body main #snippet--xlist article.xthumbnail .item > a.name:focus-visible > strong,
html body main #snippet--xlist article.xthumbnail .item > a.name:active > strong {
  color: var(--mbank-red-hover);
}

/* === Texty v detailu produktu === */
html body main #snippet--xproduct,
html body main #snippet--xproduct p,
html body main #snippet--xproduct dt,
html body main #snippet--xproduct dd,
html body main #snippet--xproduct label,
html body main #snippet--xproduct input,
html body main #snippet--xproduct select,
html body main #snippet--xproduct textarea {
  font-family: "Montserrat", Arial, sans-serif;
}

/* === Nadpis katalogu a levé menu kategorií === */
html body main h1 {
  color: var(--mbank-link-red);
}

html body main #left-menu > a.list-group-item {
  display: flex;
  min-height: var(--mbank-control-height);
  margin: 0 0 8px;
  padding: 0 16px;
  border: 1px solid var(--mbank-border);
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  background: var(--mbank-surface);
  color: var(--mbank-ink);
  box-sizing: border-box;
  line-height: 1.2;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

html body main #left-menu > a.list-group-item:last-child {
  margin-bottom: 0;
}

html body main #left-menu > a.list-group-item:not(.active):hover,
html body main #left-menu > a.list-group-item:not(.active):focus,
html body main #left-menu > a.list-group-item:not(.active):focus-visible {
  background: var(--mbank-surface-hover);
  color: var(--mbank-ink);
}

html body main #left-menu > a.list-group-item.active {
  border-color: var(--mbank-red);
  background: var(--mbank-red);
  color: #fff;
}

html body main #left-menu > a.list-group-item.active:hover,
html body main #left-menu > a.list-group-item.active:focus,
html body main #left-menu > a.list-group-item.active:focus-visible,
html body main #left-menu > a.list-group-item.active:active {
  border-color: var(--mbank-red-hover);
  background: var(--mbank-red-hover);
  color: #fff;
}

html body main #left-menu > a.list-group-item:focus-visible {
  outline: 0;
  box-shadow: none;
}

/* === Jednotný vzhled červených tlačítek === */
/* === Tlačítko Koupit nyní v produktové kartě === */
html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid] {
  display: flex;
  width: 100%;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--mbank-red);
  color: #fff;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid]:hover,
html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid]:focus,
html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid]:focus-visible,
html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid]:active {
  background: var(--mbank-red-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid].disabled,
html body main #snippet--xlist article.xthumbnail
  .btm .btn-group-vertical.btn-block > a.btn.btn-primary[data-pid][aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* === Jednotný vzhled zelených tlačítek === */
/* === Tlačítko pro vložení zboží v detailu produktu === */
html body main #snippet--xproduct input.btn.btn-lg.btn-success[name="order"] {
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  background: var(--mbank-green);
  color: #fff;
  box-sizing: border-box;
  font-weight: 400;
  line-height: var(--mbank-control-height);
  outline: 0;
  box-shadow: none;
  text-align: center;
  vertical-align: middle;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

html body main #snippet--xproduct input.btn.btn-lg.btn-success[name="order"]:hover,
html body main #snippet--xproduct input.btn.btn-lg.btn-success[name="order"]:focus,
html body main #snippet--xproduct input.btn.btn-lg.btn-success[name="order"]:focus-visible,
html body main #snippet--xproduct input.btn.btn-lg.btn-success[name="order"]:active {
  background: var(--mbank-green-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

html body main #snippet--xproduct input.btn.btn-lg.btn-success[name="order"]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* === Horní část okna po kliknutí na Koupit nyní === */
html body main #addedToCart .modal-header {
  position: relative;
  padding-top: calc(15px + var(--mbank-brand-stripe-height));
  border-bottom: 1px solid var(--mbank-border);
  background: var(--mbank-surface);
  color: var(--mbank-ink);
  overflow: hidden;
}

html body main #addedToCart .modal-header::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: var(--mbank-brand-stripe-height);
  background: var(--mbank-brand-stripe);
  content: "";
}

html body main #addedToCart .modal-header .modal-title,
html body main #addedToCart .modal-header .close {
  color: var(--mbank-ink);
}

html body main #addedToCart .modal-header .close,
html body #logFormBootstrap .modal-header .close,
html body > header.container.hidden-print #snippet--insideBasket .close {
  outline: 0;
  box-shadow: none;
}

html body main #addedToCart .modal-header .close:hover,
html body main #addedToCart .modal-header .close:focus,
html body main #addedToCart .modal-header .close:focus-visible,
html body main #addedToCart .modal-header .close:active,
html body #logFormBootstrap .modal-header .close:hover,
html body #logFormBootstrap .modal-header .close:focus,
html body #logFormBootstrap .modal-header .close:focus-visible,
html body #logFormBootstrap .modal-header .close:active,
html body > header.container.hidden-print #snippet--insideBasket .close:hover,
html body > header.container.hidden-print #snippet--insideBasket .close:focus,
html body > header.container.hidden-print #snippet--insideBasket .close:focus-visible,
html body > header.container.hidden-print #snippet--insideBasket .close:active {
  color: var(--mbank-link-red);
  outline: 0;
  box-shadow: none;
}

/* === Tlačítka potvrzovacího okna po vložení zboží === */
html body main #addedToCart .modal-footer > button.btn.btn-default[data-dismiss="modal"],
html body main #addedToCart .modal-footer > a.btn.btn-primary[href="/kosik"] {
  display: inline-flex;
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  background-image: none;
  color: #fff;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

html body main #addedToCart .modal-footer > button.btn.btn-default[data-dismiss="modal"] {
  background-color: var(--mbank-green);
}

html body main #addedToCart .modal-footer > a.btn.btn-primary[href="/kosik"] {
  background-color: var(--mbank-red);
}

html body main #addedToCart .modal-footer > button.btn.btn-default[data-dismiss="modal"]:hover,
html body main #addedToCart .modal-footer > button.btn.btn-default[data-dismiss="modal"]:focus,
html body main #addedToCart .modal-footer > button.btn.btn-default[data-dismiss="modal"]:focus-visible,
html body main #addedToCart .modal-footer > button.btn.btn-default[data-dismiss="modal"]:active {
  background-color: var(--mbank-green-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

html body main #addedToCart .modal-footer > a.btn.btn-primary[href="/kosik"]:hover,
html body main #addedToCart .modal-footer > a.btn.btn-primary[href="/kosik"]:focus,
html body main #addedToCart .modal-footer > a.btn.btn-primary[href="/kosik"]:focus-visible,
html body main #addedToCart .modal-footer > a.btn.btn-primary[href="/kosik"]:active {
  background-color: var(--mbank-red-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

/* === Přihlašovací okno === */
html body #logFormBootstrap.modal.in {
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 3000;
}

html body #logFormBootstrap.modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(600px, calc(100% - 24px));
  max-width: calc(100% - 24px);
  max-height: calc(100dvh - 24px);
  margin: 0;
  transform: translate(-50%, -50%);
}

html body #logFormBootstrap.modal .modal-content {
  max-height: calc(100dvh - 24px);
  border-radius: 16px;
  overflow-y: auto;
}

html body:has(> #logFormBootstrap.modal.in) > .modal-backdrop.in {
  opacity: 0.55;
  z-index: 2990;
}

/* === Odesílací tlačítko přihlašovacího okna === */
html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"] {
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  background: var(--mbank-green);
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  vertical-align: middle;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"]:hover,
html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"]:focus,
html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"]:focus-visible,
html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"]:active {
  background: var(--mbank-green-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"]:disabled,
html body #logFormBootstrap input.submit.btn.btn-primary.button[type="submit"].disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* === Typografie v objednávkovém procesu === */
html body main form#frm-accountSettings[action="/objednavka"],
html body main form#frm-accountSettings[action="/objednavka"] h2,
html body main form#frm-accountSettings[action="/objednavka"] h3,
html body main form#frm-accountSettings[action="/objednavka"] p,
html body main form#frm-accountSettings[action="/objednavka"] label,
html body main form#frm-accountSettings[action="/objednavka"] legend,
html body main form#frm-accountSettings[action="/objednavka"] input,
html body main form#frm-accountSettings[action="/objednavka"] select,
html body main form#frm-accountSettings[action="/objednavka"] textarea,
html body main form#frm-accountSettings[action="/objednavka"] button,
html body main form#frm-accountSettings[action="/objednavka"] a.btn,
html body main form#frm-accountSettings[action="/objednavka"] option,
html body main form#frm-accountSettings[action="/objednavka"] .checkbox,
html body main form#frm-accountSettings[action="/objednavka"] .radio,
html body main form#frm-accountSettings[action="/objednavka"] .help-block,
html body main form#frm-accountSettings[action="/objednavka"] .form-control-static {
  font-family: "Montserrat", Arial, sans-serif !important;
}

html body main form#frm-accountSettings[action="/objednavka"] input::placeholder,
html body main form#frm-accountSettings[action="/objednavka"] textarea::placeholder {
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* === Nadpisy sekcí v objednávce === */
html body main form#frm-accountSettings[action="/objednavka"] h2,
html body main form#frm-accountSettings[action="/objednavka"] h3 {
  color: var(--mbank-link-red);
}

/* === Kroky objednávkového procesu === */
html body main #order-steps > ul.nav.nav-pills.nav-justified > li > a {
  display: flex;
  min-height: 42px;
  margin: 0 4px;
  padding: 8px 14px;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  background: var(--mbank-surface-hover);
  color: var(--mbank-gray);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  outline: 0;
  box-shadow: none;
  text-align: center;
}

html body main #order-steps > ul.nav.nav-pills.nav-justified > li.active > a {
  background: var(--mbank-red);
  color: #fff;
  font-weight: 600;
  outline: 0;
  box-shadow: none;
}

html body main #order-steps > ul.nav.nav-pills.nav-justified > li.active > a:hover,
html body main #order-steps > ul.nav.nav-pills.nav-justified > li.active > a:focus,
html body main #order-steps > ul.nav.nav-pills.nav-justified > li.active > a:focus-visible,
html body main #order-steps > ul.nav.nav-pills.nav-justified > li.active > a:active {
  background: var(--mbank-red-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

html body main #order-steps > ul.nav.nav-pills.nav-justified > li:not(.active) > a:hover,
html body main #order-steps > ul.nav.nav-pills.nav-justified > li:not(.active) > a:focus,
html body main #order-steps > ul.nav.nav-pills.nav-justified > li:not(.active) > a:focus-visible {
  background: var(--mbank-border);
  color: var(--mbank-ink);
  outline: 0;
  box-shadow: none;
}

@media (max-width: 767px) {
  html body main #order-steps > ul.nav.nav-pills.nav-justified > li > a {
    margin: 0 0 8px;
  }
}

/* === Tlačítka Vyprázdnit košík a Objednat === */
html body main #frm-basket input.btn.btn-default.pull-left[name="vyprazdnit"],
/* === Tlačítko Objednat v košíku bez přihlášení === */
html body main #frm-basket input.btn.pull-right[name="pokracovat"],
/* === Tlačítko Odeslat tiket === */
html body main #frm-sendTicket input.btn.btn-primary[name="go"],
/* === Tlačítko Uložit v nastavení adres === */
html body main #frm-addressSettings input.btn.btn-primary[name="go"],
/* === Tlačítko Uložit na stránce Můj účet === */
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"],
/* === Navigační tlačítka v osobních údajích objednávky === */
html body main form#frm-accountSettings[action="/objednavka"] a.btn.btn-default[href="/kosik"],
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"],
/* === Navigační tlačítka v dopravě a platbě === */
html body main #frm-transport a.btn.btn-default[href="/objednavka"],
html body main #frm-transport input.btn.btn-success.pull-right[name="next"],
/* === Tlačítka na rekapitulaci objednávky === */
html body main form[action="/objednavka/rekapitulace/"]
  a.btn.btn-default[href="/objednavka/platba-a-doprava/"],
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"],
/* === Tlačítko Uložit při úpravě uživatele === */
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"],
/* === Tlačítka Filtrovat a XLS ve statistikách objednávek === */
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"],
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"],
/* === Tlačítko Uložit nastavení rozpočtu === */
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"],
/* === Tlačítko XLS ve skladových zásobách === */
html body main
  a.btn.btn-primary.pull-right[href="/statistiky/skladove-zasoby/?do=exportStocks"],
/* === Tlačítko Smazat objednávku === */
html body main
  a.btn.btn-danger[href^="/objednavky/detail/"][href*="do=deleteOrder"] {
  display: inline-flex;
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease;
}

html body main #frm-basket input.btn.btn-default.pull-left[name="vyprazdnit"],
html body main form#frm-accountSettings[action="/objednavka"] a.btn.btn-default[href="/kosik"],
html body main #frm-transport a.btn.btn-default[href="/objednavka"],
html body main form[action="/objednavka/rekapitulace/"]
  a.btn.btn-default[href="/objednavka/platba-a-doprava/"] {
  border: 1px solid var(--mbank-link-red);
  background: var(--mbank-surface);
  color: var(--mbank-link-red);
}

html body main #frm-basket input.btn.btn-default.pull-left[name="vyprazdnit"]:hover,
html body main #frm-basket input.btn.btn-default.pull-left[name="vyprazdnit"]:focus,
html body main #frm-basket input.btn.btn-default.pull-left[name="vyprazdnit"]:focus-visible,
html body main #frm-basket input.btn.btn-default.pull-left[name="vyprazdnit"]:active,
html body main form#frm-accountSettings[action="/objednavka"] a.btn.btn-default[href="/kosik"]:hover,
html body main form#frm-accountSettings[action="/objednavka"] a.btn.btn-default[href="/kosik"]:focus,
html body main form#frm-accountSettings[action="/objednavka"] a.btn.btn-default[href="/kosik"]:focus-visible,
html body main form#frm-accountSettings[action="/objednavka"] a.btn.btn-default[href="/kosik"]:active,
html body main #frm-transport a.btn.btn-default[href="/objednavka"]:hover,
html body main #frm-transport a.btn.btn-default[href="/objednavka"]:focus,
html body main #frm-transport a.btn.btn-default[href="/objednavka"]:focus-visible,
html body main #frm-transport a.btn.btn-default[href="/objednavka"]:active,
html body main form[action="/objednavka/rekapitulace/"]
  a.btn.btn-default[href="/objednavka/platba-a-doprava/"]:hover,
html body main form[action="/objednavka/rekapitulace/"]
  a.btn.btn-default[href="/objednavka/platba-a-doprava/"]:focus,
html body main form[action="/objednavka/rekapitulace/"]
  a.btn.btn-default[href="/objednavka/platba-a-doprava/"]:focus-visible,
html body main form[action="/objednavka/rekapitulace/"]
  a.btn.btn-default[href="/objednavka/platba-a-doprava/"]:active {
  border-color: var(--mbank-red-hover);
  background: var(--mbank-surface-hover);
  color: var(--mbank-red-hover);
  outline: 0;
  box-shadow: none;
}

/* === Tlačítko Objednat v nákupním košíku === */
html body main #frm-basket input.btn.pull-right[name="pokracovat"],
html body main #frm-sendTicket input.btn.btn-primary[name="go"],
html body main #frm-addressSettings input.btn.btn-primary[name="go"],
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"],
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"],
html body main #frm-transport input.btn.btn-success.pull-right[name="next"],
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"],
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"],
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"],
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"],
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"],
html body main
  a.btn.btn-primary.pull-right[href="/statistiky/skladove-zasoby/?do=exportStocks"],
html body main
  a.btn.btn-danger[href^="/objednavky/detail/"][href*="do=deleteOrder"] {
  border: 0;
  background: var(--mbank-red);
  color: #fff;
  opacity: 1;
}

html body main #frm-basket input.btn.pull-right[name="pokracovat"]:hover,
html body main #frm-basket input.btn.pull-right[name="pokracovat"]:focus,
html body main #frm-basket input.btn.pull-right[name="pokracovat"]:focus-visible,
html body main #frm-basket input.btn.pull-right[name="pokracovat"]:active,
html body main #frm-sendTicket input.btn.btn-primary[name="go"]:hover,
html body main #frm-sendTicket input.btn.btn-primary[name="go"]:focus,
html body main #frm-sendTicket input.btn.btn-primary[name="go"]:focus-visible,
html body main #frm-sendTicket input.btn.btn-primary[name="go"]:active,
html body main #frm-addressSettings input.btn.btn-primary[name="go"]:hover,
html body main #frm-addressSettings input.btn.btn-primary[name="go"]:focus,
html body main #frm-addressSettings input.btn.btn-primary[name="go"]:focus-visible,
html body main #frm-addressSettings input.btn.btn-primary[name="go"]:active,
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"]:hover,
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"]:focus,
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"]:focus-visible,
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"]:active,
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"]:hover,
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"]:focus,
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"]:focus-visible,
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"]:active,
html body main #frm-transport input.btn.btn-success.pull-right[name="next"]:hover,
html body main #frm-transport input.btn.btn-success.pull-right[name="next"]:focus,
html body main #frm-transport input.btn.btn-success.pull-right[name="next"]:focus-visible,
html body main #frm-transport input.btn.btn-success.pull-right[name="next"]:active,
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"]:hover,
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"]:focus,
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"]:focus-visible,
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"]:active,
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"]:hover,
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"]:focus,
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"]:focus-visible,
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"]:active,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"]:hover,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"]:focus,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"]:focus-visible,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"]:active,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"]:hover,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"]:focus,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"]:focus-visible,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"]:active,
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"]:hover,
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"]:focus,
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"]:focus-visible,
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"]:active,
html body main
  a.btn.btn-primary.pull-right[href="/statistiky/skladove-zasoby/?do=exportStocks"]:hover,
html body main
  a.btn.btn-primary.pull-right[href="/statistiky/skladove-zasoby/?do=exportStocks"]:focus,
html body main
  a.btn.btn-primary.pull-right[href="/statistiky/skladove-zasoby/?do=exportStocks"]:focus-visible,
html body main
  a.btn.btn-primary.pull-right[href="/statistiky/skladove-zasoby/?do=exportStocks"]:active,
html body main
  a.btn.btn-danger[href^="/objednavky/detail/"][href*="do=deleteOrder"]:hover,
html body main
  a.btn.btn-danger[href^="/objednavky/detail/"][href*="do=deleteOrder"]:focus,
html body main
  a.btn.btn-danger[href^="/objednavky/detail/"][href*="do=deleteOrder"]:focus-visible,
html body main
  a.btn.btn-danger[href^="/objednavky/detail/"][href*="do=deleteOrder"]:active {
  background: var(--mbank-red-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

html body main #frm-basket input.btn.btn-success.pull-right[name="pokracovat"]:disabled,
html body main #frm-basket input.btn.btn-success.pull-right[name="pokracovat"].disabled,
html body main #frm-sendTicket input.btn.btn-primary[name="go"]:disabled,
html body main #frm-sendTicket input.btn.btn-primary[name="go"].disabled,
html body main #frm-addressSettings input.btn.btn-primary[name="go"]:disabled,
html body main #frm-addressSettings input.btn.btn-primary[name="go"].disabled,
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"]:disabled,
html body main form#frm-accountSettings[action="/ucet"] input.btn.btn-primary.button[name="save"].disabled,
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"]:disabled,
html body main form#frm-accountSettings[action="/objednavka"] input.btn.btn-success.pull-right[name="go"].disabled,
html body main #frm-transport input.btn.btn-success.pull-right[name="next"]:disabled,
html body main #frm-transport input.btn.btn-success.pull-right[name="next"].disabled,
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"]:disabled,
html body main form[action="/objednavka/rekapitulace/"]
  input.btn.pull-right[type="submit"].disabled,
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"]:disabled,
html body main form#frm-accountForm[action="/ucty/upravit/"]
  input.btn.btn-primary.button[name="save"].disabled,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"]:disabled,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  input.btn.btn-primary.buton[name="set"].disabled,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"]:disabled,
html body main form#frm-filterForm[action="/statistiky/objednavky/"]
  button.btn.btn-primary.dropdown-toggle[type="button"].disabled,
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"]:disabled,
html body main form#frm-budgetSettingsForm[action="/budgets/settings"]
  input.btn.btn-primary[name="save"].disabled {
  background: var(--mbank-red);
  color: #fff;
  opacity: 0.55;
  cursor: not-allowed;
  outline: 0;
  box-shadow: none;
}

/* ==========================================================================
   2. HLAVNÍ NAVIGACE E-SHOPU
   ========================================================================== */

/* === Kontejner hlavní navigace podle živé struktury ===
   body > .container > .row > nav.navbar.navbar-inverse */
html body > .container > .row > nav.navbar.navbar-inverse {
  min-height: 56px;
  margin: 14px 0 20px;
  border: 0;
  border-radius: 0;
  background: var(--mbank-surface);
  color: var(--mbank-ink);
  box-shadow: none;
}

/* === Vnitřní plocha a vodorovný seznam navigace === */
html body > .container > .row > nav.navbar.navbar-inverse > .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
  border: 0;
  background: var(--mbank-surface);
  box-shadow: none;
}

html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav {
  display: flex;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  background: var(--mbank-surface);
  list-style: none;
}

html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li {
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  background: var(--mbank-surface);
}

/* === Odkazy hlavní navigace === */
html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a,
/* === Navigace účtu – aktivní Můj účet === */
html body main p.pull-right.btn-group > a.btn.btn-default[href="/ucet"],
/* === Navigace účtu – aktivní Nastavení adres === */
html body main p.pull-right.btn-group > a.btn.btn-default[href="/user/addresses"],
/* === Navigace účtů – aktivní Přehled === */
/* === Navigace účtů – aktivní Přidat uživatele === */
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/ucty"],
/* === Navigace statistik – aktivní Objednávky === */
/* === Navigace statistik – aktivní Skladové zásoby === */
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/statistiky/"],
/* === Navigace rozpočtů – aktivní Seznamy === */
/* === Navigace rozpočtů – aktivní Čerpání === */
/* === Navigace rozpočtů – aktivní Nastavení === */
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/budgets/"],
/* === Přepínač Objednávající / Produkty ve statistikách === */
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"],
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"] {
  position: relative;
  display: flex;
  min-height: 56px;
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  align-items: center;
  background: var(--mbank-surface);
  color: var(--mbank-ink);
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

/* === Červené podtržení aktivní a ovládané položky navigace === */
html body > .container > .row > nav.navbar.navbar-inverse
  .navbar-nav > li > a::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/ucet"]::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/user/addresses"]::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/ucty"]::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/statistiky/"]::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/budgets/"]::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]::before {
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  height: 3px;
  background: var(--mbank-link-red);
  content: "";
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.2s ease;
}

html body > .container > .row > nav.navbar.navbar-inverse
  .navbar-nav > li > a:hover::before,
html body > .container > .row > nav.navbar.navbar-inverse
  .navbar-nav > li > a:focus::before,
html body > .container > .row > nav.navbar.navbar-inverse
  .navbar-nav > li > a:focus-visible::before,
html body > .container > .row > nav.navbar.navbar-inverse
  .navbar-nav > li > a:active::before,
html body > .container > .row > nav.navbar.navbar-inverse
  .navbar-nav > .active > a::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/ucet"]:hover::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/ucet"]:focus::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/ucet"]:focus-visible::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/ucet"]:active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/ucet"].active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/user/addresses"]:hover::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/user/addresses"]:focus::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/user/addresses"]:focus-visible::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/user/addresses"]:active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href="/user/addresses"].active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/ucty"]:hover::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/ucty"]:focus::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/ucty"]:focus-visible::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/ucty"]:active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/ucty"].active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/statistiky/"]:hover::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/statistiky/"]:focus::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/statistiky/"]:focus-visible::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/statistiky/"]:active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/statistiky/"].active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/budgets/"]:hover::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/budgets/"]:focus::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/budgets/"]:focus-visible::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/budgets/"]:active::before,
html body main p.pull-right.btn-group
  > a.btn.btn-default[href^="/budgets/"].active::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:hover::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:focus::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:focus-visible::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:active::before,
html body main ul.nav.nav-tabs > li.active
  > a[data-toggle="tab"][href="#clients"]::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:hover::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:focus::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:focus-visible::before,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:active::before,
html body main ul.nav.nav-tabs > li.active
  > a[data-toggle="tab"][href="#products"]::before {
  transform: scaleX(1);
}

html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a:hover,
html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a:focus,
html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a:focus-visible,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/ucet"]:hover,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/ucet"]:focus,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/ucet"]:focus-visible,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/user/addresses"]:hover,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/user/addresses"]:focus,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/user/addresses"]:focus-visible,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/ucty"]:hover,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/ucty"]:focus,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/ucty"]:focus-visible,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/statistiky/"]:hover,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/statistiky/"]:focus,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/statistiky/"]:focus-visible,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/budgets/"]:hover,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/budgets/"]:focus,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/budgets/"]:focus-visible,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:hover,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:focus,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#clients"]:focus-visible,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:hover,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:focus,
html body main ul.nav.nav-tabs > li
  > a[data-toggle="tab"][href="#products"]:focus-visible {
  background: var(--mbank-surface-hover);
  color: var(--mbank-ink);
  outline: 0;
  box-shadow: none;
}

html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > .active > a,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/ucet"].active,
html body main p.pull-right.btn-group > a.btn.btn-default[href="/user/addresses"].active,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/ucty"].active,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/statistiky/"].active,
html body main p.pull-right.btn-group > a.btn.btn-default[href^="/budgets/"].active,
html body main ul.nav.nav-tabs > li.active
  > a[data-toggle="tab"][href="#clients"],
html body main ul.nav.nav-tabs > li.active
  > a[data-toggle="tab"][href="#products"] {
  background: var(--mbank-surface);
  color: var(--mbank-link-red);
  font-weight: 600;
}

/* === Mobilní přepínač hlavní navigace === */
html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle {
  border-color: var(--mbank-border);
  background: var(--mbank-surface);
  outline: 0;
  box-shadow: none;
}

html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle:hover,
html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle:focus,
html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle:focus-visible,
html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle:active {
  background: var(--mbank-surface-hover);
  outline: 0;
  box-shadow: none;
}

html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle .icon-bar {
  background: var(--mbank-ink);
}

/* === Zmenšené rozestupy navigace mezi 992 a 1199 px === */
@media (max-width: 1199px) and (min-width: 992px) {
  html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 14px;
  }

  html body > .container > .row > nav.navbar.navbar-inverse
    .navbar-nav > li > a::before {
    right: 6px;
    left: 6px;
  }
}

/* === Sbalená navigace do 991 px === */
@media (max-width: 991px) {
  html body > .container > .row > nav.navbar.navbar-inverse > .navbar-header {
    float: none;
  }

  html body > .container > .row > nav.navbar.navbar-inverse .navbar-toggle {
    display: block;
  }

  html body > .container > .row > nav.navbar.navbar-inverse > .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }

  html body > .container > .row > nav.navbar.navbar-inverse > .navbar-collapse.collapse {
    display: none !important;
  }

  html body > .container > .row > nav.navbar.navbar-inverse > .navbar-collapse.collapse.in {
    display: block !important;
  }

  html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav {
    display: block;
    width: 100%;
  }

  html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li {
    width: 100%;
  }

  html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    box-sizing: border-box;
  }

  html body > .container > .row > nav.navbar.navbar-inverse
    .navbar-nav > li > a::before {
    right: 16px;
    left: 16px;
  }
}

/* === Omezení animace navigace podle nastavení uživatele === */
@media (prefers-reduced-motion: reduce) {
  html body > .container > .row > nav.navbar.navbar-inverse .navbar-nav > li > a,
  html body > .container > .row > nav.navbar.navbar-inverse
    .navbar-nav > li > a::before {
    transition: none;
  }
}

/* ==========================================================================
   3. HLAVIČKA E-SHOPU A RESPONZIVNÍ ROZLOŽENÍ

   Ověřená živá struktura:
   body > header.container.hidden-print
     > .row
       > .col-sm-3 ... #logo
       > .col-sm-9 ... #snippet--my, #searchform, #snippet--basket
   ========================================================================== */

/* === Horní vícebarevný pásek podle manuálu mBank === */
html body::before {
  display: block;
  width: 100%;
  height: var(--mbank-brand-stripe-height);
  background: var(--mbank-brand-stripe);
  content: "";
}

/* === Společný řádek loga, hledání, košíku a přihlášení === */
html body > header.container.hidden-print {
  position: relative;
  background: var(--mbank-surface);
}

html body > header.container.hidden-print > .row {
  display: grid;
  min-height: 96px;
  margin-right: 0;
  margin-left: 0;
  grid-template-columns:
    calc(195px - var(--mbank-header-gap))
    minmax(240px, 440px)
    minmax(0, 1fr)
    max-content
    max-content;
  gap: 0 var(--mbank-header-gap);
  align-items: center;
}

/* === Odstranění clearfix pseudo-prvků uvnitř gridu hlavičky === */
html body > header.container.hidden-print > .row::before,
html body > header.container.hidden-print > .row::after,
html body > header.container.hidden-print > .row > .col-sm-9 > .row::before,
html body > header.container.hidden-print > .row > .col-sm-9 > .row::after,
html body > header.container.hidden-print #snippet--basket::before,
html body > header.container.hidden-print #snippet--basket::after {
  display: none;
  content: none;
}

/* === Zploštění pouze ověřených obalů hlavičky === */
html body > header.container.hidden-print > .row > .col-sm-3,
html body > header.container.hidden-print > .row > .col-sm-9,
html body > header.container.hidden-print > .row > .col-sm-9 > .row {
  display: contents;
}

/* === Logo mBank v přirozeném rozměru 130 × 50 px === */
html body > header.container.hidden-print #logo {
  display: inline-flex;
  width: 130px;
  height: 50px;
  margin: 0;
  grid-column: 1;
  grid-row: 1;
  align-items: center;
  justify-self: start;
  line-height: 0;
  outline: 0;
  box-shadow: none;
}

html body > header.container.hidden-print #logo:hover,
html body > header.container.hidden-print #logo:focus,
html body > header.container.hidden-print #logo:focus-visible,
html body > header.container.hidden-print #logo:active {
  opacity: 0.85;
  outline: 0;
  box-shadow: none;
}

html body > header.container.hidden-print #logo > img.img-responsive {
  display: block;
  width: 130px;
  max-width: none;
  height: 50px;
}

/* === Obal vyhledávání v ověřené živé struktuře === */
html body > header.container.hidden-print
  .col-sm-5.col-sm-offset-1.col-xs-12.text-center {
  display: flex;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  align-self: center;
  justify-self: stretch;
}

/* === Společný pill rámeček vyhledávacího pole === */
html body > header.container.hidden-print #searchform {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: var(--mbank-control-height);
  margin: 0;
  border: 1px solid var(--mbank-border);
  border-radius: var(--mbank-pill-radius);
  background: var(--mbank-surface);
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
}

html body > header.container.hidden-print #searchform > br {
  display: none;
}

html body > header.container.hidden-print #searchform > .input-group {
  position: static;
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
}

/* === Textová část vyhledávání === */
html body > header.container.hidden-print #searchfield {
  position: static;
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 18px;
  border: 0;
  border-radius: var(--mbank-pill-radius) 0 0 var(--mbank-pill-radius);
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  outline: 0;
}

/* === Tlačítko s ikonou lupy === */
html body > header.container.hidden-print #searchform .input-group-btn {
  position: static;
  display: flex;
  flex: 0 0 var(--mbank-control-height);
  width: var(--mbank-control-height);
  height: 100%;
}

html body > header.container.hidden-print #searchform .input-group-btn > button {
  position: static;
  display: inline-flex;
  flex: 0 0 var(--mbank-control-height);
  width: var(--mbank-control-height);
  min-width: var(--mbank-control-height);
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 var(--mbank-pill-radius) var(--mbank-pill-radius) 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--mbank-ink);
  box-shadow: none;
  box-sizing: border-box;
  line-height: 1;
}

html body > header.container.hidden-print #searchform:focus-within {
  border-color: var(--mbank-red-hover);
  box-shadow: none;
}

html body > header.container.hidden-print #searchform .input-group-btn > button:hover,
html body > header.container.hidden-print #searchform .input-group-btn > button:focus,
html body > header.container.hidden-print #searchform .input-group-btn > button:focus-visible,
html body > header.container.hidden-print #searchform .input-group-btn > button:active {
  background: var(--mbank-surface-hover);
  color: var(--mbank-ink);
  outline: 0;
  box-shadow: none;
}

/* === Desktopový obal košíku bez samostatného nadpisu a ceny === */
html body > header.container.hidden-print
  .hidden-xs.col-xs-offset-1.col-sm-4.col-sm-offset-2 {
  display: flex;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  grid-column: 4;
  grid-row: 1;
  align-items: center;
  align-self: center;
  justify-self: end;
  overflow: visible;
}

html body > header.container.hidden-print #snippet--basket {
  position: relative;
  display: flex;
  width: auto;
  min-width: 0;
  height: var(--mbank-control-height);
  margin: 0;
  align-items: center;
  justify-content: flex-end;
}

html body > header.container.hidden-print #snippet--basket > p {
  display: none;
}

html body > header.container.hidden-print #snippet--basket > .dropdown {
  display: flex;
  align-items: center;
}

/* === Funkční červené tlačítko košíku === */
html body > header.container.hidden-print #basket-in {
  display: inline-flex;
  width: max-content;
  min-width: 0;
  max-width: none;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--mbank-red);
  color: #fff;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

/* === Počet položek v tlačítku Obsah košíku === */
html body > header.container.hidden-print
  #basket-in > span.text-muted.small {
  color: #fff;
}

html body > header.container.hidden-print #basket-in:hover,
html body > header.container.hidden-print #basket-in:focus,
html body > header.container.hidden-print #basket-in:focus-visible,
html body > header.container.hidden-print #basket-in:active {
  background: var(--mbank-red-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

/* === AJAX panel košíku ukotvený pod tlačítkem === */
html body > header.container.hidden-print #snippet--insideBasket {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  margin: 0;
  z-index: 1200;
  transform: none;
}

/* === Zelené tlačítko pro přechod do košíku v AJAX panelu === */
html body > header.container.hidden-print
  #snippet--insideBasket a.btn.btn-default[href="/kosik"] {
  display: inline-flex;
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--mbank-green);
  color: #fff;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

html body > header.container.hidden-print
  #snippet--insideBasket a.btn.btn-default[href="/kosik"]:hover,
html body > header.container.hidden-print
  #snippet--insideBasket a.btn.btn-default[href="/kosik"]:focus,
html body > header.container.hidden-print
  #snippet--insideBasket a.btn.btn-default[href="/kosik"]:focus-visible,
html body > header.container.hidden-print
  #snippet--insideBasket a.btn.btn-default[href="/kosik"]:active {
  background: var(--mbank-green-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

/* === Obal a zelené tlačítko přihlášení v hlavičce === */
html body > header.container.hidden-print #snippet--my {
  position: static;
  display: flex;
  float: none;
  width: max-content;
  height: var(--mbank-control-height);
  margin: 0;
  grid-column: 5;
  grid-row: 1;
  align-items: center;
  align-self: center;
  justify-self: end;
}

html body > header.container.hidden-print #snippet--my > a.btn.btn-default,
/* === Tlačítko uživatelského účtu po přihlášení === */
html body > header.container.hidden-print
  #snippet--my > .btn-group > a.btn.btn-default.dropdownUser-toggle,
/* === Tlačítko Detail v seznamu objednávek === */
html body main #snippet-allOrdersGrid-tbody
  a.btn.btn-xs.btn-success[href^="/objednavky/detail/"] {
  display: inline-flex;
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--mbank-green);
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

html body > header.container.hidden-print #snippet--my > a.btn.btn-default:hover,
html body > header.container.hidden-print #snippet--my > a.btn.btn-default:focus,
html body > header.container.hidden-print #snippet--my > a.btn.btn-default:focus-visible,
html body > header.container.hidden-print #snippet--my > a.btn.btn-default:active,
html body > header.container.hidden-print
  #snippet--my > .btn-group > a.btn.btn-default.dropdownUser-toggle:hover,
html body > header.container.hidden-print
  #snippet--my > .btn-group > a.btn.btn-default.dropdownUser-toggle:focus,
html body > header.container.hidden-print
  #snippet--my > .btn-group > a.btn.btn-default.dropdownUser-toggle:focus-visible,
html body > header.container.hidden-print
  #snippet--my > .btn-group > a.btn.btn-default.dropdownUser-toggle:active,
html body main #snippet-allOrdersGrid-tbody
  a.btn.btn-xs.btn-success[href^="/objednavky/detail/"]:hover,
html body main #snippet-allOrdersGrid-tbody
  a.btn.btn-xs.btn-success[href^="/objednavky/detail/"]:focus,
html body main #snippet-allOrdersGrid-tbody
  a.btn.btn-xs.btn-success[href^="/objednavky/detail/"]:focus-visible,
html body main #snippet-allOrdersGrid-tbody
  a.btn.btn-xs.btn-success[href^="/objednavky/detail/"]:active {
  background: var(--mbank-green-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

/* === Existující mobilní odkaz košíku bez změny funkce === */
html body > header.container.hidden-print
  > .row
  > .col-sm-9
  > .row
  > a.btn.hidden-sm.hidden-md.hidden-lg {
  width: max-content;
  min-width: 0;
  height: var(--mbank-control-height);
  min-height: var(--mbank-control-height);
  margin: 0;
  padding: 0 var(--mbank-action-padding);
  border: 0;
  border-radius: var(--mbank-pill-radius);
  align-items: center;
  justify-content: center;
  background: var(--mbank-red);
  color: #fff;
  font-weight: 600;
  line-height: 1;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
}

html body > header.container.hidden-print
  > .row
  > .col-sm-9
  > .row
  > a.btn.hidden-sm.hidden-md.hidden-lg:hover,
html body > header.container.hidden-print
  > .row
  > .col-sm-9
  > .row
  > a.btn.hidden-sm.hidden-md.hidden-lg:focus,
html body > header.container.hidden-print
  > .row
  > .col-sm-9
  > .row
  > a.btn.hidden-sm.hidden-md.hidden-lg:focus-visible,
html body > header.container.hidden-print
  > .row
  > .col-sm-9
  > .row
  > a.btn.hidden-sm.hidden-md.hidden-lg:active {
  background: var(--mbank-red-hover);
  color: #fff;
  outline: 0;
  box-shadow: none;
}

/* === Rozložení hlavičky mezi 992 a 1199 px === */
@media (max-width: 1199px) and (min-width: 992px) {
  html body > header.container.hidden-print > .row {
    grid-template-columns:
      calc(161.666667px - var(--mbank-header-gap))
      minmax(240px, 440px)
      minmax(0, 1fr)
      max-content
      max-content;
  }
}

/* === Dvouřádková hlavička mezi 768 a 991 px === */
@media (max-width: 991px) and (min-width: 768px) {
  html body > header.container.hidden-print > .row {
    min-height: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    grid-template-columns: 130px minmax(0, 1fr) max-content max-content;
    grid-template-rows: auto auto;
    gap: 12px var(--mbank-header-gap);
  }

  html body > header.container.hidden-print #logo {
    grid-column: 1;
    grid-row: 1;
  }

  html body > header.container.hidden-print
    .hidden-xs.col-xs-offset-1.col-sm-4.col-sm-offset-2 {
    grid-column: 3;
    grid-row: 1;
  }

  html body > header.container.hidden-print #snippet--my {
    grid-column: 4;
    grid-row: 1;
  }

  html body > header.container.hidden-print
    .col-sm-5.col-sm-offset-1.col-xs-12.text-center {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

/* === Mobilní hlavička do 767 px === */
@media (max-width: 767px) {
  html body > header.container.hidden-print > .row {
    min-height: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto auto;
    gap: 12px 10px;
  }

  html body > header.container.hidden-print #logo {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  html body > header.container.hidden-print
    > .row
    > .col-sm-9
    > .row
    > a.btn.hidden-sm.hidden-md.hidden-lg {
    display: inline-flex;
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  html body > header.container.hidden-print #snippet--my {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }

  html body > header.container.hidden-print #snippet--my .hidden-xs {
    display: inline !important;
  }

  html body > header.container.hidden-print
    .col-sm-5.col-sm-offset-1.col-xs-12.text-center {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

/* ==========================================================================
   4. PATIČKA WEBU
   ========================================================================== */

/* === Patička webu === */
html body > footer.container.hidden-print {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 40px 0 0;
  padding:
    30px
    max(15px, calc((100% - 1170px) / 2 + 15px))
    24px;
  border-top: 1px solid var(--mbank-border);
  background: var(--mbank-surface-hover);
  box-sizing: border-box;
  color: var(--mbank-ink);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 300;
}

/* === Tři obsahové sloupce patičky === */
html body > footer.container.hidden-print > .row:first-child {
  margin-bottom: 8px;
}

html body > footer.container.hidden-print
  > .row:first-child
  > .col-xs-6.col-sm-3 {
  padding-top: 0;
  padding-bottom: 12px;
}

html body > footer.container.hidden-print h4 {
  color: var(--mbank-ink);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
}

html body > footer.container.hidden-print p,
html body > footer.container.hidden-print li {
  color: var(--mbank-ink);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

html body > footer.container.hidden-print ul {
  padding-left: 0;
  list-style: none;
}

/* === Kontaktní ikony v patičce === */
html body > footer.container.hidden-print .glyphicon {
  color: var(--mbank-link-red);
  vertical-align: -1px;
}

/* === Odkazy patičky a jejich interaktivní stavy === */
html body > footer.container.hidden-print a,
html body > footer.container.hidden-print a:visited {
  color: var(--mbank-link-red);
  text-decoration: none;
}

html body > footer.container.hidden-print a:hover,
html body > footer.container.hidden-print a:focus,
html body > footer.container.hidden-print a:focus-visible,
html body > footer.container.hidden-print a:active {
  color: var(--mbank-red-hover);
  text-decoration: underline;
  outline: 0;
  box-shadow: none;
}

/* === Spodní informační řádek patičky === */
html body > footer.container.hidden-print > .row:last-child {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--mbank-border);
}

html body > footer.container.hidden-print > .row:last-child p {
  margin-bottom: 0;
}

/* === Responzivní sloupce patičky === */
@media (min-width: 768px) {
  html body > footer.container.hidden-print
    > .row:first-child
    > .col-xs-6.col-sm-3 {
    width: 33.333333%;
  }
}

@media (max-width: 767px) {
  html body > footer.container.hidden-print {
    padding-right: 15px;
    padding-left: 15px;
  }

  html body > footer.container.hidden-print
    > .row:first-child
    > .col-xs-6.col-sm-3 {
    float: none;
    width: 100%;
  }

  html body > footer.container.hidden-print
    > .row:first-child
    > .col-xs-6.col-sm-3
    > ul[style] {
    margin-top: 8px !important;
  }
}

/* === Omezení animací hlavičky podle nastavení uživatele === */
@media (prefers-reduced-motion: reduce) {
  html body > header.container.hidden-print a,
  html body > header.container.hidden-print button,
  html body > header.container.hidden-print input {
    transition: none;
  }
}