/* ============================================
   DealBoard — Elementor Compatibility Styles
   ============================================ */

/* Remove default Elementor padding conflicts */
.elementor-section-wrap,
.elementor-inner-section,
.elementor-container {
  max-width: 100%;
}

/* Full width sections */
.elementor-section.elementor-section-full_width .elementor-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Boxed sections respect our container */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1200px;
}

/* Fix Elementor default button styles conflicting with ours */
.elementor-button-wrapper .elementor-button {
  font-family: var(--font-base, 'Inter', sans-serif);
}

/* Fix Elementor heading styles */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--font-base, 'Inter', sans-serif);
}

/* Ensure Elementor sections don't break our header */
.elementor-editor-active #site-header {
  z-index: 9999 !important;
}

/* Elementor widget - Listing Card override */
.elementor .listing-card {
  margin-bottom: 0;
}

/* Elementor Pro popup compatibility */
.elementor-popup-modal {
  z-index: 100000;
}

/* DealBoard CSS Variables available in Elementor */
:root {
  /* These are accessible in Elementor > Site Settings > Custom CSS */
  --e-global-color-dealboard-primary: #10B981;
  --e-global-color-dealboard-dark: #111827;
  --e-global-color-dealboard-orange: #F97316;
}

/* Elementor global typography match */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
  font-family: var(--font-base, 'Inter', sans-serif);
  line-height: 1.7;
}

/* Fix Elementor nav menu widget */
.elementor-nav-menu--main .elementor-item {
  font-family: var(--font-base, 'Inter', sans-serif);
  font-weight: 500;
}

/* Elementor Forms — match DealBoard input styles */
.elementor-field-group input[type="text"],
.elementor-field-group input[type="email"],
.elementor-field-group input[type="tel"],
.elementor-field-group input[type="password"],
.elementor-field-group select,
.elementor-field-group textarea {
  border: 1px solid var(--color-gray-200, #E5E7EB) !important;
  border-radius: var(--radius-md, 8px) !important;
  font-family: var(--font-base, 'Inter', sans-serif) !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  transition: all 0.2s ease !important;
}

.elementor-field-group input:focus,
.elementor-field-group select:focus,
.elementor-field-group textarea:focus {
  border-color: var(--color-primary, #10B981) !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.1) !important;
  outline: none !important;
}

/* Elementor submit button — DealBoard style */
.elementor-button.elementor-size-md {
  background: var(--color-primary, #10B981);
  border-radius: var(--radius-md, 8px);
  font-family: var(--font-base, 'Inter', sans-serif);
  font-weight: 600;
  letter-spacing: 0;
  padding: 11px 24px;
  transition: all 0.2s ease;
}

.elementor-button.elementor-size-md:hover {
  background: var(--color-primary-dark, #059669);
}

/* Elementor Image widget */
.elementor-widget-image img {
  border-radius: var(--radius-md, 8px);
}

/* Elementor divider */
.elementor-widget-divider .elementor-divider-separator {
  border-color: var(--color-gray-200, #E5E7EB);
}

/* Responsive — Elementor mobile fixes */
@media (max-width: 767px) {
  .elementor-section > .elementor-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Elementor editor sidebar fix */
body.elementor-editor-active #site-header {
  position: relative !important;
}

/* Elementor preview iframe */
.elementor-device-desktop .listing-card,
.elementor-device-tablet .listing-card,
.elementor-device-mobile .listing-card {
  pointer-events: none;
}

/* Posts/Archive widget matching our listing-card style */
.elementor-posts .elementor-post {
  border: 1px solid var(--color-gray-200, #E5E7EB);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  transition: all 0.2s ease;
}

.elementor-posts .elementor-post:hover {
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
  transform: translateY(-3px);
}

/* WooCommerce + Elementor compatibility */
.elementor-widget-woocommerce-product-price .price {
  color: var(--color-primary, #10B981);
  font-weight: 700;
}