:root {

--main-bg: #0e0f16;
  --body-background-color: var(--main-bg);
  --body-font-color: #ccd2c3;

  --mint: #ccd2c3;
  --accent-green: #759878;
  --accent-green-hover: #91b399;
  --accent-green-active: #5f7c64;
  --soft-border: #35404c;
  --dark-box: #1a1d26;

  --link-color: var(--accent-green);
  --highlight-border-color: var(--accent-green);

  --alt-box-bg-color: var(--dark-box);
  --content-background-color: var(--dark-box);
  --content-box-table-cell-border-color: var(--soft-border);
  --content-box-table-cell-active-text-color: var(--mint);

  --top-navigation-background-color: var(--dark-box);
  --top-navigation-selector-color: #a9b2a8;
  --top-navigation-selector-box-shadow-color: var(--soft-border);
  --top-navigation-button-border-color: var(--soft-border);
  --top-navigation-menu-border-color: var(--accent-green);

  --header-background-color: var(--dark-box);
  --header-tabs-icon-active-filter: brightness(1.3);
  --header-search-form-title-color: #a9b2a8;

  --form-disabled-background-color: var(--dark-box);
  --form-background-color: var(--soft-border);
  --form-field-line-color: #3d475a;
  --form-field-line-color-hover: var(--accent-green);

  --form-checked-background-color: var(--accent-green);
  --form-checked-background-color-hover: var(--accent-green-hover);
  --form-checked-background-color-active: var(--accent-green-active);
  --form-checked-text-color: var(--main-bg);

  --form-error-background-color: #732e2e;
  --form-error-text-color: #f1cccc;
  --form-error-shadow: rgba(169, 67, 67, 0.4);

  --middle-no-sidebar-background-color: var(--dark-box);
  --bottom-no-sidebar-background-color: var(--soft-border);

  --featured-no-sidebar-background-color: var(--dark-box);
  --featured-background-color: var(--dark-box);
  --featured-title-color: var(--mint);
  --featured-accounts-background-color: var(--dark-box);

  --listing-card-icon-color: var(--accent-green);
  --listing-card-active-icon-color: #bfc5bd;
  --listing-gallery-media-background-color: #0f111a;
  --listing-mask-background-color: rgba(117, 152, 120, 0.2);
  --listing-thumbnail-background-color: var(--dark-box);

  --table-list-border-color: #3a4454;
  --table-list-me-border-color: #b4bcb0;

  --fieldset-header-background-color: var(--soft-border);
  --upload-zone-background-color: var(--soft-border);
  --plans-border-color: #3e495c;
  --steps-background-color: var(--dark-box);
  --popup-mask-background-color: rgba(28, 31, 42, 0.75);
  --side-block-button-border-color: var(--accent-green);

  --tabs-active-background-color: var(--soft-border);
  --tabs-side-block-active-background-color: var(--soft-border);
  --tabs-side-block-border-color: #3e495c;

  --footer-background-color: var(--dark-box);
  --footer-text-color: #aebfb4;
  --footer-menu-title-color: var(--mint);
  --footer-menu-link-color: #aebfb4;
}

#theme-switcher-moon {
  display: none;
}

/* Unified styling for the submit/search buttons */
input[type="submit"],
button[type="submit"],
.search-button {
  margin-top: 16px !important;              /* Matches input spacing */
  background-color: #759878 !important;     /* Final green shade */
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  height: 47px !important;
  line-height: 47px !important;
  font-size: 17px !important;
  font-weight: bold;
  width: 100% !important;
  text-align: center;
  box-shadow: 0 0 25px rgba(122, 148, 104, 0.6) !important;
  transition: all 0.3s ease-in-out;
  padding: 0 !important;
}

/* Hover state */
input[type="submit"]:hover,
button[type="submit"]:hover,
.search-button:hover {
  background-color: #86b98c !important;     /* Slightly brighter green */
  box-shadow: 0 0 20px rgba(122, 148, 104, 0.7) !important;
}

.mobile-close-icon,
.mobile-close-icon use,
.default-header-contacts-2 svg,
.default-header-contacts-2 use {
  fill: #759878 !important;
  color: #759878 !important;
}
.button.add-property {
  background-color: #759878 !important;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 12px 0;
  text-align: center;
  height: 47px !important;
  line-height: 47px !important;
  display: block;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(117, 152, 120, 0.3);
  transition: background-color 0.3s ease;
}

.button.add-property:hover {
  background-color: #88b88b !important;
}


html[dir="rtl"], body {
  direction: rtl !important;
  text-align: right !important;
}

.row {
  flex-direction: row-reverse !important;
}

.text-start {
  text-align: right !important;
}

.text-end {
  text-align: left !important;
}