/* Stitched Border Effect for All Buttons - Like Tailor Patches Logo */

.tp-btn,
.tpsecondary-btn,
.btn {
    position: relative;
    font-family: var(--tp-ff-vast), cursive !important;
    font-weight: 400 !important;
    border: none !important;
}

/* White/Light buttons - brown stitching always */
.tp-btn::after,
.tp-btn:hover::after,
.tp-btn:focus::after,
.tp-btn:active::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1.5px dashed #7A2F00;
    border-radius: 2px;
    pointer-events: none;
    z-index: 1;
}

/* Dark/Brown buttons - white stitching always */
.tpsecondary-btn::after,
.tpsecondary-btn:hover::after,
.tpsecondary-btn:focus::after,
.tpsecondary-btn:active::after,
.btn::after,
.btn:hover::after,
.btn:focus::after,
.btn:active::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1.5px dashed #FFFFFF;
    border-radius: 2px;
    pointer-events: none;
    z-index: 1;
}