/* Container + layout */
#wcdrds-inline{
  border:1px solid #e5e5e5;
  border-radius:8px;
  padding:15px;
  margin:12px 0;
  background:#fafafa;
  position:relative;
  z-index:5;
}
#wcdrds-inline h3{margin:0 0 10px;font-size:16px}
#wcdrds-inline .row{display:flex;gap:12px;flex-wrap:wrap}
#wcdrds-inline .field{flex:1 1 220px;min-width:220px}
#wcdrds-summary{margin-top:6px;font-size:13px}
#wcdrds-summary a{margin-left:6px;text-decoration:underline;cursor:pointer}

/* Ensure controls span full width and are clickable */
#wcdrds-inline select.wc-blocks-components-select__select,
#wcdrds-inline input[type="date"]{width:100%;}
#wcdrds-inline, #wcdrds-inline *{pointer-events:auto}

/* Use WC Blocks input look for the select: minimal overrides only */
#wcdrds-inline .wc-blocks-components-select{position:relative;width:100%; margin-top: 7px;}
#wcdrds-inline .wc-blocks-components-select__select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  width:100%;
  padding: 11px 8px;
  background-image:none; 
}

/* Simple chevron, without changing input styles */
#wcdrds-inline .wc-blocks-components-select::after{
  content:"";
  position:absolute;
  right:.6rem;
  top:50%;
  transform:translateY(-50%);
  width:0;height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid #6b6b6b;
  pointer-events:none;
}