/* container under Add to Cart */
#pl-lock-container {
    display: block !important;
    width: 100%;
    padding-top: 20px; /* spacing from Add to Cart */
    box-sizing: border-box;
}

/* lock button - untouched */
.pl-lock-btn {
    display: block;
    width: 100%;
    margin-top: 15px !important;
    padding: 14px 20px !important;
    min-height: 48px;
    line-height: 1.4 !important;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
}

/* wrap the message in a separate div to add spacing */
#pl-lock-container .pl-message-wrapper {
    margin-top: 18px; /* spacing above message */
}

/* general message styling */
#pl-lock-container .pl-message {
    margin-top: 37px !important; /* spacing from Add to Cart */
    padding: 10px 14px;
    background: #ebebeb;
    border-radius: 0px;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
}

/* Locked for you message - countdown inline */
#pl-lock-container .pl-message.locked {
    display: flex;
    align-items: center;
    gap: 6px;
}

#pl-lock-container .pl-message.locked .pl-countdown {
    font-weight: bold;
    font-size: 14px;
}

/* Reserved for a Patron - icon beside text, countdown under text */
#pl-lock-container .pl-message.reserved {
    display: flex;
    flex-direction: column; /* stack text and countdown */
    align-items: flex-start; /* left align */
    gap: 4px;               /* small space between text and countdown */
}

#pl-lock-container .pl-message.reserved .pl-text {
    display: flex;
    align-items: center;    /* icon vertically centered with text */
    gap: 6px;               /* space between icon and message text */
}

#pl-lock-container .pl-message.reserved .pl-countdown-wrapper {
    display: block;         /* second line below text */
    font-size: 14px;
    line-height: 1.4;
}

#pl-lock-container .pl-message.reserved .pl-countdown-wrapper .pl-countdown {
    font-weight: bold;      /* only countdown bold */
}

/* disable Add to Cart button when locked for others */
.single_add_to_cart_button.disabled {
    opacity: 0.5;
    pointer-events: none;
}