/**
 * Property Detail Page - Sidebar Fixes
 * 
 * Ensures sidebar content is fully visible and not cut off
 * Fixes for property specifications, listing tabs, agent card, share card
 * 
 * Version: 1.0
 * Created: 2025-01-27
 */

/* ========================================================================
   SIDEBAR CONTAINER FIXES
   ======================================================================== */

.property-sidebar {
  /* Ensure all content is visible */
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* ========================================================================
   SIDEBAR CARD FIXES
   ======================================================================== */

.property-sidebar .sidebar-card {
  /* Remove any height restrictions */
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  
  /* Ensure padding doesn't cause overflow */
  padding: var(--card-padding) !important;
  box-sizing: border-box;
}

/* ========================================================================
   LISTING TABS CARD
   ======================================================================== */

.property-sidebar .listing-tabs,
.property-sidebar .tab-contents {
  width: 100%;
  overflow: visible;
}

.property-sidebar .listing-card {
  width: 100%;
  overflow: visible;
  margin-bottom: var(--space-md);
}

/* ========================================================================
   SPECIFICATIONS CARD
   ======================================================================== */

.property-sidebar .specs-grid {
  width: 100%;
  overflow: visible;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}

/* ========================================================================
   AGENT CARD
   ======================================================================== */

.property-sidebar .agent-card {
  width: 100%;
  overflow: visible;
}

/* ========================================================================
   SHARE CARD
   ======================================================================== */

.property-sidebar .share-wrapper {
  width: 100%;
  overflow: visible;
}

/* ========================================================================
   RESPONSIVE FIXES
   ======================================================================== */

@media (max-width: 991px) {
  .property-sidebar {
    position: static !important;
    overflow: visible !important;
  }
  
  .property-sidebar .sidebar-card {
    width: 100%;
    max-width: 100%;
  }
}