/*
 * ASIBA Settings Panel Mobile Spacing Fix
 * - Card header (legend) height reserved
 * - Extra bottom padding to avoid fixed footer + browser bottom UI
 *
 * Paste this at the END of your CSS (e.g. ver3.5.0-waku-settings-panel-card-layout.css)
 */

@media (max-width: 767px) and (orientation: portrait) {

  :root{
    /* Card header height you want to reserve */
    --asiba-settings-card-header-min-h: 44px;

    /* Extra "browser bottom bar" safety gap (Safari address/tool bar etc) */
    --asiba-browser-bottom-ui-gap: 56px;
  }

  /* Safe area: notch / home indicator */
  #estimateSettingsContainer{
    top: env(safe-area-inset-top);
  }

  /* Panel body: give some breathing room at top, and plenty at bottom */
  #estimateSettingsContainer .panel-body{
    padding-top: 12px !important;
    padding-bottom: calc(var(--footer-h) * 2 + 16px + var(--asiba-browser-bottom-ui-gap) + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(var(--footer-h) * 2 + 16px + var(--asiba-browser-bottom-ui-gap) + env(safe-area-inset-bottom));
  }

  /* Top-level cards only (avoid nested fieldset collisions in "弊社情報") */
  #estimateSettingsContainer .panel-body > fieldset{
    /* modest inner bottom gap so the last rows never touch the panel edge */
    padding-bottom: 24px;
  }

  /* Ensure card header is always visible and has a reserved height */
  #estimateSettingsContainer .panel-body > fieldset > legend{
    display: flex !important;
    align-items: center;
    min-height: var(--asiba-settings-card-header-min-h);
    padding: 10px 0 8px !important;
    margin: 0 0 12px 0 !important;

    /* Cancel any previous experimental sticky/absolute rules */
    position: static !important;
    top: auto !important;

    /* Safety: don't let it be hidden by other rules */
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Nested legends (e.g. ダウンロードに含めるシート) should remain normal */
  #estimateSettingsContainer .panel-body > fieldset fieldset > legend{
    display: block !important;
    min-height: 0;
    padding: 6px 0 !important;
    margin: 10px 0 8px !important;
    position: static !important;
  }
}
/* =========================================================
   設定パネル上部ヘッダー（.panel-header）の追従を無効化
   → スクロールで置いていけるようにする
========================================================= */
@media (max-width: 767px) and (orientation: portrait) {

  #estimateSettingsContainer .panel-header,
  #settingsSummaryContainer .panel-header{
    position: static !important;
    top: auto !important;
    z-index: auto !important;
  }

}