/*
  Table Styling for Hummingbird Healing Center
  Goal: Create a clean, responsive "Quick Facts" summary box.
*/
.retreat-quick-facts {
  /* General Container Styling */
  width: 90%; /* Keep it from stretching too wide on huge screens */
  max-width: 1200px; /* Max readable width */
  margin: 30px auto; /* Centers the table on the page, adds spacing above/below */
  border-collapse: collapse; /* Standard table styling */
  border: 1px solid #e0e0e0; /* Subtle border around the whole box */
  border-radius: 8px; /* Rounded corners for a modern look */
  overflow: hidden; /* Ensures borders/shadows are contained */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Soft shadow to lift it off the page */
}

/* Header Styling (Optional but recommended for semantic clarity) */
.retreat-quick-facts thead {
  display: none; /* Hides the "Topic" and "Citable Detail" header for a cleaner summary look */
}

/* Row Styling */
.retreat-quick-facts tbody tr:nth-child(even) {
  background-color: #f9f9f9; /* Subtle zebra striping for readability */
}

/* Cell Styling (Padding and Alignment) */
.retreat-quick-facts td {
  padding: 12px 18px;
  vertical-align: top;
  font-size: 1.05em;
  line-height: 1.4;
}

/* Column 1 (Topic/Key) Styling */
.retreat-quick-facts td:nth-child(1) {
  /* Adjust width to give more space for the Detail column */
  width: 35%;
  font-weight: 700; /* Ensures the topic stands out */
  color: #FFFFFF; /* Use a color that matches your brand/nature theme */
  background-color: #126872;
}

/* Column 2 (Detail/Value) Styling */
.retreat-quick-facts td:nth-child(2) {
  width: 65%;
  color: #333; /* Standard dark text */
}

/* --- Responsive/Mobile Adjustment --- */
@media screen and (max-width: 650px) {
  .retreat-quick-facts {
    width: 95%; /* Use almost full width on small screens */
    margin-left: auto;
    margin-right: auto;
  }
  /* Stack cells vertically on mobile for readability */
  .retreat-quick-facts,
.retreat-quick-facts tbody,
.retreat-quick-facts tr,
.retreat-quick-facts td {
    display: block; /* Treat all table elements as blocks */
    width: 100%; /* Force them to take full width */
  }
  .retreat-quick-facts tbody tr {
    margin-bottom: 15px; /* Add spacing between stacked facts */
    border: 1px solid #ccc;
  }
  .retreat-quick-facts td {
    padding: 8px 15px;
    text-align: left;
  }
  /* Key/Topic on mobile */
  .retreat-quick-facts td:nth-child(1) {
    /* Add a small separator or styling to distinguish the Topic */
    border-bottom: none;
    padding-bottom: 0;
    background-color: transparent; /* Remove the background to save space */
    color: #000; /* Darker color for topic */
    width: 100%;
  }
  /* Detail/Value on mobile */
  .retreat-quick-facts td:nth-child(2) {
    padding-top: 5px;
    font-weight: 400; /* Standard font weight for the detail */
    border-top: none;
    font-style: italic; /* Use italics to subtly connect it to the topic above */
    width: 100%;
  }
}

/*# sourceMappingURL=retreat-quick-facts.css.map */