.woocommerce-billing-fields {
  display: none !important;
}
#order_review_heading {
  display: none !important;
}
	#post-158 > div > div > div.woocommerce > form{
  display: none !important;
}
#mphb-customer-details{
	display: grid !important;
  grid-template-columns: 1fr 1fr;
	/* Background and Padding */
    background-color: #ffffff; /* White background */
    padding: 30px; /* Add some internal spacing */
    margin: 20px 0; /* Add some space above and below the card */

    /* Rounded Borders */
    border-radius: 12px; /* Subtle rounded corners */

    /* Professional Shadow Effect */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35), /* A light, general shadow */
                0 6px 20px rgba(0, 0, 0, 0.03); /* A slightly larger, very subtle shadow for depth */
}

#mphb-booking-details > div > div{
	display:none;
}

/* Modern, iOS-inspired table styling for `table.mphb-price-breakdown` with !important */
table.mphb-price-breakdown {
  /* Box model & layout */
  width: 100% !important; /* Ensure it's responsive */
  border-collapse: separate !important; /* Important for rounded corners on cells */
  border-spacing: 0 !important; /* Remove default spacing if using border-collapse: separate */
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  overflow: hidden !important; /* Ensures rounded corners clip internal content */

  /* Visuals */
  background: linear-gradient(to bottom right, #f9f9f9, #e0e0e0) !important; /* Subtle gradient background */
  border-radius: 12px !important; /* Smooth rounded corners for the entire table */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Soft, multi-layered shadow for depth */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; /* System font stack for modern feel */
  color: #333 !important;
}

/* Common cell styling for headers and data */
table.mphb-price-breakdown th,
table.mphb-price-breakdown td {
  padding: 14px 20px !important; /* Generous padding for readability */
  text-align: left !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; /* Subtle separator line */
}

/* Header specific styles */
table.mphb-price-breakdown th {
  background: rgba(255, 255, 255, 0.7) !important; /* Slightly transparent white for a "frosted" look */
  color: #1a1a1a !important;
  font-weight: 600 !important; /* A bit bolder */
  text-transform: uppercase !important; /* Modern touch */
  font-size: 0.9em !important;
  backdrop-filter: blur(5px) !important; /* This creates the "liquid/frosted glass" effect, if supported */
  -webkit-backdrop-filter: blur(5px) !important; /* For Safari */
}

/* First and last header for rounded top corners */
table.mphb-price-breakdown thead tr:first-child th:first-child {
  border-top-left-radius: 12px !important;
}
table.mphb-price-breakdown thead tr:first-child th:last-child {
  border-top-right-radius: 12px !important;
}

/* Body row styling */
table.mphb-price-breakdown tbody tr {
  transition: background-color 0.2s ease, transform 0.2s ease !important; /* Smooth hover effects */
}

table.mphb-price-breakdown tbody tr:hover {
  background-color: rgba(0, 122, 255, 0.05) !important; /* Light blue highlight on hover */
  transform: translateY(-1px) !important; /* Slight lift on hover */
}

/* Alternating row colors for better readability */
table.mphb-price-breakdown tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.5) !important; /* Slightly lighter for even rows */
}

/* Table footer specific styles (for totals/summary) */
table.mphb-price-breakdown tfoot {
  font-weight: 700 !important; /* Bold for summary info */
  color: #1a1a1a !important;
  background: linear-gradient(to top left, #f0f0f0, #e8e8e8) !important; /* Inverted gradient for footer */
}

table.mphb-price-breakdown tfoot td {
  border-top: 1px solid rgba(0, 0, 0, 0.15) !important; /* Stronger separator for footer */
  font-size: 1.1em !important;
}

/* First and last footer cells for rounded bottom corners */
table.mphb-price-breakdown tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 12px !important;
}
table.mphb-price-breakdown tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 12px !important;
}
form.mphb_sc_checkout-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

section#mphb-coupon-details {
  /* This element was not explicitly targeted for grid-column or order by the last request.
     It implicitly takes grid-column: auto / span 1; due to the previous setup.
     If you want to ensure its specific placement, you might need to add order. */
}

section#mphb-booking-details {
    /* No specific changes applied here during our conversation. */
}

section#mphb-customer-details {
  order: 1; /* Places "Vos informations" before "Répartition du prix" */
  grid-column: span 2 / auto; /* Makes "Vos informations" wider (takes 2 flexible units) */
}

section#mphb-price-details {
  order: 2; /* Places "Répartition du prix" after "Vos informations" */
  grid-column: span 1 / auto; /* Makes "Répartition du prix" narrower (takes 1 flexible unit) */
}

p.mphb_sc_checkout-submit-wrapper {
  grid-column: 1 / -1; /* Makes the button wrapper span the entire grid width */
  order: 99; /* Pushes the button to the very bottom */
}

.datepick.datepick-multi.mphb-datepicker-minimal {
  width: 100% !important; /* Ensures the element takes the full width of its parent */
  max-width: none; /* Removes any maximum width constraint */
  box-sizing: border-box; /* Includes padding and border in the element's total width */
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  display: flex;
  flex-direction: column;
}

h1.mphb-room-type-title.entry-title {
  order: 1;
}

.mphb-room-type-gallery-wrapper.mphb-single-room-type-gallery-wrapper.ai-style-change-1 {
  order: 2;
}