/* MUR-31: align the /search/ apartment form with refreshed AOK site styling. */
.aok-search-v3 {
  --aok-navy: #0B2038;
  --aok-navy-2: #07192C;
  --aok-navy-deep: #061421;
  --aok-green: rgb(0, 60, 55);
  --aok-green-2: #064f47;
  --aok-green-soft: #E8F2EF;
  --aok-green-line: #8CB9B0;
  --aok-gold: #E8B921;
  --aok-gold-soft: #F7DF88;
  --aok-orange: #E87A24;
  --aok-orange-2: #C8651A;
  --aok-bg-soft: #F4F1EB;
  --aok-bg-muted: #ECE7DD;
  --aok-border: #DED8CA;
  --aok-border-strong: #CFC6B6;
  --aok-fg: #17243A;
  --aok-fg-strong: #0B2038;
  --aok-fg-muted: #4D5A6E;
  --aok-fg-subtle: #6E7785;
  background: var(--aok-bg-soft);
  color: var(--aok-fg);
}

.aok-search-v3 .as-hero {
  background:
    radial-gradient(circle at 90% -18%, rgba(232, 185, 33, 0.14) 0%, transparent 48%),
    radial-gradient(circle at 0% 105%, rgba(0, 60, 55, 0.24) 0%, transparent 44%),
    linear-gradient(180deg, var(--aok-navy) 0%, var(--aok-navy-2) 100%);
}

.aok-search-v3 .as-hero-eyebrow,
.aok-search-v3 .as-side-h,
.aok-search-v3 .as-progress-label,
.aok-search-v3 .as-side-card-h,
.aok-search-v3 .as-price-tier {
  letter-spacing: 0.12em !important;
}

.aok-search-v3 .as-hero-title,
.aok-search-v3 .as-section-h h2,
.aok-search-v3 .as-price-value,
.aok-search-v3 .as-side-stat-value {
  letter-spacing: 0 !important;
}

.aok-search-v3 .as-hero-title em,
.aok-search-v3 .as-side-h,
.aok-search-v3 .as-side-step-num,
.aok-search-v3 .as-testimonial-stars {
  color: var(--aok-gold);
}

.aok-search-v3 .as-hero-eyebrow {
  border-color: rgba(232, 185, 33, 0.42);
  background: rgba(232, 185, 33, 0.12);
  border-radius: 6px;
}

.aok-search-v3 .as-hero-side {
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
}

.aok-search-v3 .as-form,
.aok-search-v3 .as-side-card,
.aok-search-v3 .as-trust-band-inner {
  border-color: var(--aok-border);
  border-radius: 10px;
  box-shadow: 0 16px 34px rgba(11, 32, 56, 0.10), 0 3px 10px rgba(11, 32, 56, 0.06);
}

.aok-search-v3 .as-form {
  overflow: hidden;
}

.aok-search-v3 .as-progress {
  background: #FFFFFF;
  border-bottom-color: var(--aok-border);
}

.aok-search-v3 .as-progress-step {
  min-width: 0;
}

.aok-search-v3 .as-progress-num {
  border-color: var(--aok-border-strong);
  color: var(--aok-green);
}

.aok-search-v3 .as-progress-step.is-active .as-progress-num {
  background: var(--aok-green);
  border-color: var(--aok-green);
  color: #FFFFFF;
  box-shadow: 0 0 0 4px rgba(0, 60, 55, 0.13);
}

.aok-search-v3 .as-progress-step.is-done .as-progress-num {
  background: var(--aok-gold);
  border-color: var(--aok-gold);
  color: var(--aok-navy);
}

.aok-search-v3 .as-progress-step.is-active .as-progress-label {
  color: var(--aok-orange);
}

.aok-search-v3 .as-section {
  border-bottom-color: var(--aok-border);
}

.aok-search-v3 .as-section-bar {
  background: var(--aok-green);
}

.aok-search-v3 .as-section-sub,
.aok-search-v3 .as-field-hint,
.aok-search-v3 .as-actions-note {
  color: var(--aok-fg-muted);
}

.aok-search-v3 .as-region-tab,
.aok-search-v3 .as-city-tile,
.aok-search-v3 .as-chip-tile,
.aok-search-v3 .as-date-quick button {
  border-color: var(--aok-border);
  border-radius: 8px;
  color: var(--aok-fg-strong);
}

.aok-search-v3 .as-region-tab:hover,
.aok-search-v3 .as-city:hover .as-city-tile,
.aok-search-v3 .as-chip:hover .as-chip-tile,
.aok-search-v3 .as-date-quick button:hover {
  border-color: var(--aok-green-line);
}

.aok-search-v3 .as-region-tab.is-active,
.aok-search-v3 .as-city input:checked + .as-city-tile,
.aok-search-v3 .as-chip input:checked + .as-chip-tile,
.aok-search-v3 .as-date-quick button.is-active {
  background: var(--aok-green);
  border-color: var(--aok-green);
  color: #FFFFFF;
}

.aok-search-v3 .as-region-tab.is-active .count {
  background: rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
}

.aok-search-v3 .as-city input:focus-visible + .as-city-tile,
.aok-search-v3 .as-chip input:focus-visible + .as-chip-tile,
.aok-search-v3 .as-region-tab:focus-visible,
.aok-search-v3 .as-date-quick button:focus-visible,
.aok-search-v3 .as-submit:focus-visible,
.aok-search-v3 .as-help-phone:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 60, 55, 0.16);
}

.aok-search-v3 .as-city-check {
  border-color: var(--aok-border-strong);
}

.aok-search-v3 .as-city input:checked + .as-city-tile .as-city-check {
  background: var(--aok-gold);
  border-color: var(--aok-gold);
}

.aok-search-v3 .as-input,
.aok-search-v3 .as-select {
  min-height: 50px;
  border-color: var(--aok-border);
  border-radius: 8px;
  background: #FFFDF8;
  color: var(--aok-fg-strong);
}

.aok-search-v3 .as-input:focus,
.aok-search-v3 .as-select:focus {
  border-color: var(--aok-green);
  box-shadow: 0 0 0 3px rgba(0, 60, 55, 0.13);
}

.aok-search-v3 .as-input-icon,
.aok-search-v3 .as-date-icon,
.aok-search-v3 .as-input-flag {
  color: var(--aok-green);
}

.aok-search-v3 .as-cities-summary,
.aok-search-v3 .as-price,
.aok-search-v3 .as-side-stat,
.aok-search-v3 .as-help {
  background: #FFFDF8;
  border-color: var(--aok-border);
  border-radius: 8px;
}

.aok-search-v3 .as-price-tier {
  background: var(--aok-green-soft);
  border-color: var(--aok-green-line);
  color: var(--aok-green);
}

.aok-search-v3 .as-slider {
  background-image: linear-gradient(90deg, var(--aok-green) 0%, var(--aok-green-line) var(--pct, 30%), #E5DED2 var(--pct, 30%));
}

.aok-search-v3 .as-slider::-webkit-slider-thumb {
  background: var(--aok-green);
  border-color: var(--aok-gold);
}

.aok-search-v3 .as-slider::-moz-range-thumb {
  background: var(--aok-green);
  border-color: var(--aok-gold);
}

.aok-search-v3 .as-actions {
  background: #FFFFFF;
  border-top-color: var(--aok-border);
}

.aok-search-v3 .as-submit {
  background: var(--aok-orange);
  border-radius: 8px;
  box-shadow: 0 2px 0 var(--aok-orange-2), 0 10px 20px rgba(232, 122, 36, 0.28);
}

.aok-search-v3 .as-submit:hover {
  background: #D96F20;
}

.aok-search-v3 .as-side-card-h {
  color: var(--aok-green);
}

.aok-search-v3 .as-side-card-h::before {
  background: var(--aok-gold);
}

.aok-search-v3 .as-side-stat-value .unit,
.aok-search-v3 .as-price-value .currency {
  color: var(--aok-orange);
}

.aok-search-v3 .as-testimonial {
  background: linear-gradient(180deg, var(--aok-navy) 0%, var(--aok-navy-deep) 100%);
  border-radius: 10px;
}

.aok-search-v3 .as-testimonial-avatar,
.aok-search-v3 .as-help-icon,
.aok-search-v3 .as-help-phone {
  background: var(--aok-green);
}

.aok-search-v3 .as-help-icon,
.aok-search-v3 .as-help-phone {
  color: #FFFFFF;
}

.aok-search-v3 .as-help-phone:hover {
  background: var(--aok-green-2);
}

.aok-search-v3 .as-trust-cell {
  border-color: var(--aok-border);
}

.aok-search-v3 .as-trust-cell-icon {
  background: var(--aok-green-soft);
  color: var(--aok-green);
}

@media (max-width: 720px) {
  .aok-search-v3 .as-main,
  .aok-search-v3 .as-hero-inner,
  .aok-search-v3 .as-trust-band {
    padding-left: 16px;
    padding-right: 16px;
  }

  .aok-search-v3 .as-main {
    margin-top: -44px;
  }

  .aok-search-v3 .as-form,
  .aok-search-v3 .as-side-card,
  .aok-search-v3 .as-testimonial,
  .aok-search-v3 .as-help {
    border-radius: 8px;
  }

  .aok-search-v3 .as-progress-step {
    padding: 15px 18px;
  }

  .aok-search-v3 .as-city-tile,
  .aok-search-v3 .as-chip-tile {
    min-height: 48px;
    align-items: center;
  }

  .aok-search-v3 .as-actions {
    padding: 22px;
  }

  .aok-search-v3 .as-submit {
    min-height: 54px;
    padding: 14px 22px;
  }
}