.ts-eb-hero{padding:clamp(32px,6vw,76px);border-radius:20px;background:linear-gradient(120deg,#103c35,#458b79);color:#fff}.ts-eb-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.1;max-width:780px;margin:.3em 0}.ts-eb-eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ts-eb-button{display:inline-block;background:#07866d;color:#fff!important;padding:13px 20px;border-radius:9px;text-decoration:none;font-weight:700;margin-top:12px}.ts-eb-section{margin:28px 0}.ts-eb-category-grid{display:grid;grid-template-columns:repeat(var(--ts-eb-columns,6),minmax(0,1fr));gap:12px}.ts-eb-category{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:105px;padding:18px 10px;border:1px solid #e0e9e5;border-radius:12px;background:#fff;text-decoration:none;color:#123c35;font-weight:700}.ts-eb-category:hover{border-color:#07866d;transform:translateY(-2px)}.ts-eb-category-icon{font-size:26px}.ts-eb-cta{padding:28px;border:1px solid #e0e9e5;border-radius:14px;background:#fff}.ts-eb-language{display:flex;gap:10px;align-items:center}.ts-eb-language a{color:#087f68;text-decoration:none}.rtl .ts-eb-hero,.rtl .ts-eb-section,.rtl .ts-eb-cta{direction:rtl;text-align:right}@media(max-width:800px){.ts-eb-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.ts-eb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Elementor promo banner and responsive widget spacing */
.ts-eb-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:16px;margin:22px 0}.ts-eb-promo h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:5px 0}.ts-eb-promo p{margin:6px 0}.ts-eb-promo .ts-eb-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px}.ts-eb-promo .ts-eb-button{flex-shrink:0}.elementor-editable-homepage{min-width:0}.elementor-editable-homepage .ts-eb-section{margin:26px 0}.elementor-editable-homepage .ts-eb-hero{border-radius:20px;padding:clamp(24px,4vw,48px)}.elementor-editable-homepage .ts-eb-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.1}.ts-search-cars [name=ts_purpose],.ts-search-cars [name=ts_bedrooms],.ts-search-cars [name=ts_bathrooms],.ts-search-cars [name=ts_area_min],.ts-search-cars [name=ts_property_type]{display:none!important}.ts-search-property [name=ts_make],.ts-search-property [name=ts_model],.ts-search-property [name=ts_year_min],.ts-search-property [name=ts_mileage_max],.ts-search-property [name=ts_fuel],.ts-search-property [name=ts_transmission]{display:none!important}.ts-search-jobs [name=ts_min_price],.ts-search-jobs [name=ts_max_price],.ts-search-jobs [name=ts_make],.ts-search-jobs [name=ts_model],.ts-search-jobs [name=ts_year_min],.ts-search-jobs [name=ts_mileage_max],.ts-search-jobs [name=ts_fuel],.ts-search-jobs [name=ts_transmission],.ts-search-jobs [name=ts_purpose],.ts-search-jobs [name=ts_bedrooms],.ts-search-jobs [name=ts_bathrooms],.ts-search-jobs [name=ts_area_min],.ts-search-jobs [name=ts_property_type]{display:none!important}@media(max-width:680px){.ts-eb-promo{align-items:flex-start;flex-direction:column;padding:20px}.ts-eb-promo .ts-eb-button{width:100%;text-align:center}.ts-eb-hero{padding:24px 18px!important}}


/* V7.5: put the full marketplace search inside the hero and trust cards directly below it. */
.ts-eb-hero-with-search { overflow: visible; }
.ts-eb-hero-with-search .ts-eb-hero-description { margin-bottom: 22px; }
.ts-eb-hero-search { color: #123c35; background: #fff; border-radius: 14px; padding: 14px; margin-top: 22px; box-shadow: 0 8px 28px rgba(0,0,0,.10); }
.ts-eb-hero-search .ts-advanced-search { margin: 0; }
.ts-eb-hero-search .ts-save-search-form { margin-top: 10px; }
.ts-eb-hero-search .ts-save-search-form label { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.ts-eb-hero-search .ts-save-search-form label input { flex: 1 1 260px; min-width: 0; }
.ts-eb-hero-trust { margin: 24px 0 36px; }
.ts-eb-hero-with-search .ts-eb-button { display: none !important; }
@media(max-width:680px) {
  .ts-eb-hero-search { padding: 10px; margin-top: 18px; }
  .ts-eb-hero-search .ts-save-search-form label { align-items: stretch; }
  .ts-eb-hero-search .ts-save-search-form label input { flex-basis: 100%; }
}


/* V7.6: homepage uses one save-search bar inside the hero; hide any separate Elementor search widget on the front page. */
.home .ts-eb-search-widget { display: none !important; }
.ts-eb-hero-search .ts-advanced-search { display: none !important; }
.ts-eb-hero-search .ts-save-search-hero-form { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; padding: 14px; background: #fff; color: #123c35; border-radius: 12px; }
.ts-eb-hero-search .ts-save-search-hero-form label { display: flex; align-items: center; flex: 1 1 320px; flex-wrap: wrap; gap: 10px; margin: 0; font-weight: 700; }
.ts-eb-hero-search .ts-save-search-hero-form input[name="search_label"] { flex: 1 1 240px; min-width: 0; padding: 12px; border: 1px solid #dbe6e1; border-radius: 8px; color: #123c35; background: #fff; }
.ts-save-search-prompt { margin-top: 20px; padding: 14px; border-radius: 12px; background: #fff; color: #123c35; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
@media(max-width:600px) { .ts-eb-hero-search .ts-save-search-hero-form { align-items: stretch; flex-direction: column; } .ts-eb-hero-search .ts-save-search-hero-form label { align-items: stretch; flex-direction: column; } .ts-eb-hero-search .ts-save-search-hero-form button { width: 100%; } }


/* V7.7 verified styling: same public search layout for guests and signed-in users. */
.ts-eb-hero-search {
  box-sizing:border-box; width:100%; margin:22px 0 0; padding:12px;
  color:inherit; background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.78); border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.ts-eb-hero-search .ts-advanced-search {
  display:grid; grid-template-columns:minmax(190px,2fr) minmax(130px,1fr) minmax(145px,1fr) auto;
  align-items:center; gap:9px; margin:0; padding:0; background:transparent;
}
.ts-eb-hero-search .ts-advanced-search input[name="ts_q"],
.ts-eb-hero-search .ts-advanced-search select[name="ts_city"],
.ts-eb-hero-search .ts-advanced-search select[name="ts_cat"] {
  display:block!important; box-sizing:border-box; width:100%; min-width:0; min-height:48px;
  margin:0; padding:0 14px; color:#183b36; background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.9); border-radius:9px;
}
.ts-eb-hero-search .ts-advanced-search button.ts-btn {
  display:inline-flex; align-items:center; justify-content:center; min-height:48px;
  margin:0; padding:0 24px; color:#fff; background:#07866d; border:1px solid #07866d;
  border-radius:9px; font-weight:700; white-space:nowrap; cursor:pointer;
}
.ts-eb-hero-search .ts-advanced-search button.ts-btn:hover {background:#056d59;}
.ts-eb-hero-search .ts-advanced-search > input:not([name="ts_q"]),
.ts-eb-hero-search .ts-advanced-search > select:not([name="ts_city"]):not([name="ts_cat"]) {display:none!important;}
.ts-eb-hero-search .ts-save-search-form,
.ts-eb-hero-search .ts-save-search-prompt {display:none!important;}
.ts-eb-promo-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 34px;}
.ts-eb-promo-card {display:flex;align-items:center;gap:18px;min-width:0;min-height:158px;overflow:hidden;border:1px solid rgba(20,50,45,.07);border-radius:14px;}
.ts-eb-promo-card:first-child {grid-column:1/-1;min-height:142px;}
.ts-eb-promo-card-image {flex:0 0 30%;align-self:stretch;min-width:0;}
.ts-eb-promo-card-image img {display:block;width:100%;height:100%;min-height:140px;object-fit:cover;}
.ts-eb-promo-card-content {flex:1;min-width:0;padding:20px 22px;}
.ts-eb-promo-card h3 {margin:0 0 7px;color:#173b36;font-size:clamp(18px,2vw,24px);line-height:1.25;}
.ts-eb-promo-card p {margin:0 0 12px;color:#263b3a;font-size:15px;line-height:1.5;}
.ts-eb-promo-card a {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px;padding:11px 18px;color:#183b36;background:rgba(255,255,255,.94);border-radius:9px;text-decoration:none;font-weight:700;}
@media(max-width:760px) {
 .ts-eb-hero-search .ts-advanced-search {grid-template-columns:1fr 1fr;}
 .ts-eb-hero-search .ts-advanced-search input[name="ts_q"] {grid-column:1/-1;}
 .ts-eb-hero-search .ts-advanced-search button.ts-btn {width:100%;}
 .ts-eb-promo-cards {grid-template-columns:1fr;gap:12px;}
 .ts-eb-promo-card:first-child {grid-column:auto;}
}
@media(max-width:480px) {
 .ts-eb-hero-search {padding:9px;border-radius:13px;}
 .ts-eb-hero-search .ts-advanced-search {grid-template-columns:1fr;}
 .ts-eb-hero-search .ts-advanced-search input[name="ts_q"] {grid-column:auto;}
 .ts-eb-promo-card {flex-direction:column;align-items:stretch;gap:0;}
 .ts-eb-promo-card-image {flex-basis:auto;height:145px;}
 .ts-eb-promo-card-image img {min-height:145px;max-height:145px;}
 .ts-eb-promo-card-content {padding:17px;}
}


/* V7.8: force the real public marketplace search form to render inside the homepage hero. */
.home .ts-eb-hero-search form.ts-search.ts-advanced-search,
.home .elementor-editable-homepage .ts-eb-hero-search form.ts-search.ts-advanced-search {
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  grid-template-columns:minmax(220px,2fr) minmax(145px,1fr) minmax(155px,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-height:58px !important;
  margin:0 !important;
  padding:8px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.85) !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
}
.home .ts-eb-hero-search form.ts-search.ts-advanced-search input[name="ts_q"],
.home .ts-eb-hero-search form.ts-search.ts-advanced-search select[name="ts_city"],
.home .ts-eb-hero-search form.ts-search.ts-advanced-search select[name="ts_cat"] {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:48px !important;
  margin:0 !important;
  padding:0 15px !important;
  color:#173b36 !important;
  background:#fff !important;
  border:1px solid #d9e4e0 !important;
  border-radius:9px !important;
  font-size:15px !important;
  box-sizing:border-box !important;
}
.home .ts-eb-hero-search form.ts-search.ts-advanced-search button.ts-btn {
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:112px !important;
  min-height:48px !important;
  margin:0 !important;
  padding:0 22px !important;
  color:#fff !important;
  background:#f36b21 !important;
  border:1px solid #f36b21 !important;
  border-radius:9px !important;
  font-size:15px !important;
  font-weight:750 !important;
  cursor:pointer !important;
}
.home .ts-eb-hero-search form.ts-search.ts-advanced-search button.ts-btn:hover {
  background:#d95712 !important;
}
.home .ts-eb-hero-search form.ts-search.ts-advanced-search > input:not([name="ts_q"]),
.home .ts-eb-hero-search form.ts-search.ts-advanced-search > select:not([name="ts_city"]):not([name="ts_cat"]) {
  display:none !important;
}
@media(max-width:760px) {
  .home .ts-eb-hero-search form.ts-search.ts-advanced-search {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
  .home .ts-eb-hero-search form.ts-search.ts-advanced-search input[name="ts_q"] {
    grid-column:1/-1 !important;
  }
  .home .ts-eb-hero-search form.ts-search.ts-advanced-search button.ts-btn {
    width:100% !important;
  }
}
@media(max-width:480px) {
  .home .ts-eb-hero-search form.ts-search.ts-advanced-search {
    grid-template-columns:1fr !important;
  }
  .home .ts-eb-hero-search form.ts-search.ts-advanced-search input[name="ts_q"] {
    grid-column:auto !important;
  }
}


/* V8.12 TerraSouq logo palette: authoritative Elementor widget styling.
   !important intentionally overrides colors saved in older Elementor widget settings. */
.home .ts-eb-hero, .front-page .ts-eb-hero, .elementor-page .ts-eb-hero, .ts-brand-hero {
  background: radial-gradient(circle at 88% 10%, rgba(243,107,33,.28), transparent 38%),
              linear-gradient(115deg,#10264f 0%,#173c72 72%,#28558a 100%) !important;
  color:#ffffff !important;
}
.home .ts-eb-hero h1, .home .ts-eb-hero p, .home .ts-eb-hero .ts-eb-eyebrow,
.front-page .ts-eb-hero h1, .front-page .ts-eb-hero p, .front-page .ts-eb-hero .ts-eb-eyebrow,
.elementor-page .ts-eb-hero h1, .elementor-page .ts-eb-hero p, .elementor-page .ts-eb-hero .ts-eb-eyebrow { color:#ffffff !important; }
.home .ts-eb-promo, .front-page .ts-eb-promo, .elementor-page .ts-eb-promo, .ts-brand-promo {
  background:linear-gradient(115deg,#10264f 0%,#173c72 78%,#28558a 100%) !important;
  color:#ffffff !important; border:1px solid rgba(255,255,255,.16) !important;
}
.home .ts-eb-promo h2, .home .ts-eb-promo p, .home .ts-eb-promo .ts-eb-eyebrow,
.front-page .ts-eb-promo h2, .front-page .ts-eb-promo p, .front-page .ts-eb-promo .ts-eb-eyebrow,
.elementor-page .ts-eb-promo h2, .elementor-page .ts-eb-promo p, .elementor-page .ts-eb-promo .ts-eb-eyebrow { color:#ffffff !important; }
.ts-eb-hero .ts-eb-button, .ts-eb-promo .ts-eb-button, .ts-eb-cta .ts-eb-button,
.ts-eb-hero a.elementor-button, .ts-eb-promo a.elementor-button {
  background:#f36b21 !important; color:#ffffff !important; border:1px solid #f36b21 !important;
}
.ts-eb-hero .ts-eb-button:hover, .ts-eb-promo .ts-eb-button:hover, .ts-eb-cta .ts-eb-button:hover {
  background:#d95712 !important; border-color:#d95712 !important; color:#ffffff !important;
}
.ts-eb-hero .ts-eb-hero-search { border-color:rgba(255,255,255,.55); }
.ts-eb-hero .ts-search button, .ts-eb-hero .ts-search input[type=submit] {
  background:#f36b21 !important; border-color:#f36b21 !important; color:#fff !important;
}

/* V8.13: final, high-specificity TerraSouq hero search submit button override */
.ts-eb-hero-search form.ts-search button.ts-btn,
.ts-eb-hero-search form.ts-search button[type="submit"],
.ts-eb-hero-search form.ts-search input[type="submit"],
.ts-eb-hero-search .ts-advanced-search button.ts-btn {
  background-color:#f36b21 !important;
  background-image:none !important;
  border-color:#f36b21 !important;
  color:#ffffff !important;
}
.ts-eb-hero-search form.ts-search button.ts-btn:hover,
.ts-eb-hero-search form.ts-search button[type="submit"]:hover,
.ts-eb-hero-search form.ts-search input[type="submit"]:hover,
.ts-eb-hero-search .ts-advanced-search button.ts-btn:hover {
  background-color:#d95712 !important;
  border-color:#d95712 !important;
  color:#ffffff !important;
}
