/* Owner photos on the estate map (v3.201.0) — see map-photos.js */

/* the plain number / code / name step aside for the name card */
.mbe-emap .mbe-plot-g.has-photo > .mbe-plot-num,
.mbe-emap .mbe-plot-g.has-photo > .mbe-plot-pid,
.mbe-emap .mbe-plot-g.has-photo > .mbe-plot-name { display: none; }

/* a fine gold inner line on a plot with a face (its colour comes from the palette below,
   and its border is left to the map, so "your plot" and selections keep their gold) */
.mbe-emap .mbe-plot-g.has-photo .mbe-plot-inset { fill: none; stroke: rgba(201, 161, 58, .4); stroke-width: 1; }

.mbe-pp__halo { fill: #fff; filter: drop-shadow(0 1.5px 2.5px rgba(15, 45, 26, .25)); }
.mbe-pp__img { pointer-events: none; }
.mbe-pp__ring { fill: none; stroke: #c9a13a; stroke-width: 2.4; }

.mbe-pp__num {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 19px; font-weight: 800; fill: #0f2d1a; letter-spacing: -.3px;
}
.mbe-pp__pill { fill: #1c5b3a; }
.mbe-pp__pid {
  font-family: "Inter", system-ui, sans-serif; font-size: 8.8px; font-weight: 700; fill: #f6e39d; letter-spacing: .5px;
}
.mbe-pp__name {
  font-family: "Inter", system-ui, sans-serif; font-size: 9.6px; font-weight: 700; fill: #133d26;
}

/* compact card on the narrow side plots: photo left, words right */
.mbe-pp__num--sm { font-size: 14.5px; text-anchor: start; }
.mbe-pp__pid--sm { font-size: 8.2px; fill: #1c6b42; text-anchor: start; letter-spacing: .3px; font-weight: 800; }
.mbe-pp__name--sm { font-size: 8.8px; text-anchor: start; }

/* the signed-in owner's own plot keeps its gold glow; the ring warms with it */
.mbe-emap .mbe-plot-g.is-you.has-photo .mbe-pp__ring { stroke: #b8860b; stroke-width: 3; }

/* hover and focus: the face lifts a little */
.mbe-emap .mbe-plot-g.has-photo .mbe-pp__halo,
.mbe-emap .mbe-plot-g.has-photo .mbe-pp__ring { transition: stroke-width .2s ease, r .2s ease; }
.mbe-emap .mbe-plot-g.has-photo:hover .mbe-pp__ring,
.mbe-emap .mbe-plot-g.has-photo:focus .mbe-pp__ring { stroke-width: 3.2; }

/* ── v3.201.1: each block of the estate in its own soft colour ───────────
   Blocks: 1–8 west (rose), 9–22 south row (peach), 23–50 middle double row
   (mint), 51–64 north row (lavender), 65–73 east (butter). Registered plots
   wear the full colour, plots waiting for an owner a paler shade with a
   dashed edge. Unsold and pending plots, land uses (Common Ground and the
   rest) and the map's gold edges (your plot, neighbours, the selected plot)
   keep their own look: these rules are exactly as strong as the map's own
   status colours and weaker than all of those. The committee's "plots per
   owner" view still colours plots by holdings. */
.mbe-emap .mbe-plot-g.b-0 { --pc: #fbe3ea; --pe: #c2557a; --pa: #fdf5f8; }  /* 1–8   rose */
.mbe-emap .mbe-plot-g.b-1 { --pc: #fde8d8; --pe: #cf7a40; --pa: #fef7f1; }  /* 9–22  peach */
.mbe-emap .mbe-plot-g.b-2 { --pc: #e0f3e7; --pe: #3f9c6d; --pa: #f3faf5; }  /* 23–50 mint */
.mbe-emap .mbe-plot-g.b-3 { --pc: #ece5fb; --pe: #7b5cc4; --pa: #f8f5fe; }  /* 51–64 lavender */
.mbe-emap .mbe-plot-g.b-4 { --pc: #faf0c4; --pe: #b8951f; --pa: #fefae8; }  /* 65–73 butter */
.mbe-emap :where(.mbe-plot-g.s-owned.b-0, .mbe-plot-g.s-owned.b-1, .mbe-plot-g.s-owned.b-2, .mbe-plot-g.s-owned.b-3, .mbe-plot-g.s-owned.b-4) .mbe-plot-r.mbe-plot-r { fill: var(--pc); stroke: var(--pe); }
.mbe-emap :where(.mbe-plot-g.s-owned.b-0, .mbe-plot-g.s-owned.b-1, .mbe-plot-g.s-owned.b-2, .mbe-plot-g.s-owned.b-3, .mbe-plot-g.s-owned.b-4) .mbe-plot-sub.mbe-plot-sub { fill: #33473b; }
.mbe-emap :where(.mbe-plot-g.s-owned.b-0, .mbe-plot-g.s-owned.b-1, .mbe-plot-g.s-owned.b-2, .mbe-plot-g.s-owned.b-3, .mbe-plot-g.s-owned.b-4) .mbe-plot-name.mbe-plot-name { fill: #10301c; }
.mbe-emap :where(.mbe-plot-g.s-await.b-0, .mbe-plot-g.s-await.b-1, .mbe-plot-g.s-await.b-2, .mbe-plot-g.s-await.b-3, .mbe-plot-g.s-await.b-4) .mbe-plot-r.mbe-plot-r { fill: var(--pa); stroke: var(--pe); stroke-opacity: .55; stroke-dasharray: 5 4; }

/* dark theme */
html[data-mbe-applied="dark"] .mbe-pp__num { fill: #f5e9c8; }
html[data-mbe-applied="dark"] .mbe-pp__name { fill: #d9e8dc; }
html[data-mbe-applied="dark"] .mbe-pp__halo { fill: #0f2318; }
html[data-mbe-applied="dark"] .mbe-pp__pid--sm { fill: #8fe0b3; }

@media print { .mbe-pp__img { display: none; } }