/* Product Verification Form & Results Styling */
.pcvs-verify-wrap {
    max-width: 700px;
    margin: 40px auto;
    padding: clamp(20px, 5vw, 40px);
    background-color: #f8f9fa;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border: 1px solid #e9ecef;
}

.pcvs-verify-title {
    font-size: clamp(24px, 5vw, 32px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    color: #212529;
}

.pcvs-verify-desc {
    text-align: center;
    margin-bottom: 30px;
    color: #6c757d;
    font-size: 16px;
}

.pcvs-verify-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pcvs-verify-input {
    padding: 14px 18px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.pcvs-verify-input:focus {
    border-color: #0073aa;
    box-shadow: 0 0 0 4px rgba(0, 115, 170, 0.1);
    outline: none;
}

.g-recaptcha-wrapper {
    display: flex;
    justify-content: center;
    margin: 5px 0;
}

.pcvs-verify-btn {
    padding: 14px;
    background-color: #0073aa;
    color: #ffffff;
    border: none;
    border-bottom: 3px solid #005a87;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
    font-weight: bold;
}

.pcvs-verify-btn:hover {
    background-color: #006699;
    transform: translateY(-2px);
}

.pcvs-verify-btn:active {
    transform: translateY(1px);
    border-bottom-width: 2px;
}

/* Results Styling */
.pcvs-result-container {
    margin-top: 30px;
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.pcvs-verification-card {
    padding: 30px;
    border-radius: 12px;
}

.pcvs-verification-card.genuine {
    background: #ffffff;
    border: 1px solid #d1e7fd;
}

.pcvs-verification-card.invalid {
    background: #ffffff;
    border: 1px solid #f7baba;
    text-align: center;
}

/* Centered Result Heading */
.pcvs-result-message {
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.genuine .pcvs-result-message { color: #0f5132; }
.invalid .pcvs-result-message { color: #842029; }

.pcvs-result-message::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: contain;
}

.genuine .pcvs-result-message::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2328a745"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
}
.invalid .pcvs-result-message::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23dc3545"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>');
}

/* Two-Column Layout for Image and Details */
.pcvs-details-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.pcvs-product-image {
    flex: 0 0 200px;
    text-align: center;
}

.pcvs-product-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* 3D Button Style */
.pcvs-cert-button {
    display: inline-block;
    padding: 12px 20px;
    background-color: #28a745;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #23923d;
    border-bottom: 4px solid #1c7430;
    transition: all 0.15s ease-in-out;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.pcvs-cert-button:hover {
    background-color: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.pcvs-cert-button:active {
    transform: translateY(1px);
    border-bottom-width: 2px;
    box-shadow: none;
}

/* Key-Value List Styling (Replaces Table) */
.pcvs-details-list {
    flex-grow: 1;
    width: 100%;
}

.pcvs-detail-item {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #f1f3f5;
}

.pcvs-detail-item:last-child {
    border-bottom: none;
}

.pcvs-detail-label {
    font-weight: 600;
    color: #6c757d;
    padding-right: 15px;
}

.pcvs-detail-value {
    color: #212529;
    text-align: right;
}

.status-active { color: #1c7430; font-weight: bold; }
.status-expired { color: #dc3545; font-weight: bold; }
.status-n/a { color: #6c757d; }

/* Responsive Design */
@media (max-width: 650px) {
    .pcvs-details-wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    .pcvs-product-image {
        flex-basis: auto;
        width: 100%;
        max-width: 250px;
        margin: 0 auto 25px auto;
    }
    .pcvs-detail-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .pcvs-detail-value {
        text-align: left;
    }
}