/**
 * MADO inquiry table layout CSS — テーブル型専用（2026-07-27）
 *
 * 型のDOM正本:
 * - includes/portal/inquiry-layouts/inquiry-table-layout.php
 *
 * 責任:
 * - PCは項目名セル＋入力セル、720px以下は上下1列。
 * - 行間は inquiry_page_field_gap を使い、0pxでセルを連結できる。
 * - 列幅、セル余白、境界線、項目名背景、縦位置は既存form_settingsのCSS変数を使う。
 * - 入力、検証、確認、送信、メール、自動返信、受信箱保存は共通PHPのまま。
 *
 * 保守:
 * - inquiry-page-design.cssへ同じtable selectorを戻さない。
 * - customer-pluginへ複製しない。
 */

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__panel,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__panel {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__form,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__form {
    padding: var(--mado-inquiry-card-padding, 24px);
    border-style: solid;
    border-width: var(--mado-inquiry-card-border-width, 0px);
    border-color: var(--mado-inquiry-card-border-color, var(--mado-inquiry-input-border-color, #c4d4d1));
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-card-bg, var(--mado-inquiry-card-bg-color, #ffffff));
    box-shadow: var(--mado-inquiry-card-shadow, 0 18px 40px rgba(18, 38, 36, 0.12));
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__header,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__header {
    margin-bottom: var(--mado-inquiry-header-form-gap, 22px);
    padding-inline: min(12px, 2vw);
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout--table,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-layout--table {
    display: grid;
    gap: var(--mado-inquiry-field-gap, 0px);
    min-width: 0;
    overflow: hidden;
    border: var(--mado-inquiry-table-border-width, 1px) solid var(--mado-inquiry-table-border-color, #c4d4d1);
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-card-bg, #ffffff);
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout--table > .mado-public-inquiry__field,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-layout--table > .mado-public-inquiry__field {
    display: grid;
    grid-template-columns: minmax(120px, var(--mado-inquiry-table-label-width, 190px)) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    border: 0;
    border-bottom: var(--mado-inquiry-table-border-width, 1px) solid var(--mado-inquiry-table-border-color, #c4d4d1);
    border-radius: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout--table > .mado-public-inquiry__field:last-child,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-layout--table > .mado-public-inquiry__field:last-child {
    border-bottom: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__label-cell,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__head {
    display: flex;
    align-items: var(--mado-inquiry-table-label-align, flex-start);
    min-width: 0;
    margin: 0;
    padding: var(--mado-inquiry-table-cell-padding, 16px);
    border-right: var(--mado-inquiry-table-border-width, 1px) solid var(--mado-inquiry-table-border-color, #c4d4d1);
    background: var(--mado-inquiry-table-label-bg, #f4f7fa);
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__field-label,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__field-label {
    transform: translateY(var(--mado-inquiry-label-offset-y, 0px));
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__control-cell,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__control-row {
    min-width: 0;
    padding: var(--mado-inquiry-table-cell-padding, 16px);
    background: var(--mado-inquiry-card-bg, #ffffff);
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__control-cell > :first-child,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__control-row > :first-child {
    margin-top: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__control-cell input:not([type="radio"]):not([type="checkbox"]),
body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__control-cell select,
body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__control-cell textarea,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__control-row input:not([type="radio"]):not([type="checkbox"]),
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__control-row select,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__control-row textarea {
    width: 100%;
    max-width: none;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__field--consent-group,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__field--consent-group {
    grid-template-columns: minmax(0, 1fr);
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__field--consent-group > .mado-public-inquiry__consent-group,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__field--consent-group > .mado-public-inquiry__consent-group {
    padding: var(--mado-inquiry-table-cell-padding, 16px);
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__actions,
#mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__actions {
    margin-top: max(18px, var(--mado-inquiry-field-gap, 12px));
}

@media (max-width: 720px) {
    body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout--table > .mado-public-inquiry__field,
    #mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-layout--table > .mado-public-inquiry__field {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-inquiry-layout__label-cell,
    #mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-inquiry-preview-field__head {
        border-right: 0;
        border-bottom: var(--mado-inquiry-table-border-width, 1px) solid var(--mado-inquiry-table-border-color, #c4d4d1);
    }

    body.mado-public-inquiry-page .mado-public-inquiry--layout-table .mado-public-inquiry__header,
    #mado-inquiry-page-design .mado-public-inquiry--layout-table .mado-public-inquiry__header {
        margin-bottom: 18px;
    }
}