/* Lotmite responsive layer for RealEstate theme (2026-10-19). Desktop (>1000px) is untouched. */

img {max-width:100%;}

/* ---------- Tablet / small laptop: fluid 980px grid ---------- */
@media (max-width:1000px) {
  #header, .container, #footer-inner, .breadcrumb {width:auto;margin-left:16px;margin-right:16px;}
  #header-shadow {width:auto;left:0;right:0;margin-left:0;background-size:100% 19px;}
  #footer-nav {width:auto;}

  #home-search {width:48%;}
  #home-search .input-text {width:60%;}
  #premium-stage {right:0;width:48%;}
  #premium-stage .ui-item {position:relative;left:auto !important;width:100%;height:auto;}
  #premium-stage .ui-item .frame, #premium-stage .ui-item .info {width:auto;}
  #premium-stage .ui-item .frame img {width:100%;height:auto;aspect-ratio:438/250;object-fit:contain;background:#000;}
  #premium-stage .ui-item .frame .type {width:auto;left:0;right:0;}
  #premium-stage .ui-item .info {position:relative;height:auto;}

  #right-side {width:auto;float:none;margin:0 0 0 238px;}
  .content-item #left-side {width:66%;margin-right:3%;}
  .content-item #right-side {width:31%;margin:0;float:right;}
  .publish-left {width:62%;margin-right:3%;}
  .publish-right {width:35%;}
}

/* ---------- Phone ---------- */
@media (max-width:767px) {
  body {font-size:15px;-webkit-text-size-adjust:100%;}
  .container {padding-top:16px;}
  h1, .home h2 {font-size:24px;}

  /* Header: logo on top, account links + post button below, full width */
  #header {height:auto;padding:12px 0 14px;}
  #logo {display:block;font-size:24px;}
  #logo img {max-height:48px;width:auto;margin-top:0;}
  #logo .logo-text, .logo-text {top:0;display:inline-block;}
  #user_menu {position:static;text-align:left;margin-top:10px;font-size:14px;}
  #user_menu ul {margin:0;}
  #user_menu ul li {float:none;width:auto;margin:0 0 8px;}
  #user_menu ul li a {margin-left:0;margin-right:10px;display:inline-block;padding:4px 0;}
  #user_menu .ui-button {display:block;height:auto;text-align:center;margin:6px 0 0;}
  #login {position:static;}
  #header-shadow {display:none;}

  /* Shared fluid widths */
  .ui-button {height:auto;}
  .ui-input-text, .ui-row-text input, .ui-row-text textarea, .tabbertab input, .tabbertab textarea,
  .contact-form input, .contact-form textarea, .alert-form input, .publish-hook input,
  #comment_form .ui-generic-form-content input, #comment_form .ui-generic-form-content textarea {
    width:100%;max-width:100%;box-sizing:border-box;font-size:16px;height:auto;min-height:40px;padding:8px 10px;
  }
  .ui-row-text textarea, .tabbertab textarea, .contact-form textarea {min-height:120px;}
  select {font-size:16px;max-width:100%;}
  .ui-generic-form-content label {width:auto;float:none;}
  .ui-generic-form .actions {padding-left:0;}
  .ui-generic-form .ui-selectmenu, .ui-generic-form .ui-selectmenu-label, .ui-generic-form .ui-selectmenu-list, #publish-right .ui-selectmenu {width:100%;float:none;}
  .single-form {width:auto;}
  .ui-autocomplete {width:auto;}

  /* Home: search on top, featured listing below */
  #home-search {width:auto;padding-top:0;}
  #home-search h2 {font-size:24px;margin-bottom:16px;}
  #home-search .has-placeholder {display:flex;gap:8px;}
  #home-search .input-text {width:auto;flex:1;min-width:0;height:44px;font-size:18px;margin-right:0;}
  #home-search #message-seach {width:auto;}
  #search-placeholder {font-size:18px;}
  #home-search .ui-button-big {font-size:18px;padding:12px 16px;height:auto;}
  #home-search .categories {padding:16px 0;}
  #home-search .categories h2 {width:50%;font-size:15px;}
  #premium-stage {position:static;width:auto;margin-bottom:20px;}
  #premium-stage .ui-item .frame {margin:10px;height:auto;}
  #premium-stage .ui-item .frame img {display:block;}
  .ui-item .frame .type {height:auto;line-height:18px;}
  #premium-stage .ui-item .frame .price {right:-6px;top:-6px;font-size:18px;}
  #premium-stage .ui-item .info {width:auto;}

  /* Listing cards (latest + search results): 2 per row, 1 on narrow phones */
  #latest-ads {padding:8px;}
  .ui-item-list {width:calc(50% - 12px);height:auto;margin:14px 6px 6px;box-sizing:border-box;}
  .ui-item-list .frame {width:auto;height:auto;}
  .ui-item-list .frame img {width:100%;height:auto;aspect-ratio:200/110;object-fit:contain;background:#000;display:block;}
  .ui-item-list .frame .type {width:auto;left:0;right:0;box-sizing:border-box;}
  .ui-item-list .frame .price {right:-6px;top:-10px;font-size:15px;height:auto;}
  .ui-item-list .info {position:relative;width:auto;height:auto;}
  .ui-item .info .data, .ui-item .info .author {float:none;width:auto;text-align:left;}

  /* Search: results first, filters below */
  #right-side {margin:0;float:none;width:auto;}
  #sidebar {width:auto;float:none;margin-top:20px;}
  #sidebar .ui-input-text {width:100%;}
  #list_head {height:auto;text-align:left;}
  #list_head .ui-actionbox {float:none;display:inline-block;margin:8px 0 0;}
  .alert-form input {float:none;margin-bottom:8px;}
  .alert-form a {margin-left:0;}
  .paginate {height:auto;}

  /* Listing page: gallery + details stacked, contact box full width */
  .content-item #left-side, .content-item #right-side {width:auto;float:none;margin:0;}
  .content-item #right-side {margin-top:20px;}
  #gallery + .details-box {margin:24px 0 0;}
  #item-head h1 {font-size:22px;}
  .ad-gallery .ad-image-wrapper {height:auto;aspect-ratio:4/3;}
  .ad-gallery .ad-image-wrapper .ad-image img {max-width:100%;height:auto;}
  .ad-gallery .ad-back, .ad-gallery .ad-forward {display:none;}
  .ad-thumbs img {width:72px;}
  .ui-content-box {padding:10px 14px;}
  .ui-content-box table, .ui-content-box tbody, .ui-content-box tr, .ui-content-box td {display:block;width:auto !important;}
  .ui-content-box table .right-side {border-left:0;border-top:solid 1px #d9dde2;padding:14px 0;}
  .ui-content-box table .left-side {padding:14px;}
  .content-item .main-content .left-side, .content-item .main-content > div {padding-left:14px;padding-right:14px;}
  .reviews-list {padding:0;}
  .reviews-list-item .profile_pic {float:none;}
  .reviews-list-item .message {float:none;width:auto;}
  #comment_form {width:auto;margin-left:0;}
  #itemMap, #itemMap iframe {max-width:100%;}

  /* Post / edit listing: single column */
  .publish-left, .publish-right {width:auto;float:none;margin:0;}
  .publish-hook ul.checkbox-list {float:none;margin:0;}
  .publish-hook ul.checkbox-list li {width:50%;}

  /* User area */
  .ui-content-box table .right-side, .user-sidebar {width:auto;}

  /* Footer */
  #footer {margin-top:30px;}
  #footer-nav {float:none;}
  #footer-nav li {margin-bottom:8px;}
  #logo-footer {float:none;margin-top:10px;}
}

@media (max-width:420px) {
  .ui-item-list {width:calc(100% - 12px);}
  #home-search .categories h2 {width:100%;}
}

/* Forms: price row, plugin fields, Uppy uploader */
.lm-price-field {display:inline-flex;align-items:center;gap:8px;max-width:100%;}
.lm-price-field select {flex:0 0 auto;width:auto !important;}
.lm-price-field input {flex:1 1 auto;min-width:0;}
.upload-photos {clear:both;}
.upload-photos > label {float:none !important;width:auto !important;display:block;margin-bottom:6px;}
@media (max-width:767px) {
  .ui-row-text .float-left {float:none;display:block;margin-bottom:8px;}
  .ui-row-text .float-left input {width:100%;}
  #currency, select[name="currency"] {width:100%;min-height:40px;}
  .ui-generic-form-content input[type="text"], .ui-generic-form-content input[type="email"], .ui-generic-form-content input[type="tel"],
  .ui-generic-form-content input[type="password"], .ui-generic-form-content input[type="number"], .ui-generic-form-content select {
    width:100%;max-width:100%;box-sizing:border-box;min-height:40px;font-size:16px;
  }
  .uppy-Dashboard-inner {width:100% !important;max-width:100%;}
}
.upload-photos .qq-upload-drop-area {display:none;}
.upload-photos .qq-upload-button {display:block;max-width:320px;padding:14px 20px;text-align:center;color:#fff;font-size:15px;font-weight:bold;cursor:pointer;
  background:#29b4d4;border:solid 1px #239ab5;border-radius:4px;box-sizing:border-box;}
.upload-photos .qq-upload-button:hover {background:#239ab5;}
.upload-photos .qq-upload-list {list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.upload-photos .qq-upload-list li {position:relative;}
.upload-photos .qq-upload-list img {max-width:110px;height:auto;border:1px solid #d9dde2;border-radius:4px;}
@media (max-width:767px) {.upload-photos .qq-upload-button {max-width:none;}}

/* Home: #premium-stage is absolutely positioned (338px tall) on desktop; reserve its height so content below (carousel) does not overlap it. */
@media (min-width:1001px) {
  #main {min-height:360px;}
}

/* Browse by state page */
.lm-browse {padding:0 0 24px;}
.lm-browse-state {margin-bottom:24px;}
.lm-browse-state h2 {margin:0 0 8px;}
.lm-browse-state h3 {margin:12px 0 6px;font-size:14px;}
.lm-browse-state ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;}
.lm-browse-state span {color:#777;font-weight:normal;}