/* 一括操作フッター。行チェックボックスが 1 件以上 checked のときだけ表示する。
   hide 側もコントローラ属性で修飾するのは、.ui-footer の flex（詳細度 0,1,0）に確実に勝つため。
   フッターは fixed でフローから外れるため、押し下げ用のスペーサー（ui-footer__spacer）も
   同じ条件で出し入れする。出したままだとテーブルの下に常に 72px の余白が残る。
   スペーサーは :has(+ ...) でこのフッター直前の 1 つに絞り、スコープ内に別のフッターを
   足したときにそちらのスペーサーまで巻き込まないようにする。 */
[data-controller~="tenant--orders--bulk-select"] .orders-bulk-select-footer,
[data-controller~="tenant--orders--bulk-select"]
  .ui-footer__spacer:has(+ .orders-bulk-select-footer) {
  @apply hidden;
}

[data-controller~="tenant--orders--bulk-select"]:has(
    [data-tenant--orders--bulk-select-target~="orderCheckbox"]:checked
  )
  .orders-bulk-select-footer {
  @apply flex;
}

[data-controller~="tenant--orders--bulk-select"]:has(
    [data-tenant--orders--bulk-select-target~="orderCheckbox"]:checked
  )
  .ui-footer__spacer:has(+ .orders-bulk-select-footer) {
  @apply block;
}

/* Figma の一括操作フッターはボタン幅が hug（ui_footer 既定の w-80 を使わない）。 */
.orders-bulk-select-footer .ui-footer__primary-button {
  @apply w-auto;
}

/* フィルターの期間選択。欄幅は他の欄と同じく _filter.html.erb の枠で決めるので、コンポーネント既定の
   固定幅（.ui-datepicker--sm.ui-datepicker--range の w-60）を打ち消して枠に従わせる。
   ルート要素に class を渡さないのは、component の css が Tailwind の layer 外にあり、
   w-full ユーティリティでは既定の固定幅を上書きできないため（納品一覧の .deliveries-filter と同じ）。 */
.orders-filter .ui-datepicker {
  @apply w-full;
}