.media-on-top .header-media-container{
	width: 12%!important
}
footer{
	justify-content: center!important;
    text-align: center!important;
}

/* Hide description and reviews tabs */
#tab-title-description, #tab-title-reviews, 
#tab-description, #tab-reviews {
    display: none !important;
}

/* Alternative selectors for WooCommerce tabs */
.woocommerce-tabs .description_tab, 
.woocommerce-tabs .reviews_tab {
    display: none !important;
}

.wc-tabs li:has(a[href="#tab-description"]), 
.wc-tabs li:has(a[href="#tab-reviews"]) {
    display: none !important;
}

/* Hide quantity selector on single product page */
.quantity, .qty {
    display: none !important;
}

/* Hide the entire quantity input wrapper */
.woocommerce div.product form.cart .quantity {
    display: none !important;
}

/* Alternative selectors */
.product .quantity input.qty,
.quantity input[type="number"] {
    display: none !important;
}

/* If quantity is in a flex container, adjust spacing */
.woocommerce div.product form.cart {
    align-items: flex-start !important;
}

.wpcf7 label {
    text-align: left;
    display: block; /* Ensures labels take up their own line for proper stacking */
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  border: 2px solid #DBC6AF;
  padding: 10px;
  width: 100%; /* Makes fields full width */
  font-size: 1em;
  border-radius: 5px;
}

.wpcf7-submit {
  background: #DBC6AF;
  color: #fff;
  border: none;
  padding: 12px 30px;
  font-size: 1em;
  cursor: pointer;
  transition: background 0.2s; /* Smooth hover transition */
}

.wpcf7-submit:hover {
  background: #dbc6c8; /* Darker background on hover */
}


.wpcf7 input[type="text"]:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color:  #dbc6c8; /* Change border color on focus */
    box-shadow: 0 0 5px rgba(0, 115, 230, 0.5);
}


.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color:  #dbc6c8; /* Change border color on focus */
    box-shadow: 0 0 5px rgba(0, 115, 230, 0.5);
}


.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color:  #dbc6c8; /* Change border color on focus */
    box-shadow: 0 0 5px rgba(0, 115, 230, 0.5);
}

/* Center the entire row and its columns */
.row.spaced-cols {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make each column a proper width and center them */
.row.spaced-cols > div {
  flex: 0 0 auto; /* Prevent flex items from growing/shrinking */
  width: auto; /* Let columns size to their content */
  min-width: 280px; /* Keep them from getting too narrow */
  max-width: 350px; /* Keep them tidy */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the content inside each column */
.row.spaced-cols .col,
.row.spaced-cols [class*="col-"] {
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Center the puppy cards specifically */
.row.spaced-cols .wpcp-item-box,
.row.spaced-cols .product-item,
.row.spaced-cols .puppy-card {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* Center the entire row and its columns */
.row.spaced-cols {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make each column a proper width and center them */
.row.spaced-cols > div {
  flex: 0 0 auto; /* Prevent flex items from growing/shrinking */
  width: auto; /* Let columns size to their content */
  min-width: 280px; /* Keep them from getting too narrow */
  max-width: 350px; /* Keep them tidy */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the content inside each column */
.row.spaced-cols .col,
.row.spaced-cols [class*="col-"] {
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Center the puppy cards specifically */
.row.spaced-cols .wpcp-item-box,
.row.spaced-cols .product-item,
.row.spaced-cols .puppy-card {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
