/**
 * Payment Terms Frontend Styles
 *
 * @package Multicase_Integration
 */

/* Checkout Payment Terms */
.woocommerce-checkout-payment-terms {
    background: #f7f7f7;
    padding: 1.5em;
    margin: 2em 0;
    border: 1px solid #e5e5e5;
}

.woocommerce-checkout-payment-terms h3 {
    margin-top: 0;
}

.payment-terms-info p {
    margin: 0.5em 0;
}

.payment-terms-info .payment-discount {
    color: #0073aa;
    font-weight: bold;
}

.payment-terms-notice {
    margin-bottom: 1em;
}

/* Payment Terms Table */
.woocommerce-table--payment-terms {
    width: 100%;
    margin: 1em 0;
}

.woocommerce-table--payment-terms th {
    width: 30%;
    font-weight: bold;
    padding: 0.5em;
}

.woocommerce-table--payment-terms td {
    padding: 0.5em;
}

/* Cart Payment Terms Display */
.cart_totals .payment-terms small {
    display: block;
    font-weight: normal;
    color: #666;
}

/* Payment Status Colors */
.payment-status-overdue {
    color: #dc3232;
}

.payment-status-due-today {
    color: #ff9800;
}

/* Subaccount Notice */
.payment-terms-subaccount-notice {
    background: #f0f0f1;
    border-left: 4px solid #2271b1;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-style: italic;
}

/* Payment Terms Selection */
.payment-term-selection {
    margin: 1em 0;
}

.payment-term-selection label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.payment-term-selection select {
    width: 100%;
    padding: 0.5em;
}

.payment-term-details {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 1em;
    margin-top: 1em;
    border-radius: 3px;
}

.payment-term-details p {
    margin: 0.5em 0;
}

.payment-term-details p:first-child {
    margin-top: 0;
}

.payment-term-details p:last-child {
    margin-bottom: 0;
}

/* My Account Payment Terms */
.woocommerce-MyAccount-content .payment-terms-info {
    background: #f7f7f7;
    padding: 1.5em;
    border: 1px solid #e5e5e5;
    margin-bottom: 2em;
}

.woocommerce-MyAccount-content .payment-terms-info h3 {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 1.2em;
}

/* Order Details Payment Terms */
.woocommerce-order-details .payment-terms-section {
    margin: 2em 0;
    padding: 1.5em;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
}

.woocommerce-order-details .payment-terms-section h2 {
    margin-top: 0;
    font-size: 1.3em;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .woocommerce-checkout-payment-terms,
    .woocommerce-MyAccount-content .payment-terms-info,
    .woocommerce-order-details .payment-terms-section {
        padding: 1em;
    }
    
    .payment-term-selection select {
        font-size: 16px; /* Prevent zoom on iOS */
    }
}

@media screen and (max-width: 480px) {
    .woocommerce-table--payment-terms th,
    .woocommerce-table--payment-terms td {
        display: block;
        width: 100%;
        padding: 0.5em 0;
    }
    
    .woocommerce-table--payment-terms th {
        font-weight: bold;
        padding-bottom: 0;
    }
    
    .woocommerce-table--payment-terms td {
        padding-top: 0;
        padding-bottom: 1em;
    }
}