/* Fallback CSS for Peptide Calculator (moved out of functions.php) */
.peptide-calculator-wrapper{all:initial;box-sizing:border-box;font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;display:block;clear:both;max-width:100%;margin:0 auto;padding:1rem;background:transparent;color:#111}
.peptide-calculator-wrapper *, .peptide-calculator-wrapper *::before, .peptide-calculator-wrapper *::after{box-sizing:border-box}
.peptide-calculator-wrapper .title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}
.peptide-calculator-wrapper .title, .peptide-calculator-wrapper .header{font-family:inherit}
.peptide-calculator-wrapper .card{border:1px solid #e6e6e6;padding:12px;border-radius:8px;margin-bottom:12px;background:#fff}
.peptide-calculator-wrapper .card img{display:block;margin:0 auto 8px;max-height:80px;height:auto}
.peptide-calculator-wrapper .header{font-size:2rem;margin:0 0 .5rem}
.peptide-calculator-wrapper .peptide-loading{text-align:center;padding:18px;color:#666}
.peptide-calculator-wrapper #result{background:transparent;padding:12px;border-radius:8px}
.peptide-calculator-wrapper .flex-col{display:flex;flex-wrap:wrap;gap:12px}
.peptide-calculator-wrapper .card{flex:1 1 220px}
.peptide-calculator-wrapper .inline.w-lg{display:flex;gap:16px;align-items:center;}
.peptide-calculator-wrapper img{max-width:100%;height:auto}
.peptide-calculator-wrapper:after{content:"";display:table;clear:both}
button.doseAmount-container-input-buttons,
button.peptideStrength-container-input-buttons,
button.waterAmount-container-input-buttons {
    border-radius: 16px !important;
    background-color: #F5F3E8 !important;
    color: #000 !important;
    border: 1px solid #E8EAED !important;
/*     padding: 10px 16px !important; */
}

button.doseAmount-container-input-buttons:hover,
button.peptideStrength-container-input-buttons:hover,
button.waterAmount-container-input-buttons:hover {
/*     border-radius: 10px !important; */
    background-color: #7D0600 !important;
    color: #ffffffff !important;
    border: 1px solid #7D0600 !important;
/*     padding: 10px 16px !important; */
}

button.doseAmount-container-input-buttons.selected,
button.peptideStrength-container-input-buttons.selected,
button.waterAmount-container-input-buttons.selected {
    background: #7D0600 !important;
    color: #fff !important;
}