/* RW Raw Feeding Calculator styles */
.rw-rfc-calculator{
  --rw-rfc-primary:#2563eb;
  --rw-rfc-primary2:#0ea5e9;
  --rw-rfc-cardbg:#ffffff;
  --rw-rfc-text:#111827;
  --rw-rfc-muted:#6b7280;

  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  display:flex;
  justify-content:center;
  margin: 1.75rem 0;
}

.rw-rfc-card{
  width:100%;
  max-width:560px;
  background:var(--rw-rfc-cardbg);
  border-radius:18px;
  padding:1.6rem 1.4rem;
  box-shadow: 0 12px 34px rgba(15,23,42,.10);
  border: 1px solid rgba(15,23,42,.06);
  box-sizing:border-box;
}

.rw-rfc-title{
  margin:0 0 .25rem;
  font-size:1.55rem;
  font-weight:700;
  color:var(--rw-rfc-text);
  letter-spacing:-0.01em;
}

.rw-rfc-subtitle{
  margin:0 0 1.25rem;
  font-size:.95rem;
  color:var(--rw-rfc-muted);
}

.rw-rfc-group{ margin-bottom:1.05rem; }
.rw-rfc-group label{
  display:block;
  margin-bottom:.4rem;
  font-size:.86rem;
  font-weight:650;
  color:color-mix(in srgb, var(--rw-rfc-text) 82%, #000 0%);
}

.rw-rfc-row{
  display:flex;
  gap:.65rem;
}

.rw-rfc-row input[type="number"],
.rw-rfc-row select,
.rw-rfc-group select,
.rw-rfc-group input[type="number"]{
  width:100%;
  padding:.68rem .82rem;
  border-radius:12px;
  border:1px solid rgba(17,24,39,.18);
  font-size:1rem;
  box-sizing:border-box;
  appearance:none;
  color:var(--rw-rfc-text);
  background:#fff;
}

.rw-rfc-row select{ flex: 0 0 104px; }

.rw-rfc-row input:focus,
.rw-rfc-group select:focus,
.rw-rfc-group input[type="number"]:focus{
  outline:none;
  border-color: color-mix(in srgb, var(--rw-rfc-primary) 80%, #000 0%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rw-rfc-primary) 20%, transparent);
}

.rw-rfc-btn{
  width:100%;
  margin-top:.35rem;
  padding:.82rem 1rem;
  border-radius:999px;
  border:none;
  background: linear-gradient(135deg,var(--rw-rfc-primary),var(--rw-rfc-primary2));
  color:#fff;
  font-size:1rem;
  font-weight:750;
  cursor:pointer;
  touch-action: manipulation;
}

.rw-rfc-btn:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--rw-rfc-primary) 35%, transparent);
  outline-offset: 2px;
}

.rw-rfc-result{
  margin-top:1rem;
  padding:.9rem 1rem;
  background: color-mix(in srgb, var(--rw-rfc-primary) 10%, #ffffff);
  border-radius:14px;
  border:1px solid color-mix(in srgb, var(--rw-rfc-primary) 25%, #ffffff);
  font-size:.95rem;
  color: color-mix(in srgb, var(--rw-rfc-primary) 85%, #000 0%);
  display:none;
}

.rw-rfc-result.rw-rfc-visible{ display:block; }

.rw-rfc-disclaimer{
  margin-top:1rem;
  font-size:.8rem;
  line-height:1.45;
  color:var(--rw-rfc-muted);
}

.rw-rfc-footer{
  margin-top:1.35rem;
  text-align:center;
}

.rw-rfc-footer-logo{
  max-width:90px;
  opacity:.92;
}

.rw-rfc-footer-text{
  margin-top:.4rem;
  font-size:.8rem;
  font-weight:750;
  color:color-mix(in srgb, var(--rw-rfc-muted) 95%, #000 0%);
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Screen-reader only */
.rw-rfc-sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

/* Mobile */
@media (max-width: 640px){
  .rw-rfc-calculator{ padding:0 .85rem; margin: 1.25rem 0; }
  .rw-rfc-card{ padding:1.35rem 1.05rem 1.2rem; border-radius:16px; }
  .rw-rfc-title{ font-size:1.35rem; }
  .rw-rfc-row input[type="number"], .rw-rfc-row select{ padding:.62rem .76rem; }
  .rw-rfc-btn{ padding:.76rem 1rem; font-size:.98rem; }
}

@media (max-width: 380px){
  .rw-rfc-row{ flex-direction:column; }
  .rw-rfc-row select{ flex:1 1 auto; }
}
