/*
Theme Name: Flowers 2021 - Light
Theme URI: https://www.mallowflowers.com/
Description: Flowers 2021 Light, Theme of Flowers Site
Author: FCDM
Author URI: https://www.fcdm.ie
Version: 1.0
*/


/* Wordpress core
------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 25px 20px 30px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption {
	background:#fff;
	border:1px solid #f0f0f0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
/* END Wordpress core */


/* Add "Sold Out" Badge for Out-of-Stock Products */
ul.product-list li.product.outofstock {
    position: relative; /* Ensure relative positioning for the badge */
}

ul.product-list li.product.outofstock:before {
    content: 'Sold Out';           /* Display the "Sold Out" text */
    position: absolute;
    top: 10px;                     /* Position at the top corner */
    right: 10px;                   /* Right corner alignment */
    background-color: #ff0000;     /* Red background for visibility */
    color: #fff;                   /* White text */
    padding: 5px 10px;             /* Padding for better readability */
    font-size: 12px;               /* Font size */
    font-weight: bold;             /* Bold text */
    text-transform: uppercase;     /* Uppercase text */
    border-radius: 3px;            /* Rounded corners */
    z-index: 5;                    /* Make sure it’s above the image */
}