.site-main {
    max-width: 1000px; /* Adjust this value based on preference */
    margin: 0 auto;
}

.site-footer {
    max-width: 100%;
    display: flex; 
    justify-content: space-around; 
    align-items: center; 
    text-align: center;
    gap: 20px; 
    flex-wrap: wrap; 
}

.site-footer .widget {
    flex: 1 1 auto; 
    text-align: center; 
    white-space: nowrap; 
    margin: 0 10px; 
	
}

/* Home nav */

.cover-link-card {
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.cover-link-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

/* This will be your invisible clickable layer */
.cover-link-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Behind the visible button/text (which should be z-index 2+) */
}

/* Important: Keep your actual Button above the invisible link */
.cover-link-card .wp-block-button {
  position: relative;
  z-index: 2;
}
.cover-link-card .wp-block-button__link {
  position: relative;
  z-index: 2;
}
@keyframes wiggle {
  0% { transform: translateX(0); }
  25% { transform: translateX(4px); }
  50% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

.wp-block-button__link:hover {
  animation: wiggle 0.4s ease;
}


/* end home nav */



/* HOME INTRO BLOCK */
.home-intro-group {
		 display: flex;
    align-items: center; 
    gap: 5px; 
} 

.home-intro-stack {
	display: flex;
    flex-direction: column;
    justify-content: center; 
}

.home-intro-group img {
    width: 350px !important; 
    height: auto !important; 
    border-radius: 10px; 
		margin-top: 30px;
}

.home-intro-group p {
		width: 300px;
		text-align: justify;
    font-size: 16px; 
    line-height: 1;
	margin: 0;
}


.blog-posts-widget {
    max-width: 1000px; /* Set the max width */
    margin: 0 auto; /* Center the widget within its container */
}

/* Parent wrapper for all cards */
.cards-wrapper {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    justify-content: center; /* Centers the rows */
    gap: 25px; /* Adds space between the cards */
    max-width: 900px;
    margin: 0 auto;
}

/* Each card container takes up half the width of the row */
.card-container {
    width: 300px; /* Set a fixed width to control the card size */
    display: flex;
    justify-content: center;
}

/* Styling for the card and image */
.card {
    width: 100%;
    min-width: 190px;
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
    color: inherit;
}

.card img {
    max-width: 100%;
    border-radius: 10px; /* Optional: adds rounded corners */
}

.card:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}

/* Mobile responsiveness */
@media (max-width: 600px) {
    .card-container {
        width: 100%; /* Makes each card take the full width on small screens */
    }
}

/* Adding specificity and !important */
.entry-content .custom-heading,
.entry-content .custom-heading h1,
.entry-content .custom-heading h2,
.entry-content .custom-heading h3,
.entry-content .custom-heading h4,
.entry-content .custom-heading h5,
.entry-content .custom-heading h6 {
    font-size: clamp(1.5rem, 2vw + 1rem, 1rem) !important;
}

/* BEGIN FLOWER REVIEW CODING */

.flower-rating {
    position: relative;
    display: inline-block;
    font-size: 32px; /* Adjust size */
    line-height: 2;
}

.flower-background {
    color: #ccc; /* Grey for unfilled flowers */
		font-family: inherit;
}

.flower-foreground {
    position: absolute;
		font-family: inherit;
    top: 0;
    left: 0;
    color: #423D33; /* Black for filled flowers */
    overflow: hidden;
    white-space: nowrap;
    z-index: 1; /* Ensure it's above the background */
}

.rating-container {
    display: flex;
    align-items: center; /* Vertically align flowers and number */
    gap: 8px; /* Space between flowers and number */
}

.rating-number {
    font-size: 1rem; /* Adjust size to match the design */
    font-weight: bold; /* Make it stand out, if needed */
    color: inherit; /* Inherit the site's text color */
}


/* END FLOWER REVIEW CODING */