/* Containers & alignment */
.textContainer {
    text-align: left;
}

.textContainerCenter {
    text-align: center;
}

.containerBid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.remove-padding {
    padding-left: 0;
}

/* Auction titles & texts */
.auctionText {
    font-family: 'Body Font', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #214964;
}

.auctiontimeEndingText {
    color: #222 !important;
    font-weight: 700 !important;
    font-size: 27px !important;
}

.auctionInfoText {
    font-family: 'Body Font', sans-serif;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 150%;
}

.CurrentPriceStyle {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .36px;
    color: #222;
}

.currentbid {
    padding-bottom: 10px;
}

/* Badges & labels */
.awe-rt-ReserveStatusText {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #317151 !important;
}

.awe-rt-AcceptedListingActionCountText {
    color: #3586BB;
}

.badgeText {
    font-weight: 600;
    font-size: 18px;
    color: #214964;
    background: #fff;
}

/* Layout helpers */
.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Seller section */
.seller-section {
    margin-top: 16px;
}

.seller-title {
    position: relative;
    font-weight: 700;
    color: #214964;
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: nowrap;
}

    .seller-title .seller-loc {
        color: #6c757d;
        font-weight: 400;
        white-space: nowrap;
    }

.sellerAuctionsContain {
    text-align: left;
    border-left: 8px solid #3586BB;
}

.seller-link {
    display: inline-block;
    margin-top: 4px;
    text-decoration: underline;
    color: #3586BB;
    font-weight: 500;
}

    .seller-link:hover {
        text-decoration: underline;
    }

/* Buttons */
.btn-pill {
    border-radius: 9999px;
}

.btnCircle {
    border-radius: 1.375rem;
}

.btnSubmitCustom {
    border-radius: 50px !important;
    background-color: #3586BB !important;
}




.follow-btn {
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
}

    .follow-btn .plus-badge {
        height: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

    .follow-btn:hover, .follow-btn:focus, .follow-btn:active {
        color: #3586BB;
        text-decoration: none;
    }

/* Misc */
.wantToBidText {
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    text-align: center;
}

.proxyBid-btn {
    display: inline-block;
    text-align: center;
    transition: color .3s ease-in-out;
}

    .proxyBid-btn:hover {
        color: #fff !important;
    }

/* Visual hints */
.dollarColor { /* add any specific style if needed */
}

.dollarsignred {
    color: #dc3545 !important;
}

.bidboxerrorborder {
    border-color: #dc3545 !important;
}

/* Divider */
.bidboxhr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 16px 0;
}

.currentbid h3 {
    color: #214964
}

.currentbid h3 {
    font-family: "Inter", "Helvetica Neue", Arial, system-ui, -apple-system, sans-serif;
    font-size: 16px !important;
    color: #214964
}

.auctionText {
    font-family: "Inter", "Helvetica Neue", Arial, system-ui, -apple-system, sans-serif;
    font-size: 16px !important;
}

/* === Mobile: separar los botones dentro del card === */
@media (max-width: 575.98px) {
    .itempage-account {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 12px; /* espacio entre "Create..." y "Sign In" */
        text-align: center;
    }

        .itempage-account .btnCircle {
            margin: 0 !important; /* anulamos márgenes heredados */
            width: 100%;
            max-width: 280px; /* opcional */
        }
        /* fallback por si algún estilo externo pisa gap */
        .itempage-account a + a {
            margin-top: 12px !important;
        }
}

/* === Solo entre 1200px y 1350px: un poco más de espacio === */
@media (min-width: 1200px) and (max-width: 1350px) {
    .itempage-account {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 16px;
        text-align: center;
    }

        .itempage-account .btnCircle {
            margin: 0 !important;
            width: 100%;
            max-width: 300px; /* opcional */
        }

        .itempage-account a + a {
            margin-top: 16px !important;
        }
}