/* ==========================================================================
   Boekstap "Preisangabe" — Recranet <rn-reservation-quotation>
   volgens de styleguide (Preisangabe-ontwerp).

   Net als house-detail.css: Recranet rendert in de light DOM met .rn-*-
   klassen en deels !important-utilities, dus we overschrijven met
   !important. Knoppen krijgen :not(#bq) (id-specificiteit) om de gele
   Recranet-thema-knoppen te verslaan waar ze anders moeten.

   Layout: de rij wordt een grid. Kolom-8 en het formulier krijgen
   display:contents, zodat kruimelpad + kop over de volle breedte staan,
   elke formuliersectie een eigen witte kaart is en het overzicht een
   sticky kolom rechts krijgt — zonder de Angular-DOM aan te raken.
   ========================================================================== */

rn-reservation-quotation{
  --bq-bg:#F2EADB; --bq-surface:#fff; --bq-surface-muted:#FBF8F2;
  --bq-border:#E5DECF; --bq-divider:#EDE6D8;
  --bq-ink:#1F1D1A; --bq-ink-body:#4A453E; --bq-ink-soft:#5E5850; --bq-ink-muted:#8A8276;
  --bq-yellow:#F2C417; --bq-yellow-hover:#E6B70A; --bq-yellow-off:#FBF1CC; --bq-yellow-off-ink:#C9B26A;
  --bq-green:#2E9E44;
  --bq-serif:'Cormorant Garamond',Georgia,serif; --bq-sans:'Quicksand',system-ui,sans-serif;
  --bq-sh-xs:0 1px 2px rgba(31,29,26,.06); --bq-sh-lg:0 12px 40px rgba(31,29,26,.08);
  --bq-pad:36px; --bq-sticky:136px;

  display:block!important;min-width:0;max-width:100%;
  font-family:var(--bq-sans)!important;color:var(--bq-ink)!important;-webkit-font-smoothing:antialiased;
}

/* 1. Grid-opbouw
   ========================================================================== */
rn-reservation-quotation>.rn-row{
  display:grid!important;grid-template-columns:minmax(0,1fr);column-gap:40px;row-gap:0;margin:0!important;
}
rn-reservation-quotation>.rn-row>.rn-col-lg-8,
rn-reservation-quotation form.rn-quotation-form,
rn-reservation-quotation .rn-quotation-form-sections{display:contents!important}
rn-reservation-quotation>.rn-row>.rn-col-lg-8>*,
rn-reservation-quotation form.rn-quotation-form>*,
rn-reservation-quotation .rn-quotation-form-sections>*{grid-column:1/-1;min-width:0}
rn-reservation-quotation>.rn-row>.rn-col-lg-4{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin-top:16px;min-width:0}

@media (min-width:992px){
  rn-reservation-quotation>.rn-row{grid-template-columns:minmax(0,1fr) 360px}
  rn-reservation-quotation rn-breadcrumb,
  rn-reservation-quotation .rn-header{grid-column:1/-1!important}
  rn-reservation-quotation .rn-quotation-form-section{grid-column:1!important}
  /* Rij 1 kruimelpad, 2 kop; daarna loopt de overzichtskolom mee. */
  rn-reservation-quotation>.rn-row>.rn-col-lg-4{grid-column:2;grid-row:3/span 30}
  rn-reservation-quotation>.rn-row>.rn-col-lg-4>.rn-sticky-top{position:sticky!important;top:var(--bq-sticky)!important}
}

/* 2. Kruimelpad als pill-groep (← Huis | Preisangabe)
   ========================================================================== */
rn-reservation-quotation rn-breadcrumb{display:block;margin:0 0 8px}
rn-reservation-quotation .rn-breadcrumb{
  display:inline-flex!important;align-items:center;gap:4px;margin:0!important;padding:4px!important;list-style:none;max-width:100%;overflow-x:auto;
  background:var(--bq-surface)!important;border-radius:999px;box-shadow:var(--bq-sh-xs);scrollbar-width:none;
}
rn-reservation-quotation .rn-breadcrumb-item{display:block;margin:0!important;padding:0!important;flex:none}
rn-reservation-quotation .rn-breadcrumb-item::before,
rn-reservation-quotation .rn-breadcrumb-divider,
rn-reservation-quotation .rn-breadcrumb-item-icon{display:none!important}
rn-reservation-quotation .rn-breadcrumb-link,
rn-reservation-quotation .rn-breadcrumb-label{
  display:block;padding:9px 16px;border-radius:999px;white-space:nowrap;
  font:600 14px/1.2 var(--bq-sans)!important;color:var(--bq-ink-soft)!important;text-decoration:none!important;transition:background .2s,color .2s;
}
rn-reservation-quotation .rn-breadcrumb-link::before{content:"← "}
rn-reservation-quotation .rn-breadcrumb-link:hover{color:var(--bq-ink)!important;background:var(--bq-surface-muted)}
rn-reservation-quotation .rn-breadcrumb-label{background:var(--bq-ink);color:#fff!important}

/* 3. Kop: eyebrow + titel + periode
   ========================================================================== */
rn-reservation-quotation .rn-header{margin:16px 0 16px!important;padding:0!important;background:none!important;border:0!important}
rn-reservation-quotation .rn-header .rn-h1{
  margin:0!important;font-family:var(--bq-serif)!important;font-weight:600!important;font-size:56px!important;
  line-height:1!important;letter-spacing:-.01em;color:var(--bq-ink)!important;
}
rn-reservation-quotation .rn-header .rn-h1::before{
  content:"Domburg · Zeeland";display:block;margin-bottom:8px;
  font:600 13px/1.3 var(--bq-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bq-ink-muted);
}
rn-reservation-quotation .rn-header p{margin:14px 0 0!important;font-size:16px!important;line-height:1.6;color:var(--bq-ink-body)!important}

/* 4. Kaarten
   ========================================================================== */
rn-reservation-quotation .rn-quotation-form-section{
  container-type:inline-size;
  margin:16px 0 0!important;padding:var(--bq-pad)!important;background:var(--bq-surface)!important;
  border:0!important;border-radius:24px!important;box-shadow:none!important;
}
rn-reservation-quotation .rn-quotation-form-section .rn-h3{
  margin:0 0 20px!important;font-family:var(--bq-serif)!important;font-weight:600!important;font-size:32px!important;
  line-height:1.1!important;color:var(--bq-ink)!important;
}
rn-reservation-quotation .rn-quotation-form-section>.rn-h3+p{margin:-14px 0 24px!important;font-size:14px!important;color:var(--bq-ink-muted)!important}
rn-reservation-quotation .rn-quotation-form-section-heading{
  display:flex!important;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px;margin:0 0 20px!important;
}
rn-reservation-quotation .rn-quotation-form-section-heading .rn-h3{margin:0!important}

/* "Details ausblenden" = onderstreepte tekstlink */
rn-reservation-quotation:not(#bq) .rn-quotation-form-section-heading button.rn-btn{
  padding:0!important;border:0!important;border-bottom:2px solid var(--bq-yellow)!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;color:var(--bq-ink)!important;font:700 14px/1.4 var(--bq-sans)!important;
}
rn-reservation-quotation .rn-quotation-form-section-heading button.rn-btn span{background:none!important;color:inherit!important}

/* 5. Stepper (− aantal +) en vast aantal
   ========================================================================== */
rn-reservation-quotation rn-quantity-input{display:inline-block}
rn-reservation-quotation .rn-quotation-table th[width="140"]{width:120px}
rn-reservation-quotation rn-quantity-input>div:has(button){
  display:inline-flex!important;align-items:center;gap:4px;width:auto!important;padding:3px;
  background:var(--bq-surface);border:1px solid var(--bq-border);border-radius:999px;
}
rn-reservation-quotation rn-quantity-input .rn-increment-button-container{display:contents}
rn-reservation-quotation:not(#bq) rn-quantity-input button.rn-btn{
  display:grid!important;place-items:center;flex:none;width:32px;height:32px;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;
  background:var(--bq-yellow)!important;color:var(--bq-ink)!important;opacity:1!important;cursor:pointer;
}
rn-reservation-quotation:not(#bq) rn-quantity-input button.rn-btn:hover{background:var(--bq-yellow-hover)!important}
rn-reservation-quotation:not(#bq) rn-quantity-input button.rn-btn:disabled{background:var(--bq-yellow-off)!important;color:var(--bq-yellow-off-ink)!important;cursor:default}
rn-reservation-quotation rn-quantity-input button.rn-btn svg{width:12px!important;height:12px!important}
rn-reservation-quotation rn-quantity-input .rn-form-control-quantity{
  width:24px!important;min-width:24px;height:32px!important;padding:0!important;margin:0!important;flex:none;
  border:0!important;background:transparent!important;box-shadow:none!important;
  font:700 15px/1 var(--bq-sans)!important;color:var(--bq-ink)!important;text-align:center;
}
/* Vast aantal (readonly, zonder knoppen) = ronde chip */
rn-reservation-quotation rn-quantity-input>div:not(:has(button)){width:auto!important}
rn-reservation-quotation rn-quantity-input .rn-form-control-quantity[readonly]{
  width:38px!important;min-width:38px;height:38px!important;padding:0!important;border-radius:999px!important;background:var(--bq-surface-muted)!important;
}
/* In tabellen iets kleiner */
rn-reservation-quotation:not(#bq) .rn-quotation-table rn-quantity-input button.rn-btn{width:30px;height:30px}

/* 6. Gruppe als tegels
   ========================================================================== */
rn-reservation-quotation .rn-quotation-form-section>div:has(rn-age-group-lines-input){
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;
}
rn-reservation-quotation rn-age-group-lines-input,
rn-reservation-quotation rn-pet-lines-input{display:contents!important}
rn-reservation-quotation rn-age-group-lines-input>rn-errors,
rn-reservation-quotation rn-pet-lines-input>rn-errors{grid-column:1/-1}
rn-reservation-quotation rn-age-group-lines-input>rn-errors:not(:has(*)),
rn-reservation-quotation rn-pet-lines-input>rn-errors:not(:has(*)){display:none}
rn-reservation-quotation rn-age-group-lines-input>.rn-d-flex,
rn-reservation-quotation rn-pet-lines-input>.rn-d-flex{
  justify-content:space-between;gap:12px;margin:0!important;padding:14px 14px 14px 18px;
  border-radius:14px;background:var(--bq-surface-muted);
}
rn-reservation-quotation rn-age-group-lines-input>.rn-d-flex>.rn-flex-grow-1,
rn-reservation-quotation rn-pet-lines-input>.rn-d-flex>.rn-flex-grow-1{order:-1;margin:0!important;font-size:15px;font-weight:600;line-height:1.3;color:var(--bq-ink)}

/* 7. Prijstabellen: lijnen i.p.v. zebra
   ========================================================================== */
rn-reservation-quotation .rn-table-responsive{margin:0!important;border:0!important}
rn-reservation-quotation .rn-table-responsive{overflow-y:hidden!important}
rn-reservation-quotation .rn-table-responsive:has(>.rn-quotation-table thead th:nth-child(2):last-child){overflow:visible!important}
rn-reservation-quotation .rn-quotation-table{width:100%;margin:0!important;border-collapse:collapse;background:none!important;color:var(--bq-ink)!important}
rn-reservation-quotation .rn-quotation-table th,
rn-reservation-quotation .rn-quotation-table td{background:none!important;box-shadow:none!important;border:0!important;vertical-align:middle!important}
rn-reservation-quotation .rn-quotation-table tbody tr,
rn-reservation-quotation .rn-quotation-table tbody tr:nth-of-type(odd){background:none!important}
rn-reservation-quotation .rn-quotation-table thead th{
  padding:0 6px 10px!important;border-bottom:1px solid var(--bq-divider)!important;white-space:nowrap;
  font:700 12px/1.3 var(--bq-sans)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--bq-ink-muted)!important;
}
rn-reservation-quotation .rn-quotation-table tbody td{
  height:64px;padding:12px 6px!important;border-bottom:1px solid var(--bq-divider)!important;
  font-size:15px!important;line-height:1.4;color:var(--bq-ink)!important;
}
rn-reservation-quotation .rn-quotation-table th:first-child,
rn-reservation-quotation .rn-quotation-table td:first-child{padding-left:0!important}
rn-reservation-quotation .rn-quotation-table th:last-child,
rn-reservation-quotation .rn-quotation-table td:last-child{padding-right:0!important}
rn-reservation-quotation .rn-quotation-table tbody td:last-child{font-weight:600}
rn-reservation-quotation .rn-quotation-description{font-size:15px;font-weight:600;color:var(--bq-ink);white-space:normal!important;width:auto!important;min-width:0!important}
rn-reservation-quotation .rn-quotation-table td .rn-text-muted{margin-top:2px;color:var(--bq-ink-muted)!important}
rn-reservation-quotation .rn-quotation-table td .rn-text-muted small{font-size:13px}

/* Kortingsregel groen */
rn-reservation-quotation .rn-quotation-table tr.rn-text-success td,
rn-reservation-quotation .rn-quotation-table tr.rn-text-success .rn-quotation-description{color:var(--bq-green)!important}

/* Subtotaal: label links, bedrag rechts */
rn-reservation-quotation .rn-quotation-table tfoot td{padding:16px 0 0!important;font-size:18px!important;font-weight:700;color:var(--bq-ink)!important}
rn-reservation-quotation .rn-quotation-table tfoot td:first-child{text-align:left!important;font-size:15px!important}
rn-reservation-quotation .rn-quotation-table tfoot td:first-child strong{font-weight:700}

/* Zusammenfassung (tabel met 2 kolommen): eindtotaal groot en groen */
rn-reservation-quotation .rn-quotation-table:has(thead th:nth-child(2):last-child) tbody td{height:auto;padding-block:16px!important}
rn-reservation-quotation .rn-quotation-table:has(thead th:nth-child(2):last-child) tbody td:first-child{font-weight:400}
rn-reservation-quotation .rn-quotation-table:has(thead th:nth-child(2):last-child) tfoot td{padding-top:20px!important;vertical-align:baseline!important}
rn-reservation-quotation .rn-quotation-table:has(thead th:nth-child(2):last-child) tfoot td:first-child{font-size:18px!important}
rn-reservation-quotation .rn-quotation-table:has(thead th:nth-child(2):last-child) tfoot td:last-child{
  font-size:32px!important;line-height:1.1;letter-spacing:-.01em;color:var(--bq-green)!important;white-space:nowrap;
}

/* 8. Acties (Zurück / Weiter) — op desktop onderaan de Zusammenfassung-kaart
   ========================================================================== */
rn-reservation-quotation .rn-quotation-form-section:has(>.rn-row button[type=submit]) .rn-row{
  display:flex!important;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0!important;
  padding-top:24px;border-top:1px solid var(--bq-divider);
}
rn-reservation-quotation .rn-quotation-form-section:has(>.rn-row button[type=submit]) .rn-row>*{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
@media (min-width:992px){
  rn-reservation-quotation .rn-quotation-form-section:has(.rn-quotation-table thead th:nth-child(2):last-child):has(+.rn-quotation-form-section>.rn-row button[type=submit]){
    border-radius:24px 24px 0 0!important;padding-bottom:0!important;
  }
  rn-reservation-quotation .rn-quotation-form-section:has(>.rn-row button[type=submit]){
    margin-top:0!important;padding-top:32px!important;border-radius:0 0 24px 24px!important;
  }
}
rn-reservation-quotation:not(#bq) button.rn-btn-outline-gray{
  padding:14px 24px!important;border:1px solid var(--bq-border)!important;border-radius:14px!important;
  background:var(--bq-surface)!important;color:var(--bq-ink)!important;box-shadow:none!important;font:700 15px/1.2 var(--bq-sans)!important;
}
rn-reservation-quotation:not(#bq) button.rn-btn-outline-gray:hover{background:var(--bq-surface-muted)!important}
rn-reservation-quotation:not(#bq) .rn-quotation-form-section button[type=submit].rn-btn-default{
  padding:14px 28px!important;border:0!important;border-radius:14px!important;
  background:var(--bq-yellow)!important;color:var(--bq-ink)!important;box-shadow:none!important;font:700 15px/1.2 var(--bq-sans)!important;
}
rn-reservation-quotation:not(#bq) .rn-quotation-form-section button[type=submit].rn-btn-default:hover{background:var(--bq-yellow-hover)!important}

/* 9. Overzichtskaart (sidebar)
   ========================================================================== */
rn-reservation-quotation .rn-col-lg-4 .rn-panel{
  margin:0!important;padding:28px!important;background:var(--bq-surface)!important;
  border:0!important;border-radius:24px!important;box-shadow:var(--bq-sh-lg)!important;
}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header,
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header-inner{margin:0!important;padding:0!important;background:none!important;border:0!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header-inner{display:flex!important;align-items:center;gap:14px}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header-img{position:static!important;flex:none;display:block;width:64px;height:64px;margin:0!important;border-radius:14px;overflow:hidden}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header-title{margin:0!important;padding:0!important;min-width:0}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-header-title .rn-h3{
  margin:0!important;font-family:var(--bq-serif)!important;font-weight:600!important;font-size:24px!important;line-height:1.1!important;color:var(--bq-ink)!important;
}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-sections,
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section{margin:0!important;padding:0!important;background:none!important;border:0!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section{margin-top:24px!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section .rn-h4{
  margin:0 0 8px!important;font:700 11px/1.3 var(--bq-sans)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--bq-ink-muted)!important;
}
/* Aufenthaltsdauer als datumvak */
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:first-child{margin-top:20px!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:first-child>span{
  display:block;padding:12px 14px;border:1px solid var(--bq-border);border-radius:14px;font-size:15px;font-weight:600;color:var(--bq-ink);
}
/* Overzichtsregels: label links, waarde rechts */
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary{margin:0!important;background:none!important;border-collapse:collapse}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary td{padding:5px 0!important;border:0!important;background:none!important;font-size:14px!important;vertical-align:top}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary tbody td:first-child{padding-right:12px!important;color:var(--bq-ink-soft)!important}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary tbody td:last-child{font-weight:700;white-space:nowrap;color:var(--bq-ink)!important}
/* Blok "Zusammenfassung" */
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:has(tfoot){margin-top:20px!important;padding-top:20px!important;border-top:1px solid var(--bq-divider)!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:has(tfoot) tbody td:last-child{font-weight:600}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:has(tfoot) tbody tr:nth-child(3) td{color:var(--bq-green)!important}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary tfoot tr{border-top:1px solid var(--bq-divider)}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary tfoot td{padding-top:16px!important;vertical-align:baseline}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary tfoot td:first-child{font-size:15px!important;font-weight:700;color:var(--bq-ink)!important}
rn-reservation-quotation .rn-col-lg-4 .rn-table-summary tfoot td:last-child{
  font-size:32px!important;font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;color:var(--bq-green)!important;
}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:has(>.rn-panel-btn){margin-top:0!important}
rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:has(>.rn-panel-btn)::before{
  content:"✓ incl. toeslagen";display:block;text-align:right;font-size:12px;color:var(--bq-ink-muted);
}
html[lang^="de"] rn-reservation-quotation .rn-col-lg-4 .rn-panel-section:has(>.rn-panel-btn)::before{content:"✓ inkl. Zuschläge"}
rn-reservation-quotation:not(#bq) .rn-col-lg-4 button.rn-panel-btn{
  display:block;width:100%;margin:22px 0 0!important;padding:16px!important;border:0!important;border-radius:14px!important;
  background:var(--bq-yellow)!important;color:var(--bq-ink)!important;box-shadow:none!important;font:700 16px/1.2 var(--bq-sans)!important;
}
rn-reservation-quotation:not(#bq) .rn-col-lg-4 button.rn-panel-btn:hover{background:var(--bq-yellow-hover)!important}

/* 10. Smal scherm
   ========================================================================== */
@media (max-width:991.98px){
  rn-reservation-quotation>.rn-row>.rn-col-lg-4>.rn-sticky-top{position:static!important}
}
@media (max-width:720px){
  rn-reservation-quotation{--bq-pad:24px}
  rn-reservation-quotation .rn-header .rn-h1{font-size:40px!important}
  rn-reservation-quotation .rn-quotation-form-section .rn-h3{font-size:26px!important}
  rn-reservation-quotation .rn-col-lg-4 .rn-panel{padding:24px!important}
}

/* Smalle kaart (mobiel én de krappe 2-koloms stand rond 1024px): tabellen
   als rijen — (aantal) · omschrijving · totaal; Preis/pro Nacht vervallen. */
@container (max-width:560px){
  rn-reservation-quotation .rn-quotation-table,
  rn-reservation-quotation .rn-quotation-table>*{display:block!important;width:100%}
  rn-reservation-quotation .rn-quotation-table tr{display:flex!important;align-items:center;gap:12px}
  rn-reservation-quotation .rn-quotation-table th,
  rn-reservation-quotation .rn-quotation-table td{display:block;width:auto!important;flex:none}
  rn-reservation-quotation .rn-quotation-table thead tr{border-bottom:1px solid var(--bq-divider)}
  rn-reservation-quotation .rn-quotation-table thead th{border:0!important;padding:0 0 10px!important}
  rn-reservation-quotation .rn-quotation-table tbody tr{min-height:64px;padding:12px 0;border-bottom:1px solid var(--bq-divider)}
  rn-reservation-quotation .rn-quotation-table tbody td{height:auto;padding:0!important;border:0!important}
  rn-reservation-quotation .rn-quotation-table:has(thead th:nth-child(2):last-child) tbody td{padding:0!important}
  rn-reservation-quotation .rn-quotation-table tr>:last-child{margin-left:auto;text-align:right!important}
  rn-reservation-quotation .rn-quotation-table:not(:has(thead th:first-child[width])) :is(thead,tbody) tr>:nth-child(n+2):not(:last-child),
  rn-reservation-quotation .rn-quotation-table:has(thead th:first-child[width]) :is(thead,tbody) tr>:nth-child(n+3):not(:last-child){display:none!important}
  rn-reservation-quotation .rn-quotation-table tr>:not(:first-child):not(:last-child),
  rn-reservation-quotation .rn-quotation-table:not(:has(thead th:first-child[width])) tr>:first-child{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
  rn-reservation-quotation .rn-quotation-table tr>:last-child{white-space:nowrap}
  rn-reservation-quotation .rn-quotation-table td .rn-text-nowrap{white-space:normal!important}
  rn-reservation-quotation .rn-quotation-table tfoot tr>:first-child{flex:1 1 auto}
}