/* single-building.css */

/* General Layout */
#primary {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.building-entry {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Building Image */
.building-image {
  margin-bottom: 2rem;
  text-align: center;
}

.building-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Sections */
.building-section {
  margin-top: 3rem;
  /* Add some padding-top if fixed header is used, e.g., padding-top: 80px; */
}

/* Add padding to headings to offset anchor links if using a fixed header */
.building-section h2 {
    padding-top: 20px; /* Adjust based on fixed header height */
    margin-top: -20px; /* Pull it back up */
    font-size: 1.75rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.5rem;
}


/* Content Lists (for articles, rules, schedules) */
.tenant-articles-list,
.house-rules-list,
.activity-schedule-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual Items (re-using styling for consistency) */
.notice-item, /* Used by articles and schedules */
.house-rule-item /* Specific class for rules, might need unique styling later */
{
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: #f9f9f9;
  border-radius: 8px;
  border-left: 4px solid #0073aa; /* Default color */
}

/* Sticky Items */
.notice-item-sticky { /* Used by sticky articles and schedules */
  border-color: #cc0000; /* Red for sticky */
  background: #fff7f7; /* Light red background */
}

.notice-item h3,
.house-rule-item h3 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}


.notice-content, /* Used by articles and schedules */
.house-rule-content /* Used by rules */
{
  margin-top: 1rem;
  color: #555;
}

/* Links and Documents */
.building-links ul,
.building-documents ul,
.notice-documents ul { /* Used by article documents */
  list-style: none;
  padding-left: 0;
  margin-top: 1rem; /* Add some space above doc list */
}

.building-links li,
.building-documents li,
.notice-documents li {
  margin-bottom: 0.75rem;
}

.building-links a,
.building-documents a,
.notice-documents a {
  color: #0073aa;
  text-decoration: none;
}

.building-links a:hover,
.building-documents a:hover,
.notice-documents a:hover {
  text-decoration: underline;
}

/* QR Code Section */
.building-qrcode-public {
  text-align: center;
  margin-top: 3rem;
}

.building-qrcode-public img {
  margin-top: 1rem;
  border: 1px solid #eee;
  padding: 5px;
  background: #fff;
}

/* Admin Edit Link */
.entry-footer .edit-link {
    display: block;
    margin-top: 20px;
    text-align: right;
}

/* New Section Navigation Styles */
.building-section-nav {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.building-section-nav h4 {
    margin: 0 0 0.75rem 0;
    font-size: 1.1rem;
}

.building-section-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between links */
}

.building-section-nav li {
    margin: 0; /* Reset default list item margin */
    padding: 0; /* Reset default list item padding */
}

.building-section-nav a {
    display: inline-block; /* Make entire area clickable */
    padding: 8px 15px; /* Increase padding for block feel */
    background: #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 0.9rem;
    font-weight: bold; /* Make them stand out */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* Subtle shadow */
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.building-section-nav a:hover {
    background: #ddd;
    border-color: #bbb;
    text-decoration: none;
    color: #000;
}