/**
 * E-Astrology School
 * WooCommerce Product Badges
 *
 * Single Product and Product Card badge styles.
 */


/* =========================================================
 * SINGLE PRODUCT
 * ========================================================= */


/**
 * Dynamic badge group.
 *
 * The group is displayed immediately before the manual
 * eBook / ePub badge inside the existing horizontal
 * Kadence badge row.
 */
.eas-product-badges--single {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}


/**
 * Common Single Product dynamic badge styles.
 */
.eas-product-badges--single .eas-product-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 0.2rem 0.4rem;
    color: #fff;
}


/**
 * On Sale badge.
 */
.eas-product-badges--single .eas-product-badge--sale {
    background: #C45911;
    border-radius: 4px;
    font-family: "Playpen Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 1.2;
}


/**
 * New badge.
 */
.eas-product-badges--single .eas-product-badge--new {
    background: #5D4E2D;
    border-radius: 4px;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
}


/**
 * Best Seller badge.
 */
.eas-product-badges--single .eas-product-badge--best-seller {
    background: #D4AF37;
    border-radius: 4px;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
}


/**
 * New and Best Seller icons.
 *
 * Explicit dimensions prevent the inline SVGs from
 * inheriting an unrestricted browser size.
 */
.eas-product-badges--single .eas-product-badge__icon {
    display: block;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
}


/* =========================================================
 * PRODUCT CARDS
 * ========================================================= */


/**
 * Positioning context for the card badges.
 *
 * This is the main column of the reusable Product Archives
 * Template Loop Card. The badges are removed from normal
 * document flow and positioned over the product image.
 */
.kadence-column14718_2711ea-89 {
    position: relative;
}


/**
 * Dynamic card badge group.
 *
 * Position the group over the top-right corner of the
 * 16:9 product card image.
 */
.eas-product-badges--card {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}


/**
 * Common Product Card dynamic badge styles.
 */
.eas-product-badges--card .eas-product-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 auto;
    color: #fff;
}


/**
 * On Sale card badge.
 *
 * The card version is intentionally pill-shaped,
 * following the approved visual mockup.
 */
.eas-product-badges--card .eas-product-badge--sale {
    padding: 0.45rem 0.5rem;
    background: #C45911;
    border-radius: 999px;
    font-size: 0.75rem;
    line-height: 1.2;
}


/**
 * New card badge.
 *
 * Icon-only circular status badge.
 */
.eas-product-badges--card .eas-product-badge--new {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    background: #5D4E2D;
    border-radius: 50%;
}


/**
 * Best Seller card badge.
 *
 * Icon-only circular status badge.
 */
.eas-product-badges--card .eas-product-badge--best-seller {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    background: #D4AF37;
    border-radius: 50%;
}


/**
 * New and Best Seller card icons.
 */
.eas-product-badges--card .eas-product-badge__icon {
    display: block;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    transform: scale(1.3);
    transform-origin: center;
}