/**
 * T365 Gateway Checkout Styles
 *
 * @package WooCommerce_T365_Gateway
 */
.woocommerce-checkout #payment div.payment_box{
    
}
.payment_method_t365 {
    margin-bottom: 1em;
}

.payment_method_t365 .t365-payment-fields {
    padding: 1em;
    background: #f8f8f8;
    border-radius: 4px;
}

.payment_method_t365 .form-row {
    margin-bottom: 1em;
}

.payment_method_t365 label {
    display: inline;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.payment_method_t365 .required {
    color: #ff0000;
    font-weight: bold;
}

.payment_method_t365 input[type="text"],
.payment_method_t365 input[type="tel"],
.payment_method_t365 input[type="email"],
.payment_method_t365 select {
    width: 100%;
    padding: 0.75em;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1em;
    box-sizing: border-box;
}

.payment_method_t365 input[type="text"]:focus,
.payment_method_t365 input[type="tel"]:focus,
.payment_method_t365 input[type="email"]:focus,
.payment_method_t365 select:focus {
    outline: none;
    border-color: #0071a1;
    box-shadow: 0 0 0 1px #0071a1;
}

.payment_method_t365 .t365-card-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.payment_method_t365 .t365-card-number {
    grid-column: 1 / -1;
}

.payment_method_t365 .t365-payment-method-selector {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5em !important;
    margin-bottom: 1em !important;
}

.payment_method_t365 .t365-payment-method-option {
    display: block !important;
    margin: 0 !important;
}

.payment_method_t365 .t365-payment-method-option label {
    display: flex !important;
    align-items: center !important;
    gap: 0.5em !important;
    padding: 0.75em !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

.payment_method_t365 .t365-payment-method-option label:hover {
    border-color: #0071a1 !important;
    background-color: #f9f9f9 !important;
}

.payment_method_t365 .t365-payment-method-option input[type="radio"] {
    margin: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    display: inline-block !important;
}

.payment_method_t365 .t365-payment-method-option input[type="radio"]:checked ~ .t365-payment-method-label {
    font-weight: 600 !important;
}

.payment_method_t365 .t365-payment-method-label {
    flex: 1 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.payment_method_t365 .t365-error {
    color: #d63638;
    background: #fcf0f1;
    border: 1px solid #d63638;
    border-radius: 4px;
    padding: 0.75em;
    margin-bottom: 1em;
}

.payment_method_t365 .t365-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #0071a1;
    border-radius: 50%;
    animation: t365-spin 1s linear infinite;
    margin-left: 0.5em;
}

@keyframes t365-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.payment_method_t365 .t365-secure-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    margin-top: 1em;
    padding: 0.5em;
    background: #f0f8ff;
    border-radius: 4px;
    font-size: 0.9em;
    color: #0071a1;
}

.payment_method_t365 .t365-secure-badge::before {
    content: "🔒";
}

/* Responsive styles */
@media (max-width: 768px) {
    .payment_method_t365 .t365-card-fields {
        grid-template-columns: 1fr;
    }
    
    .payment_method_t365 .t365-payment-method-selector {
        grid-template-columns: 1fr;
    }
}