/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* Composite products (Bullet Pointing Die System etc.) inside the Betheme product column – 2026-10-22 */
/* 1. Step and section headings at a size that fits the column */
.composite_form h2.step_title_wrapper.component_title,
.composite_form h2.summary_title.step_title_wrapper { font-size: 26px; line-height: 1.3; margin: 0 0 14px; }
.composite_form h3.composited_product_title.component_section_title { font-size: 18px; line-height: 1.4; margin-bottom: 8px; }
/* 2. Links inside component descriptions (e.g. "Click to see Die Insert Chart") look like links */
.composite_form .component_description a { color: #0089f7; text-decoration: underline; }
/* 3. Section title above its options instead of beside them */
.composite_form .component_summary .summary_content { display: block !important; }
.composite_form .composited_product_title_wrapper,
.composite_form .composited_product_details_wrapper { width: 100% !important; max-width: none; float: none; }
.composite_form .composited_product_title_wrapper { margin-bottom: 10px; }
/* 4. Review and Purchase step: stack summary, price, cart and navigation; two summary cards per row */
.composite_form .multistep.last { display: block !important; }
.composite_form .multistep.last > *,
.composite_form .multistep.last .composite_wrap,
.composite_form .multistep.last .composite_navigation { width: 100% !important; max-width: none; }
.composite_form .composite_summary,
.composite_form .composite_summary .summary_carousel_container,
.composite_form .composite_summary ul { width: 100% !important; max-width: none; }
.composite_form .composite_summary li.summary_element { width: 50% !important; box-sizing: border-box; padding: 0 8px 16px; float: left; }
.composite_form .composite_summary li.summary_element:nth-child(2n+1) { clear: left; }
.composite_form .composite_summary .summary_element_title,
.composite_form .composite_summary .summary_element_content { font-size: 14px; line-height: 1.4; }
.composite_form .composite_summary .summary_element_image { max-width: 100%; }
.composite_form .multistep.last .composite_price { font-size: 22px; margin-bottom: 12px; }
.composite_form .composite_button { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; width: 100%; }
.composite_form .composite_navigation { clear: both; width: 100%; margin-top: 16px; }
.composite_form .composite_navigation_inner { display: flex; justify-content: space-between; }
/* Amelia booking form on phones: Betheme's custom CSS turns every <table> into a scrolling block below 768px, which collapses Amelia's calendar grid. Restore table display inside the Amelia form only. 2026-10-22 */
@media only screen and (max-width: 768px) {
  [id^="amelia-app-booking"] table,
  .amelia-v2-booking table { display: table !important; width: 100% !important; overflow: visible !important; }
  [id^="amelia-app-booking"] table tbody,
  .amelia-v2-booking table tbody { display: table-row-group !important; width: auto !important; }
  [id^="amelia-app-booking"] table thead,
  .amelia-v2-booking table thead { display: table-header-group !important; width: auto !important; }
}

@media only screen and (max-width: 479px) {
  .composite_form .composite_summary li.summary_element { width: 100% !important; }
}