/*
 Theme Name: Kadence Child
 Theme URI: https://myquicktool.com/
 Description: Child theme for Kadence
 Author: Atish
 Author URI: https://myquicktool.com/
 Template: kadence
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: kadence-child
*/


.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto repeat(6, 1fr);
  gap: 5px; /* Reduced gap for a more compact look */
  width: fit-content; /* Adjust width to fit content tightly */
  margin: 10px; /* Smaller margin around the grid */
  border: 1px solid #ccc;
  padding: 5px; /* Reduced padding for the container */
  background-color: #f4f4f4;
}

.column-header {
  background-color: red;
  color: white;
  padding: 8px 5px; /* Reduced padding for compact headers */
  text-align: center;
  font-size: 0.9em; /* Smaller font size for headers */
  font-weight: bold;
  margin: 0; /* Ensures no extra margin from h3 tag */
  white-space: nowrap; /* Prevents header text from wrapping */
  overflow: hidden; /* Hides overflow if text is too long */
  text-overflow: ellipsis; /* Adds ellipsis for overflowed text */
}

.grid-item {
  background-color: #007bff;
  color: white;
  padding: 10px 5px; /* Reduced padding for grid items */
  text-align: center;
  border-radius: 3px; /* Slightly smaller border-radius */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px; /* Reduced minimum height for items */
  font-size: 0.8em; /* Smaller font size for item content */
}