/* Fix inline layout for footer form */
.footer-form {
    display: flex;
    justify-content: flex-start; /* Align items in a row */
    align-items: center; /* Vertically align */
    gap: 10px; /* Add space between email input and submit button */
    margin: 20px 0; /* Add spacing around the form */
}

/* Fix for email input to make it inline */
.footer-form .footer-email {
    display: inline-block; /* Ensure the email input stays inline */
    width: 250px; /* Adjust width as needed */
    padding: 10px 15px; /* Add padding to the input */
    border: 1px solid #ccc; /* Add border */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Font size */
}

/* Fix for submit button to make it inline */
.footer-form .footer-submit {
    display: inline-block; /* Ensure the submit button stays inline */
    padding: 10px 20px; /* Add padding to button */
    background-color: #3498db; /* Blue background */
    color: #fff; /* White text */
    border: 1px solid #3498db; /* Button border */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Change cursor to pointer */
    transition: background-color 0.3s; /* Smooth background transition */
}

/* Button hover effect */
.footer-form .footer-submit:hover {
    background-color: #2980b9; /* Darker blue on hover */
    border-color: #2980b9; /* Darker border on hover */
}

/* Prevent WoodMart theme from overriding form styles */
.footer-form input[type="email"], 
.footer-form input[type="submit"] {
    margin: 0 !important; /* Remove unwanted margins */
    padding: 10px !important; /* Set consistent padding */
    border: 1px solid #ccc !important; /* Consistent border */
}

/* Adjust layout for mobile responsiveness */
@media screen and (max-width: 768px) {
    .footer-form {
        flex-direction: column; /* Stack email input and submit button vertically */
        gap: 10px;
    }

    .footer-form .footer-email,
    .footer-form .footer-submit {
        width: 100%; /* Make both input and button full width on mobile */
    }
}

.wd-swatches-filter.wd-swatches-brands {
    --wd-swatch-h: 100px;
    --wd-swatch-w: 150px;
}
// brands css
/* Force Woodmart category grid to behave like a centered flex row */
.partners-center .wd-grid-g {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;   /* center items on every row */
  align-content: center !important;
  gap: var(--wd-col-gap, 20px) !important;
}

/* Neutralize Woodmart's column sizing so items don't stretch */
.partners-center .wd-grid-g > .wd-col {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;               /* some Woodmart layouts use floats */
  margin: 0 !important;
}

/* If inner cards have full-width behavior, keep them compact */
.partners-center .wd-grid-g > .wd-col > * {
  max-width: 340px;                     /* tweak if needed */
  margin: 0 auto;                       /* keep each card centered */
}

/* Optional: tighten last row spacing on narrow screens */
@media (max-width: 767.98px) {
  .partners-center .wd-grid-g {
    gap: 12px !important;
  }
}