#mph_d_d_delivery_date_field {
    background-color: var(--color-surface-blue);
    border: none;
    border-radius: var(--radius-md);
    box-shadow: none;
    padding: 0;
    margin: 0;
}

#mph_d_d_delivery_date_field > *:last-child:not([type="hidden"]) {
    margin-bottom: 0 !important;
}

/* Typography for the delivery block: use theme variables with sensible fallbacks */
#mph_d_d_delivery_date_field p,
#mph_d_d_delivery_date_field dt,
#mph_d_d_delivery_date_field dd,
#mph_d_d_delivery_date_field label,
#mph_d_d_delivery_date_field .mphdd-details dt,
#mph_d_d_delivery_date_field .mphdd-details dd,
#mph_d_d_delivery_date_field .mphdd-posted dt,
#mph_d_d_delivery_date_field .mphdd-posted dd,
#mph_d_d_delivery_date_field .mphdd-order-meta dt,
#mph_d_d_delivery_date_field .mphdd-order-meta dd {
    font-family: var(--font-family-base) !important;
    font-size: var(--font-size-md) !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
    color: var(--color-text-secondary) !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* Slight spacing for dt/dd pairs to keep readability */
#mph_d_d_delivery_date_field dt {
    margin-top: var(--space-md);
    font-weight: 600;
}
#mph_d_d_delivery_date_field dd {
    margin: 0 0 var(--space-md) 0;
    padding-left: var(--space-xs);
}

/* Ensure headings inside the block keep their visual weight */
#mph_d_d_delivery_date_field h4,
#mph_d_d_delivery_date_field b {
    font-family: var(--font-family-base) !important;
    font-weight: 700;
}

/* Small responsive tweak: slightly smaller text on narrow screens */
@media (max-width: 600px) {
    #mph_d_d_delivery_date_field p,
    #mph_d_d_delivery_date_field dt,
    #mph_d_d_delivery_date_field dd,
    #mph_d_d_delivery_date_field label {
        font-size: var(--font-size-sm) !important;
    }
}

/* Checkbox/label layout for inline display */
#mph_d_d_delivery_date_field .mphdd-flexible-discounts {
    margin-top: var(--space-xs);
}
#mph_d_d_delivery_date_field .mphdd-option {
    margin-bottom: var(--space-2xs);
}
#mph_d_d_delivery_date_field .mphdd-checkbox {
    display: grid;
    grid-template-columns: var(--font-size-sm) minmax(0, 1fr);
    align-items: start;
    column-gap: var(--space-xs);
    cursor: pointer;
    margin: 0 !important;
}
#mph_d_d_delivery_date_field .mphdd-checkbox input[type="checkbox"] {
    accent-color: var(--color-brand-primary);
    margin: 0;
    margin-top: 0.42em;
    width: var(--font-size-sm);
    height: var(--font-size-sm);
}
#mph_d_d_delivery_date_field .mphdd-checkbox span {
    display: block;
    min-width: 0;
}
#mph_d_d_delivery_date_field .mphdd-checkbox strong {
    font-weight: 600;
    text-decoration: none;
}
#mph_d_d_delivery_date_field p > b + i + .mphdd-checkbox {
    margin-top: var(--space-xs) !important;
}
#mph_d_d_delivery_date_field input[type="checkbox"] {
    vertical-align: middle;
}

/* Remove inner theme card border and shadow inside our container so the block looks unified */
#mph_d_d_delivery_date_field .card,
#mph_d_d_delivery_date_field .card-light,
#mph_d_d_delivery_date_field .shadow-card,
#mph_d_d_delivery_date_field .brxe-block,
#mph_d_d_delivery_date_field .brxe-block .card,
#mph_d_d_delivery_date_field .brxe-block .card-light {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Headings spacing: ensure spacing between section headings equals the theme's space token */
#mph_d_d_delivery_date_field b {
    color: var(--color-text-primary) !important;
    display: block;
    font-family: var(--font-family-base) !important;
    font-size: var(--font-size-lg) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    margin: var(--space-md) 0 0 !important;
}
/* Remove extra top margin for the very first heading inside the block */
#mph_d_d_delivery_date_field > p:first-of-type b {
    margin-top: 0;
}

#mph_d_d_delivery_date_field > p:first-of-type > br:first-of-type {
    display: none;
}

#mph_d_d_delivery_date_field > p:first-of-type b:not(.h4-base) {
    display: inline !important;
    font-size: var(--font-size-md) !important;
    margin: 0 !important;
}

#mph_d_d_delivery_date_field > p:first-of-type {
    margin-bottom: var(--space-sm) !important;
}

#mph_d_d_delivery_date_field > p:nth-of-type(2) {
    line-height: 1.35 !important;
}

/* h4-base styling for the title in the delivery block */
#mph_d_d_delivery_date_field .h4-base {
    color: var(--color-text-primary) !important;
    font-family: var(--font-family-base) !important;
    font-size: var(--font-size-3xl) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-variation-settings: normal !important;
    line-height: 1.06 !important;
    letter-spacing: -0.03em !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    margin: 0 0 var(--space-sm) !important;
    display: block;
}
