/* DoctorX Free Sample Requests: the form. Colours follow the theme's text; to match your brand,
   set these in your theme's CSS, for example .drx-samples{--drx-samples-accent:#0b5d4b}. */
.drx-samples{
  --drx-samples-accent:#2c3338;
  --drx-samples-accent-text:#fff;
  --drx-samples-line:rgba(0,0,0,.18);
  --drx-samples-soft:rgba(0,0,0,.62);
  --drx-samples-radius:10px;
  max-width:640px;margin:22px 0}
.drx-samples *,.drx-samples *::before,.drx-samples *::after{box-sizing:border-box}
.drx-samples-form{font-size:16px}
.drx-samples-form fieldset{border:1px solid var(--drx-samples-line);border-radius:var(--drx-samples-radius);padding:14px 16px;margin:0 0 16px}
.drx-samples-form legend{font-weight:700;padding:0 6px}
.drx-samples-limit{margin:0 0 8px;font-size:13px;color:var(--drx-samples-soft)}
.drx-samples-limit.is-full{color:inherit;font-weight:600}
.drx-samples-collection{margin:12px 0 2px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--drx-samples-soft)}
.drx-samples-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.drx-samples-swatch{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer}
.drx-samples-swatch input{flex:none;width:18px;height:18px;margin:0}
.drx-samples-swatch input:disabled+.drx-samples-tile,.drx-samples-swatch input:disabled~.drx-samples-name{opacity:.45}
.drx-samples-tile{flex:none;display:block;width:44px;height:44px;overflow:hidden;border:1px solid var(--drx-samples-line);border-radius:8px}
.drx-samples-tile.is-empty{background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 6px,rgba(0,0,0,0) 6px 12px)}
/* two classes and the element, so a theme's content image margins cannot push the tiles apart */
.drx-samples-form .drx-samples-tile img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover}
.drx-samples-name{line-height:1.25}
.drx-samples-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.drx-samples-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}
.drx-samples-grid label.wide{grid-column:1 / -1}
.drx-samples-form input:not([type=checkbox]),.drx-samples-form select,.drx-samples-form textarea{
  width:100%;padding:9px 11px;border:1px solid var(--drx-samples-line);border-radius:8px;background:#fff;color:#1d2327;
  font:inherit;font-size:15px;font-weight:400}
.drx-samples-form input:focus-visible,.drx-samples-form select:focus-visible,.drx-samples-form textarea:focus-visible{
  outline:2px solid var(--drx-samples-accent);outline-offset:1px}
.drx-samples-btn{margin-top:16px;padding:13px 22px;border:0;border-radius:var(--drx-samples-radius);background:var(--drx-samples-accent);
  color:var(--drx-samples-accent-text);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.drx-samples-btn:hover,.drx-samples-btn:focus-visible{filter:brightness(1.15)}
.drx-samples-fine{margin-top:10px;font-size:13px;color:var(--drx-samples-soft)}
.drx-samples-note{margin:0 0 18px;padding:14px 16px;border-radius:var(--drx-samples-radius);font-size:15.5px;line-height:1.5}
.drx-samples-ok{background:#e6f2e8;color:#1c5a2e;border:1px solid #bcdcc4}
.drx-samples-bad{background:#fbeae5;color:#8a3320;border:1px solid #efc6b8}
@media (max-width:560px){.drx-samples-grid{grid-template-columns:1fr}}
@media (max-width:480px){.drx-samples-list{grid-template-columns:1fr}}