/* DiraMarket 2.25.0 — international payments, delivery and country analytics. */

.dm-payment-country-form {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 15px;
  border: 1px solid rgba(58, 106, 0, .12);
  border-radius: 18px;
  background: #f6f9f3;
}
.dm-payment-country-form > label { display: grid; gap: 7px; color: var(--dm-muted); font-size: 11px; font-weight: 800; }
.dm-payment-country-select {
  min-height: 52px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid #dce5d6;
  border-radius: 14px;
  background: #fff;
}
.dm-payment-country-select .dm-country-flag { width: 30px; height: 21px; border-radius: 5px; overflow: hidden; }
.dm-payment-country-select select { width: 100%; min-width: 0; height: 50px; border: 0; background: transparent; color: var(--dm-text); font: inherit; font-size: 13px; font-weight: 700; }
.dm-payment-country-form > button { min-height: 46px; border: 0; border-radius: 13px; background: var(--dm-primary); color: #fff; font: inherit; font-weight: 800; }
.dm-payment-country-form > small { display: flex; align-items: center; gap: 6px; color: #516047; font-size: 9px; }
.dm-payment-country-form > small .dm-material { font-size: 15px; }
.dm-native-pay-total > span { display: flex; flex-direction: column; gap: 2px; }
.dm-native-pay-total > span small { color: var(--dm-muted); font-size: 9px; font-weight: 600; }
.dm-payment-no-gateway { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px dashed #b7c2ad; border-radius: 15px; background: #f4f6f1; }
.dm-payment-no-gateway > .dm-material { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border-radius: 12px; background: #e6eddf; color: #4d5b43; }
.dm-payment-no-gateway strong, .dm-payment-no-gateway p { display: block; margin: 0; }
.dm-payment-no-gateway p { margin-top: 3px; color: var(--dm-muted); font-size: 10px; line-height: 1.55; }
.dm-native-shipping-quote { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 13px; border-radius: 13px; background: #f1f7ec; }
.dm-native-shipping-quote span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.dm-native-shipping-quote b { font-size: 11px; }
.dm-native-shipping-quote small { color: var(--dm-muted); font-size: 9px; }
.dm-native-shipping-quote strong { flex: 0 0 auto; color: var(--dm-primary); font-size: 11px; }

/* Keep invoice decisions above the app navigation on small screens. */
.dm-proposal-secondary-actions,
.dm-proposal-fixed-action { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); z-index: 500; }
.dm-proposal-page.has-decision-bar .dm-proposal-wrap { padding-bottom: calc(286px + env(safe-area-inset-bottom, 0px)); }
.dm-proposal-page.has-decision-bar .dm-proposal-bottom-space { height: 250px; }
.dm-proposal-decision-buttons button { white-space: normal; overflow: visible; }

.dm-vendor-country-analytics { margin-top: 16px; }
.dm-vendor-country-analytics .dm-section-title-link { align-items: baseline; }
.dm-vendor-country-analytics .dm-section-title-link > small { color: var(--dm-muted); font-size: 9px; }
.dm-country-analytics-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.dm-country-analytics-list article { min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 11px; border-radius: 14px; background: var(--dm-surface-low); }
.dm-country-analytics-list article > span { width: 38px; height: 29px; display: grid; place-items: center; overflow: hidden; border-radius: 7px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .07); }
.dm-country-analytics-list .dm-country-flag { width: 38px; height: 29px; }
.dm-country-analytics-list article > div { min-width: 0; }
.dm-country-analytics-list strong, .dm-country-analytics-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dm-country-analytics-list strong { font-size: 11px; }
.dm-country-analytics-list small { margin-top: 2px; color: var(--dm-muted); font-size: 8px; }
.dm-country-analytics-list article > b { color: var(--dm-primary); font-size: 15px; }
.dm-inline-verified { color: #2c7500; font-size: 17px !important; vertical-align: -3px; }

/* Dedicated administration for routes, FX, shipping and payment attempts. */
.dm-international-admin { max-width: 1320px; }
.dm-international-admin .dm-admin-panel { margin-top: 18px; }
.dm-route-explainer { border-left: 5px solid #7bc92d !important; background: #f4faee !important; }
.dm-international-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.dm-international-form > label:not(.dm-admin-check), .dm-international-form > fieldset { min-width: 0; display: flex; flex-direction: column; gap: 7px; margin: 0; }
.dm-international-form > label > span, .dm-international-form legend { color: #34402f; font-size: 12px; font-weight: 800; }
.dm-international-form input:not([type=checkbox]), .dm-international-form select, .dm-international-form textarea { width: 100%; max-width: none; min-height: 44px; }
.dm-international-form small { color: #65705f; line-height: 1.45; }
.dm-international-form fieldset { padding: 14px; border: 1px solid #dbe4d6; border-radius: 12px; }
.dm-international-form .is-wide { grid-column: 1 / -1; }
.dm-international-form > button { width: fit-content; align-self: end; }
.dm-admin-check { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 7px; margin: 5px 14px 5px 0 !important; font-weight: 700; }
.dm-admin-check input { margin: 0 !important; }
.dm-admin-table-scroll { overflow-x: auto; }
.dm-international-admin .widefat td:first-child .dm-country-flag { width: 34px; height: 24px; margin-right: 8px; border-radius: 5px; vertical-align: middle; }
.dm-international-admin .widefat td small { display: block; margin-top: 2px; color: #687063; }
.dm-route-active { display: inline-flex; padding: 4px 9px; border-radius: 999px; background: #e4f6d5; color: #315d00; font-size: 11px; font-weight: 800; }

@media (min-width: 1024px) {
  .dm-proposal-secondary-actions, .dm-proposal-fixed-action { bottom: 0; }
  .dm-proposal-page.has-decision-bar .dm-proposal-wrap { padding-bottom: 190px; }
  .dm-proposal-page.has-decision-bar .dm-proposal-bottom-space { height: 160px; }
  .dm-payment-country-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .dm-payment-country-form > small { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .dm-country-analytics-list, .dm-international-form { grid-template-columns: 1fr; }
  .dm-international-form .is-wide { grid-column: auto; }
}

@media (max-width: 380px) {
  .dm-proposal-secondary-actions { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .dm-proposal-page.has-decision-bar .dm-proposal-wrap { padding-bottom: calc(350px + env(safe-area-inset-bottom, 0px)); }
  .dm-proposal-page.has-decision-bar .dm-proposal-bottom-space { height: 320px; }
}

@media (prefers-reduced-motion: reduce) {
  .dm-payment-country-form, .dm-country-analytics-list article { scroll-behavior: auto; }
}