/* Package06.11: public Calculator layout only. Existing pricing and events are unchanged. */
.order-information-cell { width: 150px; max-width: 180px; }
.order-information-cell .order-information-text {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere; font-size: 8pt; line-height: 1.35;
  font-weight: 400; color: #486378;
}
#editOrderForm .co_flxBox { gap: 10px; }
#editOrderForm #crateOrderMain { padding: 12px 15px; flex: 1 1 0; min-width: 0; width: auto; }
#editOrderForm #crateOrderStatus { padding: 27px 20px; flex: 0 0 250px; box-sizing: border-box; }
#editOrderForm .crateOrderHeader { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
#editOrderForm .orderName { flex: 0 1 333px; max-width: 100%; }
#editOrderForm #co_order_name { width: 100% !important; min-height: 27px; max-width: 100%; }
#editOrderForm .local-header-save-button { margin-top: 6px; height: 27px; padding: 3px 12px; font-size: 12px; line-height: 20px; }
body .tc_daySeasons, body .tc_daySeason { width: 147px; min-width: 147px; }
body .orderFooter {
  margin-top: 0; margin-left: -15px; width: calc(100% + 30px);
  border-radius: 0 0 10px 10px; height: auto; min-height: 70px;
  padding: 10px; background: #fff0a6; display: block; box-sizing: border-box;
}
body .tc_daysResultOptionBox { background: #f2f2f2; }
.orderFooter #createOfferForm { width: 100%; margin: 0; }
.orderFooter .orderFooterOfferBox {
  display: grid; grid-template-columns: 80px minmax(130px,1fr) minmax(170px,1.3fr) minmax(170px,1.3fr) 154px;
  gap: 10px; align-items: end; width: 100%; height: auto; min-height: 40px; margin: 0;
}
.orderFooter .tc_footerBox { min-width: 0 !important; width: auto; margin: 0; padding: 0; float: none; }
.orderFooter .tc_footerBox > label { display: block; font-size: 10px; line-height: 15px; font-weight: 400; margin: 0 0 3px; }
.orderFooter .tc_footerBox select {
  width: 100% !important; max-width: 100%; height: 27px; margin: 0; border: 1px solid transparent;
  border-radius: 15px; background-color: #fff; color: #486378; font: inherit; font-size: 11px;
  padding: 3px 20px 3px 9px; text-overflow: ellipsis;
}
.orderFooter .tc_footerBox > a { width: 100%; min-height: 27px; height: auto; display: flex; align-items: center; justify-content: center; padding: 4px 8px; font-size: 11px; }
.orderFooter .local-existing-offers { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: end; justify-content: flex-end; gap: 10px; border-top: 1px solid #0b2e4e15; padding-top: 8px; }
.orderFooter .local-existing-offers .tc_footerBox { flex: 0 1 160px; }
@media (max-width: 1100px) {
  .orderFooter .orderFooterOfferBox { grid-template-columns: 80px 1fr 1fr; }
  .orderFooter .orderFooterOfferBox > .tc_footerBox:nth-last-of-type(1) { align-self: end; }
}
@media (max-width: 700px) {
  #editOrderForm .co_flxBox { flex-direction: column; }
  #editOrderForm #crateOrderStatus { flex-basis: auto; width: 100%; }
  .orderFooter .orderFooterOfferBox { grid-template-columns: 76px minmax(0,1fr); }
  .orderFooter .orderFooterOfferBox > .tc_footerBox:last-child { grid-column: 1/-1; }
  .orderFooter .local-existing-offers { justify-content: flex-start; }
}

/*06.11-02: one popup typography and rhythm. Anonymous authentication forms retain their own width. */
#getNavbar,#getUser.authBox,#getLang{width:376px!important;max-width:calc(100vw - 32px);height:auto!important;max-height:calc(100vh - 100px);overflow-y:auto;box-sizing:border-box;border-radius:10px;right:max(16px,calc((100vw - 1250px)/2));left:auto!important;top:77px;color:#0b2e4e;background:#fff;box-shadow:0 10px 30px #0b2e4e22}
#getNavbar .getNavbarContent,#getUser.authBox .getUserContentAuth,#getLang .getLangContent{margin:0;padding:12px}
#getNavbar .headerModal,#getUser.authBox .headerModal{display:block}
#getNavbar .headerModal>div,#getUser.authBox .headerModal>div{padding:0;margin:0}
#getNavbar a,#getNavbar a span,#getUser.authBox a,#getUser.authBox a span,#getUser.authBox .fullname,#getLang .getLangContent div,#getLang .getLangContent div span{font-family:Montserrat,Ubuntu,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;letter-spacing:0!important;text-transform:none;text-decoration:none}
#getNavbar a,#getUser.authBox a,#getUser.authBox .fullname,#getLang .getLangContent>div{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 14px!important;border:0;border-radius:6px;margin:0!important;color:#0b2e4e}
#getNavbar a span,#getUser.authBox a span,#getLang .getLangContent div span{border:0;padding:0!important;color:inherit}
#getNavbar a:hover,#getUser.authBox a:hover,#getLang .getLangContent>div:hover{background:#fff6c7;color:#0b2e4e}
#getNavbar .tc-welcome-link{color:#22659c!important;background:transparent!important;border:0!important;box-shadow:none!important}
#getNavbar .tc-welcome-link:after{content:none!important}
#getUser.authBox .fullname{color:#70879a;border-bottom:1px solid #e7edf2;border-radius:0;margin-bottom:4px!important}
#getLang .getLangContent>div{cursor:pointer}
/* Exactly10px extra beyond the measured10px gap, without changing the grey card itself. */
.co_OrderBox{padding-bottom:10px}
/* Keep labels stable; only the numerical portion moves when a tour has many options. */
body .tc_daysResultOptionBox{overflow-x:auto;max-width:100%;position:relative;scrollbar-gutter:auto}
body .tc_daysResultOptionTable{width:100%;table-layout:auto}
body .tc_daysResultOptionTable td,body .tc_daysResultOptionTable th,body .tc_daysResultOptionTable input{font-size:12px!important}
body .tc_daysResultOptionTable td,body .tc_daysResultOptionTable th{white-space:nowrap}
body .tc_daysResultOptionTable tr>td:first-child,body .tc_daysResultOptionTable tr>th:first-child{min-width:360px;width:360px;max-width:none;white-space:nowrap;position:sticky;left:0;z-index:2;background:#f2f2f2;box-shadow:1px 0 0 #e2e6e9}
body .tc_daysResultOptionTable tr>td:not(:first-child),body .tc_daysResultOptionTable tr>th:not(:first-child){min-width:85px}
.order-template-indicator{width:25px;min-width:25px;max-width:25px;text-align:center;padding:0 3px!important}
.order-template-indicator svg{display:inline-block;width:14px;height:17px;vertical-align:middle;color:#698a9e}
.wc-row-button{border:0;background:transparent;padding:3px;cursor:pointer;color:#617f95;font:inherit;min-width:19px;line-height:1}
.wc-row-button:hover{color:#0b2e4e}.wc-row-button:disabled{opacity:.45;cursor:wait}.wc-row-remove{color:#e8707d}
.wc-template-status{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:2px 0}
.wc-template-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer}
.wc-template-switch input{position:absolute;opacity:0;width:1px;height:1px}
.wc-template-switch>span{display:block;width:34px;height:19px;border-radius:12px;background:#bdc9d1;position:relative;transition:background-color .15s}
.wc-template-switch>span:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}
.wc-template-switch input:checked+span{background:#e5c844}.wc-template-switch input:checked+span:after{transform:translateX(15px)}.wc-template-switch input:focus-visible+span{outline:2px solid #4f91bf;outline-offset:2px}
.wc-template-title-field{display:block;margin:5px 0 7px;font-size:11px;line-height:1.4;color:#385c75}.wc-template-title-field[hidden]{display:none}.wc-template-title-field input{width:100%;border:1px solid #c4d0d9;border-radius:5px;background:white;color:#0b2e4e;padding:4px 7px;font:inherit;margin-top:3px;min-height:26px;box-sizing:border-box}
.wc-order-archive-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff6cf;border:1px solid #f0dfa5;border-radius:8px;padding:10px 14px;margin-bottom:12px;color:#6c613d;font-size:12px}