/* Control ANDRIK v55.00 FINAL R48
   - truly compact selected-country card positioned closer to the focused map point
   - dedicated visible pull-up tail in portrait and landscape
   - flags remain fully static
*/

/* Flags never breathe or pulse. */
body.analytics-admin-page .world-country-list .world-country-flag,
body.analytics-admin-page .world-country-list .world-country-button .world-country-flag,
body.analytics-admin-page .world-country-list .world-country-button.is-selected .world-country-flag {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

/* Focus list overlays the lower part of the map instead of hanging far below it. */
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .analytics-map-top.has-country-focus > #worldCountries,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .analytics-map-top:has(.world-country-button.is-selected) > #worldCountries,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .world-country-list.is-country-focus-mode,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .world-country-list:has(.world-country-button.is-selected) {
  position: relative !important;
  z-index: 24 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: -46px 0 2px !important;
  overflow: visible !important;
  pointer-events: none !important;
}

/* Hard override every old yellow-card geometry. */
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .analytics-map-top.has-country-focus .world-country-button.is-selected,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .world-country-list.is-country-focus-mode .world-country-button.is-selected,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane .world-country-list:has(.world-country-button.is-selected) .world-country-button.is-selected,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected {
  pointer-events: auto !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  align-content: center !important;
  column-gap: 8px !important;
  row-gap: 4px !important;

  width: min(calc(100% - 28px), 350px) !important;
  max-width: 350px !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;

  margin: 0 auto !important;
  padding: 8px 12px 7px !important;
  border: 1px solid rgba(255, 211, 72, .94) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, rgba(94, 65, 7, .96), rgba(49, 34, 5, .97)) !important;
  box-shadow: 0 0 0 1px rgba(255, 211, 72, .11), 0 5px 16px rgba(0, 0, 0, .24) !important;
  overflow: hidden !important;
}

/* First row: flag · country · value. */
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .world-country-flag {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 22px !important;
  min-width: 22px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .world-country-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .world-country-marquee {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #fff1a5 !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  animation: none !important;
  transform: none !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected > em {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-width: max-content !important;
  color: #ffe477 !important;
  font-size: .86rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* Second row: current week and previous week, both readable. */
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-gain {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.35fr) !important;
  align-items: start !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 1px 0 0 !important;
  font-size: .62rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-current,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-compare {
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-current {
  text-align: left !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-compare {
  text-align: right !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-marquee-track,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-marquee-track > span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  animation: none !important;
  transform: none !important;
}

/* The pull-up area is part of document flow in BOTH orientations.
   It creates the requested final tail, so normal scrolling ends before the gesture begins. */
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane > .analytics-pane-wrap > #mapEndPullZone,
body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane > .analytics-map-pane-wrap > #mapEndPullZone {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 70 !important;

  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;

  width: calc(100% - 16px) !important;
  max-width: none !important;
  min-height: 104px !important;
  height: 104px !important;
  margin: 18px auto 8px !important;
  padding: 12px 12px 14px !important;

  color: #bfeaff !important;
  background: linear-gradient(180deg, rgba(3, 13, 20, 0), rgba(8, 26, 36, .44)) !important;
  border: 0 !important;
  border-radius: 22px !important;
  transform: none !important;
  overflow: visible !important;
  touch-action: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #mapEndPullZone .map-end-pull-spring {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  overflow: visible !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #mapEndPullZone .map-end-chevron {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) translateY(calc(var(--map-end-pull, 0px) * -.08)) !important;
  display: block !important;
  color: #9fe8ff !important;
  font-size: 1.42rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: calc(.72 + var(--map-end-progress, 0) * .28) !important;
}

body.analytics-admin-page.analytics-v54-46-page
.analytics-map-pane #mapEndPullZone strong {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #bfeaff !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  opacity: .92 !important;
}

body.is-map-end-ready.analytics-admin-page
.analytics-map-pane #mapEndPullZone,
body.is-map-end-ready.analytics-admin-page
.analytics-map-pane #mapEndPullZone strong,
body.is-map-end-ready.analytics-admin-page
.analytics-map-pane #mapEndPullZone .map-end-chevron {
  color: #7ff0ab !important;
}

body.analytics-admin-page.analytics-v54-46-page .analytics-map-pane > .analytics-pane-wrap,
body.analytics-admin-page.analytics-v54-46-page .analytics-map-pane > .analytics-map-pane-wrap {
  padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
}

/* Landscape: smaller country card, slightly deeper overlap; still keep an explicit pull tail. */
@media screen and (orientation: landscape) {
  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane .analytics-map-top.has-country-focus > #worldCountries,
  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane .analytics-map-top:has(.world-country-button.is-selected) > #worldCountries,
  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane .world-country-list.is-country-focus-mode,
  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane .world-country-list:has(.world-country-button.is-selected) {
    margin-top: -58px !important;
  }

  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane #worldCountries .world-country-button.is-selected {
    width: min(43vw, 330px) !important;
    max-width: 330px !important;
    min-height: 68px !important;
    padding: 7px 11px 6px !important;
    border-radius: 16px !important;
  }

  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane #worldCountries .world-country-button.is-selected .country-weekly-gain {
    font-size: .59rem !important;
    gap: 6px !important;
  }

  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane > .analytics-pane-wrap > #mapEndPullZone,
  body.analytics-admin-page.analytics-v54-46-page
  .analytics-map-pane > .analytics-map-pane-wrap > #mapEndPullZone {
    min-height: 92px !important;
    height: 92px !important;
    margin-top: 14px !important;
    padding-bottom: 11px !important;
  }
}