/* EBEC-FPRS Equivalence Certification — toggle button + collapsible panel.
   Self-contained : bundles the few .eafps-cert* notice/required-note rules the
   markup relies on (previously inherited from the eafps_certificate plugin's
   frontend.css), so this works without that plugin active. */

/* ── Base wrapper + notices (carried over from eafps_certificate frontend) ── */
.eafps-equiv.eafps-cert {
    font-family: "Inter", inherit;
    color: #2a2a2a;
    box-sizing: border-box;
}
.eafps-equiv.eafps-cert * { box-sizing: inherit; }

.eafps-equiv .eafps-cert__required-note {
    margin: 0 0 20px;
    font-size: 13px;
    color: #6b7480;
    font-style: italic;
}

.eafps-equiv .eafps-cert__notice {
    margin: 0 0 20px;
    padding: 14px 18px;
    border-radius: 10px;
    border-left: 4px solid;
    font-size: 15px;
    line-height: 1.5;
}
.eafps-equiv .eafps-cert__notice--success {
    background: #e8f5e9;
    border-color: #2e7d32;
    color: #1b4720;
}
.eafps-equiv .eafps-cert__notice--info {
    background: #fff3e0;
    border-color: #e65100;
    color: #4a2300;
}

/* ── Toggle button + collapsible panel ── */
.eafps-equiv__toggle {
    display: inline-block;
    padding: 14px 28px;
    background: var(--nectar-accent-color, #0f3a5f);
    color: #fff;
    border: 0;
    border-radius: 6px;
    font-family: "Inter", inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: opacity .12s ease, transform .12s ease;
}
.eafps-equiv__toggle:hover {
    opacity: .92;
    transform: translateY(-1px);
}
.eafps-equiv__toggle[aria-expanded="true"] {
    margin-bottom: 8px;
}

.eafps-equiv__panel {
    margin-top: 20px;
}
.eafps-equiv__panel[hidden] {
    display: none;
}

/* Privacy consent sits in a half-width grid cell — drop its standalone top margin. */
.eafps-app-form--equiv .eafps-app-form__grid .eafps-app-form__consent {
    margin-top: 0;
    width: 100%;
}