.ppcp-collapsible-section {
    cursor: pointer;
    padding: 10px 19px;
    background: white;
    color: #2c3e50;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s, color 0.3s, border 0.3s;
    max-width: 862px;
    margin: 10px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
    font-size: 14px !important;
}
.ppcp-collapsible-section:after {
    content: '';
    display: inline-block;
    width: 24px; /* Increased width for larger size */
    height: 24px; /* Increased height for larger size */
    mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"/></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"/></svg>') no-repeat center;
    background-color: black; /* Color for the arrow */
    transition: transform 0.3s;
    transform: rotate(0deg); /* Default: Right-facing arrow */
}
.ppcp-collapsible-section.active:after {
    transform: rotate(180deg); /* Active: Down-facing arrow */
}
.ppcp-collapsible-section.active:after {
    transform: rotate(180deg); /* Active: Down-facing arrow */
}
.form-table {
    max-width: 900px;
    background-color: rgb(255, 255, 255);
    color: rgb(30, 30, 30);
    outline: none;
    margin-bottom: 10px !important;
    margin-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
}
.woocommerce table.form-table th {
    padding-left: 20px;
}
.wpg_paypal_checkout_gateway_setting_sepraer {
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 15px;
    vertical-align: middle;
}
.list {
    list-style-type: circle;
    margin-left: 42px;
}
p.submit {
    display: block !important;
}
table tr:last-child td {
    padding-bottom: 30px; /* Adjust spacing as needed */
}
table tr:first-child td {
    padding-top: 25px; /* Adjust spacing as needed */
}
table tr:first-child th {
    padding-top: 30px; /* Adjust spacing as needed */
}

.button.wpg-ppcp-disconnect {
    margin-top: 20px;
}
.wpg_ppcp_paypal_connection {
    padding: 12px 16px;
    border-radius: 6px;
    max-width: 550px;
    box-shadow: 0 0 0 1px #e1e1e1;
}
.wpg_ppcp_paypal_connection {
    margin-bottom: 16px;
}
@media screen and (max-width: 600px) {
    .wpg_ppcp_paypal_connection {
        font-size: 14px;
        padding: 10px;
    }
}

.wpg_ppcp_paypal_connection_status h3 {
    font-size: 16px;
    color: #46b450;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 4px;
}

.wpg_ppcp_paypal_connection_status p {
    margin: 0;
    color: #444;
    font-size: 13px;
}

.select2-search__field {
    min-width: 400px !important;
}
#connect-to-sandbox {
    vertical-align: middle;
}
#connect-to-production {
    vertical-align: middle;
}
.wpg_paypal_checkout_gateway_manual_credential_input {
    vertical-align: middle;
}
table::after {
    content: '';
    display: block;
    height: 20px; /* Adjust the height as needed */
}
.woocommerce table.form-table .forminp {
    display: table-cell !important;
    position: relative;
}
#woocommerce_wpg_paypal_checkout_description {
    width: 600px;
    resize: vertical;
}
/* Wrapper + header */
.wpg-ch-wrap{
    max-width:900px;
    background:#fff;
    border:1px solid #dcdcdc;
}
.wpg-ch-title{
    margin:16px 16px 4px !important;
    font-size:17px;
    font-weight:600;
    color:#1d2327
}
.wpg-ch-sub{
    margin:0 16px 12px;
    color:#646970
}

/* List */
.wpg-ch-list{
    border-top:1px solid #e6e7e9
}

/* Row */
.wpg-ch-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px;
    border-top:1px solid #e6e7e9;
    background:#fff
}
.wpg-ch-item:first-child{
    border-top:none
}

/* Left cluster */
.wpg-ch-left{
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0
}
.wpg-ch-logo{
    width:75px;
    height:75px;
    border-radius:6px;
    object-fit:contain;
    background:#fff;
    flex:0 0 auto
}
.wpg-ch-text{
    min-width:0
}
.wpg-ch-line1{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap
}
.wpg-ch-name{
    font-weight:600;
    color:#1d2327;
    text-decoration:none;
    font-size: 14px;
}
.wpg-ch-name:hover{
    color:#135e96;
    text-decoration:underline
}
.wpg-ch-chip{
    color:#757575;
    border:1px solid #757575;
    border-radius:999px;
    padding:2px 8px;
    font-size:12px;
    line-height:18px
}
.wpg-ch-desc{
    color:#2c3338;
    margin-top:4px;
    max-width:720px
}

/* Right button */
.wpg-ch-right{
    flex:0 0 auto
}
.wpg-ch-btn{
    white-space:nowrap
}

/* Make rows stack on narrow screens */
@media (max-width: 720px){
    .wpg-ch-item{
        flex-direction:column;
        align-items:flex-start
    }
    .wpg-ch-right{
        width:100%
    }
    .wpg-ch-btn{
        width:auto
    }
}

/* Dark mode */
body.is-dark-theme .wpg-ch-wrap{
    background:#1e1f24;
    border-color:#2a2f33
}
body.is-dark-theme .wpg-ch-title{
    color:#e2e4e7
}
body.is-dark-theme .wpg-ch-sub{
    color:#9aa0a6
}
body.is-dark-theme .wpg-ch-item{
    background:#1e1f24;
    border-color:#2a2f33
}
body.is-dark-theme .wpg-ch-name{
    color:#e2e4e7
}
body.is-dark-theme .wpg-ch-name:hover{
    color:#8cc8ff
}
body.is-dark-theme .wpg-ch-desc{
    color:#c3c4c7
}
body.is-dark-theme .wpg-ch-chip{
    background:#0b2940;
    color:#8cc8ff;
    border-color:#183a57
}
.ppcp-google-pay-notice-box {
    padding: 12px 16px;
    line-height: 1.5;
    background-color: #fff;
    color: #1e1e1e;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    max-width: 864px;
    border-left: 4px solid #ffb900;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.nexa-spinner-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.nexa-loader {
    width: 20px;
    height: 20px;
    border: 3px solid #ccc;
    border-top: 3px solid #007cba;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.woo-connect-notice {
    display:none;
}
.wpg-paypal-onboard-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 248px;
}
.wpg-paypal-connect-row {
    display: flex;
    align-items: center;
    gap: 6px;
}
.wpg-paypal-connect-button {
    padding: 6px 12px;
    font-size: 13px;
    cursor: pointer;
}
.wpg-paypal-recommend {
    font-size: 11px;
    color: #2f7d32;
    font-weight: 600;
    background: #e6f4ea;
    padding: 6px 6px;
    border-radius: 4px;
}
.wpg-paypal-separator {
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    color: #827a7a;
    align-self: center;
}
.wpg-paypal-separator span {
    color: #eeeded;
}
.wpg_paypal_checkout_gateway_manual_credential_input {
    font-size: 13px;
    text-decoration: underline;
    color: #0073aa;
    align-self: center;
}
.wpg_paypal_checkout_gateway_manual_credential_input:hover {
    color: #005177;
}
#woocommerce_wpg_paypal_checkout_sandbox ~ .select2-container {
    min-width: 249px !important;
}
body.woocommerce_page_wc-settings #wpbody-content {
    background: #F0F0F1 !important;
    padding-bottom: 0;
}
