/* =======================
   TBPrinting.cz - WooCommerce Account Page (Final Tuned Version)
======================= */

/* --- Odstranění <br> v menu, titulech a account content --- */
.woocommerce-MyAccount-navigation br,
.woocommerce-MyAccount-content br {
  display: none !important;
}

/* --- Hlavní layout --- */
.woocommerce-account .woocommerce {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* --- Levé menu --- */
.woocommerce-MyAccount-navigation {
  flex: 0 0 220px !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  position: relative !important;
  left: 0 !important;
  z-index: 5 !important;
}

.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* --- Styl tlačítek v menu --- */
.woocommerce-MyAccount-navigation a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 46px !important;
  padding: 0 !important;
  margin: 12px 0 !important;
  text-decoration: none !important;
  color: #fff !important;
  background: #0693e3 !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 0.25s ease-in-out !important;
  transform: translateY(0) !important;
  user-select: none !important;
  box-shadow: none !important;
}

.woocommerce-MyAccount-navigation a:hover {
  background: #007ed1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) !important;
}

.woocommerce-MyAccount-navigation li.is-active > a {
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
  transform: translateY(0) !important;
}

.woocommerce-MyAccount-navigation a:active {
  transform: scale(0.97) !important;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.5) !important;
}

/* --- Pravý obsah (ještě víc doleva) --- */
.woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  background: none !important;
  border: none !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  transform: translateX(-100px) !important; /* 🔥 jemný posun víc doleva */
}

/* --- Zmenšení nadpisů adres --- */
.woocommerce-MyAccount-content h2 {
  font-size: 20px !important; /* dříve cca 24px */
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  color: #e5e5e5 !important;
}

/* --- Zmenšení italic textů pod jménem --- */
.woocommerce-MyAccount-content em {
  font-size: 13px !important;
  color: #999 !important;
  font-style: italic !important;
  margin-top: 2px !important;
  display: block !important;
}

/* --- Inputy a formuláře --- */
.woocommerce-EditAccountForm input,
.woocommerce-EditAccountForm textarea,
.woocommerce-EditAccountForm select,
.woocommerce-address-fields__field-wrapper input,
.woocommerce-address-fields__field-wrapper select {
  width: 100%;
  max-width: 100%;
  padding: 4px 0 !important;
  border: none !important;
  border-bottom: 1px solid #323438 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 14px !important;
  font-family: inherit !important;
  outline: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

/* --- Labely --- */
.woocommerce-EditAccountForm label,
.woocommerce-address-fields__field-wrapper label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: #ccc !important;
  line-height: 1.1 !important;
}

/* --- Responsivita --- */
@media (max-width: 1024px) {
  .woocommerce-MyAccount-content {
    transform: translateX(-85px) !important; /* menší posun na menších monitorech */
    max-width: 900px !important;
  }
}

@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    width: 100% !important;
  }

  .woocommerce-MyAccount-navigation a {
    width: 100% !important;
    margin: 10px 0 !important;
  }

  .woocommerce-MyAccount-content {
    transform: none !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }
}

/* =======================
   TBPrinting.cz - WooCommerce Adresy (Finální sjednocená verze – menší mezera nahoře)
======================= */

/* Wrapper pro oba bloky adres */
.u-columns.woocommerce-Addresses.col2-set.addresses {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 80px !important;
  margin-top: -10px !important; /* 🔥 dříve 50px – posunuto blíž k textu */
  width: 100% !important;
}

/* Každý blok adresy */
.woocommerce-Address {
  flex: 1 1 50% !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Úvodní odstavec nad adresami --- */
.woocommerce-MyAccount-content > p:first-of-type {
  margin-left: 80px !important; /* 🔥 víc doprava */
  font-size: 20px !important;
  line-height: 1.8 !important;
  color: #ccc !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important; /* 🔥 menší mezera pod textem */
}

/* Nadpisy (Fakturační adresa / Doručovací adresa) */
.woocommerce-Address-title h2 {
  font-size: 32px !important; /* 🔥 větší nadpis */
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 12px !important;
}

/* --- Zarovnání tlačítek vlevo --- */
.woocommerce-Address-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* --- Oprava <p> obalu tlačítka --- */
.woocommerce-Address-title p {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: none !important;
  border: none !important;
}

/* Styl tlačítek pod nadpisem */
.woocommerce-Address-title .edit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  margin: 6px 0 12px 0 !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
}

.woocommerce-Address-title .edit:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(255, 255, 255, 0.25) !important;
}

.woocommerce-Address-title .edit:active {
  transform: scale(0.97) !important;
}

/* Text adresy – zvětšený, přehledný a s větším rozestupem */
.woocommerce-Address address {
  display: block !important;
  font-style: italic !important;
  color: #ddd !important;
  font-size: 19px !important;  /* 🔥 větší text */
  line-height: 1.9 !important; /* příjemné rozestupy */
  white-space: normal !important;
  margin-top: 6px !important;
  padding: 0 !important;
}

/* Povolit <br> mezi řádky */
.woocommerce-Address address br {
  display: inline !important;
}

/* Responsivita */
@media (max-width: 992px) {
  .u-columns.woocommerce-Addresses.col2-set.addresses {
    flex-direction: column !important;
    gap: 50px !important;
    margin-top: 30px !important;
  }

  .woocommerce-Address {
    flex: 1 1 100% !important;
  }

  .woocommerce-MyAccount-content > p:first-of-type {
    margin-left: 20px !important;
    font-size: 18px !important;
  }
}

/* =======================
   TBPrinting.cz - WooCommerce Nástěnka – zarovnání vlevo
======================= */

/* Úvodní text na nástěnce (Dobrý den, Michal Ondruš...) */
.woocommerce-MyAccount-content > p:first-child {
  text-align: left !important;   /* 🔥 zarovnání vlevo */
  margin-left: 80px !important;  /* zarovnání s ostatními prvky */
  font-size: 20px !important;
  color: #ddd !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}

/* Odkazy v tomto textu */
.woocommerce-MyAccount-content > p:first-child a {
  color: #fff !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  transition: color 0.25s ease-in-out !important;
}

.woocommerce-MyAccount-content > p:first-child a:hover {
  color: #0693e3 !important;
}

/* Text "Na nástěnce svého účtu..." pod tím */
.woocommerce-MyAccount-content > p:nth-of-type(2) {
  text-align: left !important;   /* také vlevo */
  margin-left: 80px !important;  /* stejné odsazení */
  font-size: 19px !important;
  color: #ccc !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}

/* =======================
   TBPrinting.cz - WooCommerce Banner (Finalní verze se značkovými barvami)
======================= */

/* Wrapper banneru */
.wc-block-components-notice-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #1e1e1e !important;
  border: 1px solid #0693e3 !important; /* 🔥 BizBoost modrá outline */
  border-radius: 8px !important;
  padding: 16px 24px !important;
  color: #ccc !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  gap: 20px !important;
  box-shadow: 0 0 10px rgba(6, 147, 227, 0.15) !important; /* jemné modré záření */
}

/* Ikonka vlevo */
.wc-block-components-notice-banner svg {
  flex-shrink: 0 !important;
  width: 22px !important;
  height: 22px !important;
  fill: #0693e3 !important; /* vnější kruh */
  margin-right: 12px !important;
  position: relative !important;
}

/* Vnitřní bílý symbol „i“ */
.wc-block-components-notice-banner svg path {
  fill: #fff !important; /* 🔥 bílé „i“ */
  stroke: none !important;
}

/* Obsah (text + tlačítko) */
.wc-block-components-notice-banner__content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 1 !important;
  width: 100% !important;
  gap: 20px !important;
}

/* Text v banneru */
.wc-block-components-notice-banner__content p,
.wc-block-components-notice-banner__content {
  margin: 0 !important;
  padding: 0 !important;
  color: #ddd !important;
  font-size: 16px !important;
}

/* Tlačítko sjednocené s adresami */
.wc-block-components-notice-banner__content .button.wc-forward.wp-element-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
  margin: 0 !important;
}

.wc-block-components-notice-banner__content .button.wc-forward.wp-element-button:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(255, 255, 255, 0.25) !important;
}

.wc-block-components-notice-banner__content .button.wc-forward.wp-element-button:active {
  transform: scale(0.97) !important;
}

/* =======================
   TBPrinting.cz - Hover efekt tlačítek v levém menu (na bílou)
======================= */

/* Výchozí stav menu */
.woocommerce-MyAccount-navigation a {
  background: #0693e3 !important; /* BizBoost modrá */
  color: #fff !important;
  border: 1px solid transparent !important;
  transition: all 0.25s ease-in-out !important;
}

/* Hover efekt - přechod na bílou */
.woocommerce-MyAccount-navigation a:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) !important;
}

/* Aktivní stav - aktuální stránka */
.woocommerce-MyAccount-navigation li.is-active > a {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
  transform: translateY(0) !important;
}

/* =======================
   TBPrinting.cz - Bílé oko (původní WordPress styl)
======================= */

/* Barva ikony oka */
button.show-password-input {
  filter: brightness(0) invert(1) !important; /* převede výchozí ikonku na bílou */
  opacity: 0.9 !important;
  cursor: none !important;
  transition: opacity 0.2s ease !important;
}

/* Hover efekt */
button.show-password-input:hover {
  opacity: 1 !important;
}

/* =======================
   TBPrinting.cz - Input linka fix
======================= */

input[type="password"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"] {
  border: none !important;
  border-bottom: 1px solid #323438 !important; /* základní tenká linka */
  background: transparent !important;
  color: #fff !important;
  outline: none !important;
  transition: border-color 0.25s ease !important;
}

/* 🔵 Focus efekt – pouze změna barvy, ne tloušťky */
input[type="password"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
  border-bottom: 1px solid #0693e3 !important;
}

/* =======================
   TBPrinting.cz - Autofill Transparent Fix (Chrome, Edge, Brave)
======================= */

.woocommerce-EditAccountForm input:-webkit-autofill,
.woocommerce-address-fields__field-wrapper input:-webkit-autofill,
.woocommerce-EditAccountForm textarea:-webkit-autofill,
.woocommerce-EditAccountForm select:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  color: #ffffff !important;

  /* Transparentní pozadí */
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;

  /* Vynucená průhlednost přes blending */
  mix-blend-mode: lighten !important;
  isolation: isolate !important;

  /* Odstranění autofill animace */
  transition: background-color 9999s ease-in-out 0s !important;
  -webkit-transition: background-color 9999s ease-in-out 0s !important;
}

/* Firefox fix */
input:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -moz-text-fill-color: #ffffff !important;
}

/* =======================
   TBPrinting.cz - Password Strength Text Soft Shadow
======================= */

#password_strength,
.woocommerce-password-strength {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important; /* 🔥 jemný měkký stín */
}

/* Pro všechny stavy hesla */
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad,
.woocommerce-password-strength.good,
.woocommerce-password-strength.strong {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}

/* =======================
   TBPrinting.cz - Login/Register Cleanup (No <br> + Flat Inputs)
======================= */

/* Odstranění <br> mezi labely a inputy */
#customer_login br {
  display: none !important;
}

/* Inputy rovné, bez jakéhokoliv zaoblení */
#customer_login input[type="text"],
#customer_login input[type="password"],
#customer_login input[type="email"] {
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #323438 !important;
  color: #fff !important;
  font-size: 15px !important;
  padding: 6px 0 !important;
  outline: none !important;
  transition: border-color 0.25s ease !important;
}

/* Efekt při focusu – BizBoost modrá linka */
#customer_login input[type="text"]:focus,
#customer_login input[type="password"]:focus,
#customer_login input[type="email"]:focus {
  border-bottom: 1px solid #0693e3 !important;
}

/* =======================
   TBPrinting.cz - Autofill Transparent Fix (Login & Register)
======================= */

#customer_login input:-webkit-autofill,
#customer_login textarea:-webkit-autofill,
#customer_login select:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  color: #ffffff !important;

  /* Transparentní pozadí */
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;

  /* Vynucená průhlednost přes blending */
  mix-blend-mode: lighten !important;
  isolation: isolate !important;

  /* Zabránění autofill animaci */
  transition: background-color 9999s ease-in-out 0s !important;
  -webkit-transition: background-color 9999s ease-in-out 0s !important;
}

/* Firefox fix */
#customer_login input:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -moz-text-fill-color: #ffffff !important;
}

/* =======================
   TBPrinting.cz - Login/Register Headings Resize
======================= */

#customer_login h2 {
  font-size: 28px !important; /* 🔥 menší a elegantnější */
  font-weight: 700 !important;
  color: #ccc !important;
  margin-bottom: 20px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

/* Pokud chceš, aby to bylo ještě subtilnější */
@media (max-width: 1024px) {
  #customer_login h2 {
    font-size: 24px !important;
  }
}


/* =======================
   TBPrinting.cz - Finální Select2 Styl (Minimal, Flat, TBP look)
======================= */

/* Hlavní pole */
.select2-container--default .select2-selection--single {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #323438 !important;
  border-radius: 0 !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-end !important; /* zarovnání textu dolů k lince */
  box-shadow: none !important;
  cursor: none !important; /* odstranění hand cursora */
}

/* Text uvnitř */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  font-size: 15px !important;
}

/* Odstranění šipky napravo */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

/* Hover efekt spodní linky */
.select2-container--default .select2-selection--single:hover {
  border-bottom: 1px solid #0693e3 !important;
}

/* Focus stav – modrá linka */
.select2-container--default.select2-container--focus .select2-selection--single {
  border-bottom: 1px solid #0693e3 !important;
}

/* Dropdown menu (po rozkliknutí) */
.select2-dropdown {
  background: #1a1a1a !important;
  border: 1px solid #323438 !important;
  border-radius: 0 !important; /* hranaté rohy */
  box-shadow: none !important; /* žádný glow */
  margin-top: 6px !important;
}

/* Odstranění search baru */
.select2-search--dropdown {
  display: none !important;
}

/* Každá možnost (option) */
.select2-results__option {
  background: transparent !important;
  color: #ccc !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  transition: all 0.15s ease-in-out !important;
  cursor: none !important; /* odstranění kurzoru */
}

/* Hover – bílý podklad a černý text */
.select2-results__option--highlighted {
  background: #fff !important;
  color: #000 !important;
}

/* Vybraná možnost */
.select2-results__option[aria-selected="true"] {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* =======================
   TBPrinting.cz - Select2 Fine-Tuning (Spacing + Cursor Integration)
======================= */

/* Posun blíž k labelu */
.select2-container {
  margin-top: -10px !important;
}

/* Zarovnání textu k lince */
.select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: flex-end !important;
  padding-bottom: 3px !important;
}

/* Interaktivní stav – pomáhá JS detekci */
.select2-container--default .select2-selection--single,
.select2-results__option {
  position: relative !important;
}

/* ================================
   TBPrinting.cz – Login & Registrace
   Finální rozložení s posunem doleva
================================ */

body.woocommerce-account:has(#customer_login) #customer_login {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 60px !important; /* mezera mezi sloupci */
  margin-left: -90vw !important; /* 🔥 tvůj posun doleva */
  margin-top: 60px !important;
  width: fit-content !important;
  box-sizing: border-box !important;
}

/* Stylizace jednotlivých bloků (login + registrace) */
body.woocommerce-account:has(#customer_login) #customer_login .u-column1,
body.woocommerce-account:has(#customer_login) #customer_login .u-column2 {
  max-width: 480px !important;
  padding: 40px !important; /* vnitřní mezery */
  box-sizing: border-box !important;
  background: transparent !important;
}

/* Responzivní verze – středění na mobilu */
@media (max-width: 1024px) {
  body.woocommerce-account:has(#customer_login) #customer_login {
    flex-direction: column !important;
    align-items: center !important;
    margin-left: 0 !important;
    gap: 40px !important;
  }

  body.woocommerce-account:has(#customer_login) #customer_login .u-column1,
  body.woocommerce-account:has(#customer_login) #customer_login .u-column2 {
    max-width: 90% !important;
    padding: 30px !important;
  }
}

/* TBPrinting.cz – menší tlačítko Zapomněli jste heslo? */
.woocommerce-LostPassword a {
  display: inline-block !important;
  padding: 5px 12px !important; /* menší výška i šířka */
  border: 2px solid #ffffff !important;
  border-radius: 4px !important; /* můžeš změnit na 0px pro hranaté */
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 11px !important; /* zmenšený text */
  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.5px;
}

/* Hover efekt – čistý kontrast */
.woocommerce-LostPassword a:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}
/* Odstraní mezeru mezi label a input (způsobenou <br>) */
body.woocommerce-account #customer_login p.form-row br {
  display: none !important;
}

/* Přiblíží label k inputu */
body.woocommerce-account #customer_login label {
  margin-bottom: -8px !important;
  display: block !important;
}

/* Zmenší vertikální mezery mezi poli */
body.woocommerce-account #customer_login p.form-row,
body.woocommerce-account #customer_login .woocommerce-form-row {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

/* Inputy zarovná kompaktně */
body.woocommerce-account #customer_login input.input-text {
  margin: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Skryje přebytečné <br> */
body.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox br {
  display: none !important;
}

/* ================================
   TBPrinting.cz – Login & Registrace
   Finální rozložení s posunem doleva
================================ */

body.woocommerce-account:has(#customer_login) #customer_login {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 60px !important; /* mezera mezi sloupci */
  margin-left: -89vw !important; /* 🔥 tvůj posun doleva */
  margin-top: -100px !important;
  width: fit-content !important;
  box-sizing: border-box !important;
}

/* Stylizace jednotlivých bloků (login + registrace) */
body.woocommerce-account:has(#customer_login) #customer_login .u-column1,
body.woocommerce-account:has(#customer_login) #customer_login .u-column2 {
  max-width: 480px !important;
  padding: 40px !important; /* vnitřní mezery */
  box-sizing: border-box !important;
  background: transparent !important;
}

/* Responzivní verze – středění na mobilu */
@media (max-width: 1024px) {
  body.woocommerce-account:has(#customer_login) #customer_login {
    flex-direction: column !important;
    align-items: center !important;
    margin-left: 0 !important;
    gap: 40px !important;
  }

  body.woocommerce-account:has(#customer_login) #customer_login .u-column1,
  body.woocommerce-account:has(#customer_login) #customer_login .u-column2 {
    max-width: 90% !important;
    padding: 30px !important;
  }
}

/* ========== PŘIHLÁŠENÍ – CHECKBOX STYL TBPRINTING ========== */

/* Reset výchozích WooCommerce stylů */
body.woocommerce-account #customer_login .woocommerce-form__input-checkbox {
  all: unset !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #fff !important;
  border-radius: 3px !important;
  background: transparent !important;
  position: relative !important;
  margin: 0 !important;
  cursor: none !important; /* kvůli custom kurzoru */
  transition: all 0.2s ease-in-out !important;
  vertical-align: middle !important;
}

/* Po zaškrtnutí */
body.woocommerce-account #customer_login .woocommerce-form__input-checkbox:checked {
  background-color: #0693e3 !important;
  border-color: #0693e3 !important;
}

/* Fajfka */
body.woocommerce-account #customer_login .woocommerce-form__input-checkbox:checked::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -55%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: bold !important;
}

/* Zarovnání textu vedle checkboxu */
body.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 0 12px 0 !important;
  justify-content: flex-start !important;
}

/* Text vedle checkboxu */
body.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox span {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  line-height: 1 !important;
}

/* Schová přebytečné <br> */
body.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox br {
  display: none !important;
}

/* Upraví form-row, aby neroztahoval tlačítko */
body.woocommerce-account #customer_login .form-row {
  display: block !important;
  margin-top: 10px !important;
}

/* Mezera mezi checkboxem a tlačítkem */
body.woocommerce-account #customer_login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

/* Zabrání tlačítku, aby se roztahovalo */
body.woocommerce-account #customer_login button.woocommerce-form-login__submit {
  display: inline-block !important;
  width: auto !important;
  padding: 10px 22px !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* Kontejner pro obě adresy */
.woocommerce-columns--addresses.col2-set.addresses {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 100px !important;
  flex-wrap: wrap !important;
  margin-top: 40px !important;
}

/* Každý blok adresy */
.woocommerce-columns--addresses .woocommerce-column {
  flex: 1 1 320px !important;
  max-width: 400px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Nadpis (Fakturační / Doručovací adresa) */
.woocommerce-columns--addresses .woocommerce-column__title {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
  color: #ffffff !important;
  text-transform: none !important;
}

/* Samotná adresa */
.woocommerce-columns--addresses address {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
  font-size: 17px !important;
  font-style: italic !important;
  line-height: 1.7 !important;
  color: #cccccc !important;
  margin: 0 !important;
}

/* Telefon a e-mail */
.woocommerce-columns--addresses .woocommerce-customer-details--phone,
.woocommerce-columns--addresses .woocommerce-customer-details--email {
  font-style: normal !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  color: #cccccc !important;
}

/* Responsivní verze */
@media (max-width: 768px) {
  .woocommerce-columns--addresses.col2-set.addresses {
    flex-direction: column !important;
    align-items: center !important;
    gap: 40px !important;
  }
}

/* Upraví formát adresy, aby byl text pod sebou */
.woocommerce-columns--addresses address {
  display: block !important;
  white-space: normal !important;
  line-height: 1.8 !important;
}

/* Vynutí zalomení <br> i mezi jednotlivými částmi */
.woocommerce-columns--addresses address br {
  display: block !important;
  content: "" !important;
  margin-bottom: 4px !important;
}

/* Odstupy mezi adresou, telefonem a e-mailem */
.woocommerce-columns--addresses .woocommerce-customer-details--phone,
.woocommerce-columns--addresses .woocommerce-customer-details--email {
  margin-top: 8px !important;
  display: block !important;
}

/* Posun sekce 'Další informace' výš */
.wc-block-order-confirmation-additional-fields-wrapper {
  margin-top: -140px !important; /* místo původních cca 80px */
  padding-top: 0 !important;
}

/* Pro lepší vertikální rytmus - sjednocení mezery pod nadpisy */
.wc-block-order-confirmation-additional-fields-wrapper h2 {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

/* Mobile tweak */
@media (max-width: 768px) {
  .wc-block-order-confirmation-additional-fields-wrapper {
    margin-top: 10px !important;
  }
}

/* Posun sekce Podrobnosti o objednávce */
.woocommerce-order-details {
  margin-left: 80px !important; /* doladíš podle oka, 40–50px bývá ideální */
}

/* Posun sekce Další informace */
.wc-block-order-confirmation-additional-fields-wrapper {
  margin-left: 80px !important;
}

/* Mobilní verze – menší odsazení */
@media (max-width: 768px) {
  .woocommerce-order-details,
  .wc-block-order-confirmation-additional-fields-wrapper {
    margin-left: 20px !important;
  }
}

/* Posun textu "Nakupuji na firmu" blíž k nadpisu "Další informace" */
.wc-block-components-additional-fields-list {
  margin-top: -20px !important; /* můžeš upravit třeba na -8px nebo -12px */
}

/* Zmenšení mezery pod nadpisy adres */
.woocommerce-columns--addresses .woocommerce-column__title {
  margin-bottom: -8px !important; /* nebo 6px pro ještě menší mezeru */
  padding-bottom: 0 !important;
}
