/* Mimic Codimiq TVA converter look & feel */
.codimiq-currency-converter{ width:100%; }

.codimiq-currency-converter__inner{
  background-color:#4f4f4f;
  background-image:url('https://www.codimiq.com/wp-content/uploads/2025/12/Background-Ext-2.jpg');
  background-repeat:repeat;
  border:1px solid #cccccc;
  padding:40px;
  border-radius:10px;
  box-sizing:border-box;
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:
    "left"
    "controls"
    "right"
    "footer";
  gap:16px;
}

@media (min-width:1024px){
  .codimiq-currency-converter__inner{
    width:800px;
    margin:0 auto;
    grid-template-columns:1fr auto 1fr;
    grid-template-areas:
      "left controls right"
      "footer footer footer";
    align-items:end;
  }
}

.codimiq-currency-converter__field{ min-width:0; }
.codimiq-currency-converter__field--amount-left{ grid-area:left; }
.codimiq-currency-converter__field--amount-right{ grid-area:right; }

.codimiq-currency-converter__label{
  display:block;
  font-weight:700;
  color:#ffffff;
  margin:0 0 8px 0;
}

.codimiq-currency-converter__input,
.codimiq-currency-converter__select{
  width:100%;
  box-sizing:border-box;
  border-radius:10px;
  padding:10px 12px;
}

.codimiq-currency-converter__select-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-width:96px;
}

.codimiq-currency-converter__select-wrap .codimiq-currency-converter__select{
  padding-left:42px;
}

.codimiq-currency-converter__flag{
  position:absolute;
  left:12px;
  width:22px;
  height:16px;
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.18);
  pointer-events:none;
  z-index:1;
}

.codimiq-currency-converter__controls{
  grid-area:controls;
  display:flex;
  gap:10px;
  align-items:end;
  justify-content:center;
  flex-wrap:wrap;
}

@media (min-width:1024px){
  .codimiq-currency-converter__controls{
    flex-wrap:nowrap;
  }
}

.codimiq-currency-converter__swap{
  border-radius:10px;
  padding:10px 12px;
  line-height:1;
  cursor:pointer;
}

.codimiq-currency-converter__footer{
  grid-area:footer;
  color:#ffffff;
  font-size:14px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-start;
}

.codimiq-currency-converter__error{
  color:#ffdddd;
  font-weight:700;
}

.screen-reader-text{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}