/*
* Exki Frisge 2022 css style override
*/

/* VARIABLES */
:root {
  --green: #4a9d37;
  --red: #DC143C;
  --green-light: #B3DFC0;
  --green-lighter: #DEE2B8;
  --gray-light: #999;
  --gray-lighter: #eee;
  --radius: 0;
}

/* TYPOGRAPHY */
@font-face {
  font-family: "Gotham-book";
  src: url("assets/HomepageBaukasten-Book.woff") format("woff"),
        url("assets/HomepageBaukasten-Book.woff2") format("woff2"),
        url("assets/HomepageBaukasten-Book.ttf") format('truetype');
}
@font-face {
  font-family: "Gotham-black";
  src: url("assets/HomepageBaukasten-Bold.woff") format("woff"),
        url("assets/HomepageBaukasten-Bold.woff2") format("woff2"),
        url("assets/HomepageBaukasten-Bold.ttf") format('truetype');
}
:root {
  font-size: 18px;
}
* {
  font-family: "Gotham-book";
}
h1,
a.dz-primary-btn,
a.dz-primary-btn *,
a.dz-back-btn,
a.dz-back-btn * {
  font-family: "Gotham-black";
}
h1, h2, h3 {
  line-height: 1.1em !important;
}

a[class*='bg-'],
a.dz-primary-btn,
a.dz-back-btn {
  text-transform: uppercase;
}
.text-sm {
  font-size: initial;
}

/* CONTENT */
.bg-primary {
  background-color: black;
}
.text-green-600 {
  color: var(--green);
}
  /* no content hidden! */
@media (max-width:767px) {
  div[id] > div.overflow-hidden {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    overflow: auto;   /* fullwidth tables */
  }
}
  /* tables */
@media (max-width:767px) {
  th, td {
    padding: .5rem !important;
  }
}
@media (max-width:420px) {
  th, td {
    padding: .25rem !important;
  }
}
  /* no grid into table */
table .grid > *,
table .grid > *:hover,
table .grid > *:focus {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
}
  /* all to align left! */
.text-center {
  text-align: left;
}
main .items-center,
.dz-form {
  align-items: flex-start;
}
.justify-center {
  justify-content: flex-start;
}
  /* no extra padding */
.m-4 {
  margin-left: 0;
  margin-right: 0;
}
  /* no shadow */
.shadow {
  box-shadow: none;
}
  /* no radius */
img,
.rounded-full,
.rounded-lg,
.rounded-sm,
.rounded,
a.dz-primary-btn,
.dz-alert,
.dz-input-txt,
.dz-input-file,
.dz-input-textarea,
button {
  border-radius: var(--radius) !important;
}
  /* buttons */
.dz-primary-btn {
  background-color: black;
  height: auto;
  padding: .65rem .8rem;
  text-transform: uppercase;
}
.dz-primary-btn:focus {
  box-shadow: 0 0 0 3px var(--gray-light);
}
  /* back button */
.dz-back-btn {
  border: 1px solid black;
  color: black;
  margin: 1rem 0;
  padding: .3rem .8rem;
}
.dz-back-btn span {
  margin-left: 0;
}
.dz-back-btn div {
  display: none;
}
.dz-back-btn:hover,
.dz-back-btn:focus {
  background-color: black;
  color: white;
}
  /* grid */
main .grid {
  grid-template-columns: 1fr !important;
}
@media (min-width:768px) {
  main .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
main .grid > * {
  border-radius: var(--radius);
  border: 1px solid black;
  box-shadow: none;
  transform: none;
}
main .grid > *:hover,
main .grid > *:focus {
  background-color: var(--green-lighter);
  box-shadow: none;
  transform: none;
}

/* LAYOUT */
body.bg-body {
  background: white;
}
  /* header */
.os-content > header {
  background-color: transparent;
  box-shadow: none;
  position: initial;
}
.os-content > header a {
  margin-left: 0;
}
#languages_block_top img {
  display: none;
  height: 1rem;
  width: auto;
}
#languages_block_top .selected_language {
  display: none;
}
#languages_block_top li:not(:last-child):after {
  content : ' - ';
  display: inline-block;
}
#languages_block_top a {
  display: inline-block;
}
#languages_block_top a:before {
  content: attr(hreflang);
  display: block;
  text-transform: uppercase;
}
  /* main content zone */
.os-content > main {
  padding-top: 0;
}
.max-w-xl {
  max-width: 100%;
}
   /* footer */
.os-content > footer .bg-footer,
.os-content > footer .bg-footer a {
  background-color: transparent;
  color: black;
}

/* PAGES */
  /* account page */
body#my-account .os-content > main {
  background: transparent url("assets/bg-carot.jpg") no-repeat 50% 50%;
  background-size: cover;
}
  /* fix original grid DOM structure : li>a */
body#my-account main .grid a {
  border-radius: var(--radius);
  border: 1px solid black;
  box-shadow: none;
  transform: none;
}
body#my-account main .grid a:hover,
body#my-account main .grid a:focus {
  background-color: var(--green-lighter);
  box-shadow: none;
  transform: none;
}
body#my-account #dz-my-account-container > div:last-child {
  /* hide extra legal statements link */
  display: none;
}
  /* my cards page */
body#module-digitiz-cards a.dz-primary-btn > div {
  display: none;
}
  /* exceptionaly, we keep radius here since we are displaying a card */
body#module-digitiz-cards main div.rounded-lg {
  border-radius: .5rem !important;
}
/* catalog */
body#module-digitiz-catalog main button.bg-white {
  background-color: transparent;
}
body#module-digitiz-catalog main div.absolute:last-child {
  position: relative;
  transform: none;
}
body#module-digitiz-catalog main div.absolute:last-child > div {
  background-color: transparent;
  color: black;
  padding: .2rem .3rem;
  text-align: right;
  width: 100%;
}
  /* wallet */
body#module-digitiz-wallet main .grid > *,
body#module-digitiz-wallet main .grid > *:hover,
body#module-digitiz-wallet main .grid > *:focus,
body#module-digitiz-wallet main .grid .text-gray-500 {
  border-color: var(--green-light);
  background-color: var(--green-light);
  color: black;
}
body#module-digitiz-wallet #dz-wallet-recharge-btn {
  display: none;
}
body#module-digitiz-wallet #dz-wallet-recharge {
  display: block !important;
}
body#module-digitiz-wallet #dz-wallet-recharge .dz-wallet-products,
body#module-digitiz-wallet #dz-wallet-products-list {
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

body#module-digitiz-wallet main table .text-red-600 {
  color: black;
}
/* order history */
body#history td > span {
  background-color: transparent !important;
  color: black;
}
body#history td > span[style*='#DC143C'] {
  color: var(--red);
}
  /* order detail */
body#history .dz-order-detail {
  background-color: var(--gray-lighter);
}
body#history .dz-order-detail > td {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
body#history .dz-order-detail .bg-primary {
  background-color: transparent;
  color: black;
}
body#history .dz-order-detail > td > div:last-child {
  margin-top: 1rem;
}
/* pairing code */
body#module-digitiz-pairingcode div.px-6.py-4 {
  padding: 0;
}