/* Styling for the markup the [ugg_*] shortcodes emit.
 *
 * Everything here reads Elementor's global colour variables rather than
 * hardcoding hex values, so changing the green in Site Settings changes these
 * too. The fallbacks are the same tokens from wordpress/elementor/_build.py,
 * for the case where Elementor has not yet loaded its kit CSS.
 */

.ugg-facts-table { margin: 0; display: grid; gap: 0; }
.ugg-fact {
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  padding: 11px 0;
  border-top: 1px solid var(--e-global-color-ugg_border, #DFE9E3);
}
.ugg-fact:first-child { border-top: 0; }
.ugg-fact dt {
  margin: 0; font-size: 14px; font-weight: 700;
  color: var(--e-global-color-ugg_muted, #60756E);
}
.ugg-fact dd {
  margin: 0; font-size: 16px; font-weight: 800;
  color: var(--e-global-color-primary, #06355F);
  font-variant-numeric: tabular-nums;
}

.ugg-contact { display: flex; flex-direction: column; gap: 9px; }
.ugg-contact-line {
  color: var(--e-global-color-primary, #06355F);
  font-weight: 700; text-decoration: none; font-size: 15.5px;
}
.ugg-contact-line:hover { color: var(--e-global-color-accent, #009447); }

.ugg-claim {
  display: inline-block;
  background: var(--e-global-color-ugg_green_bright, #00A34E);
  color: #fff; font-weight: 800; font-size: 14px;
  padding: 13px 24px; border-radius: 999px; text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,163,78,.28);
  transition: background .15s ease;
}
.ugg-claim:hover {
  background: var(--e-global-color-ugg_green_dark, #008C42); color: #fff;
}
.ugg-claimed {
  display: inline-block; font-size: 13px; font-weight: 700;
  color: var(--e-global-color-ugg_muted, #60756E);
  background: var(--e-global-color-ugg_mint_surface, #E7F5EC);
  padding: 9px 16px; border-radius: 999px;
}

.ugg-map iframe { display: block; width: 100%; border: 0; border-radius: 16px; }
.ugg-directions, .ugg-profiles a {
  color: var(--e-global-color-accent, #009447);
  font-weight: 800; text-decoration: none;
}
.ugg-profiles { display: flex; gap: 16px; flex-wrap: wrap; }