.elementor-11818 .elementor-element.elementor-element-29d26a9{padding:03% 0% 3% 0%;}.elementor-11818 .elementor-element.elementor-element-a5351b7 > .elementor-widget-container{padding:00px 0px 20px 1px;}.elementor-11818 .elementor-element.elementor-element-a5351b7{font-size:20px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b3e6c1a *//* =========================================================
   METRO rental-app styles (scope: .vendor-app wrapper)
   Goals:
   - Remove text shadow everywhere in widget
   - Filter chips (Sizes/Amenities/etc):
       * smaller pills
       * default = white with red outline + red text
       * selected = solid red + white text
       * selected NEVER grows (even when it becomes "contained")
   - Keep CTA buttons in unit list ("SELECT"/"CONTACT US") big
   ========================================================= */

/* ===== Scope */
.vendor-app {
  font-size: 14px;
  line-height: 1.45;
}

/* ===== Kill ALL text shadows in the widget */
.vendor-app,
.vendor-app * {
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
}

/* =========================================================
   COLOR TOKENS
   ========================================================= */
.vendor-app {
  --metro-red: #d22c2e;
  --metro-red-dark: #b91f22;
  --metro-red-tint: rgba(210, 44, 46, 0.08);
  --metro-border: #e7e7e7;
  --metro-text: #111827;
}

/* =========================================================
   FILTER CHIPS (Sizes / Amenities / Small-Med-Large / Clear All chips)
   IMPORTANT: selected filters become "contained" buttons (MuiButton-contained)
              but do NOT necessarily get Mui-selected.
              So we size/style *containedSizeMedium* as a chip too.
   ========================================================= */

/* --- Common chip sizing for filter controls (outlined/text/contained medium, chips, toggle buttons) --- */
.vendor-app .MuiToggleButton-root,
.vendor-app .MuiChip-root,
.vendor-app .MuiButton-root.MuiButton-outlined,
.vendor-app .MuiButton-root.MuiButton-text,
.vendor-app .MuiButton-root.MuiButton-containedSizeMedium,
.vendor-app .MuiButtonBase-root.MuiToggleButton-root {
  padding: 0.32rem 0.78rem !important; /* smaller */
  font-size: 12px !important;
  line-height: 1.1 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Make sure inner label spans don't add size */
.vendor-app .MuiButton-root.MuiButton-containedSizeMedium .MuiButton-startIcon,
.vendor-app .MuiButton-root.MuiButton-containedSizeMedium .MuiButton-endIcon,
.vendor-app .MuiChip-root .MuiChip-label {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Default (unselected) chip appearance: white w/ red outline --- */
.vendor-app .MuiToggleButton-root,
.vendor-app .MuiButton-root.MuiButton-outlined,
.vendor-app .MuiButton-root.MuiButton-text,
.vendor-app .MuiChip-root {
  background: #ffffff !important;
  color: var(--metro-red) !important;
  border: 1px solid var(--metro-red) !important;
}

/* --- Hover (unselected) --- */
.vendor-app .MuiToggleButton-root:hover,
.vendor-app .MuiButton-root.MuiButton-outlined:hover,
.vendor-app .MuiButton-root.MuiButton-text:hover,
.vendor-app .MuiChip-root:hover {
  background: var(--metro-red-tint) !important;
  border-color: var(--metro-red) !important;
  color: var(--metro-red) !important;
}

/* --- Selected chip appearance ---
   Covers:
   - ToggleButtons that use .Mui-selected
   - Chips that use .Mui-selected or aria-selected
   - Buttons that become "contained" (MuiButton-containedSizeMedium) when selected
*/
.vendor-app .MuiToggleButton-root.Mui-selected,
.vendor-app .MuiChip-root.Mui-selected,
.vendor-app .MuiChip-root[aria-selected="true"],
.vendor-app .MuiButton-root.Mui-selected,
.vendor-app .MuiButton-root.MuiButton-containedSizeMedium {
  background: var(--metro-red) !important;
  color: #ffffff !important;
  border-color: var(--metro-red) !important;
}

/* Selected hover */
.vendor-app .MuiToggleButton-root.Mui-selected:hover,
.vendor-app .MuiChip-root.Mui-selected:hover,
.vendor-app .MuiChip-root[aria-selected="true"]:hover,
.vendor-app .MuiButton-root.Mui-selected:hover,
.vendor-app .MuiButton-root.MuiButton-containedSizeMedium:hover {
  background: var(--metro-red-dark) !important;
  border-color: var(--metro-red-dark) !important;
  color: #ffffff !important;
}

/* Icons inside filter controls follow text color */
.vendor-app .MuiToggleButton-root svg,
.vendor-app .MuiButton-root svg,
.vendor-app .MuiChip-root svg {
  font-size: 14px !important;
  color: currentColor !important;
}

/* =========================================================
   CTA BUTTONS (SELECT / CONTACT US)
   Keep these big, solid red pills.
   We scope this to "unit cards" so it doesn't affect filter chips.
   ========================================================= */

/* Many unit rows are rendered as Card/Paper; this targets those CTAs */
.vendor-app .MuiCard-root .MuiButton-root.MuiButton-contained,
.vendor-app .MuiPaper-root .MuiButton-root.MuiButton-contained {
  padding: 0.7rem 1.4rem !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  border-radius: 9999px !important;
  background: var(--metro-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--metro-red) !important;
  box-shadow: none !important;
}

.vendor-app .MuiCard-root .MuiButton-root.MuiButton-contained:hover,
.vendor-app .MuiPaper-root .MuiButton-root.MuiButton-contained:hover,
.vendor-app .MuiCard-root .MuiButton-root.MuiButton-contained.Mui-focusVisible,
.vendor-app .MuiPaper-root .MuiButton-root.MuiButton-contained.Mui-focusVisible {
  background: var(--metro-red-dark) !important;
  border-color: var(--metro-red-dark) !important;
  color: #ffffff !important;
}

/* =========================================================
   INPUTS — outlined fields
   ========================================================= */
.vendor-app .MuiInputBase-input,
.vendor-app .MuiOutlinedInput-input,
.vendor-app .MuiSelect-select {
  padding: 0.9rem 0.95rem;
  background: #fff;
  color: var(--metro-text);
}

/* Default border */
.vendor-app .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--metro-border);
}

/* Focus = RED */
.vendor-app .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--metro-red);
  box-shadow: 0 0 0 0px rgba(210, 44, 46, 0.2);
}

/* ERROR = RED */
.vendor-app .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: var(--metro-red);
  box-shadow: 0 0 0 2px rgba(210, 44, 46, 0.2);
}

.vendor-app .MuiFormHelperText-root.Mui-error {
  color: var(--metro-red);
}

/* =========================================================
   SPACING
   ========================================================= */
.vendor-app .MuiFormControl-root {
  margin-bottom: 10px;
}
.vendor-app .MuiDialogActions-root {
  padding-top: 2px;
}
.vendor-app .MuiStack-root {
  row-gap: 8px;
}

/* =========================================================
   Optional: neutral images
   ========================================================= */
.vendor-app img {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* Disabled */
.vendor-app .MuiButton-root.Mui-disabled {
  opacity: 0.55 !important;
}/* End custom CSS */