/* ═══════════════════════════════════════════════════════════
   Customer center (/klient/) – checkout parity
   ═══════════════════════════════════════════════════════════ */

body.customer-page {
  --im-client-max: var(--im-max, 1800px);
  --im-client-pad: var(--im-pad, clamp(16px, 4.2vw, 72px));
  --im-client-gap: clamp(28px, 5vw, 48px);
  --im-client-text: #111214;
  --im-client-muted: #6b7280;
  --im-client-line: #ececec;
  --im-client-soft: #f6f6f6;
  --im-client-card: #ffffff;
  --im-client-accent: #303233;
  --im-client-radius: 14px;
  --im-client-sidebar: 280px;
  --color-primary: var(--im-client-text);
  --color-primary-hover: #1a1b1d;
  --colors-text-link: var(--im-client-text);
}

body.customer-page,
body.customer-page .overall-wrapper {
  background: #fff !important;
}

body.customer-page .breadcrumbs-wrapper {
  box-sizing: border-box !important;
  width: min(calc(100% - (var(--im-client-pad) * 2)), var(--im-client-max)) !important;
  max-width: var(--im-client-max) !important;
  margin: 0 auto !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  background: #fff !important;
}

body.customer-page .breadcrumbs-wrapper .container,
body.customer-page .breadcrumbs-wrapper ol.breadcrumb,
body.customer-page .breadcrumbs-wrapper .breadcrumb {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-client-muted) !important;
  font-size: 13px !important;
}

body.customer-page .breadcrumbs-wrapper a {
  color: var(--im-client-muted) !important;
  text-decoration: none !important;
}

body.customer-page .breadcrumbs-wrapper a:hover {
  color: var(--im-client-text) !important;
}

body.customer-page #content-wrapper.content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--im-client-gap) 0 clamp(48px, 9vw, 80px) !important;
  border: 0 !important;
  background: #fff !important;
}

body.customer-page .content-wrapper-in {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: min(calc(100% - (var(--im-client-pad) * 2)), var(--im-client-max)) !important;
  max-width: var(--im-client-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: var(--im-client-radius) !important;
  background: var(--im-client-card) !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, 0.04) !important;
  overflow: hidden !important;
}

body.customer-page .sidebar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.customer-page .sidebar .sidebar-inner {
  margin: 0 !important;
  padding: 22px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--im-client-line) !important;
  border-radius: 0 !important;
  background: #fafafa !important;
}

body.customer-page .sidebar .sidebar-inner > div {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.customer-page .client-center-box ul {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 12px !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--im-client-line) !important;
  list-style: none !important;
}

body.customer-page .client-center-box ul li {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}

body.customer-page .client-center-box ul li:first-child {
  grid-column: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.customer-page .client-center-box ul li.logout {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.customer-page .client-center-box ul li:nth-child(n+3) {
  grid-column: 1 / -1 !important;
}

body.customer-page .client-center-box ul li.logout .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.customer-page .client-center-box ul li.logout .btn:hover {
  border-color: var(--im-client-accent) !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page .client-center-box ul li a {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

body.customer-page .client-center-box ul li a:hover {
  background: #f3f4f6 !important;
  color: var(--im-client-text) !important;
}

body.customer-page .client-center-box ul li.active {
  border-radius: 10px !important;
  background: #f3f4f6 !important;
}

body.customer-page .client-center-box ul li.active a {
  color: var(--im-client-text) !important;
  font-weight: 700 !important;
}

body.customer-page #content.content,
body.customer-page .content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 20px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  float: none !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  --color-secondary: var(--im-client-text) !important;
  --color-secondary-hover: #1a1b1d !important;
  --colors-surface-secondary: var(--im-client-soft) !important;
}

body.customer-page #content.content > h1,
body.customer-page .content > h1 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.customer-page #content.content > h2,
body.customer-page .content > h2,
body.customer-page #content.content h2,
body.customer-page .content h2 {
  margin: 28px 0 14px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

body.customer-page #content.content > h2:first-of-type,
body.customer-page .content > h2:first-of-type {
  margin-top: 0 !important;
}

body.customer-page #content.content h3,
body.customer-page #content.content h4,
body.customer-page #content.content h5,
body.customer-page .content h3,
body.customer-page .content h4,
body.customer-page .content h5,
body.customer-page #content.content .box h1,
body.customer-page #content.content .box h2,
body.customer-page #content.content .box h3,
body.customer-page #content.content .box h4,
body.customer-page .content .box h1,
body.customer-page .content .box h2,
body.customer-page .content .box h3,
body.customer-page .content .box h4,
body.customer-page #content.content fieldset.box h4,
body.customer-page .content fieldset.box h4,
body.customer-page #content.content .client-table-heading,
body.customer-page .content .client-table-heading {
  color: var(--im-client-text) !important;
}

body.customer-page #content.content p,
body.customer-page .content p {
  margin: 0 0 16px !important;
  color: var(--im-client-muted) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.customer-page #content.content a,
body.customer-page .content a {
  color: var(--im-client-text) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.customer-page #content.content a:hover,
body.customer-page .content a:hover {
  color: #1a1b1d !important;
}

body.customer-page #content.content strong,
body.customer-page .content strong,
body.customer-page #content.content .box strong,
body.customer-page .content .box strong,
body.customer-page #content.content fieldset.box strong,
body.customer-page .content fieldset.box strong,
body.customer-page #content.content a strong,
body.customer-page .content a strong {
  color: var(--im-client-text) !important;
  font-weight: 700 !important;
}

body.customer-page #content.content .box,
body.customer-page #content.content .co-box,
body.customer-page .content .box,
body.customer-page .content .co-box,
body.customer-page #content.content .box-bg-default,
body.customer-page .content .box-bg-default,
body.customer-page #content.content .box-bg-variant,
body.customer-page .content .box-bg-variant,
body.customer-page #content.content fieldset.box,
body.customer-page .content fieldset.box,
body.customer-page #content.content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]),
body.customer-page .content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]) {
  margin: 0 0 24px !important;
  padding: 20px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--im-client-text) !important;
}

/* Vnořený box uvnitř co-box – jen jeden stroke (osobní údaje, adresy…) */
body.customer-page #content.content .co-box fieldset.box,
body.customer-page .content .co-box fieldset.box,
body.customer-page #content.content .co-box .box:not(.co-box),
body.customer-page .content .co-box .box:not(.co-box),
body.customer-page #content.content fieldset.box fieldset.box,
body.customer-page .content fieldset.box fieldset.box,
body.customer-page #content.content .box:has(> fieldset.box) > fieldset.box,
body.customer-page .content .box:has(> fieldset.box) > fieldset.box,
body.customer-page #content.content .co-box .shipping-addresses,
body.customer-page .content .co-box .shipping-addresses,
body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page #content.content fieldset.box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page .content fieldset.box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.customer-page #content.content .co-box .shipping-addresses,
body.customer-page .content .co-box .shipping-addresses {
  padding-top: 0 !important;
}

body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
  margin-top: 12px !important;
}

body.customer-page #content.content .co-box fieldset.box > h4:first-child,
body.customer-page .content .co-box fieldset.box > h4:first-child,
body.customer-page #content.content .co-box .box:not(.co-box) > h4:first-child,
body.customer-page .content .co-box .box:not(.co-box) > h4:first-child {
  margin-top: 0 !important;
}

/* Bonus + Ellity – flat section, heading jako h2 „Poslední objednávka“ */
body.customer-page #content.content fieldset.box:has(.mehub-bonus-profile-container),
body.customer-page .content fieldset.box:has(.mehub-bonus-profile-container),
body.customer-page #content.content .box:has(.mehub-bonus-profile-container),
body.customer-page .content .box:has(.mehub-bonus-profile-container),
body.customer-page #content.content [class*="mehub-bonus"]:not(.mehub-bonus-profile-container .card),
body.customer-page .content [class*="mehub-bonus"]:not(.mehub-bonus-profile-container .card) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.customer-page fieldset.box:has(.mehub-bonus-profile-container) > h4,
body.customer-page .box:has(.mehub-bonus-profile-container) > h4 {
  margin: 28px 0 14px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

body.customer-page #content.content .box p,
body.customer-page .content .box p,
body.customer-page #content.content .box span,
body.customer-page .content .box span,
body.customer-page #content.content .box label,
body.customer-page .content .box label,
body.customer-page #content.content .box .text-muted,
body.customer-page .content .box .text-muted {
  color: var(--im-client-muted) !important;
}

/* Shoptet primary blue – bonus „Historie“, kredity */
body.customer-page #content.content .box h4,
body.customer-page .content .box h4,
body.customer-page #content.content fieldset.box h4,
body.customer-page .content fieldset.box h4,
body.customer-page #content.content .client-table-heading,
body.customer-page .content .client-table-heading,
body.customer-page #content.content table caption,
body.customer-page .content table caption,
body.customer-page #content.content .box strong,
body.customer-page .content .box strong,
body.customer-page #content.content fieldset.box strong,
body.customer-page .content fieldset.box strong,
body.customer-page #content.content [class*="bonus"] strong,
body.customer-page .content [class*="bonus"] strong {
  color: var(--im-client-text) !important;
  background: transparent !important;
}

/* Ellity bonus doplněk – flat inside parent box (no nested card) */
body.customer-page .mehub-bonus-profile-container,
body.customer-page [class*="mehub-bonus-profile"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--im-client-text) !important;
}

body.customer-page .mehub-bonus-profile-container .card,
body.customer-page [class*="mehub-bonus-profile"] .card,
body.customer-page [class*="ellity-"] .card,
body.customer-page .ellity-history-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--im-client-text) !important;
  box-shadow: none !important;
}

body.customer-page .mehub-bonus-profile-container .card:not(:first-child),
body.customer-page [class*="mehub-bonus-profile"] .card:not(:first-child),
body.customer-page .ellity-history-card:not(:first-child) {
  margin-top: 0 !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--im-client-line) !important;
}

body.customer-page .mehub-bonus-profile-container .card h1,
body.customer-page .mehub-bonus-profile-container .card h2,
body.customer-page .mehub-bonus-profile-container .card h3,
body.customer-page .mehub-bonus-profile-container .card h4,
body.customer-page .mehub-bonus-profile-container .card h5,
body.customer-page .mehub-bonus-profile-container .card h6,
body.customer-page [class*="ellity-"] h1,
body.customer-page [class*="ellity-"] h2,
body.customer-page [class*="ellity-"] h3,
body.customer-page [class*="ellity-"] h4,
body.customer-page [class*="ellity-"] h5,
body.customer-page [class*="ellity-"] h6,
body.customer-page .ellity-history-card h1,
body.customer-page .ellity-history-card h2,
body.customer-page .ellity-history-card h3,
body.customer-page .ellity-history-card h4,
body.customer-page .ellity-history-card h5,
body.customer-page .ellity-history-card h6 {
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.customer-page .mehub-bonus-profile-container .card p,
body.customer-page .mehub-bonus-profile-container .card span,
body.customer-page .mehub-bonus-profile-container .card strong,
body.customer-page .mehub-bonus-profile-container .card b,
body.customer-page .mehub-bonus-profile-container .card label,
body.customer-page [class*="ellity-"] p,
body.customer-page [class*="ellity-"] span,
body.customer-page [class*="ellity-"] strong,
body.customer-page [class*="ellity-"] b,
body.customer-page [class*="ellity-"] label,
body.customer-page .ellity-history-card p,
body.customer-page .ellity-history-card span,
body.customer-page .ellity-history-card strong,
body.customer-page .ellity-history-card b,
body.customer-page .ellity-history-card label {
  color: var(--im-client-muted) !important;
  background: transparent !important;
}

body.customer-page .mehub-bonus-profile-container .card strong,
body.customer-page .mehub-bonus-profile-container .card b,
body.customer-page [class*="ellity-"] strong,
body.customer-page [class*="ellity-"] b,
body.customer-page .ellity-history-card strong,
body.customer-page .ellity-history-card b {
  color: var(--im-client-text) !important;
}

body.customer-page .mehub-bonus-profile-container .card a,
body.customer-page [class*="ellity-"] a,
body.customer-page .ellity-history-card a {
  color: var(--im-client-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.customer-page .mehub-bonus-profile-container .card a:hover,
body.customer-page [class*="ellity-"] a:hover,
body.customer-page .ellity-history-card a:hover {
  color: #1a1b1d !important;
}

body.customer-page .mehub-bonus-profile-container .card .btn,
body.customer-page .mehub-bonus-profile-container .card button,
body.customer-page [class*="ellity-"] .btn,
body.customer-page [class*="ellity-"] button,
body.customer-page .ellity-history-card .btn,
body.customer-page .ellity-history-card button {
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  box-shadow: none !important;
}

body.customer-page .mehub-bonus-profile-container .card .btn:hover,
body.customer-page .mehub-bonus-profile-container .card button:hover,
body.customer-page [class*="ellity-"] .btn:hover,
body.customer-page [class*="ellity-"] button:hover,
body.customer-page .ellity-history-card .btn:hover,
body.customer-page .ellity-history-card button:hover {
  border-color: var(--im-client-accent) !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page .mehub-bonus-profile-container .card table,
body.customer-page [class*="ellity-"] table,
body.customer-page .ellity-history-card table {
  display: table !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  table-layout: fixed !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
}

body.customer-page .mehub-bonus-profile-container .card table thead th,
body.customer-page .mehub-bonus-profile-container .card table thead td,
body.customer-page [class*="ellity-"] table thead th,
body.customer-page [class*="ellity-"] table thead td,
body.customer-page .ellity-history-card table thead th,
body.customer-page .ellity-history-card table thead td {
  background: #f3f4f6 !important;
  color: var(--im-client-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.customer-page .mehub-bonus-profile-container .card table th,
body.customer-page .mehub-bonus-profile-container .card table td,
body.customer-page [class*="ellity-"] table th,
body.customer-page [class*="ellity-"] table td,
body.customer-page .ellity-history-card table th,
body.customer-page .ellity-history-card table td {
  color: var(--im-client-text) !important;
  background: transparent !important;
  border-color: var(--im-client-line) !important;
}

body.customer-page #content.content .btn,
body.customer-page .content .btn,
body.customer-page #content.content .loadMore__button,
body.customer-page .content .loadMore__button,
body.customer-page #content.content input[type="submit"],
body.customer-page .content input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.customer-page #content.content .btn:hover,
body.customer-page .content .btn:hover,
body.customer-page #content.content .loadMore__button:hover,
body.customer-page .content .loadMore__button:hover,
body.customer-page #content.content input[type="submit"]:hover,
body.customer-page .content input[type="submit"]:hover {
  border-color: var(--im-client-accent) !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page #content.content .btn.btn-primary,
body.customer-page .content .btn.btn-primary,
body.customer-page #content.content input[type="submit"],
body.customer-page .content input[type="submit"] {
  border: 0 !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page #content.content .btn.btn-primary:hover,
body.customer-page .content .btn.btn-primary:hover,
body.customer-page #content.content input[type="submit"]:hover,
body.customer-page .content input[type="submit"]:hover {
  background: #1a1b1d !important;
  color: #fff !important;
}

/* ─── Client tables – jedna tabulka, sloupce zarovnané ─── */

body.customer-page #content.content table,
body.customer-page .content table {
  display: table !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  table-layout: auto !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) {
  table-layout: fixed !important;
  min-width: 980px !important;
}

body.customer-page .mehub-bonus-profile-container table,
body.customer-page .ellity-history-card table,
body.customer-page [class*="ellity-"] table {
  min-width: 0 !important;
  table-layout: fixed !important;
}

body.customer-page #content.content table thead,
body.customer-page .content table thead,
body.customer-page #content.content table thead th,
body.customer-page .content table thead th,
body.customer-page #content.content table thead td,
body.customer-page .content table thead td,
body.customer-page #content.content table thead .client-table-heading,
body.customer-page .content table thead .client-table-heading {
  background: #f3f4f6 !important;
  color: var(--im-client-muted) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

body.customer-page #content.content table tbody .client-table-heading,
body.customer-page .content table tbody .client-table-heading {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--im-client-muted) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(1),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(1) {
  width: 9% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(2),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(2) {
  width: 11% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(3),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(3) {
  width: 13% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(4),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(4) {
  width: 14% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(5),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(5) {
  width: 18% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(6),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(6) {
  width: 13% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(7),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(7) {
  width: 22% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(1),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(1),
body.customer-page .ellity-history-card table thead th:nth-child(1),
body.customer-page .ellity-history-card table tbody td:nth-child(1) {
  width: 18% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(2),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(2),
body.customer-page .ellity-history-card table thead th:nth-child(2),
body.customer-page .ellity-history-card table tbody td:nth-child(2) {
  width: 16% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(3),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(3),
body.customer-page .ellity-history-card table thead th:nth-child(3),
body.customer-page .ellity-history-card table tbody td:nth-child(3) {
  width: 18% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(4),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(4),
body.customer-page .ellity-history-card table thead th:nth-child(4),
body.customer-page .ellity-history-card table tbody td:nth-child(4) {
  width: 48% !important;
}

body.customer-page #content.content table tbody td[colspan],
body.customer-page .content table tbody td[colspan],
body.customer-page .mehub-bonus-profile-container table tbody td[colspan],
body.customer-page .ellity-history-card table tbody td[colspan] {
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  white-space: normal !important;
  color: var(--im-client-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 24px 16px !important;
}

body.customer-page #content.content table td,
body.customer-page .content table td,
body.customer-page #content.content table th,
body.customer-page .content table th {
  padding: 12px 10px !important;
  border-color: var(--im-client-line) !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  line-height: 1.4 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) td,
body.customer-page table:has(thead tr > th:nth-child(7)) td a,
body.customer-page table:has(thead tr > th:nth-child(7)) .status {
  white-space: nowrap !important;
}

body.customer-page .mehub-bonus-profile-container table td,
body.customer-page .mehub-bonus-profile-container table th,
body.customer-page .ellity-history-card table td,
body.customer-page .ellity-history-card table th {
  white-space: normal !important;
}

body.customer-page #content.content table tbody tr:nth-child(even),
body.customer-page .content table tbody tr:nth-child(even) {
  background: #fafafa !important;
}

body.customer-page #content.content .status,
body.customer-page .content .status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.customer-page #content.content .form-control,
body.customer-page .content .form-control,
body.customer-page #content.content select.form-control,
body.customer-page .content select.form-control,
body.customer-page #content.content textarea.form-control,
body.customer-page .content textarea.form-control {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.customer-page #content.content textarea.form-control,
body.customer-page .content textarea.form-control {
  min-height: 112px !important;
  padding: 12px 14px !important;
  line-height: 1.45 !important;
}

body.customer-page #content.content .form-control:focus,
body.customer-page .content .form-control:focus {
  border-color: var(--im-client-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

body.customer-page #content.content label,
body.customer-page .content label {
  margin: 0 0 8px !important;
  color: var(--im-client-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.customer-page #content.content .form-group,
body.customer-page .content .form-group {
  margin: 0 0 16px !important;
}

body.customer-page .loadMore {
  margin: 8px 0 0 !important;
  text-align: left !important;
}

@media (min-width: 992px) {
  body.customer-page .content-wrapper-in {
    grid-template-columns: var(--im-client-sidebar) minmax(0, 1fr) !important;
  }

  body.customer-page .sidebar .sidebar-inner {
    min-height: 100% !important;
    padding: 28px 22px !important;
    border-right: 1px solid var(--im-client-line) !important;
    border-bottom: 0 !important;
  }

  body.customer-page .client-center-box ul {
    margin-bottom: 16px !important;
  }

  body.customer-page #content.content,
  body.customer-page .content {
    padding: 32px 36px 40px !important;
  }
}

@media (max-width: 991px) {
  body.customer-page {
    --im-client-gap: 20px;
  }

  body.customer-page #content-wrapper.content-wrapper {
    padding-bottom: 40px !important;
  }

  body.customer-page .content-wrapper-in {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.customer-page #content.content,
  body.customer-page .content {
    padding: 20px 16px 24px !important;
    overflow-x: visible !important;
  }

  body.customer-page #content.content > h1,
  body.customer-page .content > h1 {
    font-size: 22px !important;
  }

  /* Bonus – žádný stroke/radius kolem sekce */
  body.customer-page #content.content fieldset.box:has(.mehub-bonus-profile-container),
  body.customer-page .content fieldset.box:has(.mehub-bonus-profile-container),
  body.customer-page #content.content .box:has(.mehub-bonus-profile-container),
  body.customer-page .content .box:has(.mehub-bonus-profile-container),
  body.customer-page #content.content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]),
  body.customer-page .content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]),
  body.customer-page .mehub-bonus-profile-container,
  body.customer-page .mehub-bonus-profile-container .card,
  body.customer-page .ellity-history-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.customer-page fieldset.box:has(.mehub-bonus-profile-container) > h4,
  body.customer-page .box:has(.mehub-bonus-profile-container) > h4 {
    margin: 28px 0 14px !important;
    padding: 0 !important;
  }

  /* Objednávková tabulka – bez vnějšího boxu, karta = tabulka/řádek */
  body.customer-page #content.content fieldset.box:has(table.table-mobile-enriched),
  body.customer-page .content fieldset.box:has(table.table-mobile-enriched),
  body.customer-page #content.content fieldset.box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page .content fieldset.box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page #content.content .box:has(table.table-mobile-enriched),
  body.customer-page .content .box:has(table.table-mobile-enriched),
  body.customer-page #content.content .box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page .content .box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page #content.content .co-box:has(table.table-mobile-enriched),
  body.customer-page .content .co-box:has(table.table-mobile-enriched),
  body.customer-page #content.content .co-box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page .content .co-box:has(table:has(thead tr > th:nth-child(7))) {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Formulářové sekce – jeden stroke, menší padding */
  body.customer-page #content.content .co-box,
  body.customer-page .content .co-box {
    margin: 0 0 16px !important;
    padding: 16px !important;
  }

  body.customer-page #content.content .co-box fieldset.box,
  body.customer-page .content .co-box fieldset.box,
  body.customer-page #content.content .co-box .box:not(.co-box),
  body.customer-page .content .co-box .box:not(.co-box),
  body.customer-page #content.content .co-box .shipping-addresses,
  body.customer-page .content .co-box .shipping-addresses,
  body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    margin-top: 12px !important;
  }

  /* Reset desktop table constraints on mobile */
  body.customer-page table:has(thead tr > th:nth-child(7)) {
    min-width: 0 !important;
    table-layout: auto !important;
  }

  body.customer-page table:has(thead tr > th:nth-child(7)) thead th,
  body.customer-page table:has(thead tr > th:nth-child(7)) tbody td {
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* Shoptet .table-mobile-enriched – stacked order rows */
  body.customer-page #content.content table.table-mobile-enriched,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content table.table-mobile-enriched,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  /* Poslední objednávka – jedna karta = celá tabulka */
  body.customer-page #content.content table.table-mobile-enriched:has(> tbody > tr:only-child),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content table.table-mobile-enriched:has(> tbody > tr:only-child),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    border: 1px solid var(--im-client-line) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    background-color: #fff !important;
  }

  body.customer-page #content.content table.table-mobile-enriched thead,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) thead,
  body.customer-page .content table.table-mobile-enriched thead,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) thead {
    display: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody,
  body.customer-page .content table.table-mobile-enriched tbody,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody {
    display: block !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page .content table.table-mobile-enriched tbody tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page #content.content table.table-mobile-enriched tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tr,
  body.customer-page .content table.table-mobile-enriched tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tr {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    overflow: hidden !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  body.customer-page #content.content table.table-mobile-enriched:not(:has(> tbody > tr:only-child)) tbody tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:has(> tbody > tr:only-child)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page .content table.table-mobile-enriched:not(:has(> tbody > tr:only-child)) tbody tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:has(> tbody > tr:only-child)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr {
    border: 1px solid var(--im-client-line) !important;
    border-radius: 12px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page .content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr {
    margin: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  body.customer-page #content.content fieldset.box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page .content fieldset.box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page #content.content fieldset.box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child,
  body.customer-page .content fieldset.box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child,
  body.customer-page #content.content .box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page .content .box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page #content.content .box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child,
  body.customer-page .content .box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child {
    margin-bottom: 0 !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr:nth-child(even),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:nth-child(even),
  body.customer-page .content table.table-mobile-enriched tbody tr:nth-child(even),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:nth-child(even) {
    background: #fff !important;
    background-color: #fff !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td,
  body.customer-page .content table.table-mobile-enriched tbody td,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--im-client-line) !important;
    background: #fff !important;
    background-color: #fff !important;
    color: var(--im-client-text) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: right !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:first-child,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:first-child,
  body.customer-page .content table.table-mobile-enriched tbody td:first-child,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:first-child {
    padding-top: 13px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr > td:nth-child(6),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-child(6),
  body.customer-page .content table.table-mobile-enriched tbody tr > td:nth-child(6),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-child(6),
  body.customer-page #content.content table.table-mobile-enriched tbody tr > td:nth-last-child(2),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-last-child(2),
  body.customer-page .content table.table-mobile-enriched tbody tr > td:nth-last-child(2),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-last-child(2),
  body.customer-page #content.content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr > td:last-child,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:last-child,
  body.customer-page .content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr > td:last-child,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:last-child {
    border-bottom: 0 !important;
    padding-bottom: 13px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6),
  body.customer-page .content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6) {
    border-bottom: 1px solid var(--im-client-line) !important;
    padding-bottom: 12px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7),
  body.customer-page .content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7) {
    display: flex !important;
    border-bottom: 0 !important;
    padding-bottom: 13px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:nth-child(7),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7),
  body.customer-page .content table.table-mobile-enriched tbody td:nth-child(7),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7),
  body.customer-page #content.content table.table-mobile-enriched tbody td.cell--actions,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions,
  body.customer-page .content table.table-mobile-enriched tbody td.cell--actions,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page .content table.table-mobile-enriched tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page #content.content table.table-mobile-enriched tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page .content table.table-mobile-enriched tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions:has(a[href], button, .btn) {
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:empty,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:empty,
  body.customer-page .content table.table-mobile-enriched tbody td:empty,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:empty {
    display: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody th,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody th,
  body.customer-page .content table.table-mobile-enriched tbody th,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody th {
    display: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody .client-table-heading,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading,
  body.customer-page .content table.table-mobile-enriched tbody .client-table-heading,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading {
    display: block !important;
    flex: 0 1 46% !important;
    width: auto !important;
    max-width: 46% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--im-client-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word !important;
    align-self: center !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody .client-table-heading::after,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading::after,
  body.customer-page .content table.table-mobile-enriched tbody .client-table-heading::after,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading::after {
    content: ':' !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td a,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td a,
  body.customer-page .content table.table-mobile-enriched tbody td a,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td a,
  body.customer-page #content.content table.table-mobile-enriched tbody td strong,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td strong,
  body.customer-page .content table.table-mobile-enriched tbody td strong,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td strong,
  body.customer-page #content.content table.table-mobile-enriched tbody td.cell--price,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--price,
  body.customer-page .content table.table-mobile-enriched tbody td.cell--price,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--price {
    white-space: nowrap !important;
    text-align: right !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:nth-child(2),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(2),
  body.customer-page .content table.table-mobile-enriched tbody td:nth-child(2),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(2) {
    white-space: normal !important;
  }

  body.customer-page #content.content table.table-mobile-enriched .status,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) .status,
  body.customer-page .content table.table-mobile-enriched .status,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) .status {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  /* Ellity historie – kompaktní tabulka + scroll jen když je potřeba */
  body.customer-page .mehub-bonus-profile-container,
  body.customer-page .ellity-history-card {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.customer-page .mehub-bonus-profile-container table,
  body.customer-page .ellity-history-card table {
    display: table !important;
    min-width: 0 !important;
    width: 100% !important;
    border: 1px solid var(--im-client-line) !important;
    border-radius: 12px !important;
  }

  body.customer-page .mehub-bonus-profile-container table thead th,
  body.customer-page .ellity-history-card table thead th {
    padding: 10px 8px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    background: #f3f4f6 !important;
  }

  body.customer-page .mehub-bonus-profile-container table td,
  body.customer-page .ellity-history-card table td {
    padding: 10px 8px !important;
    font-size: 13px !important;
    white-space: normal !important;
  }

  body.customer-page #content.content table tbody td[colspan],
  body.customer-page .content table tbody td[colspan],
  body.customer-page .ellity-history-card table tbody td[colspan] {
    display: table-cell !important;
    text-align: center !important;
    padding: 20px 12px !important;
  }
}


/* Customer account page floor: keep footer at the bottom on short pages. */
body.customer-page #content-wrapper.content-wrapper {
  min-height: 80vh !important;
  box-sizing: border-box !important;
}

/* ============================================================
   CUSTOMER ACCOUNT v4 – phone selector + logout placement
   ============================================================ */

/* Native Shoptet phone widget – keep JS behavior, only normalize visuals. */
body.customer-page #register-form .phone-combined-input,
body.customer-page #content .phone-combined-input {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hidden backing select remains the native Shoptet source of truth. */
body.customer-page #register-form .phone-combined-input > select,
body.customer-page #register-form .phone-combined-input > select.js-phone-code,
body.customer-page #content .phone-combined-input > select.js-phone-code {
  position: absolute !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.customer-page #register-form .phone-combined-input > .country-flags,
body.customer-page #content .phone-combined-input > .country-flags {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: visible !important;
}

body.customer-page #register-form .country-flags > .country-flags-inner,
body.customer-page #content .country-flags > .country-flags-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Inline SVG sprite definitions must stay invisible. */
body.customer-page #register-form .country-flags-inner > svg[aria-hidden="true"],
body.customer-page #content .country-flags-inner > svg[aria-hidden="true"] {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Closed: only selected country is shown. */
body.customer-page #register-form .country-flags .country-flag,
body.customer-page #content .country-flags .country-flag {
  box-sizing: border-box !important;
  display: none !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 34px 0 12px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

body.customer-page #register-form .country-flags .country-flag.selected,
body.customer-page #content .country-flags .country-flag.selected {
  display: flex !important;
}

/* Critical Blank-CSS fallback: never let a flag SVG grow to full container size. */
body.customer-page #register-form .country-flags svg.shp-flag,
body.customer-page #content .country-flags svg.shp-flag,
body.customer-page #register-form .country-flags .shp-flag,
body.customer-page #content .country-flags .shp-flag {
  display: block !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-size: auto 24px !important;
}

body.customer-page #register-form .country-flags .shp-flag-label,
body.customer-page #content .country-flags .shp-flag-label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body.customer-page #register-form .country-flags:not(.active) .shp-flag-name,
body.customer-page #content .country-flags:not(.active) .shp-flag-name {
  display: none !important;
}

body.customer-page #register-form .country-flags:not(.active) .country-flag.selected::after,
body.customer-page #content .country-flags:not(.active) .country-flag.selected::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 13px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -5px !important;
  border-right: 1.5px solid var(--im-client-muted) !important;
  border-bottom: 1.5px solid var(--im-client-muted) !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
}

body.customer-page #register-form .country-flags .shp-flag-label::before,
body.customer-page #content .country-flags .shp-flag-label::before {
  display: none !important;
  content: none !important;
}

/* Open native dropdown. */
body.customer-page #register-form .country-flags.active,
body.customer-page #content .country-flags.active {
  z-index: 10020 !important;
}

body.customer-page #register-form .country-flags.active > .country-flags-inner,
body.customer-page #content .country-flags.active > .country-flags-inner {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  display: block !important;
  width: min(320px, calc(100vw - 40px)) !important;
  min-width: 240px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 320px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 16px 40px rgba(17, 18, 20, 0.14) !important;
  scrollbar-width: thin !important;
}

body.customer-page #register-form .country-flags.active.turned > .country-flags-inner,
body.customer-page #content .country-flags.active.turned > .country-flags-inner {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}

body.customer-page #register-form .country-flags.active .country-flag,
body.customer-page #register-form .country-flags.active .country-flag.selected,
body.customer-page #content .country-flags.active .country-flag,
body.customer-page #content .country-flags.active .country-flag.selected {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body.customer-page #register-form .country-flags.active .country-flag:hover,
body.customer-page #register-form .country-flags.active .country-flag:focus,
body.customer-page #register-form .country-flags.active .country-flag.suggested,
body.customer-page #content .country-flags.active .country-flag:hover,
body.customer-page #content .country-flags.active .country-flag:focus,
body.customer-page #content .country-flags.active .country-flag.suggested {
  background: #f6f6f7 !important;
  outline: none !important;
}

body.customer-page #register-form .country-flags.active .country-flag.selected,
body.customer-page #content .country-flags.active .country-flag.selected {
  background: #f1f2f3 !important;
}

body.customer-page #register-form .country-flags.active .country-flag-preferred-last,
body.customer-page #content .country-flags.active .country-flag-preferred-last {
  margin-bottom: 5px !important;
  border-bottom: 1px solid var(--im-client-line) !important;
  border-radius: 8px 8px 0 0 !important;
}

body.customer-page #register-form .country-flags.active .shp-flag-name,
body.customer-page #content .country-flags.active .shp-flag-name {
  display: inline !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.customer-page #register-form .country-flags.active .shp-flag-label,
body.customer-page #content .country-flags.active .shp-flag-label {
  gap: 5px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.customer-page #register-form .phone-combined-input > input.form-control,
body.customer-page #register-form .phone-combined-input input[type="tel"],
body.customer-page #content .phone-combined-input > input.form-control,
body.customer-page #content .phone-combined-input input[type="tel"] {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  box-shadow: none !important;
}

body.customer-page #register-form .phone-combined-input > input.form-control:focus,
body.customer-page #register-form .phone-combined-input input[type="tel"]:focus,
body.customer-page #content .phone-combined-input > input.form-control:focus,
body.customer-page #content .phone-combined-input input[type="tel"]:focus {
  border-color: var(--im-client-accent) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
}

@media (max-width: 479px) {
  body.customer-page #register-form .phone-combined-input > .country-flags,
  body.customer-page #content .phone-combined-input > .country-flags {
    flex-basis: 108px !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
  }

  body.customer-page #register-form .country-flags .country-flag,
  body.customer-page #content .country-flags .country-flag {
    padding-left: 10px !important;
    padding-right: 30px !important;
  }
}

/* Logout must be the final item in the customer menu, never in the top row. */
body.customer-page .client-center-box ul li.logout {
  order: 999 !important;
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid var(--im-client-line) !important;
}

body.customer-page .client-center-box ul li.logout .btn,
body.customer-page .client-center-box ul li.logout a.btn {
  width: 100% !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* ============================================================
   CUSTOMER ACCOUNT v5 – delivery addresses mobile + country select
   ============================================================ */

/* Delivery-address country is a normal native select.
   Do not turn it into the phone-prefix country widget. */
body.customer-page #content select.form-control[name*="country" i]:not(.js-phone-code),
body.customer-page #content select.form-control[id*="country" i]:not(.js-phone-code),
body.customer-page #content select[name="deliveryCountryId"]:not(.js-phone-code),
body.customer-page #content select[id="deliveryCountryId"]:not(.js-phone-code),
body.customer-page #content select[name="billCountryId"]:not(.js-phone-code),
body.customer-page #content select[id="billCountryId"]:not(.js-phone-code) {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--im-client-text) !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

/* Keep all custom flag styling strictly inside the phone control.
   Any other country selector in customer forms must remain a normal select. */
body.customer-page #content .form-group:not(.phone-form-group) > .form-control-wrapper > .country-flags,
body.customer-page #content .form-group:not(.phone-form-group) .form-control-wrapper > .country-flags {
  all: revert !important;
}

/* Mobile delivery-address table:
   previous generic mobile table rules hid every .cell--actions cell.
   Restore only actionable cells for the shipping-address table. */
@media (max-width: 991px) {
  body.customer-page #content.content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page .content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:has(a[href], button, .btn) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 13px 13px !important;
    border: 0 !important;
    background: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  body.customer-page #content.content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:has(a[href], button, .btn) > a.btn,
  body.customer-page .content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:has(a[href], button, .btn) > a.btn,
  body.customer-page #content.content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:has(a[href], button, .btn) > button,
  body.customer-page .content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:has(a[href], button, .btn) > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* Default-address status cell may remain informational;
     only Edit/Delete action cells are forced interactive above. */
  body.customer-page #content.content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:not(:has(a[href], button, .btn)),
  body.customer-page .content
  table.table-shipping-addresses.table-mobile-enriched
  tbody td.cell--actions:not(:has(a[href], button, .btn)) {
    pointer-events: none !important;
  }

  body.customer-page #content select.form-control[name*="country" i]:not(.js-phone-code),
  body.customer-page #content select.form-control[id*="country" i]:not(.js-phone-code) {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
  }
}

/* ============================================================
   CUSTOMER ACCOUNT v6 – shipping address native country only
   The account must never display the checkout custom country widget.
   ============================================================ */

body.customer-page form.shipping-address-form
.form-control-wrapper > .im-country-select {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.customer-page form.shipping-address-form
.im-country-select > .im-country-select__trigger,
body.customer-page form.shipping-address-form
.im-country-select > .im-country-select__panel,
body.customer-page form.shipping-address-form
.im-country-select > .im-country-select__empty,
body.customer-page form.shipping-address-form
.im-country-select .im-country-select__search,
body.customer-page form.shipping-address-form
.im-country-select .im-country-select__list,
body.customer-page form.shipping-address-form
.im-country-select .im-country-select__option {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.customer-page #content
form.shipping-address-form
select#deliveryCountryId,
html body.customer-page #content
form.shipping-address-form
select[name="deliveryCountryId"],
html body.customer-page #content
form.shipping-address-form
.im-country-select > select#deliveryCountryId,
html body.customer-page #content
form.shipping-address-form
.im-country-select > select[name="deliveryCountryId"] {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--im-client-text) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

/* Submit keeps the standard IONTMAX primary button appearance.
   JS changes the visible/accessibility label from "Odeslat" to "Uložit". */
body.customer-page form.shipping-address-form
.submit-wrapper > button[type="submit"].btn.btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}