.elementor-5186 .elementor-element.elementor-element-ce86dd5 > .elementor-widget-container{margin:-50px 0px 0px 0px;}/* Start custom CSS */body.elementor-page-5186 .fee-phase,
body.elementor-page-5186 .fee-phase * {
    font-size: 15px !important;
    font-weight: 600 !important;
}

body.elementor-page-5186 .fee-total {
    border-top: 1px solid #e5e5e5;
    margin-top: 5px !important;
    background-color: #f5f5f5;
}


/*--------CALCULATOR---------*/

/* Collapsible GROUP headers only, applies to calculator 3621 */
[data-calc-id="3621"] .calc-item__title.ccb-group-field > span > span {
  font-size: 18px !important;
  text-transform: uppercase;
  text-decoration: underline;
}

/* Vertical radio layout, reusable via custom class */
[data-calc-id="3621"] .vertical-radio-field .calc-radio-wrapper {
  flex-direction: column !important;
  row-gap: 6px;
}
/* Vertical radio layout - Mobile only */
@media (max-width: 767px) {
  [data-calc-id="3621"] .vertical-radio-field .calc-radio-wrapper {
    row-gap: 10px;
  }
}

/* Override dropdown list item spacing, applies to calculator 3621 */
[data-calc-id="3621"] .calc-drop-down-list-items li {
  padding: 10px 20px !important;
  min-height: 32px !important;
}

/* Override font size for entire order/email/notes block */
#ccb_summary_sticky_3621 .calc-form-wrapper label {
  font-size: 16px !important;
  line-height: 30px;
}

/* Override subtotal padding, sticky summary only */
#ccb_summary_sticky_3621 .calc-subtotal-list.unit-enable {
  padding: 0 0px !important;
}

/* Boxed radio field container */
[data-calc-id="3621"] .boxed-radio-field {
  background-color: #eee;
  padding: 20px;
  border-radius: 4px;
}

/* Boxed radio field title */
[data-calc-id="3621"] .boxed-radio-field .calc-item__title {
  margin-bottom: 15px;
  border-bottom: 2px solid #ddd;
  padding-bottom: 0;
}

/* Hide multi-step title everywhere for this calculator */
[data-calc-id="3621"] .calc-multi-step-title {
  display: none;
}

/* Two-column layout for area + stories, basement stays full width below */
[data-calc-id="3621"] div[data-id="group_field_id_13"] .calc-group-fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 15px 20px;
}

[data-calc-id="3621"] .two-col-field {
  margin: 0 !important;
}

[data-calc-id="3621"] .full-row-field {
  grid-column: 1 / -1;
}

@media (max-width: 767px) {
  [data-calc-id="3621"] div[data-id="group_field_id_13"] .calc-group-fields {
    grid-template-columns: 1fr;
  }
}





/* =========================================
   Grouped Toggle Styling (e.g. Foundation Type)
   - One container background
   - Rows separated by white lines
   - Switch aligned to far right
   - Rounded corners similar to toggle
   ========================================= */

/* =========================================
   Multi-option Toggle Styling
   - Each row has its own background
   - Each row has its own rounded corners
   - Switch aligned to far right
   ========================================= */

.calc-toggle-container.calc-is-vertical {
    background: transparent;
}

.calc-toggle-container.calc-is-vertical .calc-toggle-item {
    display: flex;
    align-items: center;
    width: 100%;
    background: #f5f5f5;

    /* key change */
    border-radius: 0 999px 999px 0;
    
    border-left: 2px solid #000;

    margin-bottom: 6px;
}

.calc-toggle-container.calc-is-vertical .calc-toggle-item:last-child {
    margin-bottom: 0;
}

.calc-toggle-container.calc-is-vertical .calc-toggle-label-wrap {
    padding: 0 12px;
    flex: 1;
}

.calc-toggle-container.calc-is-vertical .calc-toggle-wrapper {
    padding-right: 12px; /* slight breathing space for switch */
}

/* =========================================
   Blueprints - scoped styling only
   ========================================= */

.blueprints-field .calc-radio-wrapper.default {
    display: flex;
    gap: 5px;
}

.blueprints-field .calc-radio-wrapper.default label {
    flex: 1;
    background: #f5f5f5;
    padding: 10px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0px;
    cursor: pointer;
}

/* =========================================
   Mobile fix, keep one row without reducing font size
   ========================================= */

@media (max-width: 767px) {
    .blueprints-field .calc-radio-wrapper.default {
        flex-wrap: nowrap;
    }

    .blueprints-field .calc-radio-wrapper.default label:first-child {
        flex: 0.85;
        min-width: 0;
    }

    .blueprints-field .calc-radio-wrapper.default label:last-child {
        flex: 1.15;
        min-width: 0;
    }

    .blueprints-field .calc-radio-wrapper.default label {
        padding: 10px 8px;
    }

    .blueprints-field .calc-radio-label {
        white-space: nowrap;
    }
}/* End custom CSS */