/* style.css */

/* 确保页面占满视口且无默认边距 */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* 防止页面整体滚动条 */
}

/* 主容器 Flexbox 设置 */
.container {
    display: flex; /* 启用 Flexbox */
    height: 100vh; /* 使容器占满整个视口高度 */
    width: 100%; /* 使容器占满整个视口宽度 */
}

/* 左侧区域 Flexbox 设置 */
.left-column {
    flex-grow: 1; /* 占据剩余的所有水平空间 */
    overflow: hidden; /* 隐藏可能超出左侧区域的内容 */
    display: flex; /* 仍然使用 Flexbox 让地图 fill */
    flex-direction: column;
}

/* 地图容器样式 (在左侧区域内部) */
#map {
    width: 100%; /* 地图宽度占满左侧区域 */
    flex-grow: 1; /* 使地图占满左侧区域剩余的所有垂直空间 */
}

/* 右侧区域 Flexbox 设置 */
.right-column {
    width: 350px; /* 设置右侧区域的固定宽度，您可以调整 */
    flex-shrink: 0; /* 防止右侧区域被压缩 */
    padding: 20px; /* 增加内边距 */
    overflow-y: auto; /* 如果内容超出高度，允许垂直滚动 */
    background-color: #f9f9f9; /* 设置一个背景颜色 */
    border-left: 1px solid #ccc; /* 添加左侧边框 */
    display: flex; /* 右侧内部也使用 Flexbox */
    flex-direction: column; /* 垂直排列内部元素 */
    font-family: "Times New Roman", serif; /* 右侧整体字体 */
}

/* 右侧固定联系信息样式 */
.contact-info {
    margin-bottom: 15px; /* 底部外边距 */
}

.contact-info p {
    margin: 5px 0; /* 调整段落上下间距 */
}

/* === 筛选控件容器样式 === */
.filter-controls {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px; /* 底部内边距 */
    border-bottom: 1px solid #eee; /* 底部边框 */
}

.filter-group {
    margin-bottom: 10px; /* 组之间的间距 */
}

.filter-group label {
    display: block; /* 标签独占一行 */
    margin-bottom: 5px; /* 标签和控件之间的间距 */
    font-weight: bold; /* 标签文字加粗 */
    font-size: 14px;
}

#school-select {
    width: 100%; /* 下拉框宽度占满父容器 */
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: "Times New Roman", serif;
    font-size: 14px;
}

.filter-checkboxes label {
    display: flex; /* 使用 Flexbox 对齐复选框和文本 */
    align-items: center; /* 垂直居中对齐 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    font-weight: normal; /* 复选框标签文字不加粗 */
}

.filter-checkboxes input[type="checkbox"] {
    margin-right: 5px; /* 复选框和文本之间的间距 */
    transform: scale(0.9); /* 微调复选框大小 */
}
/* ========================= */


/* 右侧动态房源信息展示区域样式 */
#dynamic-housing-info {
    margin-top: 0; /* 顶部外边距调整 */
    padding: 15px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 8px;
    flex-grow: 1; /* 使动态信息区域在有足够空间时填满右侧剩余高度 */
    overflow-y: auto; /* 如果内容过多，允许垂直滚动 */
}

/* 动态信息内部元素的样式（当JavaScript更新内容后） */
#dynamic-housing-info h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #0056b3; /* 标题颜色 */
}

#dynamic-housing-info p {
    margin-bottom: 8px; /* 增加段落间距 */
    line-height: 1.5;
}

/* --- Removed .property-images and .no-images-message styles --- */


/* Leaflet 工具提示 (标签) 基础样式 */
.leaflet-tooltip {
    background-color: rgba(255, 255, 255, 0.7) !important; /* 半透明白色背景 */
    color: #333; /* 文字颜色 */
    border-radius: 5px;
    padding: 3px 6px;
    font-weight: bold;
    white-space: nowrap; /* 防止文字换行 */
    border: none !important;
    box-shadow: none !important;
    pointer-events: none !important; /* 让鼠标事件穿透 */
    margin: 0 !important;
}

.leaflet-tooltip-pane .leaflet-tooltip:before {
     border: none;
 }

.leaflet-tooltip-top {
     margin-top: -5px;
 }

/* 不同标签的颜色样式 */
.leaflet-tooltip.columbia-tooltip {
    background-color: rgba(0, 13, 116, 1.0) !important; /* 深蓝，完全不透明 */
    color: white !important; /* 文字白色 */
}

.leaflet-tooltip.cornell-tooltip {
     background-color: rgba(179, 27, 27, 1.0) !important; /* 红色，完全不透明 */
     color: white !important;
}

.leaflet-tooltip.nyu-tooltip {
    background-color: rgba(139, 19, 156, 1.0) !important; /* 紫色 */
    color: white !important;
}

.leaflet-tooltip.nyuTandon-tooltip {
    background-color: rgba(139, 19, 156, 1.0) !important; /* 紫色 */
    color: white !important;
}

.leaflet-tooltip.cityclg-tooltip {
    background-color: rgba(0, 51, 161, 1.0) !important; /* 深蓝 */
    color: white !important;
}

.leaflet-tooltip.sva-tooltip {
    background-color: rgba(0, 0, 0, 1.0) !important; /* 黑色 */
    color: white !important;
}

.leaflet-tooltip.parsons-tooltip {
    background-color: rgba(0, 0, 0, 1.0) !important; /* 黑色 */
    color: white !important;
}

.leaflet-tooltip.fit-tooltip {
    background-color: rgba(0, 0, 0, 1.0) !important; /* 黑色 */
    color: white !important;
}

.leaflet-tooltip.pratt-tooltip {
    background-color: rgba(0, 0, 0, 1.0) !important; /* 黑色 */
    color: white !important;
}

.leaflet-tooltip.fordham-tooltip {
    background-color: rgba(0, 0, 0, 1.0) !important; /* 黑色 */
    color: white !important;
}

.leaflet-tooltip.pace-tooltip {
    background-color: rgba(0, 0, 0, 1.0) !important; /* 黑色 */
    color: white !important;
}

.leaflet-tooltip.rental-tooltip {
    background-color: rgba(255, 0, 0, 0.7) !important; /* 红，70% 不透明 */
    color: white !important; /* 文字白色 */
}