/* Home page search fields: easier to see and bigger. Loaded last by index.html. Remove the <link> (or git revert) to roll back. */
:root { --field-border: #7f95ad; --field-ink: #132d4c; }

/* Card around the search */
.filter-panel { padding: 18px; border: 1px solid rgba(19, 45, 76, .08); }
.property-search label, .field label { font-size: 15px; font-weight: 800; color: var(--field-ink); margin: 2px 0 10px 4px; }
.search-hint { font-size: 13px; margin-top: 12px; }

/* The main search box and the UPI box */
.filter-panel .property-search-row input[type="search"],
.upi-checker-form input[type="text"] {
  height: 60px; min-height: 60px; padding: 0 22px 0 56px;
  border: 2px solid var(--field-border); border-radius: var(--radius-pill);
  background-color: #fff; background-repeat: no-repeat; background-position: 20px center; background-size: 22px 22px;
  color: var(--field-ink); font-size: 17px; font-weight: 600;
  box-shadow: inset 0 2px 4px rgba(19, 45, 76, .08), 0 4px 14px rgba(19, 45, 76, .08);
}
.filter-panel .property-search-row input[type="search"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23132d4c' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}
.upi-checker-form input[type="text"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23132d4c' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 3L7 21M17 3l-2 18M4 9h17M3 15h17'/%3E%3C/svg%3E");
}
.filter-panel .property-search-row input[type="search"]:focus,
.upi-checker-form input[type="text"]:focus {
  border-color: var(--accent); background-color: #fff;
  box-shadow: 0 0 0 5px rgba(0, 174, 231, .25), 0 4px 14px rgba(19, 45, 76, .1);
}
.filter-panel .property-search-row input::placeholder, .upi-checker-form input::placeholder { color: #5f7189; font-weight: 500; opacity: 1; }
input[type="search"], .upi-checker-form input[type="text"] { text-overflow: ellipsis; }
.property-search-row .search-btn, .upi-checker-form .search-btn { min-height: 60px; padding: 0 32px; font-size: 17px; }

/* Advanced filters */
.field select, .field input { height: 54px; border: 2px solid var(--field-border); border-radius: 18px; background-color: #fff; font-size: 16px; font-weight: 600; box-shadow: inset 0 2px 4px rgba(19, 45, 76, .06); }
.field select:focus, .field input:focus { border-color: var(--accent); box-shadow: 0 0 0 5px rgba(0, 174, 231, .25); }
.budget-row .search-btn { height: 54px; min-height: 54px; }
.advanced-toggle { min-height: 48px; padding: 0 22px; border: 0; background: var(--brand-light); color: var(--field-ink); font-size: 15px; font-weight: 800; }
.advanced-toggle:hover { background: #d3eefb; }

@media (max-width: 719px) {
  .filter-panel .property-search-row input::placeholder, .upi-checker-form input::placeholder { font-size: 15px; }
  .filter-panel .property-search-row input[type="search"], .upi-checker-form input[type="text"] { flex: 0 0 auto; width: 100%; box-sizing: border-box; min-height: 58px; }
  .filter-panel { padding: 16px; }
  .filter-panel .property-search-row input[type="search"], .upi-checker-form input[type="text"] { height: 58px; font-size: 16px; padding-left: 52px; background-position: 18px center; }
  .property-search-row .search-btn, .upi-checker-form .search-btn { min-height: 58px; }
}