/* WooCommerce Account Page Styles */
.woocommerce-account {
    /* Add your custom styles here */
}

/* Layout */
.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    gap: 80px;
}

.woocommerce-MyAccount-navigation {
    flex: 0 0 300px;
}

.woocommerce-MyAccount-content {
    flex: 1;
    max-width: 718px;
}

/* Content Styles */
.claryss-account-header {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 40px;
    margin-bottom: 32px;
}

.claryss-account-title {
    margin: 0;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
}

.claryss-account-meta {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

.claryss-sign-out {
    display: inline-block;
    background-color: var(--primary-500);
    color: #fff !important;
    border-radius: 7px;
    padding: 6px 14px;
    margin-left: 4px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.claryss-sign-out:hover {
    opacity: 0.9;
    text-decoration: none;
}

.woocommerce-MyAccount-content a {
    color: var(--primary-400);
    text-decoration: none;
    font-weight: 700;
}

.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* Account Section Styles */
.claryss-account-section {
    margin-bottom: 40px;
}

.claryss-account-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.claryss-account-title-wrap .button {
    border: none;
    cursor: pointer;
    font-family: inherit;
}

.small-buttons-wrap {
    display: flex;
    gap: 10px;
}

.claryss-account-section .claryss-account-title {
    margin-bottom: 14px;
}

.claryss-account-section .table_heading {
    margin-bottom: 34px;
}

.table_heading.claryss-account-title-wrap .claryss-account-title,
.table_heading .claryss-account-title {
    margin-bottom: 0;
}

.claryss-account-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.claryss-account-table th,
.claryss-account-table td {
    background-color: var(--surface-dark);
    color: #fff;
    text-align: left;
    padding: 12px 24px;
}

.claryss-account-table thead th {
    border-bottom: 2px solid #fff;
    padding: 8px;
}

.claryss-account-table.regular_table thead th:last-child {
    text-align: right;
}

.claryss-account-table.regular_table thead th:last-child .table_th_pill {
    text-align: left; /* Keep text inside pill left-aligned if needed, though usually centered or left is fine */
}

.table_th_pill {
    display: block;
    border-radius: 32px;
    border: 2px solid var(--surface-action);
    padding: 4px 12px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.claryss-account-table.regular_table thead th:last-child .table_th_pill {
    text-align: right;
}

.claryss-account-table tbody td {
    border-bottom: 1px solid var(--gray-300);
}

.claryss-account-table td:last-child {
    border-right: 1px solid var(--gray-300);
}

.claryss-account-table.regular_table td:first-child {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

.claryss-account-table.regular_table td:last-child {
    font-size: 14px;
    line-height: 28px;
    text-align: right;
}

.claryss-account-table.regular_two_col_table th {
    width: 46%;
}

.claryss-account-table.regular_two_col_table td {
    width: 54%;
    text-align: right;
}

.claryss-account-table.two_col_table th {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    padding: 8px 10px 8px 20px;
    width: 46%;
    border-bottom: 2px solid #fff;
}

.claryss-account-table.two_col_table td {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    padding: 8px 10px 8px 20px;
    width: 54%;
    border-bottom: 1px solid var(--gray-300);
    border-right: 1px solid var(--gray-300);
    text-align: right;
}

/* Rounded Corners */
.claryss-account-table.two_col_table tr:first-child th {
    border-top-left-radius: 16px;
}

.claryss-account-table.two_col_table tr:first-child td {
    border-top-right-radius: 16px;
}

.claryss-account-table.two_col_table tr:last-child th {
    border-bottom-left-radius: 16px;
}

.claryss-account-table.two_col_table tr:last-child td {
    border-bottom-right-radius: 16px;
}

/* Rounded Corners Base Table */
.claryss-account-table.two_col_table tr:first-child td:first-child {
    border-top-left-radius: 16px;
}

.claryss-account-table.two_col_table tr:first-child td:last-child {
    border-top-right-radius: 16px;
}

/* Regular table with thead (top is flat, bottom is rounded) */
.claryss-account-table.regular_table tr:first-child th:first-child {
    border-top-left-radius: 16px;
}

.claryss-account-table.regular_table tr:first-child th:last-child {
    border-top-right-radius: 16px;
}

.claryss-account-table tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}

.claryss-account-table tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}

.edit_details {
    padding: 8px 10px 24px;
    border-radius: 16px;
    border-right: 1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
    background-color: var(--surface-dark);
    color: #fff;
}

.edit_details.edit_details--compact {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 28px;
}

/* Country dropdown — match the input-text look */
.woocommerce-account select.input-text {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 48px;
    padding: 0 38px 0 14px;
    border: 1px solid var(--secondary-200);
    border-radius: 10px;
    background-color: #fff;
    color: var(--surface-page);
    font-size: 16px;
    line-height: 22px;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23828393' d='M6 8 0 0h12z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 8px;
}

.woocommerce-account select.input-text option[value=""] {
    color: var(--secondary-200);
}

/* Purchase Order required radio group */
.po_required_field {
    border: 0;
    padding: 0;
    margin: 0;
}

.po_required_field__legend {
    padding: 0;
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
}

.po_required_field__options {
    display: flex;
    align-items: center;
    gap: 22px;
}

.po_radio {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 5px;
    cursor: pointer;
    user-select: none;
}

.po_radio input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: 0;
    margin: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 3.28125C16.8164 3.28125 20.7188 7.18359 20.7188 12C20.7188 16.8164 16.8164 20.7188 12 20.7188C7.18359 20.7188 3.28125 16.8164 3.28125 12C3.28125 7.18359 7.18359 3.28125 12 3.28125ZM12 19.0312C15.8672 19.0312 19.0312 15.9023 19.0312 12C19.0312 8.13281 15.8672 4.96875 12 4.96875C8.09766 4.96875 4.96875 8.13281 4.96875 12C4.96875 15.9023 8.09766 19.0312 12 19.0312Z' fill='%23ffffff'/></svg>");
}

.po_radio input[type="radio"]:checked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M20.7188 12C20.7188 16.8164 16.7812 20.7187 12 20.7187C7.18359 20.7187 3.28125 16.8164 3.28125 12C3.28125 7.21873 7.18359 3.28123 12 3.28123C16.7812 3.28123 20.7188 7.21873 20.7188 12ZM10.9805 16.6406L17.4492 10.1719C17.6602 9.96092 17.6602 9.5742 17.4492 9.36327L16.6406 8.58983C16.4297 8.34373 16.0781 8.34373 15.8672 8.58983L10.5938 13.8633L8.09766 11.4023C7.88672 11.1562 7.53516 11.1562 7.32422 11.4023L6.51562 12.1758C6.30469 12.3867 6.30469 12.7734 6.51562 12.9844L10.1719 16.6406C10.3828 16.8515 10.7695 16.8515 10.9805 16.6406Z' fill='%2363E3D3'/></svg>");
}

.po_radio__dot {
    display: none;
}

.po_radio__label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    transition: color 0.2s ease;
}

.po_radio:has(input[type="radio"]:checked) .po_radio__label {
    color: var(--primary-400);
}

.billing_details_list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
}

.billing_details_list li {
    margin: 0;
}

.edit_details__title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #fff;
}

.edit_details__title.mt-26 {
    margin-top: 26px;
}

.mt-34 {
    margin-top: 34px;
}

.edit_rows_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.edit_row {
    display: flex;
    gap: 16px;
}

.edit_col {
    flex: 1;
}

.company_fields_row {
    margin-bottom: 8px;
}

.explainer {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.woocommerce-account input.input-text {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--secondary-200);
    border-radius: 10px;
    background-color: #fff;
    color: var(--surface-page);
    font-size: 16px;
    box-sizing: border-box;
}

.woocommerce-account input.input-text.field-first-name,
.woocommerce-account input.input-text.field-last-name {
    padding-right: 45px;
    background-image: url('../img/user-field.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}

.woocommerce-account input.input-text.field-email {
    padding-right: 45px;
    background-image: url('../img/email-field.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}

.woocommerce-account input.input-text.field-phone {
    padding-right: 45px;
    background-image: url('../img/phone-field.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}

.woocommerce-account input.input-text:disabled {
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid var(--secondary-200);
    color: #fff;
    cursor: not-allowed;
}

.woocommerce-account input.input-text:disabled::placeholder {
    color: var(--secondary-200);
}

/* Form Styles */
.woocommerce-EditAccountForm label {
    display: none; /* Hide labels as placeholders are used */
}

.woocommerce-EditAccountForm input.input-text {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--secondary-200);
    border-radius: 10px;
    background-color: #fff;
    color: var(--surface-page);
    font-size: 16px;
    line-height: 22px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.woocommerce-EditAccountForm input.input-text::placeholder {
    color: var(--secondary-200);
}

.claryss-password-change-section:has(+ .claryss-account-section) {
    margin-bottom: 46px;
}

.claryss-password-change-section .claryss-account-title {
    margin-bottom: 14px;
}

.claryss-form-fields-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.claryss-form-fields-grid input.input-text {
    margin-bottom: 0;
}

.claryss-password-change-section .claryss-form-fields-grid + p {
    margin-top: 10px;
}

/* Button Styles */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    padding: 16px 24px;
    margin-bottom: 32px;
    border-radius: 8px;
    background-color: var(--surface-action);
    color: #fff;
    list-style: none;
    border-left: 4px solid var(--primary-400);
}

/* Hide "Browse products"-style CTAs inside My Account empty-state notices. */
.woocommerce-account .woocommerce-MyAccount-content .no_subscriptions .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button[href*="/shop/"] {
    display: none;
}

.woocommerce-error {
    border-left-color: var(--red);
}

.woocommerce-message::before,
.woocommerce-info::before {
    content: ""; /* You can add an icon here if needed */
}

.woocommerce-account .woocommerce .button {
    background-color: var(--primary-400);
    color: var(--surface-page);
    border: none;
    border-radius: 10px;
    padding: 12px 30px;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.woocommerce-account .woocommerce .button:hover {
    background-color: var(--primary-300);
    opacity: 1;
}

.woocommerce-account .woocommerce .button.small_account_button,
.woocommerce-account .woocommerce .shop_table.subscription_details td .button {
    background-color: var(--primary-500);
    color: #fff !important;
    border-radius: 7px;
    padding: 6px 14px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    height: auto;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.woocommerce-account .woocommerce .button.small_account_button:hover,
.woocommerce-account .woocommerce .shop_table.subscription_details td .button:hover {
    background-color: color-mix(in srgb, var(--primary-500), white 15%);
    color: #fff !important;
    text-decoration: none;
}

/* Account Navigation Reset */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 18px 17px 16px;
    background-color: var(--surface-action);
    border-radius: 8px;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 2px;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 16px 24px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Active & Hover States */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: var(--primary-300);
    color: var(--surface-page);
}


/* Access switch (User management) */
.user_row_actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.user_row_button {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.woocommerce-MyAccount-content a.user_row_button--edit,
.user_row_button--edit {
    background: var(--Primary-500, #4AAA9E);
    color: #fff;
}

.woocommerce-MyAccount-content a.user_row_button--edit:hover,
.user_row_button--edit:hover {
    background: color-mix(in srgb, var(--Primary-500, #4AAA9E), white 15%);
    color: #fff;
    text-decoration: none;
}

.woocommerce-MyAccount-content a.user_row_button--revoke,
.user_row_button--revoke {
    background: var(--Error-200, #F8928C);
    color: var(--Error-500, #B51C14);
}

.woocommerce-MyAccount-content a.user_row_button--revoke:hover,
.user_row_button--revoke:hover {
    background: color-mix(in srgb, var(--Error-200, #F8928C), white 15%);
    color: var(--Error-500, #B51C14);
    text-decoration: none;
}

.access_switch {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 63px;
    box-sizing: border-box;
    padding: 2px 3px;
    border-radius: 30px;
    background: var(--primary-500);
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
}

.access_switch.is-off {
    background: var(--Red-300, #F55C53);
    flex-direction: row-reverse;
}

.access_switch .switch_circle {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
}

.access_switch .switch_statuses {
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.access_switch .switch_on,
.access_switch .switch_off {
    display: none;
}

.access_switch.is-on .switch_off {
    display: block;
    padding-right: 2px;
    color: var(--Primary-200, #B1F1E9);
}

.access_switch.is-off .switch_on {
    display: block;
    padding-left: 2px;
    color: var(--Error-100, #FBC8C6);
}

/* All tables inside My Account span the full content width */
.woocommerce-MyAccount-content table.shop_table,
.woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table.order_details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 24px;
}

/* Orders table */
.woocommerce-orders-table th,
.woocommerce-orders-table td {
    background-color: var(--surface-dark);
    color: #fff;
    text-align: left;
    padding: 12px 24px;
    vertical-align: middle;
}

.woocommerce-orders-table thead th {
    border-bottom: 2px solid #fff;
    padding: 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}

.woocommerce-orders-table thead th span {
    display: block;
    border-radius: 32px;
    border: 2px solid var(--Surface-action-disabled, #1F213E);
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}


.woocommerce-orders-table tbody td,
.woocommerce-orders-table tbody th {
    border-bottom: 1px solid var(--gray-300);
    font-size: 14px;
    line-height: 28px;
}

.woocommerce-orders-table tbody td:first-child {
    border-left: 1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
}

.woocommerce-orders-table tbody td:last-child {
    border-right: 1px solid var(--gray-300);
    text-align: right;
}

.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-number {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}

/* Rounded corners */
.woocommerce-orders-table thead tr:first-child th:first-child {
    border-top-left-radius: 16px;
}

.woocommerce-orders-table thead tr:first-child th:last-child {
    border-top-right-radius: 16px;
}

.woocommerce-orders-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}

.woocommerce-orders-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}

/* View button inside the actions cell uses the small account button style */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
    background-color: var(--primary-500);
    color: #fff !important;
    border-radius: 7px;
    padding: 6px 14px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    height: auto;
    text-decoration: none;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button:hover {
    background-color: color-mix(in srgb, var(--primary-500), white 15%);
    color: #fff !important;
}

/* Pagination below orders table */
.woocommerce-pagination,
.woocommerce-Pagination {
    margin-top: 16px;
}

/* View order summary line — kill the default yellow <mark> */
.woocommerce-MyAccount-content mark {
    background: transparent;
    color: var(--primary-400);
    font-weight: 700;
    padding: 0;
}

/* Order details table on the view-order page */
.woocommerce-MyAccount-content table.shop_table.order_details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 40px;
}

.shop_table.order_details th,
.shop_table.order_details td {
    background-color: var(--surface-dark);
    color: #fff;
    text-align: left;
    padding: 12px 24px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 28px;
}

.shop_table.order_details thead th {
    border-bottom: 2px solid #fff;
    padding: 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}

.shop_table.order_details thead th span {
    display: block;
    border-radius: 32px;
    border: 2px solid var(--Surface-action-disabled, #1F213E);
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.shop_table.order_details thead th.product-total span {
    text-align: right;
}

/* Hide billing address block on the view-subscription page only */
.woocommerce-view-subscription .woocommerce-customer-details {
    display: none;
}

/* All My Account headings render at h3 size */
.woocommerce-MyAccount-content h2 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
}

.woocommerce-MyAccount-content h3 {
    font-family: var(--font-sans);
}

.woocommerce-view-subscription .woocommerce-MyAccount-content h2,
.woocommerce-view-subscription .woocommerce-MyAccount-content h1,
.woocommerce-view-subscription .woocommerce-MyAccount-content h3 {
    margin-bottom: 23px;
}

/* Reveal the Actions header on the related orders table (was sr-only) */
.woocommerce-orders-table thead th.woocommerce-orders-table__header-order-actions .screen-reader-text {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 4px 12px;
    overflow: visible;
    clip: auto;
    clip-path: none;
    white-space: normal;
}

.shop_table.order_details tbody td,
.shop_table.order_details tfoot th,
.shop_table.order_details tfoot td {
    border-bottom: 1px solid var(--gray-300);
}

.shop_table.order_details tbody td:last-child,
.shop_table.order_details tfoot td {
    border-right: 1px solid var(--gray-300);
    text-align: right;
}

.shop_table.order_details tfoot th {
    font-weight: 700;
}

/* Rounded corners */
.shop_table.order_details thead tr:first-child th:first-child {
    border-top-left-radius: 16px;
}

.shop_table.order_details thead tr:first-child th:last-child {
    border-top-right-radius: 16px;
}

.shop_table.order_details tfoot tr:last-child th:first-child {
    border-bottom-left-radius: 16px;
}

.shop_table.order_details tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}

/* Product name link in order details — display only, not clickable */
.woocommerce-MyAccount-content .shop_table.order_details .product-name a {
    color: #fff;
    font-weight: 400;
    pointer-events: none;
    text-decoration: none;
}

.woocommerce-MyAccount-content .shop_table.order_details .product-name a:hover {
    text-decoration: none;
}

/* Subscription details (view-subscription) */
.woocommerce-MyAccount-content table.shop_table.subscription_details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 40px;
}

.shop_table.subscription_details td {
    background-color: var(--surface-dark);
    color: #fff;
    text-align: left;
    padding: 8px 10px 8px 20px;
    border-bottom: 1px solid var(--gray-300);
    vertical-align: middle;
}

.shop_table.subscription_details td:first-child {
    width: 46%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}

.shop_table.subscription_details td:last-child {
    width: 54%;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    text-align: right;
    border-right: 1px solid var(--gray-300);
}

/* Rounded corners */
.shop_table.subscription_details tr:first-child td:first-child {
    border-top-left-radius: 16px;
}

.shop_table.subscription_details tr:first-child td:last-child {
    border-top-right-radius: 16px;
}

.shop_table.subscription_details tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}

.shop_table.subscription_details tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}

.shop_table.subscription_details td .button + .button {
    margin-left: 8px;
}