/* Keep the existing Reval typography/colours; only compact this module's date field. */
.rgc-date-field.form-row {
    float: none;
    clear: both;
    width: 22rem;
    max-width: 100%;
    box-sizing: border-box;
    margin: 1rem 0;
}
.rgc-date-field.form-row label,
.rgc-date-field.form-row small { display: block; }
.rgc-date-field.form-row input[type="date"] {
    display: block;
    float: none;
    width: 18rem;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    margin: .4rem 0;
    font: inherit;
}
.rgc-date-field.form-row input:focus-visible {
    outline: 2px solid #cc0c3f;
    outline-offset: 2px;
}
.rgc-date-field.form-row small { line-height: 1.5; }
.rgc-info {
    border-left: 3px solid #cc0c3f;
    background: #f6f6f6;
    padding: 1rem 1.25rem;
    margin: 0 0 1.5rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.rgc-info p { margin: 0; }
.rgc-info p + p { margin-top: .5rem; }
.rgc-test-notice { font-size: .9em; color: #555; }

/* Reuse Reval's .btn base and the existing price-card purchase-button hover.
   Do not add Foundation's .button class: its hover turns the red CTA blue. */
.btn.rgc-buy-button {
    margin-bottom: 1rem;
    transition: background-color .3s ease, color .3s ease;
}
.btn.rgc-buy-button:hover {
    background-color: #840023;
    color: #fff;
}
.btn.rgc-buy-button:focus-visible {
    outline: 2px solid #cc0c3f;
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .btn.rgc-buy-button { transition: none; }
}