/*
|--------------------------------------------------------------------------
| Page
|--------------------------------------------------------------------------
*/

.phc-retailer-details-page {

    padding: 40px 0 70px;

    background: #F8FBFC;

    min-height: 100vh;

}

/*
|--------------------------------------------------------------------------
| Card
|--------------------------------------------------------------------------
*/

.phc-retailer-details-card {

    background: #FFFFFF;

    border-radius: 24px;

    border: 1px solid #E2E8F0;

    overflow: hidden;

    box-shadow:
        0 10px 30px rgba(15,23,42,0.05);

}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.phc-retailer-details-header {

    padding: 34px 40px 24px;

    border-bottom: 1px solid #E2E8F0;

}

.phc-retailer-details-header h1 {

    font-size: 36px;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 10px;

}

.phc-retailer-details-header p {

    font-size: 16px;

    color: #64748B;

    line-height: 1.6;

}

/*
|--------------------------------------------------------------------------
| Table Wrapper
|--------------------------------------------------------------------------
*/

.phc-retailer-table-wrapper {

    width: 100%;

    overflow-x: auto;

}

/*
|--------------------------------------------------------------------------
| Table
|--------------------------------------------------------------------------
*/

.phc-retailer-table {

    width: 100%;

    border-collapse: collapse;

}

/*
|--------------------------------------------------------------------------
| Rows
|--------------------------------------------------------------------------
*/

.phc-retailer-table tr {

    border-bottom: 1px solid #E2E8F0;

}

.phc-retailer-table tr:last-child {

    border-bottom: none;

}

/*
|--------------------------------------------------------------------------
| Heading Cell
|--------------------------------------------------------------------------
*/

.phc-retailer-table th {

    width: 280px;

    padding: 24px 40px;

    text-align: left;

    background: #F8FBFC;

    font-size: 14px;

    font-weight: 700;

    color: #475569;

    vertical-align: top;

}

/*
|--------------------------------------------------------------------------
| Value Cell
|--------------------------------------------------------------------------
*/

.phc-retailer-table td {

    padding: 24px 40px;

    font-size: 16px;

    font-weight: 600;

    color: #0F172A;

    line-height: 1.7;

    word-break: break-word;

}

/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .phc-retailer-details-header {

        padding: 28px;

    }

    .phc-retailer-table th {

        width: 220px;

        padding: 20px 24px;

    }

    .phc-retailer-table td {

        padding: 20px 24px;

    }

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    .phc-retailer-details-page {

        padding: 20px 0 50px;

    }

    .phc-retailer-details-card {

        border-radius: 18px;

    }

    .phc-retailer-details-header {

        padding: 24px 20px;

    }

    .phc-retailer-details-header h1 {

        font-size: 28px;

    }

    /*
    |--------------------------------------------------------------------------
    | Table Mobile
    |--------------------------------------------------------------------------
    */

    .phc-retailer-table tr {

        display: flex;

        flex-direction: column;

    }

    .phc-retailer-table th {

        width: 100%;

        padding:
            18px
            20px
            6px;

        background: #FFFFFF;

        font-size: 13px;

    }

    .phc-retailer-table td {

        padding:
            0
            20px
            18px;

        font-size: 15px;

    }

}


/* ==========================================================
   Account Deletion Link
========================================================== */

.phc-account-delete-link {

    margin-top: 28px;

    text-align: center;

}

.phc-account-delete-link a {

    display: inline-block;

    padding: 14px 22px;

    border-radius: 14px;

    background: #dc2626;

    color: #ffffff;

    text-decoration: none;

    font-weight: 600;

    font-size: 15px;

    transition: 0.2s ease;

}

.phc-account-delete-link a:hover {

    background: #b91c1c;

}

@media (max-width: 768px) {

    .phc-account-delete-link a {

        width: 100%;

        text-align: center;

    }

}