.center-text {text-align: center;}

/* make icon (Icon Indexa) square
     used at "Verein" page
     wrapper ensures icon is centered;
*/

.circle-icon-svg {
  /* Set how large you want the icon inside the 60px circle (e.g., 32px) */
  width: 60px !important;
  height: 60px !important;
  
  /* Reset layout parameters that disrupt flexbox centering */
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0;
}
.square-icon-circled {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
 
  color: var(--wp--preset--color--primary); 
  /* border: 3px solid var(--wp--preset--color--primary); */
  padding: 24px !important;
  text-align: center;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  width: 100px !important;
  height: 100px !important;
  
  border: 2px solid currentColor;
  border-radius: 50%;
  
  margin: 0 auto; /* Centers the whole circle horizontally on the page */
  box-sizing: border-box;
}
.square-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
 
  color: var(--wp--preset--color--primary); 

  padding: 24px !important;
  text-align: center;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  width: 100px !important;
  height: 100px !important;
  
  margin: 0 auto; /* Centers the whole circle horizontally on the page */
  box-sizing: border-box;
}



/* RESPONSIVE */

.hideSmallScreen {display: inline-block;}

/* mobile adjustments */
@media(max-width:768px) {
	.hideSmallScreen {display: none;}
}

/* ============== */



/* single parrot image in query loop */
/* Container formatting */
.loop-image-wrapper {
    width: 100%;
    height: 200px; /* Force a consistent height for all cards */
    overflow: hidden;
    border-radius: 6px;
    background-color: #f3f4f6;
    margin-bottom: 12px;
}

.loop-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Image formatting */
.loop-custom-img {
    width: 100%;
    height: 100%;
	aspect-ratio: 1/1;
    object-fit: cover; /* Crops the image dynamically to fill the card perfectly without stretching */
    transition: transform 0.3s ease;
}

/* Add a subtle interactive zoom effect on hover */
.loop-image-wrapper:hover .loop-custom-img {
    transform: scale(1.05);
}

/* Placeholder box style if an animal has no image */
.loop-image-placeholder {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5e7eb;
    color: #6b7280;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 6px;
    margin-bottom: 12px;
}
/* end of single parrot query loop image */

/* sponsorship images */
/* detail page main image */
.sponsorship-detail-page-image {
	aspect-ratio: 1/1;
}
.parrot-thumb-image {
	box-shadow: 2px 2px 4px 4px #AAA;
	aspect-ratio: 1/1;
	max-width: 300px !important;
	object-fit: cover;
}



/*
.hover-shadow li:hover {
	/* border: 3px solid var(--wp--preset--color--background-transparent); * /
}
.hover-shadow a {text-decoration: none;} /* gets rid of underline in title for link * /
*/

/* the images for sponsors at the footer */
.sponsor-logo-image {
	max-width:150px !important;
}

.woocommerce-wrapper .wp-element-button {
	border: 1px solid #000;
	background-color: var(--wp--preset--color--primary-light);
}
.woocommerce-wrapper .wp-element-button:hover {
	color: #fff;
	background-color: color-mix(in hsl, hsl(200 50 80) 20%, var(--wp--preset--color--secondary-light) 80%);
}
.woocommerce-wrapper th.label, .woocommerce-wrapper th.label label {
	display: flex;
}
.woocommerce-wrapper td.value select {
	display: flex;
	margin-bottom: 6px;
}
.woocommerce-wrapper a.reset_variations:hover {
	text-decoration: underline;
}

form.variations_form.cart label {
	margin-right: 16px;
}