/* ==========================================================================
   Customs clearance page.

   The page is built from the blocks of the exchange-rate page, so the only
   rules here are the ones those blocks do not cover: the two-column form
   rows, the money lines of the result, and the narrow cells of the rate
   table, which has eighteen columns and scrolls sideways on a phone.
   ========================================================================== */

.amd-vama-hidden { display: none !important; }

/* a little air between the blocks, so they do not read as one sheet */
.amd-vama-page .amd-courses-section { margin-bottom: 4px; }

/* The calculator is what people come for, so its rows sit on a denser
   fill than the reference blocks and carry slightly larger type. */
.amd-vama-page .amd-courses-conv-r1 { background-color: rgba(240, 245, 248, 0.85); }
.amd-vama-page .amd-courses-conv-r2 { background-color: rgba(210, 220, 228, 0.85); }
.amd-vama-page .amd-courses-input,
.amd-vama-page .amd-courses-date-sel { font-size: 15px; }

/* ── form rows: caption on the left, fields on the right ───────────────── */
.amd-vama-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 20px;
  box-sizing: border-box;
}
.amd-vama-label {
  flex: 0 0 250px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}
/* what the field actually means, under its caption */
.amd-vama-sub {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #777777;
  margin-top: 2px;
}
.amd-vama-field {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.amd-vama-field .amd-courses-input { width: 160px; }
.amd-vama-hint {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #777777;
}
/* the limit above which the luxury tax starts - it has to be read before
   the price is typed, not discovered by trying values */
.amd-vama-warn {
  display: inline-block;
  padding: 4px 10px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: #7a5200;
  background: rgba(255, 243, 205, 0.9);
  border-left: 3px solid #d9a200;
}

/* ── result lines ───────────────────────────────────────────────────────── */
.amd-vama-result { width: 100%; box-sizing: border-box; }
.amd-vama-line {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 7px 20px;
  box-sizing: border-box;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  color: #222222;
}
.amd-vama-line-name { flex: 1; min-width: 0; }
.amd-vama-small {
  display: block;
  font-size: 12px;
  color: #777777;
  font-weight: normal;
}
/* the amounts read better plain; only the total is set in bold */
.amd-vama-line-mdl {
  flex: 0 0 170px;
  text-align: right;
  white-space: nowrap;
}
.amd-vama-line-eur {
  flex: 0 0 130px;
  text-align: right;
  color: #666666;
  white-space: nowrap;
}
/* the extra charges the customs office may add */
.amd-vama-fee .amd-vama-line-name { color: #8a5a00; }
.amd-vama-fee { font-size: 14px; }

.amd-vama-total {
  background: linear-gradient(to right, rgba(255,235,235,0.95) 0%, rgba(255,245,245,0.95) 100%);
  min-height: 50px;
  font-size: 16px;
}
.amd-vama-total .amd-vama-line-name { font-weight: bold; }
.amd-vama-total .amd-vama-line-mdl { font-size: 22px; font-weight: bold; color: #cc0000; }
.amd-vama-total .amd-vama-line-eur { font-size: 15px; color: #a05050; }
/* the currency next to the total */
.amd-vama-cur { font-size: 14px; font-weight: normal; color: #a05050; }

.amd-vama-fees-note {
  padding: 10px 20px 12px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #6b5a3a;
  background: rgba(255, 248, 225, 0.75);
}
.amd-vama-fees-note b { color: #5a4a2a; }

/* ── rate tables: one engine band plus seventeen age columns ───────────── */
.amd-vama-table-scroll { width: 100%; overflow-x: auto; }
.amd-vama-table-scroll .amd-courses-nbm-wrap { min-width: 980px; }
.amd-vama-band {
  flex: 0 0 120px;
  padding-left: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.amd-vama-rate {
  flex: 1;
  min-width: 46px;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 11px;
  white-space: nowrap;
}
.amd-vama-luxval { flex: 1; padding-left: 20px; }
.amd-vama-luxpct { flex: 0 0 120px; text-align: center; font-weight: bold; }

.amd-vama-head-note {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #d8d8d8;
  margin-left: auto;
  padding-left: 12px;
  white-space: nowrap;
}

/* ── what changes ───────────────────────────────────────────────────────── */
.amd-vama-news { padding: 4px 0; }
a.amd-vama-news-item {
  display: block;
  padding: 9px 20px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  color: #222222;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
a.amd-vama-news-item:last-child { border-bottom: none; }
.amd-vama-news-date {
  display: block;
  font-size: 11px;
  color: #888888;
  margin-bottom: 2px;
}
a.amd-vama-news-item:hover { background: rgba(255, 255, 255, 0.7); text-decoration: underline; }

@media (max-width: 760px) {
  .amd-vama-row { flex-direction: column; align-items: stretch; gap: 6px; }
  .amd-vama-label { flex: none; }
  .amd-vama-line-mdl { flex: 0 0 110px; }
  .amd-vama-line-eur { flex: 0 0 90px; font-size: 11px; }
  .amd-vama-head-note { display: none; }
}