/* Shower Calculator styles (1.0.1) */
.shower-calc {
  --sc-bg: #00AEEF29;      /* light azure with alpha */
  --sc-azure: #00AEEF;     /* primary */
  --sc-blue: #002E67;      /* deep blue */
  --sc-radius: 16px;
  --sc-gap: 14px;
  direction: rtl;
  background: var(--sc-bg);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: var(--sc-radius);
  padding: 20px;
  max-width: 820px;
  margin: 0 auto 24px;
  font-family: inherit;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.shower-calc h3 {
  margin-top: 0;
  color: var(--sc-blue);
  font-size: 1.35rem;
  letter-spacing: 0.2px;
}
.shower-calc .sc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sc-gap);
}
.shower-calc .sc-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.shower-calc label {
  font-weight: 600;
  color: #1d2640;
  font-size: 0.95rem;
}
.shower-calc input[type="number"],
.shower-calc select {
  padding: 10px 12px;
  border: 1px solid #e3e7ef;
  border-radius: 12px;
  outline: none;
  background: #fff;
  font-size: 1rem;
}
.shower-calc input[type="number"]:focus,
.shower-calc select:focus {
  border-color: var(--sc-azure);
  box-shadow: 0 0 0 3px rgba(0,174,239,0.15);
}
.shower-calc .sc-radio-group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.shower-calc .sc-radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e3e7ef;
  padding: 8px 12px;
  border-radius: 12px;
  cursor: pointer;
  user-select: none;
}
.shower-calc .sc-actions {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
  align-items: center;
}
.shower-calc .sc-btn {
  appearance: none;
  border: none;
  background: var(--sc-azure);
  color: #fff;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .05s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: 0 6px 16px rgba(0,174,239,0.35);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.shower-calc .sc-btn:hover { transform: translateY(-1px); }
.shower-calc .sc-btn:active { transform: translateY(0); }
.shower-calc .sc-btn.secondary {
  background: var(--sc-blue);
  box-shadow: 0 6px 16px rgba(0,46,103,0.25);
}
.shower-calc .sc-btn.is-disabled {
  opacity: .55; cursor: not-allowed; box-shadow: none;
}
.shower-calc .sc-result {
  margin-top: 8px;
  background: #fff;
  border: 1px solid #e3e7ef;
  border-radius: 14px;
  padding: 14px;
}
.shower-calc .sc-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.shower-calc .sc-price-title {
  font-size: 1rem;
  color: #3a4767;
  font-weight: 600;
}
.shower-calc .sc-price-amount {
  font-size: 1.6rem;
  color: var(--sc-blue);
  font-weight: 800;
}
.shower-calc .sc-breakdown {
  margin-top: 8px;
  color: #47516b;
  font-size: 0.95rem;
  line-height: 1.5;
}
.shower-calc .sc-note {
  margin-top: 8px;
  font-size: 0.9rem;
  color: #2b3856;
}
@media (max-width: 680px) {
  .shower-calc .sc-grid { grid-template-columns: 1fr; }
}