/* =========================================================
   BUYER ADMIN
========================================================= */

.eod-buyer-admin {
    padding: 10px 0 20px;
}

.eod-buyer-admin h2 {
    margin: 25px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
}

.eod-buyer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.eod-buyer-field {
    margin-bottom: 8px;
}

.eod-buyer-field label {
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
}

.eod-buyer-field input,
.eod-buyer-field textarea,
.eod-buyer-field select {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 10px;
}

.eod-buyer-full {
    grid-column: 1 / -1;
}

@media (max-width: 782px) {
    .eod-buyer-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   BUYER MAIN PAGE
========================================================= */

.eod-buyers-page {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f4f7fa;

    overflow: hidden;
}


/* =========================================================
   ASTRA RESET
========================================================= */

body.post-type-archive-buyer .site-content,
body.post-type-archive-buyer .ast-container,
body.page-id-0 .eod-buyers-page {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   HERO
========================================================= */

.eod-buyer-hero {

    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    min-height: 300px;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    background-image:
        linear-gradient(
            rgba(5, 53, 91, 0.72),
            rgba(5, 53, 91, 0.72)
        ),
        url("../images/buyer-banner.webp");

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    color: #fff;
}

.eod-buyer-hero-content {

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    padding: 40px 20px;
}

.eod-buyer-hero h1 {

    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 46px !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    letter-spacing: 1px;
}

.eod-hero-line {

    display: block;

    width: 55px;
    height: 2px;

    margin: 0 auto 14px;

    background: #fff;
}

.eod-buyer-hero p {

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    letter-spacing: 1.2px;
}


/* =========================================================
   BUYER LIST AREA
========================================================= */

.eod-buyers-list {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 45px 25px 60px !important;

    background: #f4f7fa;
}

.eod-buyers-container {

    width: 100%;

    max-width: 1240px;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   3 CARD GRID
========================================================= */

.eod-buyers-grid {

    width: 100%;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: stretch;
}


/* =========================================================
   BUYER CARD
========================================================= */

.eod-buyer-card {

    position: relative;

    width: 100% !important;
    min-width: 0;

    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 22px 20px 20px !important;

    background: #fff;

    border: 1px solid #e4e9ee;

    border-radius: 3px;

    box-shadow:
        0 2px 9px rgba(0, 0, 0, 0.08);

    overflow: hidden;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.eod-buyer-card:hover {

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.11);
}


/* =========================================================
   TRUSTED BUYER BADGE
========================================================= */

.eod-trusted-badge {

    position: absolute;

    top: 10px;
    right: 10px;

    z-index: 10;

    display: flex;

    align-items: center;

    gap: 4px;

    padding: 3px 5px;

    background: #fff;

    border-radius: 3px;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.12);
}

.eod-trusted-shield {

    width: 28px;
    height: 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #42a52d;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    clip-path: polygon(
        50% 0,
        100% 12%,
        92% 70%,
        50% 100%,
        8% 70%,
        0 12%
    );
}

.eod-trusted-text {

    display: flex;

    flex-direction: column;

    line-height: 1;

    color: #2d8a27;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .3px;
}

.eod-trusted-text strong {

    display: block;

    margin: 0 !important;

    padding: 0 !important;

    color: #2d8a27 !important;

    font-size: 8px !important;

    line-height: 1.1 !important;

    font-weight: 800 !important;
}


/* =========================================================
   CARD HEADER
========================================================= */

.eod-buyer-card-header {

    min-height: 92px;

    padding-right: 105px;
}

.eod-buyer-card-header h2 {

    margin: 0 0 5px !important;
    padding: 0 !important;

    color: #071c31 !important;

    font-size: 20px !important;

    line-height: 1.25 !important;

    font-weight: 500 !important;
}

.eod-buyer-subtitle {

    margin: 0 !important;
    padding: 0 !important;

    color: #687b8d !important;

    font-size: 13px !important;

    line-height: 1.45 !important;
}


/* =========================================================
   DIVIDER
========================================================= */

.eod-buyer-divider {

    width: 100%;

    height: 1px;

    margin: 0 0 20px;

    background: #edf0f2;
}


/* =========================================================
   INFORMATION GRID
========================================================= */

.eod-buyer-info-grid {

    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 18px;

    row-gap: 20px;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   INFORMATION ITEM
========================================================= */

.eod-buyer-info-item {

    min-width: 0;

    display: flex;

    align-items: flex-start;

    gap: 9px;
}


/* =========================================================
   ICON
========================================================= */

.eod-buyer-icon {

    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #0073b5;

    font-size: 20px;

    line-height: 1;
}

.eod-buyer-icon svg {

    display: block;

    color: #0073b5;

    stroke: currentColor;
}

.eod-country-flag {

    font-size: 22px;

    line-height: 1;
}


/* =========================================================
   INFORMATION TEXT
========================================================= */

.eod-buyer-info-text {

    min-width: 0;

    display: flex;

    flex-direction: column;
}

.eod-buyer-info-text span {

    display: block;

    margin: 0 0 3px !important;

    color: #687b8d !important;

    font-size: 12px !important;

    line-height: 1.2 !important;
}

.eod-buyer-info-text strong {

    display: block;

    margin: 0 !important;
    padding: 0 !important;

    color: #0070b5 !important;

    font-size: 13px !important;

    line-height: 1.35 !important;

    font-weight: 500 !important;

    word-break: break-word;
}


/* =========================================================
   MASKED INFORMATION
========================================================= */

.eod-masked-value {

    color: #a8c6d8 !important;

    letter-spacing: 1px;

    filter: blur(2.2px);

    user-select: none;

    white-space: nowrap;
}


/* =========================================================
   CARD FOOTER
========================================================= */

.eod-buyer-card-footer {

    margin-top: auto;

    padding-top: 22px;
}


/* =========================================================
   VIEW DETAILS BUTTON
========================================================= */

.eod-buyer-view-button {

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 38px;

    padding: 9px 17px !important;

    background: #0073b5;

    border: 1px solid #0073b5;

    border-radius: 3px;

    color: #fff !important;

    font-size: 12px !important;

    line-height: 1.2 !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.eod-buyer-view-button span {

    font-size: 16px;

    line-height: 1;

    transition: transform .2s ease;
}

.eod-buyer-view-button:hover {

    background: #005f96;

    border-color: #005f96;

    color: #fff !important;
}

.eod-buyer-view-button:hover span {

    transform: translateX(3px);
}


/* =========================================================
   PAGINATION
========================================================= */

.eod-buyers-pagination {

    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 40px;
}

.eod-buyers-pagination .page-numbers {

    min-width: 34px;
    height: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 0 9px;

    border: 1px solid #dce4ea;

    border-radius: 3px;

    background: #fff;

    color: #0070b5 !important;

    font-size: 13px;

    text-decoration: none !important;
}

.eod-buyers-pagination .page-numbers.current {

    background: #0070b5;

    border-color: #0070b5;

    color: #fff !important;
}

.eod-buyers-pagination .page-numbers:hover {

    background: #0070b5;

    border-color: #0070b5;

    color: #fff !important;
}


/* =========================================================
   NO BUYERS
========================================================= */

.eod-no-buyers {

    width: 100%;

    padding: 60px 20px;

    background: #fff;

    text-align: center;

    border: 1px solid #e5eaee;
}

.eod-no-buyers h2 {

    margin: 0 0 8px !important;

    color: #062d57 !important;

    font-size: 24px !important;
}

.eod-no-buyers p {

    margin: 0 !important;

    color: #687b8d !important;

    font-size: 14px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .eod-buyers-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .eod-buyer-hero {

        min-height: 250px;
    }

    .eod-buyer-hero h1 {

        font-size: 38px !important;
    }

    .eod-buyer-hero p {

        font-size: 13px !important;

        letter-spacing: .8px;
    }

    .eod-buyers-list {

        padding: 30px 15px 45px !important;
    }

    .eod-buyers-grid {

        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }

    .eod-buyer-card {

        padding: 20px 18px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 450px) {

    .eod-buyer-card-header {

        min-height: 85px;

        padding-right: 90px;
    }

    .eod-buyer-card-header h2 {

        font-size: 18px !important;
    }

    .eod-buyer-subtitle {

        font-size: 12px !important;
    }

    .eod-buyer-info-grid {

        grid-template-columns: 1fr 1fr;

        column-gap: 10px;

        row-gap: 18px;
    }

    .eod-buyer-info-item {

        gap: 6px;
    }

    .eod-buyer-icon {

        flex-basis: 25px;

        width: 25px;
        height: 25px;

        font-size: 18px;
    }

    .eod-buyer-info-text span {

        font-size: 11px !important;
    }

    .eod-buyer-info-text strong {

        font-size: 12px !important;
    }

    .eod-trusted-badge {

        top: 8px;
        right: 8px;
    }

}