/* Style overrides for the Online Order Forms template when rendered inside
   the Settings right panel. Scoped to .online-order-forms-settings so the
   standalone #orderForm page is unaffected. */

/* Header — drop the top/left/right padding (keep whatever bottom value
   the standalone page uses so vertical rhythm with the next block stays). */
.online-order-forms-settings .header-div {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    gap: 2px;
}

/* Container — drop the side padding so the section cards align with the
   rest of the settings panel content. */
.online-order-forms-settings .online-order-container {
    padding-left: 0;
    padding-right: 0;
}

/* Title */
.online-order-forms-settings .header-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--sd-neutral-800);
    line-height: 36px;
    letter-spacing: -0.02em;
    margin: 0;
}

/* Page subtitle — match settings-subheader-v3 used in invoicing/merchant portal */
.online-order-forms-settings .header-subtitle {
    font-size: 15px;
}

/* Section title (e.g. "Simple delivery order form") */
.online-order-forms-settings .online-order-section-title {
    color: var(--sd-neutral-800);
    font-family: Avenir;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* Row item labels — match settings-text-v2 used in invoicing/merchant portal */
.online-order-forms-settings .online-order-row-header {
    font-size: 15px;
    font-weight: 400;
}

/* Button texts */
.online-order-forms-settings .online-order-open-link-btn,
.online-order-forms-settings .online-order-copy-link-btn {
    font-size: 15px;
}

/* Hint text under payment calculation section */
.online-order-forms-settings .online-order-section-subtitle {
    color: var(--sd-base-gray-500);
    font-size: 15px;
    font-weight: 350;
}