/* PRA Offers Widget 2.7.26 | MannyGN + Claude */

.pra-savings-wrap {  }

.pra-savings {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    --pra-logo-w: 80px;
    --pra-logo-h: 40px;
}

.pra-sav {
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 10px 25px rgba(15,23,42,.06);
    padding: 18px 18px 16px;
    font-size: 16px;
    line-height: 1.5;
}
.pra-sav--hidden { display: none; }

.pra-details { margin-top: 12px; border-top: 1px dashed #e5e7eb; padding-top: 10px; }
.pra-details summary { cursor: pointer; list-style: none; font-weight: 600; font-size: .95rem; color: #1f2937; }
.pra-details summary::-webkit-details-marker { display: none; }
.pra-details summary .less { display: none; }
.pra-details[open] summary .more { display: none; }
.pra-details[open] summary .less { display: inline; }
.pra-details__content { margin-top: 10px; font-size: .95rem; color: #374151; }
.pra-details__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 12px; }
.pra-info-block h4 { margin: 0 0 6px; font-size: 1rem; font-weight: 600; color: #111827; }
.pra-feature-list { list-style: none; padding: 0; margin: 0; }
.pra-feature { display: block !important; font-size: .9rem; margin-bottom: 8px !important; }
.pra-feature::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    font-size: .8rem;
    flex-shrink: 0;
    margin-right: 6px;
    vertical-align: middle;
}
.pra-feature--yes::before     { content: "✓"; background: #ecfdf5; color: #15803d; }
.pra-feature--no::before      { content: "✕"; background: #fee2e2; color: #b91c1c; }
.pra-feature--info::before    { content: "i"; background: #eff6ff; color: #1d4ed8; }
.pra-feature--unknown::before { content: "?"; background: #fef3c7; color: #92400e; }
.pra-feature__label           { font-weight: 600; color: #111827; }
.pra-feature--unknown .pra-feature__label { font-weight: 400; }
.pra-feature__value           { color: #4b5563; margin-left: 4px; }
.pra-feature--unknown .pra-feature__value { font-weight: 400; color: #9ca3af; }

@media (max-width: 1024px) {
    .pra-details__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 768px) {
    .pra-sav { font-size: 15px; padding: 14px 14px 12px; }
    .pra-details__grid { grid-template-columns: 1fr; }
    .pra-details summary { text-align: center; }
}