/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Scoped to shortcode */
.user-properties .card-title {
  color: var(--e-global-color-primary, #1A237E);
  font-weight: 600;
}

/* Buttons */
.user-properties .btn {
  font-family: var(--e-global-typography-text-font-family, 'Poppins');
  font-size: 18px;
  border-radius: 8px;
  padding: 5px 20px;
  transition: all 0.3s ease;
	text-decoration: none;
}

/* Outline button */
.user-properties .btn-outline-primary {
  color: #1A237E;
  border-color: #1A237E;
}
.user-properties .btn-outline-primary:hover {
  background-color: #1A237E;
  color: #fff;
}

/* Primary button (unify with your brand) */
.user-properties .btn-primary {
  background-color: #1A237E;
  border-color: #1A237E;

}
.user-properties .btn-primary:hover {
  background-color: #0d174a;
  border-color: #0d174a;
}
/* Tabs Styling - Override Bootstrap Blue/Red */
.user-properties .nav-tabs .nav-link {
  font-family: var(--e-global-typography-text-font-family, 'Poppins');
  font-size: 18px;
  color: var(--e-global-color-text, #212121);
  border: none;
  border-bottom: 2px solid transparent;
  padding: 10px 30px;
  transition: all 0.3s ease;
}

/* Hover state */
.user-properties .nav-tabs .nav-link:hover {
  color: #1A237E !important;
  border-bottom: 2px solid #1A237E;
  background-color: transparent !important;
}

/* Active (clicked) state */
.user-properties .nav-tabs .nav-link.active {
  color: #1A237E !important;
  font-weight: 600;
  border-bottom: 2px solid #1A237E;
  background-color: transparent !important;
}
.mb-3{
	margin-bottom:40px!important;
}
/* Forminator submit button */
.forminator-button.forminator-button-submit {
    background-color: #1A237E !important; /* main theme color */
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.forminator-button.forminator-button-submit:hover {
    background-color: #0d154f !important; /* darker shade on hover */
}
	.thumbnail-wrapper.hidden-thumb img {
    opacity: 0.2;
}
.thumbnail-wrapper.hidden-thumb {
    display: none; /* completely hidden */
}


	/* ===== Property Listing Form Styling ===== */
.owner-dashboard-container {
  font-family: "Open Sans", sans-serif;
  color: #212121;
}

/* Typography */
.owner-dashboard-container h1,
.owner-dashboard-container h2,
.owner-dashboard-container h3,
.owner-dashboard-container h4 {
  font-family: "Poppins", sans-serif;
  color: #1A237E;
  margin-bottom: 1rem;
}

.owner-dashboard-container h1 { font-size: 48px; }
.owner-dashboard-container h2 { font-size: 26px; }
.owner-dashboard-container p,
.owner-dashboard-container label,
.owner-dashboard-container input,
.owner-dashboard-container select,
.owner-dashboard-container textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #212121;
}

/* Sidebar Tabs */
.owner-dashboard-container .sidebar {
  background-color: #f8f9fa;
  border-right: 2px solid #e0e0e0;
}
.owner-dashboard-container .sidebar-tab {
  display: block;
  padding: 12px 18px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #212121;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}
.owner-dashboard-container .sidebar-tab:hover,
.owner-dashboard-container .sidebar-tab.active {
  background-color: #1A237E;
  color: #fff;
}

/* Buttons */
.owner-dashboard-container .btn {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.owner-dashboard-container .btn-danger,
.owner-dashboard-container .btn-success {
  background-color: #1A237E;
  border: none;
}
.owner-dashboard-container .btn-danger:hover,
.owner-dashboard-container .btn-success:hover {
  background-color: #0f1758;
}

/* Form Controls */
.owner-dashboard-container .form-control,
.owner-dashboard-container .form-select {
  border: 1px solid #ccc;
  font-size: 18px;
  border-radius: 4px;
  padding: 10px;
}

.owner-dashboard-container .form-label {
  color: #212121;
  font-weight: 600;
}

/* Progress Bar */
.owner-dashboard-container .progress-bar.bg-success {
  background-color: #1A237E !important;
}

/* Alerts */
.owner-dashboard-container .alert-success {
  background-color: #e8eaf6;
  color: #1A237E;
  border: 1px solid #c5cae9;
}

.btn.btn-danger.next-tab {
  color: white !important;
}
button.btn.btn-secondary.next-tab {
  color: #fff !important;
  background-color: #1A237E !important;
  border: none !important;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  transition: background-color 0.3s ease;
}
button#finishBtn{
	color:#fff;
}
/* ===========================================================
   ULTRA-FLUID & UNBREAKABLE DASHBOARD LAYOUT — iPad Air + Pro FIX
   =========================================================== */

/* ===== Universal Fluid Layout (≤1200px) ===== */
@media (max-width: 1200px) {
  .owner-dashboard-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  /* Sidebar becomes top horizontal bar */
  .owner-dashboard-container .sidebar {
    order: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #f8f9fa !important;
    border-right: none !important;
    border-bottom: 2px solid #e0e0e0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    gap: clamp(6px, 1vw, 10px) !important;
    padding: 10px clamp(8px, 2vw, 20px) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin;
  }

  /* Prevent tab wrapping */
  .owner-dashboard-container .sidebar-tab {
    display: inline-block !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    padding: 10px 16px !important;
    font-size: clamp(14px, 1.5vw, 17px) !important;
    font-weight: 500 !important;
    color: #212121 !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
  }

  .owner-dashboard-container .sidebar-tab.active {
    color: #1A237E !important;
    border-bottom: 3px solid #1A237E !important;
  }

  /* Content always below sidebar */
  .owner-dashboard-container .tab-content,
  .owner-dashboard-container .container-fluid {
    order: 1 !important;
    width: 100% !important;
    padding: clamp(16px, 2vw, 28px) !important;
    margin: 0 auto !important;
    background-color: #fff !important;
    flex-grow: 1 !important;
  }

  /* Fix Bootstrap row spacing */
  .owner-dashboard-container .row {
    margin: 0 !important;
    flex-wrap: wrap !important;
  }

  /* Fluid typography + inputs */
  .owner-dashboard-container .form-label,
  .owner-dashboard-container .form-control,
  .owner-dashboard-container .form-select,
  .owner-dashboard-container .btn {
    font-size: clamp(14px, 1.5vw, 16px) !important;
  }

  .owner-dashboard-container .btn {
    padding: clamp(6px, 1vw, 10px) clamp(12px, 1.8vw, 16px) !important;
  }

  .owner-dashboard-container h4 {
    font-size: clamp(18px, 2vw, 22px) !important;
  }
}

/* ===== iPad Air + Pro Mid Band (768–1024px) ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .owner-dashboard-container .sidebar {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: auto !important;
  }

  .owner-dashboard-container .sidebar-tab {
    font-size: clamp(14px, 1.4vw, 16px) !important;
  }

  .owner-dashboard-container .container-fluid {
    padding: 20px !important;
  }
}

/* ===== Small Tablets (≤768px) ===== */
@media (max-width: 768px) {
  .owner-dashboard-container .sidebar-tab {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }

  .owner-dashboard-container .container-fluid {
    padding: 16px !important;
  }

  .owner-dashboard-container h4 {
    font-size: 20px !important;
  }
}

/* ===== Phones (≤576px) ===== */
@media (max-width: 576px) {
  .owner-dashboard-container .sidebar {
    gap: 6px !important;
  }

  .owner-dashboard-container .sidebar-tab {
    font-size: 13px !important;
    padding: 8px 8px !important;
  }

  .owner-dashboard-container h4 {
    font-size: 18px !important;
  }

  .owner-dashboard-container button.btn {
    width: 100% !important;
  }

  #map {
    height: 220px !important;
  }
}