/* ==========================================================
   TECH-AR - CUSTOM.CSS
   Motyw potomny TECH-AR
   ========================================================== */


/* ==========================================================
   1. KOLORY GŁÓWNE
   ========================================================== */

:root {
  --tech-ar-brown: #C19F7C;
  --tech-ar-brown-dark: #A9825F;
  --tech-ar-brown-light: #D8BFA6;
  --tech-ar-red: #C00000;
  --tech-ar-gray: #666666;
  --tech-ar-white: #FFFFFF;
}


/* ==========================================================
   2. LINKI GLOBALNE
   ========================================================== */

a,
a:focus {
  color: var(--tech-ar-brown);
}

a:hover {
  color: var(--tech-ar-brown-dark);
}


/* ==========================================================
   3. GŁÓWNE PRZYCISKI
   ========================================================== */

.btn-primary {
  background-color: var(--tech-ar-brown) !important;
  border-color: var(--tech-ar-brown) !important;
  color: var(--tech-ar-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--tech-ar-brown-dark) !important;
  border-color: var(--tech-ar-brown-dark) !important;
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   4. ETYKIETY PRODUKTÓW
   ========================================================== */

.product-flags li.product-flag,
.product-flag.new {
  background-color: var(--tech-ar-brown) !important;
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   5. MENU GŁÓWNE
   ========================================================== */

#header .menu > ul > li > a {
  color: var(--tech-ar-gray) !important;
}

#header .menu > ul > li > a:hover,
#header .menu > ul > li > a:focus,
#header .menu > ul > li > a:active {
  color: var(--tech-ar-red) !important;
}


/* ==========================================================
   6. LOGOWANIE / KONTO
   ========================================================== */

#header .user-info a,
#header .user-info a .material-icons {
  color: var(--tech-ar-brown) !important;
}

#header .user-info a:hover,
#header .user-info a:hover .material-icons {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   7. KOSZYK W NAGŁÓWKU
   ========================================================== */

#header .blockcart {
  background-color: var(--tech-ar-brown) !important;
}

#header .blockcart a,
#header .blockcart a span,
#header .blockcart .material-icons {
  color: var(--tech-ar-white) !important;
}

#header .blockcart:hover {
  background-color: var(--tech-ar-brown-dark) !important;
}

#header .blockcart:hover a,
#header .blockcart:hover a span,
#header .blockcart:hover .material-icons {
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   8. STOPKA - LINKI
   ========================================================== */

.footer-container a {
  color: var(--tech-ar-brown);
}

.footer-container a:hover {
  color: var(--tech-ar-brown-dark);
}

.footer-container .links a {
  color: var(--tech-ar-gray) !important;
}

.footer-container .links a:hover {
  color: var(--tech-ar-red) !important;
}


/* ==========================================================
   9. STOPKA - TELEFONY
   ========================================================== */

.block-contact a {
  display: block !important;
}

.contact-phone-list {
  display: block !important;
}

.contact-phone-list a {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: fit-content;
  line-height: 1.5;
  color: var(--tech-ar-brown) !important;
}

.contact-phone-list a:hover {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   10. STOPKA - E-MAIL
   ========================================================== */

.contact-email-block {
  margin-top: 16px;
}

.contact-email a {
  display: block !important;
  color: var(--tech-ar-brown) !important;
}

.contact-email a:hover {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   11. NEWSLETTER
   ========================================================== */

.block_newsletter .btn-primary,
.block_newsletter button {
  background-color: var(--tech-ar-brown) !important;
  border-color: var(--tech-ar-brown) !important;
  color: var(--tech-ar-white) !important;
}

.block_newsletter .btn-primary:hover,
.block_newsletter button:hover {
  background-color: var(--tech-ar-brown-dark) !important;
  border-color: var(--tech-ar-brown-dark) !important;
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   12. IKONY
   ========================================================== */

.material-icons,
.done {
  color: var(--tech-ar-brown);
}


/* ==========================================================
   13. CENY
   ========================================================== */

.product-price,
.current-price {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   14. ZAKŁADKI PRODUKTU
   ========================================================== */

.product-information .tabs .nav-tabs .nav-link {
  color: var(--tech-ar-gray) !important;
  border: none;
}

.product-information .tabs .nav-tabs .nav-link.active {
  color: var(--tech-ar-brown-dark) !important;
}

.product-information .tabs .nav-tabs .nav-link.active,
.product-information .tabs .nav-tabs .nav-link:hover {
  border-bottom: 3px solid var(--tech-ar-brown) !important;
}

.product-information .tabs .nav-tabs .nav-link:hover {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   15. LINKI W INFORMACJACH O PRODUKCIE
   ========================================================== */

.product-information a {
  color: var(--tech-ar-brown) !important;
}

.product-information a:hover {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   16. GALERIA PRODUKTU
   ========================================================== */

body#product
.images-container
.product-images
li.thumb-container
img.thumb.js-thumb.selected {
  border: 3px solid var(--tech-ar-brown) !important;
}

body#product
.images-container
.product-images
li.thumb-container
img.thumb.js-thumb:hover {
  border: 3px solid var(--tech-ar-brown) !important;
}

body#product .scroll-box-arrows i,
body#product .product-cover .layer .zoom-in {
  color: var(--tech-ar-brown) !important;
}

body#product .scroll-box-arrows i:hover {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   17. SZYBKI PODGLĄD
   ========================================================== */

.product-miniature .quick-view,
.product-miniature .quick-view .material-icons {
  color: var(--tech-ar-brown) !important;
}

.product-miniature .quick-view:hover,
.product-miniature .quick-view:hover .material-icons {
  color: var(--tech-ar-red) !important;
}


/* ==========================================================
   18. DODAJ DO KOSZYKA
   ========================================================== */

.product-add-to-cart .add-to-cart,
.product-actions .add-to-cart {
  background-color: var(--tech-ar-brown) !important;
  border-color: var(--tech-ar-brown) !important;
  color: var(--tech-ar-white) !important;
}

.product-add-to-cart .add-to-cart .material-icons,
.product-actions .add-to-cart .material-icons {
  color: var(--tech-ar-white) !important;
}

.product-add-to-cart .add-to-cart:hover,
.product-actions .add-to-cart:hover {
  background-color: var(--tech-ar-brown-dark) !important;
  border-color: var(--tech-ar-brown-dark) !important;
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   19. CHECKOUT - PRZYCISKI
   ========================================================== */

body#checkout .btn-primary,
body#checkout button.continue {
  background-color: var(--tech-ar-brown) !important;
  border-color: var(--tech-ar-brown) !important;
  color: var(--tech-ar-white) !important;
}

body#checkout .btn-primary:hover,
body#checkout button.continue:hover,
body#checkout .btn-primary:focus,
body#checkout button.continue:focus {
  background-color: var(--tech-ar-brown-dark) !important;
  border-color: var(--tech-ar-brown-dark) !important;
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   20. CHECKOUT - WYBÓR TRYBU
   ========================================================== */

.tech-ar-checkout-modes {
  display: flex;
  width: 100%;
  gap: 12px;
  margin: 15px 0 30px;
}

.tech-ar-checkout-mode {
  flex: 1 1 0;
  min-height: 68px;
  padding: 13px 16px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  background-color: #ffffff;
  border: 2px solid #e2e2e2;
  border-radius: 2px;

  color: #555555;

  font-family: inherit;
  font-size: 15px;
  font-weight: 600;

  text-align: center;
  cursor: pointer;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.tech-ar-checkout-mode .material-icons {
  color: var(--tech-ar-brown) !important;
  font-size: 23px;
  line-height: 1;
}

.tech-ar-checkout-mode:hover {
  background-color: #faf7f4;
  border-color: var(--tech-ar-brown);
  color: var(--tech-ar-brown-dark);
}

.tech-ar-checkout-mode:hover .material-icons {
  color: var(--tech-ar-brown-dark) !important;
}

.tech-ar-checkout-mode.active {
  background-color: var(--tech-ar-brown);
  border-color: var(--tech-ar-brown);
  color: var(--tech-ar-white);
}

.tech-ar-checkout-mode.active .material-icons {
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   21. CHECKOUT - PANEL FORMULARZA
   ========================================================== */

.tech-ar-checkout-content {
  margin-top: 10px;
}


/* ==========================================================
   22. POLA TYLKO DLA ZAŁOŻENIA KONTA
   ========================================================== */

#checkout-guest-form .tech-ar-account-only {
  display: none;
}

#checkout-guest-form.tech-ar-register-mode
.tech-ar-account-only {
  display: block !important;
}

#checkout-guest-form.tech-ar-guest-mode
.tech-ar-account-only {
  display: none !important;
}


/* ==========================================================
   23. HASŁO - ZAŁÓŻ KONTO
   ========================================================== */

.tech-ar-password-field {
  margin-top: 16px;
}

.tech-ar-account-title {
  margin: 10px 0 12px;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
}

/* Hasło wymagane przy rejestracji */
#checkout-guest-form.tech-ar-register-mode
.tech-ar-password-field .form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}

/* Usuwamy "Opcjonalne" */
#checkout-guest-form.tech-ar-register-mode
.tech-ar-password-field .form-control-comment {
  display: none !important;
}

/* Gość - bez hasła */
#checkout-guest-form.tech-ar-guest-mode
.tech-ar-password-field {
  display: none !important;
}


/* ==========================================================
   24. DATA URODZENIA
   ========================================================== */

#checkout-guest-form.tech-ar-register-mode
.tech-ar-birthday-field {
  display: block !important;
}

/* Data urodzenia pozostaje opcjonalna */
#checkout-guest-form.tech-ar-register-mode
.tech-ar-birthday-field .form-control-comment {
  display: block;
}


/* ==========================================================
   25. CHECKOUT - LINKI
   ========================================================== */

body#checkout a {
  color: var(--tech-ar-brown);
}

body#checkout a:hover {
  color: var(--tech-ar-brown-dark);
}


/* ==========================================================
   26. RADIO PAN / PANI
   ========================================================== */

body#checkout input[type="radio"] {
  accent-color: var(--tech-ar-brown) !important;
}

body#checkout .custom-radio input[type="radio"]:checked + span {
  background-color: var(--tech-ar-brown) !important;
  border-color: var(--tech-ar-brown) !important;
}


/* ==========================================================
   27. CHECKBOXY
   ========================================================== */

body#checkout input[type="checkbox"] {
  accent-color: var(--tech-ar-brown) !important;
}

body#checkout .custom-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px !important;
}

body#checkout .custom-checkbox input[type="checkbox"] {
  flex: 0 0 auto;
  margin-top: 3px;
}

body#checkout .custom-checkbox label {
  margin: 0;
  line-height: 1.3;
  color: #333333;
}


/* ==========================================================
   28. FORMULARZ KLIENTA
   ========================================================== */

.tech-ar-customer-form .tech-ar-form-field {
  margin-bottom: 10px;
}

.tech-ar-customer-form .tech-ar-consent-field {
  margin-bottom: 7px;
}


/* ==========================================================
   29. POLA WYMAGANE - GWIAZDKI
   ========================================================== */

.tech-ar-customer-form
.tech-ar-field-required
.form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}

.tech-ar-customer-form
.tech-ar-consent-required
.custom-checkbox label::after,

.tech-ar-customer-form
.tech-ar-runtime-required.custom-checkbox label::after,

.tech-ar-customer-form
.tech-ar-runtime-required .custom-checkbox label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}


/* ==========================================================
   30. ZGODY DODAWANE PRZEZ MODUŁY
   ========================================================== */

.tech-ar-create-account-hooks {
  margin-top: 4px;
}

.tech-ar-create-account-hooks .form-group {
  margin-bottom: 7px;
}

.tech-ar-create-account-hooks .custom-checkbox {
  margin-bottom: 7px !important;
}

.tech-ar-create-account-hooks label {
  line-height: 1.3;
}


/* ==========================================================
   31. DŁUGIE TEKSTY ZGÓD
   ========================================================== */

.tech-ar-create-account-hooks small,
.tech-ar-create-account-hooks .text-muted,
.tech-ar-create-account-hooks em {
  display: block;
  margin-top: 3px;
  max-width: 390px;
  font-size: 11px;
  line-height: 1.3;
  color: #777777;
}


/* ==========================================================
   32. CHECKOUT - OBRAMOWANIE ADRESU
   ========================================================== */

body#checkout .address-item.selected {
  border-color: var(--tech-ar-brown) !important;
}


/* ==========================================================
   33. CHECKOUT - NUMERY KROKÓW
   ========================================================== */

body#checkout
.checkout-step
.step-title
.step-number {
  color: var(--tech-ar-brown-dark);
}

body#checkout
.checkout-step.-current
.step-title
.step-number,
body#checkout
.checkout-step.-reachable
.step-title
.step-number {
  border-color: var(--tech-ar-brown);
}


/* ==========================================================
   34. CHECKOUT - EDYTUJ
   ========================================================== */

body#checkout .step-edit,
body#checkout .step-edit .material-icons {
  color: var(--tech-ar-brown) !important;
}

body#checkout .step-edit:hover,
body#checkout .step-edit:hover .material-icons {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   35. CHECKOUT - POLA FORMULARZA
   ========================================================== */

body#checkout .form-control:focus {
  border-color: var(--tech-ar-brown);
  outline: none;
  box-shadow: none;
}


/* ==========================================================
   36. CHECKOUT - PODSUMOWANIE
   ========================================================== */

body#checkout .cart-summary a {
  color: var(--tech-ar-brown);
}

body#checkout .cart-summary a:hover {
  color: var(--tech-ar-brown-dark);
}


/* ==========================================================
   37. CHECKOUT - IKONY
   ========================================================== */

body#checkout .material-icons {
  color: var(--tech-ar-brown);
}

body#checkout .btn-primary .material-icons {
  color: var(--tech-ar-white) !important;
}


/* ==========================================================
   38. RESPONSYWNOŚĆ
   ========================================================== */

@media (max-width: 767px) {

  .tech-ar-checkout-modes {
    flex-direction: column;
    gap: 8px;
  }

  .tech-ar-checkout-mode {
    width: 100%;
    min-height: 56px;
    flex-basis: auto;
  }

  .contact-phone-list a {
    width: auto;
  }

}

/* ==========================================================
   TECH-AR - KRÓTKA ZGODA RODO
   ========================================================== */

.tech-ar-privacy-consent {
  display: inline-flex;
  flex-direction: column;
  margin-left: 2px;
  vertical-align: top;
}

.tech-ar-privacy-title {
  display: block;
  line-height: 1.3;
}

.tech-ar-privacy-description {
  display: block;
  margin-top: 3px;
  max-width: 390px;
  font-size: 11px;
  line-height: 1.35;
  color: #777777;
  font-style: normal;
}

.tech-ar-required-star {
  color: var(--tech-ar-red);
  font-weight: 700;
}

/* ==========================================================
   TECH-AR - CHECKBOXY CHECKOUT
   ========================================================== */

.tech-ar-checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin-bottom: 12px;
}


/* Checkbox */

.tech-ar-checkbox-control {
  display: block !important;
  flex: 0 0 18px;
  width: 18px;
  min-width: 18px;
  margin: 1px 0 0 0 !important;
}

.tech-ar-checkbox-control label {
  display: block !important;
  width: 18px;
  height: 18px;
  margin: 0 !important;
  padding: 0 !important;
}

.tech-ar-checkbox-control input[type="checkbox"] {
  margin: 0 !important;
  accent-color: var(--tech-ar-brown) !important;
}


/* Treść */

.tech-ar-checkbox-content {
  display: block;
  flex: 1;
  min-width: 0;
}

.tech-ar-checkbox-title {
  display: block;
  margin: 0;
  padding: 0;

  color: #222222;

  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}


/* Krótki opis */

.tech-ar-checkbox-description {
  display: block;

  max-width: 390px;
  margin-top: 3px;

  color: #777777;

  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
}


/* Gwiazdka */

.tech-ar-required-star {
  display: inline !important;
  position: static !important;

  margin-left: 2px;

  color: var(--tech-ar-red) !important;

  font-size: 14px;
  font-weight: 700;
}


/* Usuwamy dodatkowe gwiazdki tworzone przez stare reguły CSS */

.tech-ar-checkbox-row label::after,
.tech-ar-checkbox-row .custom-checkbox label::after,
.tech-ar-checkbox-row .tech-ar-checkbox-title::after {
  content: none !important;
}


/* Checkout - mniej pustego miejsca między zgodami */

body#checkout .tech-ar-form-field.tech-ar-consent-field {
  margin-bottom: 4px;
}


/* Na telefonach */

@media (max-width: 767px) {

  .tech-ar-checkbox-description {
    max-width: 100%;
  }

}
/* ==========================================================
   TECH-AR - ADRES: PRYWATNIE / FIRMA
   ========================================================== */

.tech-ar-address-type {
  display: flex;
  width: 100%;
  gap: 12px;
  margin: 0 0 28px;
}

.tech-ar-address-type-btn {
  flex: 1 1 0;
  min-height: 64px;
  padding: 12px 18px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  background-color: #ffffff;
  border: 2px solid #e2e2e2;

  color: #555555;

  font-family: inherit;
  font-size: 15px;
  font-weight: 600;

  cursor: pointer;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.tech-ar-address-type-btn .material-icons {
  color: var(--tech-ar-brown) !important;
  font-size: 22px;
}

.tech-ar-address-type-btn:hover {
  background-color: #faf7f4;
  border-color: var(--tech-ar-brown);
  color: var(--tech-ar-brown-dark);
}

.tech-ar-address-type-btn.active {
  background-color: var(--tech-ar-brown);
  border-color: var(--tech-ar-brown);
  color: #ffffff;
}

.tech-ar-address-type-btn.active .material-icons {
  color: #ffffff !important;
}


/* ==========================================================
   POLA FIRMY
   ========================================================== */

.tech-ar-company-field {
  display: none;
}

/* Gdy JS pokazuje pola firmy */
.tech-ar-company-field[style*="display: block"] {
  display: block !important;
}

/* Gwiazdka przy wymaganych polach firmy */
.tech-ar-company-field
.form-control-label.required::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}

/* Ukryj "Opcjonalne" przy firmie i NIP */
.tech-ar-company-field
.form-control-comment {
  display: none !important;
}


/* ==========================================================
   TEN SAM ADRES DO FAKTURY
   ========================================================== */

.tech-ar-same-address-row {
  margin-top: 16px;
}

.tech-ar-same-address-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;

  margin: 0;

  color: #222222;
  font-weight: 500;
  line-height: 1.3;

  cursor: pointer;
}

.tech-ar-same-address-label input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 3px 0 0;
  accent-color: var(--tech-ar-brown) !important;
}

.tech-ar-same-address-help {
  display: block;
  margin: 4px 0 0 26px;

  color: #777777;

  font-size: 11px;
  line-height: 1.35;
}


/* ==========================================================
   CHECKOUT - POLA ADRESOWE
   ========================================================== */

body#checkout
.tech-ar-checkout-address-form
.form-control:focus {
  border-color: var(--tech-ar-brown) !important;
  box-shadow: none;
  outline: none;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .tech-ar-address-type {
    flex-direction: column;
    gap: 8px;
  }

  .tech-ar-address-type-btn {
    width: 100%;
    min-height: 56px;
  }

}
.tech-ar-company-field {
  display: none;
}

.tech-ar-company-field .form-control-label.required::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}
/* ==========================================================
   TECH-AR - ADRESY: GWIAZDKI
   ========================================================== */

/* Imię */
.tech-ar-address-field-firstname
.form-control-label::after,

/* Nazwisko */
.tech-ar-address-field-lastname
.form-control-label::after,

/* Adres */
.tech-ar-address-field-address1
.form-control-label::after,

/* Kod pocztowy */
.tech-ar-address-field-postcode
.form-control-label::after,

/* Miasto */
.tech-ar-address-field-city
.form-control-label::after,

/* Kraj */
.tech-ar-address-field-id_country
.form-control-label::after,

/* Telefon */
.tech-ar-address-field-phone
.form-control-label::after,

.tech-ar-address-field-phone_mobile
.form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}


/* ==========================================================
   FIRMA - NAZWA FIRMY + NIP
   ========================================================== */

.tech-ar-company-field {
  display: none;
}

.tech-ar-company-field
.form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}

.tech-ar-company-field
.form-control-comment {
  display: none !important;
}


/* ==========================================================
   UZUPEŁNIENIE ADRESU - ZOSTAJE OPCJONALNE
   ========================================================== */

.tech-ar-address-field-address2
.form-control-label::after {
  content: none !important;
}


/* ==========================================================
   OPCJA FAKTURY
   ========================================================== */

.tech-ar-company-invoice-option {
  display: none;
}
/* ==========================================================
   TECH-AR - ADRES: USUWAMY "OPCJONALNE"
   Brak gwiazdki = pole opcjonalne
   ========================================================== */

body#checkout
.tech-ar-checkout-address-form
.form-control-comment {
  font-size: 0 !important;
}


/* Nie ukrywamy naszego ręcznego opisu pod checkboxem */

body#checkout
.tech-ar-checkout-address-form
.tech-ar-same-address-help {
  font-size: 11px !important;
}


/* ==========================================================
   GWIAZDKI - POLA WYMAGANE ADRESU
   ========================================================== */

.tech-ar-address-field-firstname
.form-control-label::after,

.tech-ar-address-field-lastname
.form-control-label::after,

.tech-ar-address-field-address1
.form-control-label::after,

.tech-ar-address-field-postcode
.form-control-label::after,

.tech-ar-address-field-city
.form-control-label::after,

.tech-ar-address-field-id_country
.form-control-label::after,

.tech-ar-address-field-phone
.form-control-label::after,

.tech-ar-address-field-phone_mobile
.form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}


/* Uzupełnienie adresu jest opcjonalne */

.tech-ar-address-field-address2
.form-control-label::after {
  content: none !important;
}


/* ==========================================================
   FIRMA
   ========================================================== */

.tech-ar-company-field {
  display: none;
}


/* Osobny formularz faktury:
   pola firmy zawsze widoczne */

.tech-ar-address-form-invoice
.tech-ar-company-field,
.tech-ar-company-field-invoice {
  display: block !important;
}


/* Nazwa firmy + NIP = wymagane */

.tech-ar-company-field
.form-control-label::after,
.tech-ar-force-company-required
.form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}


/* ==========================================================
   OPCJA FAKTURY TYLKO DLA FIRMY
   ========================================================== */

.tech-ar-company-invoice-option {
  display: none;
}
/* ==========================================================
   TECH-AR - UKRYCIE "OPCJONALNE"
   ========================================================== */

body#checkout
.tech-ar-checkout-address-form
.form-control-comment {
  display: none !important;
}


/* ==========================================================
   GWIAZDKI WYMAGANYCH PÓL
   ========================================================== */

.tech-ar-address-field-firstname .form-control-label::after,
.tech-ar-address-field-lastname .form-control-label::after,
.tech-ar-address-field-address1 .form-control-label::after,
.tech-ar-address-field-postcode .form-control-label::after,
.tech-ar-address-field-city .form-control-label::after,
.tech-ar-address-field-id_country .form-control-label::after,
.tech-ar-address-field-phone .form-control-label::after,
.tech-ar-address-field-phone_mobile .form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}


/* Uzupełnienie adresu - bez gwiazdki */

.tech-ar-address-field-address2 .form-control-label::after {
  content: none !important;
}


/* ==========================================================
   FIRMA / NIP
   ========================================================== */

.tech-ar-company-field {
  display: none;
}

.tech-ar-company-field-invoice {
  display: block !important;
}

.tech-ar-company-field .form-control-label::after,
.tech-ar-force-company-required .form-control-label::after {
  content: " *";
  color: var(--tech-ar-red);
  font-weight: 700;
}


/* ==========================================================
   OPCJA ADRESU FAKTURY
   ========================================================== */

.tech-ar-company-invoice-option {
  display: none;
}
/* ==========================================================
   TECH-AR - KOSZYK / MINI KOSZYK
   ========================================================== */

/* Nazwa produktu w koszyku */
.cart-overview .product-name a,
.cart-summary-products .product-name a,
.cart-summary .product-name a,
#cart .product-line-info a,
#cart .product-name a,
body#cart .product-name a {
  color: var(--tech-ar-brown-dark) !important;
  font-weight: 600;
}

/* Hover nazwy produktu */
.cart-overview .product-name a:hover,
.cart-summary-products .product-name a:hover,
.cart-summary .product-name a:hover,
#cart .product-line-info a:hover,
#cart .product-name a:hover,
body#cart .product-name a:hover {
  color: var(--tech-ar-red) !important;
}


/* ==========================================================
   TECH-AR - KOSZYK W NAGŁÓWKU
   ========================================================== */

#header .blockcart,
#header .blockcart.cart-preview {
  background-color: var(--tech-ar-brown) !important;
}

#header .blockcart a,
#header .blockcart a span,
#header .blockcart .material-icons {
  color: #ffffff !important;
}

#header .blockcart:hover,
#header .blockcart.cart-preview:hover {
  background-color: var(--tech-ar-brown-dark) !important;
}

#header .blockcart:hover a,
#header .blockcart:hover a span,
#header .blockcart:hover .material-icons {
  color: #ffffff !important;
}


/* ==========================================================
   TECH-AR - LOGOWANIE W NAGŁÓWKU
   ========================================================== */

#header .user-info a,
#header .user-info span,
#header .user-info .material-icons {
  color: var(--tech-ar-brown) !important;
}

#header .user-info a:hover,
#header .user-info a:hover span,
#header .user-info a:hover .material-icons {
  color: var(--tech-ar-brown-dark) !important;
}


/* ==========================================================
   TECH-AR - PRODUKTY W PODSUMOWANIU CHECKOUT
   ========================================================== */

body#checkout .cart-summary-products a,
body#checkout .cart-summary-product-name,
body#checkout .product-name a {
  color: var(--tech-ar-brown-dark) !important;
}

body#checkout .cart-summary-products a:hover,
body#checkout .product-name a:hover {
  color: var(--tech-ar-red) !important;
}


/* Cena produktu */
body#checkout .product-price,
body#cart .product-price,
.cart-summary .product-price {
  color: var(--tech-ar-brown-dark) !important;
}
/* Ukryj pusty koszyk */
#header .blockcart.inactive,
#header .blockcart.cart-preview.inactive {
  display: none !important;
}

/* Pokaż koszyk, gdy ma produkty */
#header .blockcart.active,
#header .blockcart.cart-preview.active {
  display: block !important;
}
/* =========================================
   MODAL KOSZYKA - PO DODANIU PRODUKTU
   ========================================= */

/* Nazwa produktu */
#blockcart-modal .product-name,
#blockcart-modal h6.product-name {
  color: var(--tech-ar-brown-dark) !important;
  font-weight: 600;
}

/* Jeżeli nazwa jest linkiem */
#blockcart-modal .product-name a,
#blockcart-modal h6.product-name a {
  color: var(--tech-ar-brown-dark) !important;
  text-decoration: none !important;
}

#blockcart-modal .product-name a:hover,
#blockcart-modal h6.product-name a:hover {
  color: var(--tech-ar-brown) !important;
}

/* Cena produktu */
#blockcart-modal .product-price {
  color: var(--tech-ar-brown-dark) !important;
}

/* Zielony ptaszek w nagłówku */
#blockcart-modal .modal-title .material-icons {
  color: var(--tech-ar-brown) !important;
}

/* Linki w modalu */
#blockcart-modal a {
  color: var(--tech-ar-brown-dark);
}

#blockcart-modal a:hover {
  color: var(--tech-ar-brown);
}
body #blockcart-modal .modal-body .product-name,
body #blockcart-modal .modal-body h6.product-name,
body #blockcart-modal .modal-body .product-name a,
body #blockcart-modal h6.h6.product-name {
    color: #333333 !important;
}
/* =========================================================
   TECH-AR ADMIN - HOVER
   Czerwone podświetlenie elementów interaktywnych
   ========================================================= */


/* LINKI */
body.adminorders a:hover,
body.adminorders a:focus {
    color: #d60000 !important;
}


/* PRZYCISKI */
body.adminorders .btn:hover,
body.adminorders .btn:focus {
    color: #d60000 !important;
    border-color: #d60000 !important;
}


/* PRZYCISKI Z LINKIEM */
body.adminorders a.btn:hover,
body.adminorders a.btn:focus {
    color: #d60000 !important;
    border-color: #d60000 !important;
}


/* IKONY W LINKACH */
body.adminorders a:hover i,
body.adminorders a:hover svg,
body.adminorders a:hover .material-icons {
    color: #d60000 !important;
}


/* IKONY W PRZYCISKACH */
body.adminorders .btn:hover i,
body.adminorders .btn:hover svg,
body.adminorders .btn:hover .material-icons {
    color: #d60000 !important;
}


/* ELEMENTY DROPDOWN */
body.adminorders .dropdown-item:hover,
body.adminorders .dropdown-item:focus {
    color: #d60000 !important;
}


/* ELEMENTY KLIKALNE */
body.adminorders [role="button"]:hover {
    color: #d60000 !important;
}


/* LINKI W KARTACH */
body.adminorders .card a:hover {
    color: #d60000 !important;
}


/* LINKI W TABELACH */
body.adminorders table a:hover {
    color: #d60000 !important;
}


/* IKONY AKCJI */
body.adminorders .material-icons:hover {
    color: #d60000 !important;
}


/* PŁYNNA ANIMACJA */
body.adminorders a,
body.adminorders .btn,
body.adminorders .dropdown-item,
body.adminorders [role="button"],
body.adminorders .material-icons {
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        background-color 0.15s ease;
}
/* ==========================================================
   TECH-AR - LINKI "WSZYSTKIE PRODUKTY"
   ========================================================== */

.featured-products .all-product-link,
.all-product-link {
  color: #666666 !important;
  transition: color 0.2s ease;
}

.featured-products .all-product-link:hover,
.featured-products .all-product-link:focus,
.all-product-link:hover,
.all-product-link:focus {
  color: var(--tech-ar-red) !important;
}

/* Strzałka przy linku */
.featured-products .all-product-link:hover .material-icons,
.all-product-link:hover .material-icons {
  color: var(--tech-ar-red) !important;
}


/* ==========================================================
   TECH-AR - LOGOWANIE W NAGŁÓWKU
   ========================================================== */

#_desktop_user_info .user-info a,
#_desktop_user_info .user-info a span,
#_desktop_user_info .user-info a .material-icons {
  color: var(--tech-ar-brown) !important;
  transition: color 0.2s ease;
}

#_desktop_user_info .user-info a:hover,
#_desktop_user_info .user-info a:focus,
#_desktop_user_info .user-info a:hover span,
#_desktop_user_info .user-info a:focus span,
#_desktop_user_info .user-info a:hover .material-icons,
#_desktop_user_info .user-info a:focus .material-icons {
  color: var(--tech-ar-red) !important;
}


/* ==========================================================
   TECH-AR - MOBILNE LOGOWANIE
   ========================================================== */

#_mobile_user_info a,
#_mobile_user_info a span,
#_mobile_user_info .material-icons {
  color: var(--tech-ar-brown) !important;
}

#_mobile_user_info a:hover,
#_mobile_user_info a:hover span,
#_mobile_user_info a:hover .material-icons {
  color: var(--tech-ar-red) !important;
}
/* ==========================================================
   TECH-AR - DODAJ DO KOSZYKA - HOVER
   ========================================================== */

.product-add-to-cart .add-to-cart,
.product-actions .add-to-cart,
button.add-to-cart {
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

.product-add-to-cart .add-to-cart:hover,
.product-add-to-cart .add-to-cart:focus,
.product-actions .add-to-cart:hover,
.product-actions .add-to-cart:focus,
button.add-to-cart:hover,
button.add-to-cart:focus {
  background-color: var(--tech-ar-red) !important;
  border-color: var(--tech-ar-red) !important;
  color: #ffffff !important;
}

/* Ikona koszyka pozostaje biała */
.product-add-to-cart .add-to-cart:hover .material-icons,
.product-actions .add-to-cart:hover .material-icons,
button.add-to-cart:hover .material-icons {
  color: #ffffff !important;
}
/* ==========================================================
   TECH-AR - LOGOWANIE - HOVER
   ========================================================== */

/* Przycisk ZALOGUJ SIĘ */
#login-form .btn-primary,
#checkout-login-form .btn-primary {
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

#login-form .btn-primary:hover,
#login-form .btn-primary:focus,
#checkout-login-form .btn-primary:hover,
#checkout-login-form .btn-primary:focus {
  background-color: var(--tech-ar-red) !important;
  border-color: var(--tech-ar-red) !important;
  color: #ffffff !important;
}


/* Nie pamiętasz hasła? */
#login-form .forgot-password a,
#checkout-login-form .forgot-password a {
  transition: color 0.2s ease;
}

#login-form .forgot-password a:hover,
#login-form .forgot-password a:focus,
#checkout-login-form .forgot-password a:hover,
#checkout-login-form .forgot-password a:focus {
  color: var(--tech-ar-red) !important;
}


/* Nie masz konta? Załóż je tutaj */
.no-account a,
#login-form .no-account a,
#checkout-login-form .no-account a {
  transition: color 0.2s ease;
}

.no-account a:hover,
.no-account a:focus,
#login-form .no-account a:hover,
#login-form .no-account a:focus,
#checkout-login-form .no-account a:hover,
#checkout-login-form .no-account a:focus {
  color: var(--tech-ar-red) !important;
}
/* ==========================================================
   TECH-AR - GLOBALNY HOVER
   Wszystkie linki i przyciski -> czerwone po najechaniu
   ========================================================== */


/* ------------------------------------------
   1. WSZYSTKIE LINKI
   ------------------------------------------ */

a {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

a:hover,
a:focus {
  color: #c62828 !important;
}


/* ------------------------------------------
   2. IKONY WEWNĄTRZ LINKÓW
   ------------------------------------------ */

a:hover .material-icons,
a:focus .material-icons,
a:hover i,
a:focus i {
  color: #c62828 !important;
}


/* ------------------------------------------
   3. WSZYSTKIE PRZYCISKI
   ------------------------------------------ */

button,
.btn,
input[type="submit"],
input[type="button"] {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}


/* ------------------------------------------
   4. GŁÓWNE PRZYCISKI
   Brązowy -> czerwony
   ------------------------------------------ */

.btn-primary:hover,
.btn-primary:focus,
button.btn-primary:hover,
button.btn-primary:focus,
input.btn-primary:hover,
input.btn-primary:focus {
  background-color: #c62828 !important;
  border-color: #c62828 !important;
  color: #ffffff !important;
}


/* Ikony w głównych przyciskach */
.btn-primary:hover .material-icons,
.btn-primary:focus .material-icons,
.btn-primary:hover i,
.btn-primary:focus i {
  color: #ffffff !important;
}


/* ------------------------------------------
   5. POZOSTAŁE PRZYCISKI
   ------------------------------------------ */

.btn-secondary:hover,
.btn-secondary:focus {
  border-color: #c62828 !important;
  color: #c62828 !important;
}


/* ------------------------------------------
   6. ELEMENTY KLIKALNE
   ------------------------------------------ */

[role="button"]:hover,
[role="button"]:focus {
  border-color: #c62828 !important;
}


/* ------------------------------------------
   7. MENU / DROPDOWN
   ------------------------------------------ */

.dropdown-item:hover,
.dropdown-item:focus {
  color: #c62828 !important;
}


/* ------------------------------------------
   8. LINKI NA KARTACH PRODUKTÓW
   ------------------------------------------ */

.product-title a:hover,
.product-title a:focus {
  color: #c62828 !important;
}


/* ------------------------------------------
   9. STRZAŁKI / IKONY W LINKACH
   ------------------------------------------ */

a:hover svg,
a:focus svg {
  fill: #c62828;
}