#rp-calculator-app{--g:#0f5d42;--gs:#eef8f3;--b:#dfe7e3;--m:#66736d;direction:rtl;color:#171a18;font-family:inherit;max-width:1150px;margin:auto} #rp-calculator-app *{box-sizing:border-box} #rp-calculator-app .rp-tabs{display:flex;gap:8px;margin:0 0 14px} #rp-calculator-app .rp-tab{border:1px solid var(--b);background:#fff;padding:11px 16px;border-radius:12px;cursor:pointer;font:inherit} #rp-calculator-app .rp-tab.is-active{background:var(--g);color:#fff;border-color:var(--g)} #rp-calculator-app .rp-pane{display:none} #rp-calculator-app .rp-pane.is-active{display:block} #rp-calculator-app .rp-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px} #rp-calculator-app .rp-card{background:#fff;border:1px solid var(--b);border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 6px 22px rgba(0,0,0,.04)} #rp-calculator-app .rp-card h2,#rp-calculator-app .rp-card h3{margin:0 0 14px;color:#171a18} #rp-calculator-app .rp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #rp-calculator-app .rp-full{grid-column:1/-1} #rp-calculator-app label{display:block;font-size:13px;margin-bottom:12px} #rp-calculator-app input,#rp-calculator-app select,#rp-calculator-app textarea{width:100%;margin-top:6px;border:1px solid #ccd7d1;border-radius:11px;padding:11px 12px;background:#fff;color:#171a18;font:inherit} #rp-calculator-app input:focus,#rp-calculator-app select:focus,#rp-calculator-app textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(15,93,66,.08)} #rp-calculator-app .rp-desc,#rp-calculator-app .rp-note{color:var(--m);font-size:13px;line-height:1.8} #rp-calculator-app .rp-required{color:#a11} #rp-calculator-app .rp-field-title{font-size:13px;margin-bottom:8px} #rp-calculator-app .rp-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} #rp-calculator-app .rp-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--b);border-radius:12px;padding:10px 12px;margin:0!important;background:#fff} #rp-calculator-app .rp-chip input{width:auto;margin:0} #rp-calculator-app .rp-options{display:grid;gap:9px;margin-bottom:14px} #rp-calculator-app .rp-option{display:flex!important;align-items:center;gap:10px;padding:11px;border:1px solid var(--b);border-radius:12px;margin:0!important;background:#fff} #rp-calculator-app .rp-option.is-required{background:#fafcfb} #rp-calculator-app .rp-option input[type=checkbox],#rp-calculator-app .rp-option input[type=radio]{width:auto;margin:0;flex:0 0 auto} #rp-calculator-app .rp-option span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1} #rp-calculator-app .rp-option small{color:var(--m);line-height:1.65} #rp-calculator-app .rp-option em{font-style:normal;font-size:11px;color:var(--g);background:var(--gs);padding:2px 6px;border-radius:8px} #rp-calculator-app .rp-option a{color:var(--g)} #rp-calculator-app .rp-group-title{font-weight:700;margin:12px 0 7px} #rp-calculator-app .rp-service-line{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) 105px} #rp-calculator-app .rp-service-thumb{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--b)} #rp-calculator-app .rp-service-qty{margin:0!important;align-self:center} #rp-calculator-app .rp-fixed-item,#rp-calculator-app .rp-sum-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--b)} #rp-calculator-app .rp-grand{margin-top:14px;padding:14px;background:var(--gs);border-radius:12px;display:flex;justify-content:space-between;color:var(--g)} #rp-calculator-app .rp-grand strong{font-size:20px} #rp-calculator-app .rp-backup,#rp-calculator-app .rp-status{background:var(--gs);border:1px solid #cae5d8;padding:12px;border-radius:12px;margin:12px 0} #rp-calculator-app .rp-primary,#rp-calculator-app .rp-secondary{border:0;border-radius:11px;padding:12px 16px;cursor:pointer;font:inherit;text-decoration:none;display:inline-block} #rp-calculator-app .rp-primary{background:var(--g);color:#fff;font-weight:700} #rp-calculator-app .rp-primary:disabled{opacity:.6;cursor:not-allowed} #rp-calculator-app .rp-secondary{background:#fff;border:1px solid #bcd7ca;color:var(--g)} #rp-calculator-app .rp-link{display:inline-block;text-decoration:none} #rp-calculator-app .rp-success,#rp-calculator-app .rp-error{padding:12px 14px;border-radius:11px;margin-top:12px;line-height:1.8} #rp-calculator-app .rp-success{background:#eaf8f1;color:#0d6041;border:1px solid #c4e7d6} #rp-calculator-app .rp-error{background:#fff0f0;color:#9b1c1c;border:1px solid #f0caca} #rp-calculator-app .rp-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px} #rp-calculator-app .rp-compare-card{border:1px solid var(--b);border-radius:14px;padding:15px;background:#fff} #rp-calculator-app .rp-compare-card h4{margin:0 0 8px} #rp-calculator-app .rp-compare-card small{color:var(--m)} #rp-calculator-app .rp-compare-total{color:var(--g);font-size:19px;font-weight:700;margin-top:10px} #rp-calculator-app .rp-deposits{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} #rp-calculator-app .rp-deposit{border:2px solid var(--b);border-radius:13px;padding:14px;cursor:pointer} #rp-calculator-app .rp-deposit.is-active{border-color:var(--g);background:var(--gs)} #rp-calculator-app .rp-deposit input{width:auto!important} #rp-calculator-app .rp-bank{display:flex;flex-direction:column;gap:8px;background:var(--gs);padding:16px;border-radius:14px;margin:14px 0} #rp-calculator-app .rp-bank code{font-size:20px;direction:ltr;text-align:right;color:#171a18;background:transparent} #rp-calculator-app .rp-bank-actions{display:flex;gap:8px;flex-wrap:wrap} #rp-calculator-app .rp-action-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0} #rp-calculator-app .rp-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px} #rp-calculator-app .rp-gallery img{width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid var(--b)} #rp-calculator-app .rp-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0 18px} #rp-calculator-app .rp-mini-card{border:1px solid var(--b);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:7px} #rp-calculator-app .rp-mini-card img{width:100%;height:100px;object-fit:cover;border-radius:9px} #rp-calculator-app .rp-mini-card a{color:var(--g)} #rp-calculator-app .rp-toast{position:fixed;left:18px;bottom:18px;background:#17231e;color:#fff;padding:10px 14px;border-radius:10px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:99999} #rp-calculator-app .rp-toast.show{opacity:1;transform:none} @media(max-width:760px){ #rp-calculator-app .rp-layout,#rp-calculator-app .rp-grid-2{grid-template-columns:1fr} #rp-calculator-app .rp-full{grid-column:auto} #rp-calculator-app .rp-social-grid{grid-template-columns:repeat(2,1fr)} #rp-calculator-app .rp-service-line{grid-template-columns:auto auto 1fr} #rp-calculator-app .rp-service-qty{grid-column:3} #rp-calculator-app .rp-deposits{grid-template-columns:1fr} } #rp-calculator-app .rp-status-modal{position:fixed;inset:0;background:rgba(10,24,18,.48);display:none;align-items:center;justify-content:center;padding:18px;z-index:100000} #rp-calculator-app .rp-status-modal.show{display:flex} #rp-calculator-app .rp-status-dialog{width:min(92vw,460px);background:#fff;border-radius:18px;border:1px solid var(--b);box-shadow:0 22px 70px rgba(0,0,0,.2);padding:24px;text-align:center} #rp-calculator-app .rp-status-dialog h3{margin:10px 0 8px;color:#171a18} #rp-calculator-app .rp-status-dialog p{color:var(--m);line-height:1.9;margin:0 0 16px} #rp-calculator-app .rp-status-icon{width:54px;height:54px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gs);color:var(--g);font-size:28px;font-weight:700} /* v4.1 minimal wizard */ #rp-calculator-app .rp-wizard-progress{display:flex;gap:0;align-items:center;margin:0 0 18px;background:#fff;border:1px solid #e3e9e6;border-radius:14px;padding:8px 12px;overflow:hidden} #rp-calculator-app .rp-wizard-progress span{position:relative;flex:1;text-align:center;font-size:12px;color:#7a8781;padding:7px 4px} #rp-calculator-app .rp-wizard-progress span:not(:last-child):after{content:"";position:absolute;left:-10%;top:50%;width:20%;height:2px;background:#e1e7e4} #rp-calculator-app .rp-wizard-progress span.is-active{color:#0f5d42;font-weight:700} #rp-calculator-app .rp-wizard-progress span.is-done{color:#0f5d42} #rp-calculator-app .rp-wizard-progress span.is-done:before{content:"✓ ";font-weight:700} #rp-calculator-app .rp-wizard-step{display:none} #rp-calculator-app .rp-wizard-step.is-active{display:block} #rp-calculator-app .rp-wizard-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px} #rp-calculator-app .rp-wizard-actions .rp-primary,#rp-calculator-app .rp-wizard-actions .rp-secondary{width:auto;min-width:150px} #rp-calculator-app .rp-review-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0} #rp-calculator-app .rp-review-box>div{border:1px solid #e2e9e5;border-radius:12px;padding:12px;background:#fafcfb} #rp-calculator-app .rp-review-box span{display:block;color:#6b7771;font-size:12px;margin-bottom:5px} #rp-calculator-app .rp-review-box b{font-size:14px} #rp-calculator-app .rp-review-box .rp-review-full{grid-column:1/-1} @media(max-width:650px){ #rp-calculator-app .rp-wizard-progress{padding:6px 4px} #rp-calculator-app .rp-wizard-progress span{font-size:11px} #rp-calculator-app .rp-review-box{grid-template-columns:1fr} #rp-calculator-app .rp-review-box .rp-review-full{grid-column:auto} #rp-calculator-app .rp-wizard-actions{position:sticky;bottom:8px;z-index:8;background:rgba(255,255,255,.96);padding:8px;border:1px solid #e5ebe8;border-radius:13px} #rp-calculator-app .rp-wizard-actions .rp-primary,#rp-calculator-app .rp-wizard-actions .rp-secondary{min-width:0;flex:1} } /* v4.1.1 Jalali date + fixed time slots */ #rp-calculator-app .rp-jalali-date{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:7px } #rp-calculator-app .rp-jalali-date label{ font-size:12px; color:#66736d } #rp-calculator-app .rp-jalali-date select{ margin-top:5px } @media(max-width:520px){ #rp-calculator-app .rp-jalali-date{grid-template-columns:1fr 1fr 1fr;gap:6px} } /* v4.1.2 ultra compact minimal layout */ #rp-calculator-app{max-width:980px;margin:0 auto} #rp-calculator-app .rp-card{padding:14px!important;border-radius:12px!important} #rp-calculator-app .rp-card h3{margin:0 0 10px!important;font-size:16px!important} #rp-calculator-app label{gap:4px!important;font-size:12px!important} #rp-calculator-app input, #rp-calculator-app select, #rp-calculator-app textarea{min-height:38px!important;padding:7px 9px!important;font-size:13px!important} #rp-calculator-app textarea{min-height:72px!important} #rp-calculator-app .rp-grid-2{gap:9px!important} #rp-calculator-app .rp-layout{gap:10px!important} #rp-calculator-app .rp-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} #rp-calculator-app .rp-chip, #rp-calculator-app .rp-option{padding:7px 9px!important;min-height:36px!important} #rp-calculator-app .rp-desc, #rp-calculator-app .rp-note{margin:5px 0 8px!important;font-size:12px!important;line-height:1.65!important} #rp-calculator-app .rp-summary{position:sticky;top:10px;align-self:start} #rp-calculator-app .rp-sum-row{padding:5px 0!important;font-size:12px!important} #rp-calculator-app .rp-grand{padding-top:8px!important;margin-top:6px!important} #rp-calculator-app .rp-wizard-progress{margin-bottom:10px!important;padding:4px 8px!important;border-radius:10px!important} #rp-calculator-app .rp-wizard-progress span{padding:4px 2px!important;font-size:11px!important} #rp-calculator-app .rp-wizard-actions{margin-top:8px!important} #rp-calculator-app .rp-primary, #rp-calculator-app .rp-secondary{min-height:38px!important;padding:7px 12px!important;font-size:13px!important} #rp-calculator-app .rp-jalali-date{gap:6px!important;margin-top:3px!important} #rp-calculator-app .rp-review-box{gap:6px!important;margin:8px 0!important} #rp-calculator-app .rp-review-box>div{padding:8px!important;border-radius:9px!important} #rp-calculator-app .rp-review-box span{margin-bottom:2px!important;font-size:11px!important} #rp-calculator-app .rp-review-box b{font-size:12px!important} #rp-calculator-app .rp-backup{margin-top:6px!important;padding:7px 9px!important;font-size:12px!important} @media(min-width:760px){ #rp-calculator-app .rp-layout{grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr)!important} } @media(max-width:759px){ #rp-calculator-app .rp-card{padding:10px!important} #rp-calculator-app .rp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} #rp-calculator-app .rp-options{grid-template-columns:repeat(2,minmax(0,1fr))!important} #rp-calculator-app .rp-summary{position:static!important} } @media(max-width:480px){ #rp-calculator-app .rp-grid-2{grid-template-columns:1fr!important} #rp-calculator-app .rp-options{grid-template-columns:1fr 1fr!important} #rp-calculator-app .rp-card h3{font-size:15px!important} } /* v4.2 compact venue-first reservation flow */ #rp-calculator-app{max-width:920px} #rp-calculator-app .rp-search-card{padding:12px!important} #rp-calculator-app .rp-search-head h3{margin-bottom:2px!important} #rp-calculator-app .rp-search-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,.65fr);gap:8px;align-items:end;margin:8px 0 10px} #rp-calculator-app .rp-date-mini{display:grid;grid-template-columns:auto repeat(3,minmax(80px,1fr));gap:6px;align-items:center} #rp-calculator-app .rp-mini-label{font-size:12px;font-weight:700;white-space:nowrap} #rp-calculator-app .rp-date-mini select,#rp-calculator-app .rp-guest-mini input{height:36px!important;min-height:36px!important} #rp-calculator-app .rp-guest-mini span{display:block;font-size:12px;font-weight:700;margin-bottom:3px} #rp-calculator-app .rp-venue-list{display:grid;gap:7px} #rp-calculator-app .rp-venue-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e1e7e4;border-radius:11px;padding:9px 10px;background:#fff} #rp-calculator-app .rp-venue-main h4{font-size:14px;margin:0 0 2px;color:#17231e} #rp-calculator-app .rp-venue-main p{font-size:11px;line-height:1.5;color:#748079;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px} #rp-calculator-app .rp-venue-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#6b7771} #rp-calculator-app .rp-venue-meta strong{color:#0f5d42;font-size:12px} #rp-calculator-app .rp-time-buttons{display:flex;gap:5px} #rp-calculator-app .rp-time-pick{border:1px solid #cfdcd6;background:#f9fcfa;border-radius:9px;padding:6px 8px;min-width:112px;cursor:pointer;color:#173d30} #rp-calculator-app .rp-time-pick:hover{border-color:#0f5d42;background:#f2f8f5} #rp-calculator-app .rp-time-pick span{display:block;font-size:10px;color:#718078} #rp-calculator-app .rp-time-pick b{display:block;font-size:11px;margin-top:1px} #rp-calculator-app .rp-selected-venue{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;background:#f7faf8;border:1px solid #e2e9e5;border-radius:10px;padding:8px 10px;margin-bottom:9px} #rp-calculator-app .rp-selected-venue span{display:block;font-size:10px;color:#738078} #rp-calculator-app .rp-selected-venue strong{font-size:12px} #rp-calculator-app .rp-link-btn{background:transparent;border:0;color:#0f5d42;text-decoration:underline;cursor:pointer;font-size:11px} #rp-calculator-app .rp-menu-main{margin-bottom:4px} #rp-calculator-app .rp-fold{border:1px solid #e2e8e5;border-radius:10px;margin:7px 0;background:#fff} #rp-calculator-app .rp-fold>summary{cursor:pointer;list-style:none;padding:9px 10px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center} #rp-calculator-app .rp-fold>summary::-webkit-details-marker{display:none} #rp-calculator-app .rp-fold>summary span{font-size:10px;font-weight:400;color:#718078} #rp-calculator-app .rp-fold-body{border-top:1px solid #edf1ef;padding:8px} #rp-calculator-app .rp-total-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f5faf7;border:1px solid #dce8e1;border-radius:10px;padding:8px 10px;margin-top:7px} #rp-calculator-app .rp-total-strip>div span{display:block;font-size:10px;color:#6f7b75} #rp-calculator-app .rp-total-strip>div strong{font-size:16px;color:#0f5d42} #rp-calculator-app .rp-total-strip details{position:relative} #rp-calculator-app .rp-total-strip details>summary{font-size:11px;cursor:pointer;color:#0f5d42} #rp-calculator-app .rp-mini-breakdown{position:absolute;left:0;top:25px;z-index:15;width:230px;background:#fff;border:1px solid #dfe7e3;box-shadow:0 10px 30px rgba(20,45,34,.08);border-radius:10px;padding:8px} #rp-calculator-app .rp-mini-breakdown>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:10px} #rp-calculator-app .rp-social-mini{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;font-size:11px} #rp-calculator-app .rp-social-mini>span{font-weight:700} #rp-calculator-app .rp-social-mini label{display:flex;flex-direction:row!important;align-items:center;gap:3px!important;border:1px solid #e1e7e4;border-radius:20px;padding:4px 7px} #rp-calculator-app .rp-social-mini input{min-height:auto!important;width:auto!important} #rp-calculator-app .rp-notes-fold{margin-top:8px} #rp-calculator-app .rp-info-grid{gap:7px!important} @media(max-width:700px){ #rp-calculator-app .rp-search-row{grid-template-columns:1fr} #rp-calculator-app .rp-date-mini{grid-template-columns:repeat(3,1fr)} #rp-calculator-app .rp-mini-label{grid-column:1/-1} #rp-calculator-app .rp-venue-card{grid-template-columns:1fr} #rp-calculator-app .rp-time-buttons{width:100%} #rp-calculator-app .rp-time-pick{flex:1;min-width:0} #rp-calculator-app .rp-selected-venue{grid-template-columns:1fr auto} #rp-calculator-app .rp-selected-venue>div:nth-child(2){grid-column:1/2} #rp-calculator-app .rp-selected-venue .rp-link-btn{grid-column:2;grid-row:1/3} } /* v4.3 food-first + one-click Persian calendar */ #rp-calculator-app .rp-search-row-v2{ grid-template-columns:minmax(220px,1.3fr) minmax(120px,.55fr) minmax(150px,.7fr)!important; position:relative } #rp-calculator-app .rp-date-trigger{ height:42px;border:1px solid #dce5e0;background:#fff;border-radius:10px;padding:5px 10px; display:flex;align-items:center;gap:8px;text-align:right;cursor:pointer;color:#17231e } #rp-calculator-app .rp-date-trigger small{display:block;font-size:9px;color:#7a8580} #rp-calculator-app .rp-date-trigger strong{display:block;font-size:12px;margin-top:1px} #rp-calculator-app .rp-calendar-icon{ width:27px;height:27px;border-radius:7px;background:#eef6f1;color:#0f5d42; display:grid;place-items:center;font-size:13px } #rp-calculator-app .rp-budget-mini span{display:block;font-size:12px;font-weight:700;margin-bottom:3px} #rp-calculator-app .rp-budget-mini select{height:36px!important;min-height:36px!important} #rp-calculator-app .rp-calendar-popover{ position:absolute;z-index:80;top:105px;right:12px;width:min(330px,calc(100% - 24px)); background:#fff;border:1px solid #dfe7e3;border-radius:14px;padding:10px; box-shadow:0 18px 50px rgba(20,45,34,.13) } #rp-calculator-app .rp-calendar-popover[hidden]{display:none!important} #rp-calculator-app .rp-cal-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:5px;margin-bottom:7px} #rp-calculator-app .rp-cal-head strong{text-align:center;font-size:13px} #rp-calculator-app .rp-cal-head button{border:1px solid #e1e8e4;background:#fff;border-radius:8px;height:30px;cursor:pointer} #rp-calculator-app .rp-cal-head button:disabled{opacity:.3;cursor:not-allowed} #rp-calculator-app .rp-cal-week,#rp-calculator-app .rp-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px} #rp-calculator-app .rp-cal-week span{text-align:center;font-size:9px;color:#7b8781;padding:3px 0} #rp-calculator-app .rp-cal-day{height:32px;border:0;background:#f8faf9;border-radius:8px;font-size:11px;cursor:pointer} #rp-calculator-app .rp-cal-day:hover{background:#edf6f1;color:#0f5d42} #rp-calculator-app .rp-cal-day.is-selected{background:#0f5d42;color:#fff;font-weight:700} #rp-calculator-app .rp-cal-day:disabled{opacity:.28;cursor:not-allowed} #rp-calculator-app .rp-cal-empty{height:32px} #rp-calculator-app .rp-cal-foot{font-size:9px;color:#7c8782;margin-top:7px;text-align:center} #rp-calculator-app .rp-first-stage-note{ display:flex;align-items:center;gap:8px;background:#f6faf8;border-radius:9px;padding:7px 9px;margin:4px 0 8px } #rp-calculator-app .rp-first-stage-note strong{font-size:11px;color:#0f5d42} #rp-calculator-app .rp-first-stage-note span{font-size:10px;color:#718078} #rp-calculator-app .rp-venue-card-v3{display:block!important;padding:9px!important} #rp-calculator-app .rp-venue-top{display:grid;grid-template-columns:86px 1fr;gap:9px;align-items:center} #rp-calculator-app .rp-venue-cover{width:86px;height:64px;object-fit:cover;border-radius:9px;background:#eef3f0} #rp-calculator-app .rp-cover-placeholder{display:grid;place-items:center;font-size:11px;color:#829087} #rp-calculator-app .rp-menu-list{display:grid;gap:4px;margin-top:7px} #rp-calculator-app .rp-menu-row{ width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center; border:1px solid #e7ece9;background:#fff;border-radius:9px;padding:7px 8px;text-align:right;cursor:pointer } #rp-calculator-app .rp-menu-row:hover,#rp-calculator-app .rp-menu-row.is-selected{border-color:#8fb8a6;background:#f7fbf9} #rp-calculator-app .rp-menu-row.is-selected{box-shadow:inset 3px 0 0 #0f5d42} #rp-calculator-app .rp-menu-food b{display:block;font-size:11px} #rp-calculator-app .rp-menu-food small{display:block;font-size:9px;color:#718078;line-height:1.55;margin-top:2px} #rp-calculator-app .rp-menu-price{text-align:left;white-space:nowrap} #rp-calculator-app .rp-menu-price>b{display:block;font-size:11px;color:#0f5d42} #rp-calculator-app .rp-menu-price>b small{font-size:8px;font-weight:400} #rp-calculator-app .rp-menu-price em{display:block;font-style:normal;font-size:9px;color:#6f7c75;margin-top:2px} #rp-calculator-app .rp-card-action{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf1ef;margin-top:7px;padding-top:7px} #rp-calculator-app .rp-card-action>span{font-size:9px;color:#75817b} #rp-calculator-app .rp-menu-section-head{display:flex;justify-content:space-between;margin:5px 0 7px} #rp-calculator-app .rp-menu-section-head small{display:block;font-size:9px;color:#7b8781} #rp-calculator-app .rp-menu-section-head strong{display:block;font-size:12px} #rp-calculator-app .rp-menu-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px} #rp-calculator-app .rp-menu-choice{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;text-align:right;align-items:center; padding:7px;border:1px solid #e5ebe8;border-radius:9px;background:#fff;cursor:pointer } #rp-calculator-app .rp-menu-choice.is-selected{border-color:#7cac96;background:#f5faf7;box-shadow:inset 3px 0 0 #0f5d42} #rp-calculator-app .rp-menu-choice span>b{display:block;font-size:10px} #rp-calculator-app .rp-menu-choice span>small{display:block;font-size:8px;color:#75817b;line-height:1.45;margin-top:2px} #rp-calculator-app .rp-choice-price{text-align:left} #rp-calculator-app .rp-choice-price b{color:#0f5d42!important;white-space:nowrap} #rp-calculator-app .rp-menu-desc-box{background:#fafcfb;border-radius:8px;padding:6px 8px!important} @media(max-width:700px){ #rp-calculator-app .rp-search-row-v2{grid-template-columns:1fr 1fr!important} #rp-calculator-app .rp-date-trigger{grid-column:1/-1} #rp-calculator-app .rp-calendar-popover{top:152px} #rp-calculator-app .rp-first-stage-note{align-items:flex-start;flex-direction:column;gap:1px} #rp-calculator-app .rp-card-action{align-items:stretch;flex-direction:column} #rp-calculator-app .rp-time-buttons{width:100%} #rp-calculator-app .rp-menu-choices{grid-template-columns:1fr} } @media(max-width:480px){ #rp-calculator-app .rp-venue-top{grid-template-columns:72px 1fr} #rp-calculator-app .rp-venue-cover{width:72px;height:58px} #rp-calculator-app .rp-menu-row{grid-template-columns:1fr} #rp-calculator-app .rp-menu-price{text-align:right;display:flex;justify-content:space-between;align-items:center;gap:6px} } /* v4.3.1 phone, social icons, compact review */ #rp-calculator-app .rp-social-icons{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:12px!important; margin-top:10px!important } #rp-calculator-app .rp-social-title{ font-size:11px!important; font-weight:700!important; color:#34423c!important } #rp-calculator-app .rp-social-option{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; gap:5px!important; padding:0!important; border:0!important; background:transparent!important; border-radius:0!important; cursor:pointer!important; font-size:11px!important } #rp-calculator-app .rp-social-option input{ width:14px!important; height:14px!important; min-height:14px!important; margin:0!important } #rp-calculator-app .rp-social-icon{ width:22px;height:22px;border-radius:50%; display:grid;place-items:center; flex:0 0 22px; background:#edf4f0; color:#0f5d42 } #rp-calculator-app .rp-social-icon svg{ width:15px;height:15px;fill:currentColor } #rp-calculator-app .rp-letter-icon{ font-size:11px!important; font-weight:800!important; font-family:Arial,sans-serif } #rp-calculator-app .rp-review-box{ display:block!important; margin:8px 0 10px!important; border-top:1px solid #e5ebe8!important; border-bottom:1px solid #e5ebe8!important; border-radius:0!important } #rp-calculator-app .rp-review-box>div{ border:0!important; border-radius:0!important; background:transparent!important; padding:7px 0!important; display:grid!important; grid-template-columns:120px minmax(0,1fr)!important; gap:10px!important; align-items:start!important } #rp-calculator-app .rp-review-box>div+div{ border-top:1px dashed #edf1ef!important } #rp-calculator-app .rp-review-box span{ margin:0!important; font-size:10px!important; color:#76827c!important } #rp-calculator-app .rp-review-box b{ font-size:11px!important; line-height:1.7!important; font-weight:600!important; color:#1d2924!important } #rp-calculator-app .rp-review-total{ background:#f7faf8!important; margin-top:2px!important; padding:9px 0!important } #rp-calculator-app .rp-review-total strong{ color:#0f5d42!important; font-size:15px!important } @media(max-width:520px){ #rp-calculator-app .rp-social-icons{gap:9px!important} #rp-calculator-app .rp-social-title{width:100%} #rp-calculator-app .rp-review-box>div{grid-template-columns:88px minmax(0,1fr)!important} } /* v4.3.2 original brand colors for messengers */ #rp-calculator-app .rp-whatsapp .rp-social-icon{background:#25D366!important;color:#fff!important} #rp-calculator-app .rp-eitaa .rp-social-icon{background:#F28C28!important;color:#fff!important} #rp-calculator-app .rp-bale .rp-social-icon{background:#16A085!important;color:#fff!important} #rp-calculator-app .rp-rubika .rp-social-icon{ background:linear-gradient(135deg,#7B2FF7 0%,#E13D8F 52%,#F59A23 100%)!important; color:#fff!important } #rp-calculator-app .rp-social-option:has(input:checked) .rp-social-icon{ transform:scale(1.08); box-shadow:0 2px 8px rgba(0,0,0,.14) } /* v4.4.0 — larger typography, aligned search row, collapsed venue menus */ #rp-calculator-app{ font-size:15px!important; } #rp-calculator-app .rp-note, #rp-calculator-app .rp-desc, #rp-calculator-app .rp-venue-location, #rp-calculator-app .rp-first-stage-note span{ font-size:13px!important; line-height:1.8!important; } #rp-calculator-app .rp-search-card{ padding:16px!important; } #rp-calculator-app .rp-search-head h3{ font-size:19px!important; line-height:1.5!important; } #rp-calculator-app .rp-search-row-v2{ display:grid!important; grid-template-columns:minmax(220px,1.25fr) minmax(150px,.72fr) minmax(180px,.86fr)!important; gap:10px!important; align-items:end!important; margin:14px 0 16px!important; } #rp-calculator-app .rp-date-trigger, #rp-calculator-app .rp-guest-mini input, #rp-calculator-app .rp-budget-mini select{ height:48px!important; min-height:48px!important; box-sizing:border-box!important; margin:0!important; } #rp-calculator-app .rp-date-trigger{ width:100%!important; padding:7px 12px!important; } #rp-calculator-app .rp-date-trigger small, #rp-calculator-app .rp-guest-mini span, #rp-calculator-app .rp-budget-mini span{ font-size:12px!important; line-height:1.4!important; margin-bottom:5px!important; } #rp-calculator-app .rp-date-trigger strong{ font-size:14px!important; } #rp-calculator-app .rp-guest-mini, #rp-calculator-app .rp-budget-mini{ margin:0!important; } #rp-calculator-app .rp-guest-mini input, #rp-calculator-app .rp-budget-mini select{ font-size:14px!important; padding:0 12px!important; } #rp-calculator-app .rp-first-stage-note{ padding:10px 12px!important; margin-bottom:12px!important; } #rp-calculator-app .rp-first-stage-note strong{ font-size:13px!important; } /* Venue card inspired by the supplied Badraghe reference */ #rp-calculator-app .rp-badraghe-card{ display:block!important; border:1px solid #edf0ee!important; border-radius:14px!important; overflow:hidden!important; padding:0!important; background:#fff!important; box-shadow:0 4px 18px rgba(20,45,34,.045)!important; } #rp-calculator-app .rp-venue-list{ gap:14px!important; } #rp-calculator-app .rp-venue-gallery{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:5px!important; height:130px!important; background:#f4f6f5!important; } #rp-calculator-app .rp-venue-gallery img, #rp-calculator-app .rp-gallery-placeholder{ width:100%!important; height:130px!important; object-fit:cover!important; display:block!important; } #rp-calculator-app .rp-gallery-placeholder{ grid-column:1/-1!important; display:grid!important; place-items:center!important; color:#7c8982!important; font-size:14px!important; } #rp-calculator-app .rp-badraghe-body{ padding:14px 16px!important; } #rp-calculator-app .rp-badraghe-title h4{ font-size:17px!important; line-height:1.55!important; margin:0 0 5px!important; color:#17231e!important; } #rp-calculator-app .rp-venue-location{ margin:0!important; color:#7a8580!important; } #rp-calculator-app .rp-badraghe-meta{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:18px!important; border-top:1px solid #f0f2f1!important; border-bottom:1px solid #f0f2f1!important; padding:11px 0!important; margin:12px 0!important; font-size:13px!important; color:#6f7a75!important; } #rp-calculator-app .rp-badraghe-meta b{ color:#0d6547!important; font-size:14px!important; } #rp-calculator-app .rp-price-range{ margin-right:auto!important; } #rp-calculator-app .rp-live-estimate{ color:#36443e!important; } #rp-calculator-app .rp-badraghe-actions{ display:grid!important; grid-template-columns:minmax(190px,.9fr) minmax(340px,1.3fr)!important; gap:10px!important; align-items:stretch!important; } #rp-calculator-app .rp-menu-toggle{ border:1px solid #dbe5e0!important; background:#f8fbf9!important; border-radius:10px!important; padding:10px 12px!important; cursor:pointer!important; text-align:right!important; color:#173d30!important; } #rp-calculator-app .rp-menu-toggle span{ display:block!important; font-size:13px!important; font-weight:700!important; } #rp-calculator-app .rp-menu-toggle b{ display:block!important; margin-top:3px!important; font-size:11px!important; color:#75817b!important; font-weight:500!important; } #rp-calculator-app .rp-time-buttons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } #rp-calculator-app .rp-time-pick{ min-height:52px!important; padding:8px 12px!important; border-radius:10px!important; } #rp-calculator-app .rp-time-pick span{ font-size:11px!important; } #rp-calculator-app .rp-time-pick b{ font-size:13px!important; margin-top:3px!important; } #rp-calculator-app .rp-collapsed-menus{ border-top:1px solid #edf1ef!important; margin-top:12px!important; padding-top:12px!important; } #rp-calculator-app .rp-collapsed-menus[hidden]{ display:none!important; } #rp-calculator-app .rp-menu-panel-head{ display:flex!important; justify-content:space-between!important; align-items:center!important; margin-bottom:8px!important; } #rp-calculator-app .rp-menu-panel-head strong{ font-size:14px!important; } #rp-calculator-app .rp-menu-panel-head span{ font-size:12px!important; color:#718078!important; } #rp-calculator-app .rp-menu-row{ padding:10px 11px!important; } #rp-calculator-app .rp-menu-food b{ font-size:13px!important; line-height:1.55!important; } #rp-calculator-app .rp-menu-food small{ font-size:12px!important; line-height:1.65!important; } #rp-calculator-app .rp-menu-price>b{ font-size:13px!important; } #rp-calculator-app .rp-menu-price em{ font-size:11px!important; } /* Calendar stays visually aligned under the date field */ #rp-calculator-app .rp-calendar-popover{ top:124px!important; } @media(max-width:760px){ #rp-calculator-app .rp-search-row-v2{ grid-template-columns:1fr 1fr!important; } #rp-calculator-app .rp-date-trigger{ grid-column:1/-1!important; } #rp-calculator-app .rp-calendar-popover{ top:176px!important; } #rp-calculator-app .rp-badraghe-actions{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-venue-gallery{ height:105px!important; } #rp-calculator-app .rp-venue-gallery img, #rp-calculator-app .rp-gallery-placeholder{ height:105px!important; } } @media(max-width:520px){ #rp-calculator-app{ font-size:14px!important; } #rp-calculator-app .rp-search-head h3{ font-size:17px!important; } #rp-calculator-app .rp-search-row-v2{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-date-trigger{ grid-column:auto!important; } #rp-calculator-app .rp-calendar-popover{ top:238px!important; } #rp-calculator-app .rp-badraghe-meta{ gap:8px 14px!important; } #rp-calculator-app .rp-price-range{ margin-right:0!important; } #rp-calculator-app .rp-live-estimate{ width:100%!important; } #rp-calculator-app .rp-time-buttons{ grid-template-columns:1fr 1fr!important; } #rp-calculator-app .rp-menu-row{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-menu-price{ text-align:right!important; } } /* v4.4.1 — 3/4 venue photos with mobile-friendly layouts */ #rp-calculator-app .rp-venue-gallery{ overflow:hidden!important; border-radius:0!important; } /* Desktop/tablet: equal-size gallery cells */ #rp-calculator-app .rp-venue-gallery.rp-gallery-count-1{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-2{ grid-template-columns:repeat(2,1fr)!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-3{ grid-template-columns:repeat(3,1fr)!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-4{ grid-template-columns:repeat(4,1fr)!important; } #rp-calculator-app .rp-venue-gallery img{ min-width:0!important; } /* Mobile: avoid four tiny strips. 3 photos become 1 large + 2 small, and 4 photos become a balanced 2x2 grid. */ @media(max-width:600px){ #rp-calculator-app .rp-venue-gallery{ height:190px!important; gap:4px!important; } #rp-calculator-app .rp-venue-gallery img, #rp-calculator-app .rp-gallery-placeholder{ height:100%!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-1{ grid-template-columns:1fr!important; grid-template-rows:1fr!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-2{ grid-template-columns:repeat(2,1fr)!important; grid-template-rows:1fr!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-3{ grid-template-columns:1.25fr .75fr!important; grid-template-rows:1fr 1fr!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-3 img:nth-child(1){ grid-row:1 / 3!important; grid-column:1!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-3 img:nth-child(2){ grid-row:1!important; grid-column:2!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-3 img:nth-child(3){ grid-row:2!important; grid-column:2!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-4{ grid-template-columns:repeat(2,1fr)!important; grid-template-rows:repeat(2,1fr)!important; } #rp-calculator-app .rp-venue-gallery.rp-gallery-count-4 img{ height:100%!important; } } @media(max-width:380px){ #rp-calculator-app .rp-venue-gallery{ height:168px!important; } } /* v4.5.0 — menu compression: 3 representative menus + modal for all */ #rp-calculator-app .rp-menu-preview-wrap{ margin:10px 0!important; padding:10px!important; background:#fafcfb!important; border-radius:10px!important; } #rp-calculator-app .rp-menu-preview-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-bottom:7px!important; } #rp-calculator-app .rp-menu-preview-head strong{ font-size:13px!important; } #rp-calculator-app .rp-open-all-menus{ border:0!important; background:transparent!important; color:#0f6547!important; font-size:12px!important; font-weight:700!important; cursor:pointer!important; padding:2px 0!important; } #rp-calculator-app .rp-menu-preview-list{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } #rp-calculator-app .rp-menu-preview{ min-width:0!important; border:1px solid #e3e9e6!important; background:#fff!important; border-radius:8px!important; padding:7px 8px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:7px!important; cursor:pointer!important; text-align:right!important; } #rp-calculator-app .rp-menu-preview span{ min-width:0!important; font-size:11px!important; line-height:1.5!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #rp-calculator-app .rp-menu-preview b{ white-space:nowrap!important; font-size:11px!important; color:#0f6547!important; } #rp-calculator-app .rp-menu-preview.is-selected{ border-color:#7fb49d!important; background:#f4faf7!important; } #rp-calculator-app .rp-selected-menu-line{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; gap:8px!important; align-items:center!important; padding:8px 0 10px!important; font-size:12px!important; } #rp-calculator-app .rp-selected-menu-line span{color:#7a8580!important} #rp-calculator-app .rp-selected-menu-line b{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #rp-calculator-app .rp-selected-menu-line strong{ color:#0f6547!important; white-space:nowrap!important; } #rp-calculator-app .rp-card-time-buttons{ margin-top:0!important; } /* all menus are moved to a modal/bottom sheet, so they never increase page height */ body.rp-menu-modal-open{overflow:hidden!important} #rp-calculator-app .rp-menu-modal{ position:fixed!important; inset:0!important; z-index:999999!important; } #rp-calculator-app .rp-menu-modal[hidden]{display:none!important} #rp-calculator-app .rp-menu-modal-backdrop{ position:absolute!important; inset:0!important; background:rgba(15,28,22,.46)!important; } #rp-calculator-app .rp-menu-modal-sheet{ position:absolute!important; width:min(720px,calc(100% - 28px))!important; max-height:min(78vh,760px)!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; background:#fff!important; border-radius:16px!important; box-shadow:0 24px 70px rgba(0,0,0,.2)!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; overflow:hidden!important; } #rp-calculator-app .rp-menu-modal-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; padding:14px 16px 9px!important; } #rp-calculator-app .rp-menu-modal-head small{ display:block!important; font-size:10px!important; color:#7a8580!important; } #rp-calculator-app .rp-menu-modal-head h3{ margin:2px 0 0!important; font-size:17px!important; } #rp-calculator-app .rp-menu-modal-close{ width:34px!important; height:34px!important; border:0!important; border-radius:50%!important; background:#f1f5f3!important; font-size:22px!important; line-height:1!important; cursor:pointer!important; } #rp-calculator-app .rp-menu-modal-meta{ display:flex!important; gap:12px!important; padding:0 16px 10px!important; color:#728079!important; font-size:11px!important; border-bottom:1px solid #edf1ef!important; } #rp-calculator-app .rp-menu-modal-list{ overflow:auto!important; padding:8px 12px!important; } #rp-calculator-app .rp-modal-menu-item{ width:100%!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:14px!important; align-items:center!important; border:0!important; border-bottom:1px solid #edf1ef!important; background:#fff!important; padding:11px 6px!important; text-align:right!important; cursor:pointer!important; } #rp-calculator-app .rp-modal-menu-item:last-child{border-bottom:0!important} #rp-calculator-app .rp-modal-menu-item.is-selected{ background:#f4faf7!important; } #rp-calculator-app .rp-modal-menu-item.is-selected .rp-modal-menu-copy b{ color:#0f6547!important; } #rp-calculator-app .rp-modal-menu-copy b{ display:block!important; font-size:13px!important; line-height:1.6!important; } #rp-calculator-app .rp-modal-menu-copy small{ display:block!important; font-size:11px!important; line-height:1.7!important; color:#718078!important; margin-top:2px!important; } #rp-calculator-app .rp-modal-menu-cost{ text-align:left!important; white-space:nowrap!important; } #rp-calculator-app .rp-modal-menu-cost b{ display:block!important; font-size:13px!important; color:#0f6547!important; } #rp-calculator-app .rp-modal-menu-cost small{ display:block!important; font-size:10px!important; color:#76827c!important; margin-top:3px!important; } #rp-calculator-app .rp-menu-modal-foot{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:12px!important; padding:10px 14px!important; border-top:1px solid #e8eeeb!important; background:#fff!important; } #rp-calculator-app .rp-menu-modal-foot span{ display:block!important; font-size:10px!important; color:#76827c!important; } #rp-calculator-app .rp-menu-modal-foot strong{ display:block!important; font-size:15px!important; color:#0f6547!important; margin-top:2px!important; } @media(max-width:650px){ #rp-calculator-app .rp-menu-preview-list{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-menu-preview{ padding:7px 8px!important; } #rp-calculator-app .rp-selected-menu-line{ grid-template-columns:auto minmax(0,1fr)!important; } #rp-calculator-app .rp-selected-menu-line strong{ grid-column:2!important; } #rp-calculator-app .rp-menu-modal-sheet{ width:100%!important; max-height:84vh!important; left:0!important; right:0!important; top:auto!important; bottom:0!important; transform:none!important; border-radius:18px 18px 0 0!important; } #rp-calculator-app .rp-modal-menu-item{ grid-template-columns:1fr!important; gap:5px!important; } #rp-calculator-app .rp-modal-menu-cost{ text-align:right!important; display:flex!important; justify-content:space-between!important; gap:8px!important; } } /* v4.6.0 hub -> dedicated venue page */ #rp-calculator-app .rp-hub-head{margin-bottom:14px} #rp-calculator-app .rp-hub-head h2{margin:0 0 4px;font-size:21px} #rp-calculator-app .rp-hub-head p{margin:0;color:#6f7c75;font-size:14px} #rp-calculator-app .rp-venue-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #rp-calculator-app .rp-hub-card{ display:block;text-decoration:none!important;color:inherit!important;background:#fff;border:1px solid #e7ece9; border-radius:15px;overflow:hidden;box-shadow:0 4px 18px rgba(20,45,34,.04);transition:.18s ease } #rp-calculator-app .rp-hub-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(20,45,34,.08)} #rp-calculator-app .rp-hub-gallery{height:170px;display:grid;gap:4px;background:#f3f6f4} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-1{grid-template-columns:1fr} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-2{grid-template-columns:repeat(2,1fr)} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-3{grid-template-columns:repeat(3,1fr)} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-4{grid-template-columns:repeat(4,1fr)} #rp-calculator-app .rp-hub-gallery img{width:100%;height:170px;object-fit:cover;display:block} #rp-calculator-app .rp-hub-card-body{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px} #rp-calculator-app .rp-hub-card-body h3{margin:0 0 4px;font-size:16px} #rp-calculator-app .rp-hub-card-body p{margin:0;color:#7a8580;font-size:12px;line-height:1.6} #rp-calculator-app .rp-tier-badge{white-space:nowrap;background:#eff6f2;color:#0f6547;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700} #rp-calculator-app .rp-back-hub{border:0;background:transparent;color:#0f6547;font-size:12px;cursor:pointer;padding:0;margin-bottom:8px} #rp-calculator-app .rp-detail-gallery{display:grid;gap:4px;height:220px;border-radius:14px;overflow:hidden;background:#f3f6f4} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-1{grid-template-columns:1fr} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-2{grid-template-columns:repeat(2,1fr)} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-3{grid-template-columns:repeat(3,1fr)} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-4{grid-template-columns:repeat(4,1fr)} #rp-calculator-app .rp-detail-gallery img{width:100%;height:220px;object-fit:cover} #rp-calculator-app .rp-detail-title{padding:13px 2px 4px} #rp-calculator-app .rp-detail-title h2{margin:0 0 4px;font-size:21px} #rp-calculator-app .rp-detail-title p{margin:0;color:#78847e;font-size:13px} #rp-calculator-app .rp-venue-booking-bar{ display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);gap:12px;align-items:end; margin:14px 0;position:relative } #rp-calculator-app .rp-field-shell{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important} #rp-calculator-app .rp-field-label{font-size:12px!important;font-weight:700!important;line-height:1.2!important;margin:0!important;height:15px!important} #rp-calculator-app .rp-date-trigger, #rp-calculator-app .rp-guest-mini input{ height:48px!important;min-height:48px!important;margin:0!important;box-sizing:border-box!important } #rp-calculator-app .rp-date-trigger{ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0 12px!important } #rp-calculator-app .rp-date-trigger strong{font-size:14px!important;line-height:1!important;margin:0!important} #rp-calculator-app .rp-guest-mini input{font-size:14px!important;padding:0 12px!important} #rp-calculator-app .rp-detail-calendar{top:78px!important;right:0!important} #rp-calculator-app .rp-detail-card, #rp-calculator-app .rp-detail-time-card{ background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:14px;margin-bottom:12px } #rp-calculator-app .rp-detail-card-head small, #rp-calculator-app .rp-detail-time-card small{display:block;color:#7a8580;font-size:10px} #rp-calculator-app .rp-detail-card-head h3, #rp-calculator-app .rp-detail-time-card h3{margin:2px 0 9px;font-size:16px} #rp-calculator-app .rp-venue-menu-list{display:grid;gap:6px} #rp-calculator-app .rp-detail-menu{ width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center; border:1px solid #e6ebe8;background:#fff;border-radius:10px;padding:10px 11px;text-align:right;cursor:pointer } #rp-calculator-app .rp-detail-menu.is-selected{border-color:#7eaf99;background:#f5faf7;box-shadow:inset 3px 0 0 #0f6547} #rp-calculator-app .rp-detail-menu span>b{display:block;font-size:13px;line-height:1.6} #rp-calculator-app .rp-detail-menu span>small{display:block;font-size:11px;line-height:1.7;color:#738079;margin-top:2px} #rp-calculator-app .rp-detail-menu-price{text-align:left;white-space:nowrap} #rp-calculator-app .rp-detail-menu-price>b{color:#0f6547!important} #rp-calculator-app .rp-detail-total{display:flex;justify-content:space-between;align-items:center;background:#f5faf7;border-radius:10px;padding:10px 12px;margin-top:10px} #rp-calculator-app .rp-detail-total span{font-size:12px;color:#65736c} #rp-calculator-app .rp-detail-total strong{font-size:17px;color:#0f6547} #rp-calculator-app .rp-detail-time-card .rp-time-buttons{max-width:480px} #rp-calculator-app .rp-venue-detail-shell>.rp-wizard-progress{margin-top:16px} @media(max-width:700px){ #rp-calculator-app .rp-venue-hub-grid{grid-template-columns:1fr} #rp-calculator-app .rp-hub-gallery{height:180px} #rp-calculator-app .rp-hub-gallery img{height:180px} #rp-calculator-app .rp-venue-booking-bar{grid-template-columns:1fr 1fr!important} #rp-calculator-app .rp-detail-gallery{height:190px} #rp-calculator-app .rp-detail-gallery img{height:190px} } @media(max-width:520px){ #rp-calculator-app .rp-venue-booking-bar{grid-template-columns:1fr!important} #rp-calculator-app .rp-detail-calendar{top:142px!important} #rp-calculator-app .rp-detail-menu{grid-template-columns:1fr} #rp-calculator-app .rp-detail-menu-price{text-align:right;display:flex;justify-content:space-between;gap:8px} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-3{ grid-template-columns:1.25fr .75fr!important;grid-template-rows:1fr 1fr!important } #rp-calculator-app .rp-hub-gallery.rp-gallery-count-3 img:nth-child(1){grid-row:1/3} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-4{ grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important } } /* v4.6.1 — true multi-step wizard + real messenger logos */ #rp-calculator-app .rp-venue-detail-shell.is-wizard-active .rp-venue-detail-top, #rp-calculator-app .rp-venue-detail-shell.is-wizard-active .rp-venue-booking-bar, #rp-calculator-app .rp-venue-detail-shell.is-wizard-active .rp-detail-card, #rp-calculator-app .rp-venue-detail-shell.is-wizard-active .rp-detail-time-card, #rp-calculator-app .rp-venue-detail-shell.is-wizard-active .rp-detail-calendar{ display:none!important; } #rp-calculator-app .rp-venue-detail-shell.is-wizard-active>.rp-wizard-progress{ margin-top:0!important; } #rp-calculator-app .rp-wizard-form-card{ max-width:100%!important; margin:0 auto!important; padding:18px!important; } #rp-calculator-app .rp-step-title{ margin-bottom:14px!important; } #rp-calculator-app .rp-step-title small{ display:block!important; font-size:11px!important; color:#78847e!important; margin-bottom:2px!important; } #rp-calculator-app .rp-step-title h3{ margin:0!important; font-size:18px!important; } #rp-calculator-app .rp-social-icons{ gap:14px!important; padding-top:12px!important; } #rp-calculator-app .rp-social-option{ border:0!important; background:transparent!important; padding:0!important; gap:6px!important; } #rp-calculator-app .rp-social-logo{ width:25px!important; height:25px!important; display:block!important; object-fit:contain!important; border-radius:6px!important; flex:0 0 25px!important; } #rp-calculator-app .rp-rubika-logo{ width:38px!important; flex-basis:38px!important; border-radius:0!important; } #rp-calculator-app .rp-social-icon, #rp-calculator-app .rp-letter-icon{ display:none!important; } #rp-calculator-app .rp-wizard-actions{ max-width:100%!important; margin:10px auto 0!important; } @media(max-width:560px){ #rp-calculator-app .rp-wizard-form-card{ padding:14px!important; } #rp-calculator-app .rp-social-icons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 10px!important; } #rp-calculator-app .rp-social-title{ grid-column:1/-1!important; } #rp-calculator-app .rp-social-option{ justify-content:flex-start!important; } } /* v4.8.0 — permanent reservation page, order details, guest editing, browser notifications */ #rp-calculator-app .rp-track-access{margin-top:18px;background:#fff;border:1px solid #e6ece8;border-radius:14px;padding:14px;display:grid;gap:10px} #rp-calculator-app .rp-track-access>div:first-child{display:flex;flex-direction:column;gap:2px} #rp-calculator-app .rp-track-access small{color:#718078;font-size:11px} #rp-calculator-app .rp-track-fields{display:grid;grid-template-columns:140px 1fr auto;gap:8px} #rp-calculator-app .rp-track-fields input{height:42px;margin:0} #rp-calculator-app .rp-last-reservation{font-size:12px;color:#0f6547;font-weight:700;text-decoration:none} #rp-calculator-app .rp-order-summary{background:#fff;border:1px solid #dfe9e3;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 5px 20px rgba(20,50,36,.04)} #rp-calculator-app .rp-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #edf1ef;padding-bottom:10px;margin-bottom:10px} #rp-calculator-app .rp-order-head small,#rp-calculator-app .rp-order-food small,#rp-calculator-app .rp-order-grid small{display:block;color:#758179;font-size:11px;margin-bottom:3px} #rp-calculator-app .rp-order-head h3{margin:0;font-size:18px} #rp-calculator-app .rp-order-head>span{background:#f1f6f3;border-radius:999px;padding:5px 9px;font-size:11px} #rp-calculator-app .rp-order-food{background:#f5faf7;border-radius:11px;padding:11px 12px;margin-bottom:10px;display:grid;gap:3px} #rp-calculator-app .rp-order-food strong{font-size:15px;line-height:1.8;color:#173b2d} #rp-calculator-app .rp-order-food>span{font-size:11px;color:#0f6547;font-weight:700} #rp-calculator-app .rp-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px} #rp-calculator-app .rp-order-grid>div{border:1px solid #edf1ef;border-radius:10px;padding:9px} #rp-calculator-app .rp-order-grid b{font-size:12px;line-height:1.7} #rp-calculator-app .rp-order-sub{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:8px 0;border-top:1px dashed #e5ebe7} #rp-calculator-app .rp-order-sub>b{width:100%;font-size:11px;color:#66756d} #rp-calculator-app .rp-order-sub>span{font-size:11px;background:#f7f9f8;border:1px solid #e9eeeb;padding:4px 7px;border-radius:7px} #rp-calculator-app .rp-guest-edit{margin-top:10px;border-top:1px solid #edf1ef;padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center} #rp-calculator-app .rp-guest-edit>div:first-child{display:flex;flex-direction:column;gap:2px} #rp-calculator-app .rp-guest-edit small{font-size:10px;color:#78847e} #rp-calculator-app .rp-guest-edit-controls{display:flex;gap:6px;align-items:center} #rp-calculator-app .rp-guest-edit-controls input{width:95px;height:40px;margin:0} #rp-calculator-app .rp-guest-edit.is-locked{display:block;color:#758179} #rp-calculator-app .rp-reservation-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf1ef;margin-top:10px;padding-top:10px} #rp-calculator-app .rp-browser-notify{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} #rp-calculator-app .rp-browser-notify small{font-size:10px;color:#758179;max-width:330px} #rp-calculator-app .rp-notify-ok{font-size:11px;color:#087a42;font-weight:700} #rp-calculator-app .rp-payment-card,#rp-calculator-app .rp-status-card{margin-bottom:14px} @media(max-width:620px){ #rp-calculator-app .rp-track-fields{grid-template-columns:1fr} #rp-calculator-app .rp-order-grid{grid-template-columns:1fr} #rp-calculator-app .rp-guest-edit{grid-template-columns:1fr} #rp-calculator-app .rp-guest-edit-controls{display:grid;grid-template-columns:100px 1fr} #rp-calculator-app .rp-reservation-tools{align-items:stretch;flex-direction:column} #rp-calculator-app .rp-browser-notify{justify-content:flex-start} } /* v4.8.1 — reservation venue images */ #rp-calculator-app .rp-reservation-venue-media{overflow:hidden} #rp-calculator-app .rp-reservation-media-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px} #rp-calculator-app .rp-reservation-media-head small{display:block;color:#7a8580;font-size:11px;margin-bottom:2px} #rp-calculator-app .rp-reservation-media-head h3{margin:0;font-size:17px} #rp-calculator-app .rp-reservation-gallery{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; } #rp-calculator-app .rp-reservation-gallery a{ display:block!important; aspect-ratio:4/3!important; overflow:hidden!important; border-radius:10px!important; background:#f2f5f3!important; } #rp-calculator-app .rp-reservation-gallery img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } @media(max-width:700px){ #rp-calculator-app .rp-reservation-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:420px){ #rp-calculator-app .rp-reservation-gallery{gap:5px!important} } /* v4.8.2 — compact reservation summary + printable version */ #rp-calculator-app .rp-order-summary{ padding:12px!important; border-radius:13px!important; margin-bottom:10px!important; } #rp-calculator-app .rp-order-head{ align-items:center!important; padding-bottom:7px!important; margin-bottom:7px!important; } #rp-calculator-app .rp-order-head small{font-size:10px!important;margin-bottom:1px!important} #rp-calculator-app .rp-order-head h3{font-size:16px!important;line-height:1.45!important;font-weight:800!important} #rp-calculator-app .rp-order-head-actions{display:flex;align-items:center;gap:6px} #rp-calculator-app .rp-order-head-actions>span{ background:#f1f6f3;border-radius:999px;padding:4px 7px;font-size:10px;white-space:nowrap } #rp-calculator-app .rp-print-btn{ height:30px!important;border:1px solid #dfe8e3!important;background:#fff!important;color:#174e3b!important; border-radius:8px!important;padding:0 8px!important;font:inherit!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important } #rp-calculator-app .rp-order-food{ min-height:0!important; padding:8px 10px!important; margin-bottom:7px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; } #rp-calculator-app .rp-order-food>div{min-width:0} #rp-calculator-app .rp-order-food small{font-size:10px!important;margin:0 0 1px!important} #rp-calculator-app .rp-order-food strong{ display:block!important;font-size:14px!important;line-height:1.55!important;color:#102f24!important;font-weight:900!important } #rp-calculator-app .rp-order-food>span{ flex:0 0 auto!important;font-size:10px!important;white-space:nowrap!important } #rp-calculator-app .rp-order-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:5px!important; margin-bottom:6px!important; } #rp-calculator-app .rp-order-grid>div{ border:0!important;background:#f8faf9!important;border-radius:8px!important;padding:6px 7px!important;min-height:0!important } #rp-calculator-app .rp-order-grid small{font-size:9px!important;margin-bottom:1px!important} #rp-calculator-app .rp-order-grid b{font-size:11px!important;line-height:1.55!important;font-weight:800!important} #rp-calculator-app .rp-order-extras{ display:flex;align-items:center;gap:7px;border-top:1px dashed #e6ece8;padding:6px 0 2px;margin:0 } #rp-calculator-app .rp-order-extras>small{font-size:9px!important;color:#6f7b75!important;white-space:nowrap} #rp-calculator-app .rp-order-tags{display:flex;flex-wrap:wrap;gap:4px} #rp-calculator-app .rp-order-tags>span{ font-size:9px!important;line-height:1.35!important;background:#f4f7f5!important;border:0!important; padding:3px 6px!important;border-radius:6px!important;color:#334c40!important } #rp-calculator-app .rp-guest-edit{ margin-top:7px!important;padding-top:7px!important;gap:7px!important } #rp-calculator-app .rp-guest-edit>div:first-child b{font-size:11px!important} #rp-calculator-app .rp-guest-edit small{font-size:9px!important} #rp-calculator-app .rp-guest-edit-controls input{height:34px!important;width:85px!important} #rp-calculator-app .rp-guest-edit-controls button{min-height:34px!important;padding:0 10px!important;font-size:10px!important} #rp-calculator-app .rp-reservation-tools{ margin-top:7px!important;padding-top:7px!important } #rp-calculator-app .rp-reservation-tools>.rp-secondary{ min-height:32px!important;padding:0 10px!important;font-size:10px!important } #rp-calculator-app .rp-browser-notify small{font-size:9px!important} #rp-calculator-app .rp-notify-ok{font-size:10px!important} /* hidden print sheet */ #rp-calculator-app .rp-print-sheet{display:none} @media(max-width:760px){ #rp-calculator-app .rp-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:480px){ #rp-calculator-app .rp-order-head{gap:7px!important} #rp-calculator-app .rp-order-head-actions{flex-direction:column;align-items:flex-end;gap:4px} #rp-calculator-app .rp-order-food{align-items:flex-start!important} #rp-calculator-app .rp-order-food strong{font-size:13px!important} #rp-calculator-app .rp-order-extras{align-items:flex-start;flex-direction:column;gap:4px} } /* print: only the clean reservation sheet */ @media print{ @page{size:A4;margin:12mm} body *{visibility:hidden!important} #rp-calculator-app .rp-print-sheet, #rp-calculator-app .rp-print-sheet *{visibility:visible!important} #rp-calculator-app .rp-print-sheet{ display:block!important; position:absolute!important; top:0!important; right:0!important; left:0!important; width:auto!important; direction:rtl!important; font-family:Tahoma,Arial,sans-serif!important; color:#111!important; background:#fff!important; border:0!important; padding:0!important; } #rp-calculator-app .rp-print-head{ display:flex!important;justify-content:space-between!important;align-items:flex-start!important; border-bottom:2px solid #111!important;padding-bottom:10px!important;margin-bottom:12px!important } #rp-calculator-app .rp-print-head h1{font-size:18px!important;margin:0 0 4px!important} #rp-calculator-app .rp-print-head p{font-size:11px!important;margin:0!important} #rp-calculator-app .rp-print-status{border:1px solid #777!important;border-radius:5px!important;padding:5px 8px!important;font-size:10px!important} #rp-calculator-app .rp-print-venue{ display:flex!important;justify-content:space-between!important;gap:12px!important; padding:8px 0!important;border-bottom:1px solid #ddd!important } #rp-calculator-app .rp-print-venue strong{font-size:15px!important} #rp-calculator-app .rp-print-venue span{font-size:11px!important} #rp-calculator-app .rp-print-food{ padding:10px!important;margin:10px 0!important;border:1px solid #aaa!important;border-radius:6px!important } #rp-calculator-app .rp-print-food small, #rp-calculator-app .rp-print-grid small, #rp-calculator-app .rp-print-items small{display:block!important;font-size:9px!important;color:#555!important;margin-bottom:3px!important} #rp-calculator-app .rp-print-food strong{display:block!important;font-size:14px!important;line-height:1.6!important} #rp-calculator-app .rp-print-food span{font-size:10px!important} #rp-calculator-app .rp-print-grid{ display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin:10px 0!important } #rp-calculator-app .rp-print-grid>div{border:1px solid #ddd!important;border-radius:5px!important;padding:7px!important} #rp-calculator-app .rp-print-grid b{font-size:11px!important} #rp-calculator-app .rp-print-items{border-top:1px solid #ddd!important;padding-top:8px!important} #rp-calculator-app .rp-print-items p{font-size:10px!important;line-height:1.8!important;margin:0!important} #rp-calculator-app .rp-print-total{ display:flex!important;justify-content:space-between!important;align-items:center!important; border-top:2px solid #111!important;margin-top:12px!important;padding-top:10px!important } #rp-calculator-app .rp-print-total span{font-size:11px!important} #rp-calculator-app .rp-print-total strong{font-size:16px!important} #rp-calculator-app .rp-print-note{font-size:8px!important;color:#666!important;margin-top:18px!important;text-align:center!important} } /* v4.9.0 — customer-side order change requests */ #rp-calculator-app .rp-change-panel{margin-top:8px;border-top:1px dashed #e3ebe6;padding-top:7px} #rp-calculator-app .rp-change-panel>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:800;color:#174e3b} #rp-calculator-app .rp-change-panel>summary::-webkit-details-marker{display:none} #rp-calculator-app .rp-change-panel>summary span{font-size:9px;font-weight:500;color:#7a8580} #rp-calculator-app .rp-change-body{padding-top:8px} #rp-calculator-app .rp-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #rp-calculator-app .rp-change-grid label{font-size:10px;font-weight:700;color:#42554b} #rp-calculator-app .rp-change-grid input,#rp-calculator-app .rp-change-grid select,#rp-calculator-app .rp-change-grid textarea{width:100%;margin-top:3px;min-height:36px!important;height:auto!important;padding:7px 8px!important;font-size:11px!important;border:1px solid #dfe7e2!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important} #rp-calculator-app .rp-change-grid textarea{min-height:54px!important;resize:vertical} #rp-calculator-app .rp-change-note{grid-column:1/-1} #rp-calculator-app .rp-change-actions{display:flex;align-items:center;gap:9px;margin-top:8px} #rp-calculator-app .rp-change-actions .rp-primary{min-height:36px!important;padding:0 12px!important;font-size:10px!important} #rp-calculator-app .rp-change-actions small{font-size:9px;color:#77837d;line-height:1.6} #rp-calculator-app .rp-change-pending{margin-top:7px;padding:7px 9px;border-radius:8px;background:#fff8df;border-right:3px solid #dba617;display:flex;flex-direction:column;gap:2px} #rp-calculator-app .rp-change-pending b{font-size:10px} #rp-calculator-app .rp-change-pending span{font-size:9px;color:#6e6751} @media(max-width:560px){#rp-calculator-app .rp-change-grid{grid-template-columns:1fr}#rp-calculator-app .rp-change-note{grid-column:auto}#rp-calculator-app .rp-change-actions{align-items:stretch;flex-direction:column}} /* ========================================================= v4.9.2 — readable compact customer reservation + larger print Principle: reduce vertical padding, NOT font size. ========================================================= */ /* Reservation summary */ #rp-calculator-app .rp-order-summary{ padding:14px!important; border-radius:14px!important; } #rp-calculator-app .rp-order-head{ padding-bottom:9px!important; margin-bottom:9px!important; } #rp-calculator-app .rp-order-head small, #rp-calculator-app .rp-reservation-media-head small{ font-size:12px!important; line-height:1.5!important; } #rp-calculator-app .rp-order-head h3, #rp-calculator-app .rp-reservation-media-head h3{ font-size:18px!important; line-height:1.5!important; font-weight:900!important; } #rp-calculator-app .rp-order-head-actions>span{ font-size:12px!important; padding:5px 8px!important; } #rp-calculator-app .rp-print-btn{ min-height:34px!important; height:34px!important; font-size:12px!important; font-weight:800!important; padding:0 10px!important; } /* Selected food must be the visually strongest line */ #rp-calculator-app .rp-order-food{ padding:10px 12px!important; margin-bottom:8px!important; border-radius:10px!important; } #rp-calculator-app .rp-order-food small{ font-size:12px!important; line-height:1.4!important; } #rp-calculator-app .rp-order-food strong{ font-size:17px!important; line-height:1.65!important; font-weight:900!important; color:#0f2f24!important; } #rp-calculator-app .rp-order-food>span{ font-size:12px!important; font-weight:800!important; } /* Compact info cells, but readable */ #rp-calculator-app .rp-order-grid{ gap:7px!important; margin-bottom:8px!important; } #rp-calculator-app .rp-order-grid>div{ padding:8px 9px!important; border-radius:9px!important; } #rp-calculator-app .rp-order-grid small{ font-size:11px!important; line-height:1.45!important; } #rp-calculator-app .rp-order-grid b{ font-size:13px!important; line-height:1.65!important; font-weight:850!important; } /* Extras / services */ #rp-calculator-app .rp-order-extras{ gap:8px!important; padding:8px 0 3px!important; } #rp-calculator-app .rp-order-extras>small{ font-size:11px!important; line-height:1.5!important; } #rp-calculator-app .rp-order-tags{ gap:5px!important; } #rp-calculator-app .rp-order-tags>span{ font-size:11px!important; line-height:1.45!important; padding:4px 7px!important; font-weight:700!important; } /* Guest editing */ #rp-calculator-app .rp-guest-edit{ margin-top:9px!important; padding-top:9px!important; } #rp-calculator-app .rp-guest-edit>div:first-child b{ font-size:13px!important; font-weight:850!important; } #rp-calculator-app .rp-guest-edit small{ font-size:11px!important; line-height:1.5!important; } #rp-calculator-app .rp-guest-edit-controls input{ height:38px!important; width:92px!important; font-size:14px!important; font-weight:800!important; } #rp-calculator-app .rp-guest-edit-controls button, #rp-calculator-app .rp-reservation-tools>.rp-secondary{ min-height:36px!important; font-size:12px!important; font-weight:800!important; } #rp-calculator-app .rp-browser-notify small, #rp-calculator-app .rp-notify-ok{ font-size:11px!important; line-height:1.5!important; } /* Venue photos: compact but not microscopic */ #rp-calculator-app .rp-reservation-venue-media{ padding:12px!important; } #rp-calculator-app .rp-reservation-gallery{ gap:7px!important; } #rp-calculator-app .rp-reservation-gallery a{ border-radius:9px!important; } /* Customer change request area - keep readable */ #rp-calculator-app .rp-change-request, #rp-calculator-app .rp-change-panel, #rp-calculator-app .rp-customer-change{ font-size:13px!important; } #rp-calculator-app .rp-change-request label, #rp-calculator-app .rp-change-panel label, #rp-calculator-app .rp-customer-change label{ font-size:12px!important; font-weight:700!important; } #rp-calculator-app .rp-change-request input, #rp-calculator-app .rp-change-request select, #rp-calculator-app .rp-change-request textarea, #rp-calculator-app .rp-change-panel input, #rp-calculator-app .rp-change-panel select, #rp-calculator-app .rp-change-panel textarea, #rp-calculator-app .rp-customer-change input, #rp-calculator-app .rp-customer-change select, #rp-calculator-app .rp-customer-change textarea{ font-size:13px!important; min-height:38px!important; } /* Mobile: retain size; compress columns instead */ @media(max-width:760px){ #rp-calculator-app .rp-order-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #rp-calculator-app .rp-order-food{ gap:8px!important; } } @media(max-width:480px){ #rp-calculator-app .rp-order-summary{ padding:11px!important; } #rp-calculator-app .rp-order-head h3{ font-size:17px!important; } #rp-calculator-app .rp-order-food strong{ font-size:16px!important; } #rp-calculator-app .rp-order-grid b{ font-size:12.5px!important; } #rp-calculator-app .rp-order-head-actions{ flex-direction:row!important; align-items:center!important; flex-wrap:wrap!important; justify-content:flex-end!important; } } /* --------------------------------------------------------- A4 PRINT — larger typography, one clean readable page --------------------------------------------------------- */ @media print{ @page{size:A4 portrait;margin:13mm!important} #rp-calculator-app .rp-print-sheet{ font-family:Tahoma,Arial,sans-serif!important; font-size:12pt!important; line-height:1.65!important; color:#111!important; } #rp-calculator-app .rp-print-head{ padding-bottom:10px!important; margin-bottom:12px!important; } #rp-calculator-app .rp-print-head h1{ font-size:20pt!important; line-height:1.4!important; font-weight:900!important; margin:0 0 5px!important; } #rp-calculator-app .rp-print-head p{ font-size:11pt!important; line-height:1.5!important; } #rp-calculator-app .rp-print-status{ font-size:11pt!important; font-weight:800!important; padding:6px 9px!important; } #rp-calculator-app .rp-print-venue{ padding:9px 0!important; margin-bottom:10px!important; align-items:center!important; } #rp-calculator-app .rp-print-venue strong{ font-size:15pt!important; line-height:1.5!important; font-weight:900!important; } #rp-calculator-app .rp-print-venue span{ font-size:11pt!important; line-height:1.6!important; font-weight:700!important; } #rp-calculator-app .rp-print-food{ padding:11px 12px!important; margin:10px 0 12px!important; } #rp-calculator-app .rp-print-food small, #rp-calculator-app .rp-print-grid small, #rp-calculator-app .rp-print-items small{ font-size:10pt!important; line-height:1.5!important; margin-bottom:3px!important; } #rp-calculator-app .rp-print-food strong{ font-size:15pt!important; line-height:1.7!important; font-weight:900!important; } #rp-calculator-app .rp-print-food span{ font-size:11pt!important; font-weight:800!important; } #rp-calculator-app .rp-print-grid{ gap:8px!important; margin:10px 0 12px!important; } #rp-calculator-app .rp-print-grid>div{ padding:8px 9px!important; } #rp-calculator-app .rp-print-grid b{ font-size:12pt!important; line-height:1.6!important; font-weight:850!important; } #rp-calculator-app .rp-print-items{ padding-top:9px!important; } #rp-calculator-app .rp-print-items p{ font-size:11pt!important; line-height:1.8!important; } #rp-calculator-app .rp-print-total{ margin-top:13px!important; padding-top:10px!important; } #rp-calculator-app .rp-print-total span{ font-size:12pt!important; font-weight:800!important; } #rp-calculator-app .rp-print-total strong{ font-size:18pt!important; font-weight:900!important; } #rp-calculator-app .rp-print-note{ font-size:9.5pt!important; line-height:1.6!important; margin-top:16px!important; } } /* ========================================================= v4.9.2 admin dashboard polish ========================================================= */ .rp-admin-wrap .rp-admin-title h1{font-size:24px;line-height:1.4} .rp-admin-wrap .rp-admin-title p{font-size:13px;max-width:760px} .rp-admin-wrap .rp-main-tabs, .rp-admin-wrap .rp-venue-tabs{ display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 16px } .rp-admin-wrap .rp-main-tabs a, .rp-admin-wrap .rp-venue-tabs a{ text-decoration:none; padding:8px 12px; border:1px solid #d7ded9; border-radius:9px; background:#fff; color:#24352d; font-size:13px; font-weight:700; } .rp-admin-wrap .rp-main-tabs a.is-active, .rp-admin-wrap .rp-venue-tabs a.is-active{ background:#173e30; border-color:#173e30; color:#fff; } .rp-admin-wrap .rp-venue-card{ min-height:0!important; } .rp-admin-wrap .rp-venue-card h3{ font-size:16px; line-height:1.5; margin:0 0 5px; } .rp-admin-wrap .rp-venue-card p{ margin:4px 0; font-size:12px; line-height:1.6; } .rp-admin-wrap .rp-admin-card{ padding:15px!important; } .rp-admin-wrap .rp-admin-card h2{ font-size:18px!important; margin:0 0 12px!important; } /* v4.9.3 — larger readable customer text, family sharing, online payment */ #rp-calculator-app .rp-order-summary small, #rp-calculator-app .rp-order-head small, #rp-calculator-app .rp-order-food small, #rp-calculator-app .rp-order-grid small, #rp-calculator-app .rp-order-extras>small, #rp-calculator-app .rp-guest-edit small, #rp-calculator-app .rp-browser-notify small, #rp-calculator-app .rp-reservation-media-head small{ font-size:13px!important; line-height:1.65!important; } #rp-calculator-app .rp-order-head h3{font-size:20px!important;font-weight:900!important} #rp-calculator-app .rp-order-food strong{font-size:19px!important;line-height:1.7!important} #rp-calculator-app .rp-order-grid b{font-size:15px!important;line-height:1.7!important} #rp-calculator-app .rp-order-tags>span{font-size:13px!important;padding:5px 8px!important} #rp-calculator-app .rp-guest-edit>div:first-child b{font-size:15px!important} #rp-calculator-app .rp-guest-edit small{font-size:13px!important} #rp-calculator-app .rp-status-card h2, #rp-calculator-app .rp-payment-card h2, #rp-calculator-app .rp-final-info h3{font-size:20px!important;font-weight:900!important} #rp-calculator-app .rp-status, #rp-calculator-app .rp-note, #rp-calculator-app .rp-success, #rp-calculator-app .rp-final-info p{font-size:14px!important;line-height:1.8!important} #rp-calculator-app .rp-payment-methods{display:flex;gap:7px;margin:12px 0} #rp-calculator-app .rp-pay-method{ flex:1;min-height:42px;border:1px solid #dbe5df;background:#fff;border-radius:10px; font:inherit;font-size:14px;font-weight:800;color:#244338;cursor:pointer } #rp-calculator-app .rp-pay-method.is-active{background:#173e30;color:#fff;border-color:#173e30} #rp-calculator-app .rp-pay-pane{display:none} #rp-calculator-app .rp-pay-pane.is-active{display:block} #rp-calculator-app .rp-online-pay-note{background:#f5f9f7;border:1px solid #e0e9e4;border-radius:10px;padding:11px;margin-bottom:10px} #rp-calculator-app .rp-online-pay-note strong{font-size:15px} #rp-calculator-app .rp-online-pay-note p{font-size:13px;line-height:1.8;margin:4px 0 0} #rp-calculator-app .rp-family-title{margin-top:18px!important} #rp-calculator-app .rp-family-help{font-size:13px!important;color:#64736b!important;margin:4px 0 9px!important} #rp-calculator-app .rp-family-share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #rp-calculator-app .rp-family-share button{min-height:42px!important;font-size:13px!important;font-weight:800!important} #rp-calculator-app .rp-share-details{margin-top:9px;border-top:1px dashed #dfe6e2;padding-top:8px} #rp-calculator-app .rp-share-details summary{font-size:13px;font-weight:800;cursor:pointer} #rp-calculator-app .rp-share-details textarea{margin-top:8px;font-size:13px;line-height:1.8} @media(max-width:480px){ #rp-calculator-app .rp-order-head h3{font-size:19px!important} #rp-calculator-app .rp-order-food strong{font-size:18px!important} #rp-calculator-app .rp-order-grid b{font-size:14px!important} #rp-calculator-app .rp-family-share{grid-template-columns:1fr 1fr} } /* Explicit portrait A4 PDF/print with readable typography */ @media print{ @page{size:A4 portrait;margin:12mm!important} #rp-calculator-app .rp-print-sheet{font-size:13pt!important;line-height:1.7!important} #rp-calculator-app .rp-print-head h1{font-size:22pt!important} #rp-calculator-app .rp-print-status{font-size:12pt!important} #rp-calculator-app .rp-print-venue strong{font-size:17pt!important} #rp-calculator-app .rp-print-venue span{font-size:12pt!important} #rp-calculator-app .rp-print-food small, #rp-calculator-app .rp-print-grid small, #rp-calculator-app .rp-print-items small{font-size:11pt!important} #rp-calculator-app .rp-print-food strong{font-size:17pt!important} #rp-calculator-app .rp-print-food span{font-size:12pt!important} #rp-calculator-app .rp-print-grid b{font-size:13pt!important} #rp-calculator-app .rp-print-items p{font-size:12pt!important} #rp-calculator-app .rp-print-total span{font-size:13pt!important} #rp-calculator-app .rp-print-total strong{font-size:20pt!important} #rp-calculator-app .rp-print-note{font-size:10.5pt!important} } /* ========================================================= v4.9.4 — Landscape print/PDF + larger zoomed layout ========================================================= */ @media print{ @page{ size:A4 landscape!important; margin:10mm!important; } html,body{ width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } #rp-calculator-app .rp-print-sheet{ width:100%!important; max-width:none!important; font-size:14pt!important; line-height:1.72!important; transform:none!important; zoom:1.10; transform-origin:top right!important; } #rp-calculator-app .rp-print-head{ padding-bottom:10px!important; margin-bottom:10px!important; } #rp-calculator-app .rp-print-head h1{ font-size:23pt!important; line-height:1.35!important; } #rp-calculator-app .rp-print-head p{ font-size:12.5pt!important; } #rp-calculator-app .rp-print-status{ font-size:12.5pt!important; padding:6px 10px!important; } #rp-calculator-app .rp-print-venue{ padding:8px 0!important; margin-bottom:9px!important; } #rp-calculator-app .rp-print-venue strong{ font-size:18pt!important; } #rp-calculator-app .rp-print-venue span{ font-size:13pt!important; } #rp-calculator-app .rp-print-food{ padding:10px 12px!important; margin:9px 0 10px!important; } #rp-calculator-app .rp-print-food small, #rp-calculator-app .rp-print-grid small, #rp-calculator-app .rp-print-items small{ font-size:11.5pt!important; } #rp-calculator-app .rp-print-food strong{ font-size:18pt!important; line-height:1.65!important; } #rp-calculator-app .rp-print-food span{ font-size:12.5pt!important; } /* Landscape gives enough room for four columns without shrinking text */ #rp-calculator-app .rp-print-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; margin:9px 0 10px!important; } #rp-calculator-app .rp-print-grid>div{ padding:8px 9px!important; } #rp-calculator-app .rp-print-grid b{ font-size:13.5pt!important; line-height:1.55!important; } #rp-calculator-app .rp-print-items p{ font-size:12.5pt!important; line-height:1.75!important; } #rp-calculator-app .rp-print-total{ margin-top:10px!important; padding-top:9px!important; } #rp-calculator-app .rp-print-total span{ font-size:13.5pt!important; } #rp-calculator-app .rp-print-total strong{ font-size:21pt!important; } #rp-calculator-app .rp-print-note{ font-size:10.5pt!important; margin-top:12px!important; } } /* v4.9.5 — online payment status readability */ #rp-calculator-app .rp-online-pay-note p{font-size:14px!important} #rp-calculator-app #rpOnlinePay{min-height:44px!important;font-size:14px!important;font-weight:900!important} /* ========================================================= v4.9.6 — lightweight Badraghe-inspired responsive UI No external UI library, no icon font, no animation framework. ========================================================= */ #rp-calculator-app{ width:min(100%,1040px)!important; max-width:1040px!important; margin-inline:auto!important; padding:0 12px!important; box-sizing:border-box!important; color:#17231e!important; } #rp-calculator-app *,#rp-calculator-app *:before,#rp-calculator-app *:after{box-sizing:border-box} #rp-calculator-app .rp-card, #rp-calculator-app .rp-detail-card, #rp-calculator-app .rp-detail-time-card{ box-shadow:none!important; border:1px solid #e8ece9!important; border-radius:12px!important; background:#fff!important; } #rp-calculator-app button,#rp-calculator-app input,#rp-calculator-app select,#rp-calculator-app textarea{font-family:inherit} /* HUB */ #rp-calculator-app .rp-hub{max-width:920px;margin:0 auto} #rp-calculator-app .rp-hub-head{margin:0 0 12px!important;padding:0!important} #rp-calculator-app .rp-hub-min-head{display:flex;justify-content:space-between;align-items:end;gap:12px} #rp-calculator-app .rp-hub-min-head small{font-size:12px;color:#7b8881} #rp-calculator-app .rp-hub-min-head h2{font-size:20px;line-height:1.5;margin:2px 0 0;font-weight:900} #rp-calculator-app .rp-hub-min-head>span{ font-size:12px;font-weight:800;padding:5px 9px;border-radius:999px;background:#f1f7f4;color:#17684b;white-space:nowrap } #rp-calculator-app .rp-hub-sub{font-size:13px!important;line-height:1.7!important;color:#68766f!important;margin:6px 0 0!important} #rp-calculator-app .rp-venue-hub-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important} #rp-calculator-app .rp-hub-card-min{ display:grid!important; grid-template-columns:290px minmax(0,1fr)!important; min-height:132px!important; overflow:hidden!important; text-decoration:none!important; color:inherit!important; border:1px solid #e6ebe8!important; border-radius:12px!important; background:#fff!important; box-shadow:none!important; content-visibility:auto; contain-intrinsic-size:132px; } #rp-calculator-app .rp-hub-card-min:hover{border-color:#b9d7ca!important} #rp-calculator-app .rp-hub-gallery{ display:grid!important;grid-template-columns:1.7fr 1fr!important;grid-template-rows:1fr 1fr!important; gap:2px!important;height:100%!important;min-height:132px!important;background:#f3f5f4!important } #rp-calculator-app .rp-hub-gallery img{ width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;display:block!important } #rp-calculator-app .rp-hub-gallery img:first-child{grid-row:1/3!important} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-1{grid-template-columns:1fr!important;grid-template-rows:1fr!important} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-1 img:first-child{grid-row:auto!important} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-2{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important} #rp-calculator-app .rp-hub-gallery.rp-gallery-count-2 img:first-child{grid-row:auto!important} #rp-calculator-app .rp-hub-card-body{ display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:8px!important;padding:12px 14px!important } #rp-calculator-app .rp-hub-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} #rp-calculator-app .rp-hub-title-row h3{font-size:16px!important;line-height:1.55!important;margin:0 0 3px!important;font-weight:900!important} #rp-calculator-app .rp-hub-title-row p{font-size:12px!important;line-height:1.65!important;color:#77847d!important;margin:0!important} #rp-calculator-app .rp-tier-badge{ flex:none!important;font-size:11px!important;font-weight:800!important;border:0!important;background:#eff8f4!important;color:#16805a!important; padding:4px 8px!important;border-radius:999px!important } #rp-calculator-app .rp-hub-meta{display:flex!important;gap:5px!important;flex-wrap:wrap!important} #rp-calculator-app .rp-hub-meta span{ font-size:11px!important;line-height:1.4!important;padding:4px 7px!important;border-radius:999px!important;background:#f6f7f6!important;color:#536159!important } #rp-calculator-app .rp-hub-open{font-size:12px!important;font-weight:800!important;color:#16805a!important;align-self:flex-start} #rp-calculator-app .rp-hub-open b{font-size:18px;vertical-align:-1px} /* Hub lookup becomes a slim utility row */ #rp-calculator-app .rp-track-access{ margin-top:12px!important;padding:10px 12px!important;border:1px solid #e8ece9!important;border-radius:12px!important;background:#fafbfa!important } #rp-calculator-app .rp-track-access strong{font-size:13px!important} #rp-calculator-app .rp-track-access small{font-size:11.5px!important} #rp-calculator-app .rp-track-fields{gap:6px!important} #rp-calculator-app .rp-track-fields input,#rp-calculator-app .rp-track-fields button{min-height:36px!important;font-size:12px!important} /* VENUE DETAIL */ #rp-calculator-app .rp-venue-detail-shell{max-width:920px!important;margin:0 auto!important} #rp-calculator-app .rp-venue-detail-top{margin-bottom:8px!important} #rp-calculator-app .rp-back-hub{ border:0!important;background:transparent!important;padding:4px 0 8px!important;color:#66756d!important;font-size:12px!important;cursor:pointer } #rp-calculator-app #rpVenueDetailHero{ display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important } #rp-calculator-app .rp-detail-gallery{ height:154px!important;display:grid!important;grid-template-columns:1.7fr 1fr!important;grid-template-rows:1fr 1fr!important; gap:2px!important;border-radius:11px!important;overflow:hidden!important;background:#f3f5f4!important } #rp-calculator-app .rp-detail-gallery img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} #rp-calculator-app .rp-detail-gallery img:first-child{grid-row:1/3!important} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-1{grid-template-columns:1fr!important;grid-template-rows:1fr!important} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-1 img:first-child{grid-row:auto!important} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-2{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important} #rp-calculator-app .rp-detail-gallery.rp-gallery-count-2 img:first-child{grid-row:auto!important} #rp-calculator-app .rp-detail-title{ padding:10px 2px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important } #rp-calculator-app .rp-detail-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} #rp-calculator-app .rp-detail-title-row small{font-size:11px!important;color:#89938e!important} #rp-calculator-app .rp-detail-title-row h2{font-size:20px!important;line-height:1.5!important;margin:1px 0 0!important;font-weight:950!important} #rp-calculator-app .rp-detail-title-row>span{ font-size:11px!important;background:#f0f8f4!important;color:#177a58!important;border-radius:999px!important;padding:4px 8px!important;font-weight:800!important } #rp-calculator-app .rp-detail-title>p{font-size:12px!important;line-height:1.7!important;color:#6f7d75!important;margin:5px 0!important} #rp-calculator-app .rp-detail-quick-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px} #rp-calculator-app .rp-detail-quick-meta span{font-size:11px;padding:4px 7px;border-radius:999px;background:#f5f6f5;color:#58655e} /* Date + guest: compact like reference */ #rp-calculator-app .rp-venue-booking-bar{ display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:10px 0!important;padding:0!important;background:transparent!important } #rp-calculator-app .rp-field-shell{min-height:48px!important} #rp-calculator-app .rp-field-label{font-size:11px!important;line-height:1.35!important;margin-bottom:3px!important;color:#77847d!important} #rp-calculator-app .rp-date-trigger,#rp-calculator-app .rp-guest-mini input{ height:38px!important;min-height:38px!important;border:1px solid #dce3df!important;border-radius:8px!important;background:#fff!important;font-size:12.5px!important } /* Menu area */ #rp-calculator-app .rp-detail-card{padding:12px!important} #rp-calculator-app .rp-detail-card-head{margin-bottom:8px!important} #rp-calculator-app .rp-detail-card-head small{font-size:11px!important;color:#87928c!important} #rp-calculator-app .rp-detail-card-head h3{font-size:17px!important;margin:1px 0!important;font-weight:900!important} #rp-calculator-app #rpVenueMenuList{display:grid!important;gap:6px!important} #rp-calculator-app .rp-detail-menu{ width:100%!important;display:grid!important;grid-template-columns:16px minmax(0,1fr) 120px!important;align-items:center!important; gap:9px!important;text-align:right!important;padding:9px 10px!important;min-height:62px!important;border:1px solid #e4e9e6!important; border-radius:10px!important;background:#fff!important;color:#1a2922!important;cursor:pointer!important;box-shadow:none!important } #rp-calculator-app .rp-detail-menu:hover{border-color:#b8d8ca!important} #rp-calculator-app .rp-detail-menu.is-selected{border-color:#26b77d!important;background:#fbfffd!important} #rp-calculator-app .rp-menu-radio{ width:13px;height:13px;border-radius:50%;border:1.5px solid #acb7b1;display:block;position:relative } #rp-calculator-app .rp-detail-menu.is-selected .rp-menu-radio{border-color:#19a96f} #rp-calculator-app .rp-detail-menu.is-selected .rp-menu-radio:after{ content:"";position:absolute;inset:2.5px;border-radius:50%;background:#19a96f } #rp-calculator-app .rp-detail-menu-copy{min-width:0!important} #rp-calculator-app .rp-detail-menu-copy>b{display:block;font-size:13.5px!important;line-height:1.65!important;font-weight:850!important} #rp-calculator-app .rp-detail-menu-copy>small{ display:block;font-size:11px!important;line-height:1.6!important;color:#818d87!important;margin-top:2px!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important } #rp-calculator-app .rp-detail-menu-price{text-align:left!important;white-space:nowrap!important} #rp-calculator-app .rp-detail-menu-price>b{display:block;font-size:13px!important;color:#12835b!important;font-weight:900!important} #rp-calculator-app .rp-detail-menu-price>small{display:block;font-size:10.5px!important;color:#8b9690!important} /* Extras and services stay collapsed and lightweight */ #rp-calculator-app .rp-fold{border-top:1px solid #eef1ef!important;margin-top:8px!important} #rp-calculator-app .rp-fold summary{padding:9px 0!important;font-size:13px!important;font-weight:850!important} #rp-calculator-app .rp-fold summary span{font-size:11px!important;font-weight:500!important;color:#89938e!important} #rp-calculator-app .rp-fold-body{padding:0 0 5px!important} #rp-calculator-app .rp-detail-total{ margin-top:9px!important;padding:9px 11px!important;border-radius:9px!important;background:#f0f8f4!important; display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important } #rp-calculator-app .rp-detail-total span{font-size:12px!important} #rp-calculator-app .rp-detail-total strong{font-size:16px!important;color:#087b51!important} /* Time card without empty vertical gap */ #rp-calculator-app .rp-detail-time-card{ display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:10px!important;align-items:center!important; margin-top:8px!important;padding:10px 12px!important } #rp-calculator-app .rp-detail-time-card small{font-size:10.5px!important;color:#89938e!important} #rp-calculator-app .rp-detail-time-card h3{font-size:14px!important;margin:1px 0!important} #rp-calculator-app .rp-time-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} #rp-calculator-app .rp-detail-time-pick{min-height:40px!important;padding:6px 9px!important;border-radius:8px!important} #rp-calculator-app .rp-detail-time-pick span{font-size:10.5px!important} #rp-calculator-app .rp-detail-time-pick b{font-size:12px!important} /* Desktop should never create the huge centered blank strips from theme layouts */ @media(min-width:761px){ #rp-calculator-app .rp-pane,#rp-calculator-app .rp-hub,#rp-calculator-app .rp-venue-detail-shell{width:100%!important} } /* Mobile is intentionally custom, not just scaled desktop */ @media(max-width:760px){ #rp-calculator-app{padding:0 8px!important} #rp-calculator-app .rp-hub{width:100%!important} #rp-calculator-app .rp-hub-min-head h2{font-size:18px!important} #rp-calculator-app .rp-hub-sub{font-size:12px!important} #rp-calculator-app .rp-hub-card-min{ grid-template-columns:132px minmax(0,1fr)!important; min-height:116px!important;border-radius:10px!important } #rp-calculator-app .rp-hub-gallery{min-height:116px!important} #rp-calculator-app .rp-hub-card-body{padding:9px 10px!important;gap:5px!important} #rp-calculator-app .rp-hub-title-row h3{font-size:14px!important} #rp-calculator-app .rp-hub-title-row p{ font-size:10.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden } #rp-calculator-app .rp-tier-badge{font-size:9.5px!important;padding:3px 6px!important} #rp-calculator-app .rp-hub-meta{gap:3px!important} #rp-calculator-app .rp-hub-meta span{font-size:9.5px!important;padding:3px 5px!important} #rp-calculator-app .rp-hub-open{font-size:10.5px!important} #rp-calculator-app #rpVenueDetailHero{grid-template-columns:1fr!important;gap:7px!important} #rp-calculator-app .rp-detail-gallery{height:178px!important} #rp-calculator-app .rp-detail-title{padding:2px 1px 5px!important} #rp-calculator-app .rp-detail-title-row h2{font-size:18px!important} #rp-calculator-app .rp-detail-title>p{font-size:11.5px!important;margin:3px 0!important} #rp-calculator-app .rp-detail-quick-meta span{font-size:10px!important} #rp-calculator-app .rp-venue-booking-bar{grid-template-columns:1fr 1fr!important;gap:6px!important;margin:7px 0!important} #rp-calculator-app .rp-date-trigger,#rp-calculator-app .rp-guest-mini input{font-size:12px!important} #rp-calculator-app .rp-detail-card{padding:9px!important} #rp-calculator-app .rp-detail-menu{ grid-template-columns:14px minmax(0,1fr) 82px!important;gap:6px!important;padding:8px!important;min-height:58px!important } #rp-calculator-app .rp-detail-menu-copy>b{font-size:12.5px!important;line-height:1.6!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:10.5px!important} #rp-calculator-app .rp-detail-menu-price>b{font-size:11.5px!important} #rp-calculator-app .rp-detail-menu-price>small{font-size:9.5px!important} #rp-calculator-app .rp-detail-time-card{grid-template-columns:1fr!important;gap:6px!important;padding:9px!important} #rp-calculator-app .rp-time-buttons{grid-template-columns:1fr 1fr!important} #rp-calculator-app .rp-wizard-progress{position:sticky!important;top:0!important;z-index:8!important;background:#fff!important;padding:6px 0!important} } @media(max-width:410px){ #rp-calculator-app .rp-hub-card-min{grid-template-columns:112px minmax(0,1fr)!important} #rp-calculator-app .rp-hub-meta span:nth-child(n+3){display:none!important} #rp-calculator-app .rp-detail-gallery{height:158px!important} #rp-calculator-app .rp-detail-menu{grid-template-columns:13px minmax(0,1fr) 74px!important} } /* ========================================================= v4.9.7 — calendar opens DOWN + guided mandatory extras ========================================================= */ #rp-calculator-app .rp-venue-detail-shell{position:relative!important} #rp-calculator-app .rp-calendar-popover, #rp-calculator-app .rp-detail-calendar{ position:absolute!important; top:auto; bottom:auto!important; max-width:calc(100vw - 24px)!important; z-index:120!important; border-radius:12px!important; box-shadow:0 12px 34px rgba(28,47,38,.14)!important; } #rp-calculator-app .rp-cal-head strong{font-size:14px!important} #rp-calculator-app .rp-cal-week span{font-size:11px!important} #rp-calculator-app .rp-cal-day{height:36px!important;font-size:12.5px!important} #rp-calculator-app .rp-cal-foot{font-size:11px!important} /* Do not let older top rules force the calendar above/elsewhere */ @media(max-width:760px){ #rp-calculator-app .rp-calendar-popover, #rp-calculator-app .rp-detail-calendar{ top:auto; bottom:auto!important; width:min(340px,calc(100vw - 16px))!important; max-width:calc(100vw - 16px)!important; } #rp-calculator-app .rp-cal-day{height:39px!important;font-size:13px!important} } @media(max-width:420px){ #rp-calculator-app .rp-calendar-popover, #rp-calculator-app .rp-detail-calendar{ right:0!important; width:calc(100vw - 16px)!important; } } /* Extras are a guided mandatory stage, kept compact and visible */ #rp-calculator-app .rp-required-extras-fold{ margin-top:9px!important; border:1px solid #dfe9e4!important; border-radius:10px!important; padding:0 9px!important; background:#fbfdfc!important; } #rp-calculator-app .rp-required-extras-fold[open]{ border-color:#b7d8c9!important; background:#fff!important; } #rp-calculator-app .rp-required-extras-fold summary{ min-height:42px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; cursor:pointer!important; } #rp-calculator-app .rp-fold-title{ display:flex!important; align-items:center!important; gap:7px!important; font-size:13.5px!important; font-weight:900!important; } #rp-calculator-app .rp-fold-title em{ font-style:normal!important; font-size:10px!important; color:#a55b00!important; background:#fff5e7!important; padding:3px 6px!important; border-radius:999px!important; } #rp-calculator-app .rp-fold-state{ font-size:10.5px!important; font-weight:800!important; color:#9b5d0b!important; background:#fff6e9!important; border-radius:999px!important; padding:4px 7px!important; white-space:nowrap!important; } #rp-calculator-app .rp-fold-state.is-ok{ color:#087b51!important; background:#eaf8f1!important; } #rp-calculator-app .rp-extras-guide{ margin:0 0 7px!important; font-size:11.5px!important; line-height:1.7!important; color:#65736c!important; } #rp-calculator-app #rpExtras{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; } #rp-calculator-app #rpExtras .rp-option{ min-height:42px!important; padding:7px 8px!important; border:1px solid #e6ebe8!important; border-radius:9px!important; background:#fff!important; } #rp-calculator-app #rpExtras .rp-option:has(input:checked){ border-color:#5fbe96!important; background:#f6fcf9!important; } #rp-calculator-app #rpExtras .rp-option span b{ font-size:12.5px!important; line-height:1.5!important; } #rp-calculator-app #rpExtras .rp-option span small{ font-size:10.5px!important; line-height:1.45!important; } #rp-calculator-app .rp-optional-jump-label{ margin:9px 0 5px!important; padding-top:7px!important; border-top:1px dashed #e4e9e6!important; font-size:11px!important; font-weight:800!important; color:#5f6d66!important; } #rp-calculator-app #rpOptional{ scroll-margin-top:90px!important; } #rp-calculator-app #rpExtrasFold, #rp-calculator-app #rpServicesFold{ scroll-margin-top:78px!important; } @media(max-width:560px){ #rp-calculator-app #rpExtras{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-required-extras-fold{ padding:0 7px!important; } #rp-calculator-app .rp-fold-title{font-size:13px!important} #rp-calculator-app .rp-fold-title em{font-size:9.5px!important} #rp-calculator-app .rp-extras-guide{font-size:11px!important} #rp-calculator-app #rpExtras .rp-option{ min-height:40px!important; } } /* ========================================================= v4.9.8 — compact controls, clear venue separation, balanced order typography ========================================================= */ /* Time/buttons: smaller height and less visual weight */ #rp-calculator-app button, #rp-calculator-app .rp-primary, #rp-calculator-app .rp-secondary{ min-height:34px!important; } #rp-calculator-app .rp-detail-time-card{ grid-template-columns:145px minmax(0,1fr)!important; padding:8px 10px!important; min-height:0!important; } #rp-calculator-app .rp-detail-time-card h3{ font-size:13px!important; margin:0!important; } #rp-calculator-app .rp-detail-time-card small{ font-size:10px!important; } #rp-calculator-app .rp-detail-time-pick{ min-height:34px!important; height:34px!important; padding:3px 8px!important; border-radius:7px!important; } #rp-calculator-app .rp-detail-time-pick span{ font-size:9.5px!important; line-height:1.1!important; } #rp-calculator-app .rp-detail-time-pick b{ font-size:11px!important; line-height:1.2!important; } /* Hub venue cards closer to reference: visibly separated with breathing room between images */ #rp-calculator-app .rp-venue-hub-grid{ gap:14px!important; } #rp-calculator-app .rp-hub-card-min{ border:1px solid #dde5e1!important; border-radius:11px!important; box-shadow:0 3px 12px rgba(28,48,39,.045)!important; background:#fff!important; } #rp-calculator-app .rp-hub-card-min + .rp-hub-card-min{ margin-top:1px!important; } #rp-calculator-app .rp-hub-gallery{ gap:5px!important; padding:5px!important; background:#fff!important; } #rp-calculator-app .rp-hub-gallery img{ border-radius:6px!important; } #rp-calculator-app .rp-hub-card-body{ border-right:1px solid #f0f3f1!important; } #rp-calculator-app .rp-hub-title-row h3{ font-size:15px!important; font-weight:850!important; } #rp-calculator-app .rp-hub-open{ padding-top:4px!important; } /* Dedicated venue images also have real spacing */ #rp-calculator-app .rp-detail-gallery{ gap:5px!important; padding:5px!important; background:#fff!important; border:1px solid #edf1ef!important; } #rp-calculator-app .rp-detail-gallery img{ border-radius:6px!important; } /* Customer order page: remove over-bold / oversized look */ #rp-calculator-app .rp-order-head h3, #rp-calculator-app .rp-reservation-media-head h3, #rp-calculator-app .rp-status-card h2, #rp-calculator-app .rp-payment-card h2, #rp-calculator-app .rp-final-info h3{ font-size:17px!important; line-height:1.45!important; font-weight:800!important; } #rp-calculator-app .rp-order-food strong{ font-size:15.5px!important; line-height:1.65!important; font-weight:800!important; } #rp-calculator-app .rp-order-grid b{ font-size:13px!important; line-height:1.6!important; font-weight:750!important; } #rp-calculator-app .rp-order-summary small, #rp-calculator-app .rp-order-head small, #rp-calculator-app .rp-order-food small, #rp-calculator-app .rp-order-grid small, #rp-calculator-app .rp-order-extras>small, #rp-calculator-app .rp-guest-edit small, #rp-calculator-app .rp-browser-notify small, #rp-calculator-app .rp-reservation-media-head small{ font-size:11.5px!important; line-height:1.55!important; } #rp-calculator-app .rp-order-tags>span{ font-size:11px!important; padding:4px 7px!important; } #rp-calculator-app .rp-status, #rp-calculator-app .rp-note, #rp-calculator-app .rp-success, #rp-calculator-app .rp-final-info p{ font-size:12.5px!important; line-height:1.7!important; } #rp-calculator-app .rp-order-summary, #rp-calculator-app .rp-status-card, #rp-calculator-app .rp-reservation-venue-media{ padding:11px!important; } #rp-calculator-app .rp-order-grid>div{ padding:7px 8px!important; } /* Backup 20% helper */ #rp-calculator-app .rp-backup-hint{ display:block!important; margin-top:3px!important; font-size:10.5px!important; color:#7b8781!important; font-weight:500!important; } /* Compact general actions */ #rp-calculator-app .rp-bank-actions button, #rp-calculator-app .rp-family-share button, #rp-calculator-app .rp-reservation-tools button, #rp-calculator-app .rp-guest-edit-controls button{ min-height:34px!important; height:auto!important; padding:6px 9px!important; font-size:11.5px!important; font-weight:750!important; } /* Mobile: keep controls compact but touchable */ @media(max-width:760px){ #rp-calculator-app .rp-detail-time-card{ grid-template-columns:1fr!important; gap:5px!important; } #rp-calculator-app .rp-detail-time-pick{ min-height:36px!important; height:36px!important; } #rp-calculator-app .rp-venue-hub-grid{ gap:11px!important; } #rp-calculator-app .rp-hub-gallery{ gap:4px!important; padding:4px!important; } #rp-calculator-app .rp-order-head h3, #rp-calculator-app .rp-status-card h2, #rp-calculator-app .rp-final-info h3{ font-size:16px!important; } } /* v4.9.9 — guest count + reserved surplus side by side */ #rp-calculator-app #rpBackupHint{min-height:16px!important} #rp-calculator-app .rp-grid-2:has(#rpBackup){grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important} #rp-calculator-app .rp-grid-2:has(#rpBackup)>label:has(#rpBackup), #rp-calculator-app .rp-grid-2:has(#rpBackup)>label:has(#rpGuests){grid-column:auto!important;width:100%!important} @media(max-width:560px){ #rp-calculator-app .rp-grid-2:has(#rpBackup){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} #rp-calculator-app .rp-grid-2:has(#rpBackup)>label{font-size:11.5px!important} #rp-calculator-app .rp-grid-2:has(#rpBackup) input{width:100%!important;min-width:0!important} #rp-calculator-app .rp-backup-hint{font-size:9.5px!important;line-height:1.45!important} } /* v4.10.0 — merged ceremony/customer page + compact controls */ #rp-calculator-app .rp-booking-compact-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; margin:8px 0!important; } #rp-calculator-app .rp-booking-compact-grid .rp-field-shell{min-height:0!important} #rp-calculator-app .rp-booking-compact-grid .rp-field-label{ font-size:10.5px!important;line-height:1.3!important;margin-bottom:3px!important } #rp-calculator-app .rp-booking-compact-grid input, #rp-calculator-app .rp-booking-compact-grid .rp-date-trigger{ height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:12px!important;border-radius:7px!important } #rp-calculator-app .rp-service-time-buttons{ display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important } #rp-calculator-app .rp-service-time-buttons .rp-detail-time-pick{ min-height:34px!important;height:34px!important;padding:3px 6px!important;border-radius:7px!important } #rp-calculator-app .rp-service-time-buttons .rp-detail-time-pick span{display:none!important} #rp-calculator-app .rp-service-time-buttons .rp-detail-time-pick b{ font-size:11px!important;line-height:1.2!important;font-weight:750!important } #rp-calculator-app .rp-surplus-mini .rp-backup-hint{ margin-top:2px!important;font-size:9.5px!important;line-height:1.35!important } #rp-calculator-app .rp-combined-info-card{ max-width:100%!important;padding:12px!important } #rp-calculator-app .rp-combined-info-card .rp-step-title{margin-bottom:8px!important} #rp-calculator-app .rp-combined-info-card .rp-step-title small{font-size:10px!important} #rp-calculator-app .rp-combined-info-card .rp-step-title h3{ font-size:16px!important;line-height:1.45!important } #rp-calculator-app .rp-compact-info-grid{gap:7px!important} #rp-calculator-app .rp-compact-info-grid label{font-size:11.5px!important;line-height:1.4!important} #rp-calculator-app .rp-compact-info-grid input{ height:34px!important;min-height:34px!important;margin-top:3px!important;padding:0 9px!important;font-size:12px!important;border-radius:7px!important } #rp-calculator-app .rp-combined-info-card .rp-social-icons{ gap:8px!important;padding-top:8px!important;margin-top:0!important } #rp-calculator-app .rp-combined-info-card .rp-social-title{font-size:10.5px!important} #rp-calculator-app .rp-combined-info-card .rp-social-option{gap:4px!important;font-size:10.5px!important} #rp-calculator-app .rp-combined-info-card .rp-social-logo{ width:20px!important;height:20px!important;flex-basis:20px!important } #rp-calculator-app .rp-combined-info-card .rp-rubika-logo{ width:30px!important;flex-basis:30px!important } #rp-calculator-app .rp-combined-info-card .rp-notes-fold{margin-top:7px!important} #rp-calculator-app .rp-combined-info-card .rp-notes-fold summary{ min-height:32px!important;padding:5px 0!important;font-size:11.5px!important } #rp-calculator-app .rp-combined-info-card textarea{ min-height:58px!important;font-size:12px!important;padding:7px 8px!important } #rp-calculator-app .rp-combined-info-card .rp-backup{ margin-top:6px!important;padding:6px 8px!important;font-size:10.5px!important } #rp-calculator-app .rp-wizard-progress{ grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin:7px 0!important } #rp-calculator-app .rp-wizard-progress span{ min-height:28px!important;padding:5px 6px!important;font-size:10.5px!important;line-height:1.35!important } #rp-calculator-app .rp-wizard-actions{gap:6px!important;margin-top:7px!important} #rp-calculator-app .rp-wizard-actions button, #rp-calculator-app #rpRequestBtn{ min-height:32px!important;height:32px!important;padding:4px 11px!important;font-size:11.5px!important;line-height:1.2!important;border-radius:7px!important;font-weight:750!important } #rp-calculator-app .rp-detail-time-card{display:none!important} @media(max-width:600px){ #rp-calculator-app .rp-booking-compact-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important } #rp-calculator-app .rp-booking-compact-grid .rp-field-label{font-size:10px!important} #rp-calculator-app .rp-booking-compact-grid input, #rp-calculator-app .rp-booking-compact-grid .rp-date-trigger{ height:33px!important;min-height:33px!important;font-size:11.5px!important } #rp-calculator-app .rp-service-time-buttons .rp-detail-time-pick{ height:33px!important;min-height:33px!important } #rp-calculator-app .rp-service-time-buttons .rp-detail-time-pick b{font-size:10px!important} #rp-calculator-app .rp-combined-info-card{padding:9px!important} #rp-calculator-app .rp-compact-info-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important } #rp-calculator-app .rp-compact-info-grid input{ height:33px!important;min-height:33px!important;font-size:11.5px!important } #rp-calculator-app .rp-wizard-progress span{font-size:9.5px!important;padding:4px!important} #rp-calculator-app .rp-wizard-actions button, #rp-calculator-app #rpRequestBtn{ min-height:31px!important;height:31px!important;font-size:11px!important } } /* ========================================================= v4.10.1 — hub cards: 3-photo row + reference-style facts ========================================================= */ #rp-calculator-app .rp-venue-hub-grid{ display:grid!important; grid-template-columns:1fr!important; gap:16px!important; } #rp-calculator-app .rp-hub-reference-card{ width:100%!important; border:1px solid #e6ebe8!important; border-radius:12px!important; background:#fff!important; overflow:hidden!important; box-shadow:0 3px 14px rgba(24,45,36,.05)!important; padding:0!important; } #rp-calculator-app .rp-hub-gallery-row{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; padding:6px 6px 0!important; height:150px!important; background:#fff!important; } #rp-calculator-app .rp-hub-photo{ display:block!important; min-width:0!important; overflow:hidden!important; border-radius:7px!important; } #rp-calculator-app .rp-hub-photo img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } #rp-calculator-app .rp-hub-reference-body{ padding:10px 12px 11px!important; } #rp-calculator-app .rp-hub-title-link{ text-decoration:none!important; color:inherit!important; } #rp-calculator-app .rp-hub-title-link h3{ margin:0 0 5px!important; font-size:16px!important; line-height:1.55!important; font-weight:850!important; } #rp-calculator-app .rp-hub-distance, #rp-calculator-app .rp-hub-address{ display:flex!important; align-items:center!important; gap:5px!important; min-width:0!important; font-size:11.5px!important; line-height:1.6!important; color:#75817b!important; margin:2px 0!important; } #rp-calculator-app .rp-hub-distance strong{ font-weight:750!important; color:#68756e!important; } #rp-calculator-app .rp-hub-distance svg, #rp-calculator-app .rp-hub-address svg, #rp-calculator-app .rp-hub-facts svg{ flex:0 0 15px!important; color:#a5aea9!important; } #rp-calculator-app .rp-hub-facts{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; border-top:1px solid #f0f3f1!important; margin-top:8px!important; padding-top:8px!important; } #rp-calculator-app .rp-hub-facts>span{ display:flex!important; align-items:center!important; gap:4px!important; min-width:0!important; font-size:11.5px!important; color:#66736c!important; white-space:nowrap!important; } #rp-calculator-app .rp-hub-facts b{ color:#14936a!important; font-size:12px!important; font-weight:850!important; } #rp-calculator-app .rp-hub-quick{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:5px!important; margin-top:8px!important; font-size:11px!important; } #rp-calculator-app .rp-hub-quick>span{ color:#536159!important; margin-left:2px!important; } #rp-calculator-app .rp-hub-quick a{ text-decoration:none!important; color:#fff!important; background:#18b994!important; border-radius:999px!important; padding:4px 9px!important; line-height:1.3!important; font-size:10.5px!important; font-weight:800!important; } #rp-calculator-app .rp-hub-quick a:hover{ background:#0f5d42!important; } #rp-calculator-app .rp-hub-empty-gallery{ display:flex!important; align-items:center!important; justify-content:center!important; color:#88928d!important; text-decoration:none!important; background:#f6f8f7!important; } @media(max-width:640px){ #rp-calculator-app .rp-venue-hub-grid{gap:12px!important} #rp-calculator-app .rp-hub-gallery-row{ height:108px!important; gap:4px!important; padding:4px 4px 0!important; } #rp-calculator-app .rp-hub-reference-body{ padding:8px 9px 9px!important; } #rp-calculator-app .rp-hub-title-link h3{ font-size:14px!important; margin-bottom:4px!important; } #rp-calculator-app .rp-hub-distance, #rp-calculator-app .rp-hub-address{ font-size:10.5px!important; } #rp-calculator-app .rp-hub-facts{ grid-template-columns:1fr 1fr!important; gap:6px 9px!important; } #rp-calculator-app .rp-hub-facts>span{ font-size:10.5px!important; } #rp-calculator-app .rp-hub-facts>span:last-child{ grid-column:1/-1!important; } #rp-calculator-app .rp-hub-quick{ font-size:10.5px!important; gap:4px!important; } #rp-calculator-app .rp-hub-quick a{ padding:4px 8px!important; font-size:10px!important; } } /* ========================================================= v4.10.2 — strict reservation flow + compact tracking/payment UI ========================================================= */ /* Always keep guests + surplus aligned on one row */ #rp-calculator-app .rp-booking-compact-grid{ grid-template-areas: "date time" "guests surplus"!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-items:start!important; } #rp-calculator-app .rp-date-shell{grid-area:date!important} #rp-calculator-app .rp-service-time-shell{grid-area:time!important} #rp-calculator-app .rp-guest-mini{grid-area:guests!important} #rp-calculator-app .rp-surplus-mini{grid-area:surplus!important} #rp-calculator-app .rp-guest-mini, #rp-calculator-app .rp-surplus-mini{ width:100%!important; min-width:0!important; margin:0!important; } #rp-calculator-app .rp-guest-mini input, #rp-calculator-app .rp-surplus-mini input{ width:100%!important; min-width:0!important; } /* Selected service time */ #rp-calculator-app .rp-detail-time-pick.is-selected{ border-color:#18a974!important; background:#f0faf6!important; color:#096b49!important; } /* Confirmation is the only route to the next stage */ #rp-calculator-app .rp-selection-confirm{ display:flex!important; justify-content:flex-end!important; margin-top:8px!important; } #rp-calculator-app #rpConfirmSelection{ width:auto!important; min-width:150px!important; min-height:32px!important; height:32px!important; padding:4px 11px!important; font-size:11.5px!important; border-radius:7px!important; } /* Tracking header and status — balanced, not oversized */ #rp-calculator-app .rp-order-head h3{ font-size:16px!important; font-weight:800!important; } #rp-calculator-app .rp-order-food strong{ font-size:15px!important; font-weight:800!important; } #rp-calculator-app .rp-status-card h2{ font-size:14px!important; font-weight:800!important; margin:0 0 7px!important; } #rp-calculator-app .rp-status{ font-size:12.5px!important; line-height:1.6!important; padding:6px 8px!important; } /* Five clearly readable cells */ #rp-calculator-app .rp-order-grid-five{ display:grid!important; grid-template-columns:1fr 1.15fr 1fr 1.15fr 1.45fr!important; gap:6px!important; } #rp-calculator-app .rp-order-grid-five>div{ min-width:0!important; padding:7px 8px!important; } #rp-calculator-app .rp-order-grid-five small{ display:block!important; font-size:12px!important; line-height:1.4!important; margin-bottom:2px!important; color:#66736c!important; font-weight:700!important; } #rp-calculator-app .rp-order-grid-five b{ display:block!important; font-size:13px!important; line-height:1.55!important; font-weight:800!important; overflow-wrap:anywhere!important; } /* Change panel labels were too tiny */ #rp-calculator-app .rp-change-panel summary{ font-size:12.5px!important; } #rp-calculator-app .rp-change-panel summary span{ font-size:11.5px!important; } #rp-calculator-app .rp-change-grid label{ font-size:12px!important; } /* Guest save: minimum practical height */ #rp-calculator-app .rp-guest-edit-controls{ gap:5px!important; } #rp-calculator-app .rp-guest-edit-controls input{ height:32px!important; min-height:32px!important; } #rp-calculator-app #rpSaveGuests{ min-height:30px!important; height:30px!important; padding:3px 9px!important; font-size:11px!important; line-height:1!important; } /* Notification button only appears while permission is not granted */ #rp-calculator-app #rpEnableNotify{ min-height:30px!important; height:30px!important; padding:3px 9px!important; font-size:11px!important; font-weight:750!important; } #rp-calculator-app .rp-reservation-tools:has(.rp-browser-notify:empty){ display:none!important; } /* Deposit amount: radio and amount immediately adjacent, ultra compact */ #rp-calculator-app .rp-deposits{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:7px!important; margin:7px 0!important; } #rp-calculator-app .rp-deposit{ display:inline-flex!important; flex:0 0 auto!important; width:auto!important; min-width:0!important; min-height:28px!important; height:28px!important; align-items:center!important; justify-content:flex-start!important; gap:4px!important; padding:2px 7px!important; margin:0!important; border:1px solid #dce5e0!important; border-radius:999px!important; background:#fff!important; cursor:pointer!important; } #rp-calculator-app .rp-deposit input{ margin:0!important; width:13px!important; height:13px!important; min-height:13px!important; flex:0 0 13px!important; } #rp-calculator-app .rp-deposit strong{ margin:0!important; font-size:11.5px!important; line-height:1!important; font-weight:800!important; white-space:nowrap!important; } #rp-calculator-app .rp-deposit.is-active{ border-color:#56b994!important; background:#f5fbf8!important; } #rp-calculator-app .rp-payment-card h2{ font-size:15px!important; margin:0 0 5px!important; } #rp-calculator-app .rp-payment-card .rp-success{ font-size:11.5px!important; margin:3px 0 5px!important; } /* final capacity inquiry button */ #rp-calculator-app #rpRequestBtn{ width:auto!important; min-width:150px!important; min-height:31px!important; height:31px!important; } @media(max-width:760px){ /* Still one row for guest + surplus on mobile */ #rp-calculator-app .rp-booking-compact-grid{ grid-template-areas: "date time" "guests surplus"!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } #rp-calculator-app .rp-order-grid-five{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #rp-calculator-app .rp-order-grid-five>div:last-child{ grid-column:1/-1!important; } #rp-calculator-app .rp-order-grid-five small{font-size:11.5px!important} #rp-calculator-app .rp-order-grid-five b{font-size:12.5px!important} #rp-calculator-app #rpConfirmSelection, #rp-calculator-app #rpRequestBtn{ width:100%!important; } } /* ========================================================= v4.10.3 — cross-browser mobile compatibility layer Chrome / Firefox / Android WebView / iOS browsers ========================================================= */ /* Core sizing reset scoped only to plugin */ #rp-calculator-app, #rp-calculator-app *, #rp-calculator-app *::before, #rp-calculator-app *::after{ box-sizing:border-box!important; } #rp-calculator-app{ display:block!important; width:100%!important; max-width:1040px!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; overflow-x:hidden!important; -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; } #rp-calculator-app img, #rp-calculator-app svg{ max-width:100%!important; } #rp-calculator-app button, #rp-calculator-app input, #rp-calculator-app select, #rp-calculator-app textarea{ max-width:100%!important; min-width:0!important; font-family:inherit!important; line-height:normal!important; -webkit-appearance:none; appearance:none; } #rp-calculator-app input[type="checkbox"], #rp-calculator-app input[type="radio"]{ -webkit-appearance:auto!important; appearance:auto!important; } #rp-calculator-app button{ white-space:normal!important; } /* Firefox/Chrome both handle these stable grids identically */ #rp-calculator-app .rp-booking-compact-grid{ display:grid!important; width:100%!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-areas: "date time" "guests surplus"!important; gap:7px!important; } #rp-calculator-app .rp-date-shell{grid-area:date!important} #rp-calculator-app .rp-service-time-shell{grid-area:time!important} #rp-calculator-app .rp-guest-mini{grid-area:guests!important} #rp-calculator-app .rp-surplus-mini{grid-area:surplus!important} #rp-calculator-app .rp-booking-compact-grid>.rp-field-shell{ width:100%!important; min-width:0!important; margin:0!important; } #rp-calculator-app .rp-booking-compact-grid input, #rp-calculator-app .rp-booking-compact-grid .rp-date-trigger{ display:block!important; width:100%!important; } #rp-calculator-app .rp-date-trigger{ display:flex!important; } #rp-calculator-app .rp-service-time-buttons{ display:grid!important; width:100%!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:4px!important; } #rp-calculator-app .rp-service-time-buttons button{ width:100%!important; min-width:0!important; overflow:hidden!important; } #rp-calculator-app .rp-service-time-buttons button b{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Hub: stable no-gap card layout across engines */ #rp-calculator-app .rp-venue-hub-grid{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; gap:12px!important; } #rp-calculator-app .rp-hub-reference-card{ display:block!important; width:100%!important; min-width:0!important; } #rp-calculator-app .rp-hub-gallery-row{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%!important; } #rp-calculator-app .rp-hub-photo{ min-width:0!important; } #rp-calculator-app .rp-hub-photo img{ display:block!important; width:100%!important; min-width:0!important; } #rp-calculator-app .rp-hub-facts{ min-width:0!important; } #rp-calculator-app .rp-hub-facts>span{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* Detail page */ #rp-calculator-app #rpVenueDetailHero, #rp-calculator-app .rp-detail-card, #rp-calculator-app .rp-wizard-form-card, #rp-calculator-app .rp-order-summary, #rp-calculator-app .rp-payment-card{ width:100%!important; min-width:0!important; } #rp-calculator-app .rp-detail-gallery{ min-width:0!important; } #rp-calculator-app .rp-detail-menu{ width:100%!important; min-width:0!important; } #rp-calculator-app .rp-detail-menu-copy, #rp-calculator-app .rp-detail-menu-price{ min-width:0!important; } /* Forms: no inherited Elementor/theme widths */ #rp-calculator-app .rp-grid-2, #rp-calculator-app .rp-compact-info-grid, #rp-calculator-app .rp-change-grid{ width:100%!important; min-width:0!important; } #rp-calculator-app label{ min-width:0!important; } #rp-calculator-app label>input, #rp-calculator-app label>select, #rp-calculator-app label>textarea{ width:100%!important; } /* Order summary responsive grid, no :has() required */ #rp-calculator-app .rp-order-grid-five{ display:grid!important; width:100%!important; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.45fr)!important; } #rp-calculator-app .rp-order-grid-five>div{ min-width:0!important; } #rp-calculator-app .rp-reservation-tools.is-empty{ display:none!important; } /* Checked visual states use JS classes instead of :has() */ #rp-calculator-app #rpExtras .rp-option.is-checked{ border-color:#5fbe96!important; background:#f6fcf9!important; } #rp-calculator-app .rp-social-option.is-checked{ opacity:1!important; font-weight:800!important; } /* Deposit controls */ #rp-calculator-app .rp-deposits{ width:100%!important; } #rp-calculator-app .rp-deposit{ max-width:100%!important; } /* Calendar width/position must never force horizontal scrolling */ #rp-calculator-app .rp-calendar-popover{ max-width:calc(100% - 12px)!important; } /* MOBILE CUSTOM LAYOUT */ @media(max-width:600px){ #rp-calculator-app{ padding-left:7px!important; padding-right:7px!important; } /* Date and time get their own full rows on small phones. Guest + surplus remain side-by-side as explicitly required. */ #rp-calculator-app .rp-booking-compact-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-areas: "date date" "time time" "guests surplus"!important; gap:6px!important; } #rp-calculator-app .rp-service-time-buttons{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } #rp-calculator-app #rpVenueDetailHero{ display:block!important; } #rp-calculator-app .rp-detail-gallery{ width:100%!important; margin-bottom:7px!important; } #rp-calculator-app .rp-hub-gallery-row{ height:102px!important; gap:3px!important; padding:3px 3px 0!important; } #rp-calculator-app .rp-hub-facts{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:5px!important; } #rp-calculator-app .rp-hub-facts>span:last-child{ grid-column:1/-1!important; } #rp-calculator-app .rp-compact-info-grid{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; } #rp-calculator-app .rp-order-grid-five{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } #rp-calculator-app .rp-order-grid-five>div:last-child{ grid-column:1/-1!important; } #rp-calculator-app .rp-guest-edit{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:6px!important; } #rp-calculator-app .rp-guest-edit>div:first-child{ flex:1 1 180px!important; min-width:0!important; } #rp-calculator-app .rp-guest-edit-controls{ flex:0 1 auto!important; min-width:0!important; } #rp-calculator-app .rp-payment-methods{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } } /* Extra-small phones / narrow Firefox viewport */ @media(max-width:380px){ #rp-calculator-app .rp-hub-gallery-row{ height:90px!important; } #rp-calculator-app .rp-order-grid-five{ grid-template-columns:minmax(0,1fr)!important; } #rp-calculator-app .rp-order-grid-five>div:last-child{ grid-column:auto!important; } #rp-calculator-app .rp-social-icons{ gap:6px!important; } } /* Firefox-specific normalization */ @supports (-moz-appearance:none){ #rp-calculator-app input, #rp-calculator-app select, #rp-calculator-app textarea, #rp-calculator-app button{ min-inline-size:0!important; } #rp-calculator-app details>summary{ display:list-item; } #rp-calculator-app .rp-date-trigger{ text-align:right!important; } } /* ========================================================= v4.10.4 — surgical mobile repair Explicit rows + flex option cards; no min-content letter stacking ========================================================= */ /* Undo broad browser appearance reset from 4.10.3 where native controls benefit */ #rp-calculator-app input, #rp-calculator-app select, #rp-calculator-app textarea{ -webkit-appearance:auto!important; appearance:auto!important; } #rp-calculator-app button{ -webkit-appearance:none!important; appearance:none!important; } /* Booking header uses real rows, not implicit grid placement */ #rp-calculator-app .rp-booking-compact-grid{ display:block!important; width:100%!important; margin:8px 0!important; } #rp-calculator-app .rp-date-time-row, #rp-calculator-app .rp-count-row{ display:flex!important; flex-direction:row!important; align-items:flex-start!important; width:100%!important; min-width:0!important; gap:7px!important; } #rp-calculator-app .rp-count-row{ margin-top:7px!important; } #rp-calculator-app .rp-date-time-row>.rp-field-shell, #rp-calculator-app .rp-count-row>.rp-field-shell{ flex:1 1 0!important; width:0!important; min-width:0!important; max-width:none!important; margin:0!important; } #rp-calculator-app .rp-count-row input, #rp-calculator-app .rp-date-time-row .rp-date-trigger{ width:100%!important; min-width:0!important; } #rp-calculator-app .rp-service-time-buttons{ width:100%!important; min-width:0!important; } /* CRITICAL FIX: Old rule gave every service item four grid columns even when image/qty did not exist. Firefox/Chrome could place the Persian text into an auto-width column and wrap one letter per line. */ #rp-calculator-app #rpServices, #rp-calculator-app #rpExtras, #rp-calculator-app #rpOptional{ width:100%!important; min-width:0!important; } #rp-calculator-app #rpExtras{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; } #rp-calculator-app #rpOptional, #rp-calculator-app #rpServices{ display:block!important; } #rp-calculator-app .rp-opt-group, #rp-calculator-app .rp-service-group{ display:block!important; width:100%!important; min-width:0!important; margin:0 0 8px!important; } #rp-calculator-app .rp-option, #rp-calculator-app .rp-service-line{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-width:0!important; max-width:100%!important; gap:8px!important; padding:7px 8px!important; margin:0 0 5px!important; min-height:38px!important; height:auto!important; } #rp-calculator-app .rp-option>input[type="checkbox"], #rp-calculator-app .rp-option>input[type="radio"]{ flex:0 0 16px!important; width:16px!important; height:16px!important; min-width:16px!important; max-width:16px!important; margin:0!important; } #rp-calculator-app .rp-option-copy, #rp-calculator-app .rp-option>span{ display:block!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; max-width:none!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important; text-align:right!important; } #rp-calculator-app .rp-option-copy>b, #rp-calculator-app .rp-option>span>b{ display:block!important; width:auto!important; min-width:0!important; font-size:12.5px!important; line-height:1.55!important; word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important; } #rp-calculator-app .rp-option-copy>small, #rp-calculator-app .rp-option>span>small{ display:block!important; width:auto!important; min-width:0!important; margin-top:1px!important; font-size:10.8px!important; line-height:1.55!important; word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important; } #rp-calculator-app .rp-service-thumb{ display:block!important; flex:0 0 44px!important; width:44px!important; height:44px!important; min-width:44px!important; object-fit:cover!important; } #rp-calculator-app .rp-service-qty{ flex:0 0 58px!important; width:58px!important; min-width:58px!important; max-width:58px!important; height:30px!important; margin:0!important; padding:2px 5px!important; } /* Optional groups are one full-width list, not inherited 2-col grid */ #rp-calculator-app #rpOptional .rp-option, #rp-calculator-app #rpServices .rp-option{ box-sizing:border-box!important; } /* Fold contents cannot collapse to min-content width */ #rp-calculator-app .rp-fold, #rp-calculator-app .rp-fold-body, #rp-calculator-app .rp-required-extras-fold{ width:100%!important; min-width:0!important; max-width:100%!important; } #rp-calculator-app .rp-fold-body{ overflow:visible!important; } /* Strong mobile rules */ @media(max-width:600px){ #rp-calculator-app{ width:100%!important; max-width:100%!important; padding-left:6px!important; padding-right:6px!important; overflow-x:hidden!important; } /* Keep both pairs literally on one line, as requested */ #rp-calculator-app .rp-date-time-row, #rp-calculator-app .rp-count-row{ display:flex!important; flex-wrap:nowrap!important; gap:5px!important; } #rp-calculator-app .rp-date-time-row>.rp-field-shell, #rp-calculator-app .rp-count-row>.rp-field-shell{ flex:1 1 50%!important; width:50%!important; min-width:0!important; } #rp-calculator-app #rpExtras{ grid-template-columns:1fr!important; } #rp-calculator-app .rp-option, #rp-calculator-app .rp-service-line{ display:flex!important; width:100%!important; min-width:0!important; gap:7px!important; padding:6px 7px!important; } #rp-calculator-app .rp-option-copy, #rp-calculator-app .rp-option>span{ flex:1 1 0!important; min-width:0!important; width:auto!important; } #rp-calculator-app .rp-service-thumb{ flex-basis:38px!important; width:38px!important; min-width:38px!important; height:38px!important; } #rp-calculator-app .rp-service-qty{ flex-basis:52px!important; width:52px!important; min-width:52px!important; max-width:52px!important; height:29px!important; } } /* Very narrow devices: protect text first; images shrink, text never becomes vertical */ @media(max-width:360px){ #rp-calculator-app .rp-service-thumb{ flex-basis:32px!important; width:32px!important; min-width:32px!important; height:32px!important; } #rp-calculator-app .rp-service-qty{ flex-basis:46px!important; width:46px!important; min-width:46px!important; max-width:46px!important; } #rp-calculator-app .rp-option-copy>b, #rp-calculator-app .rp-option>span>b{ font-size:12px!important; } } /* Firefox-specific guarantee against min-content Persian letter stacking */ @supports (-moz-appearance:none){ #rp-calculator-app .rp-service-line{ display:flex!important; } #rp-calculator-app .rp-service-line>.rp-option-copy, #rp-calculator-app .rp-service-line>span{ flex:1 1 0!important; min-width:0!important; width:auto!important; word-break:normal!important; overflow-wrap:normal!important; } } /* ========================================================= v4.10.5 — dedicated venue header alignment ========================================================= */ #rp-calculator-app #rpVenueDetailHero{ display:block!important; width:100%!important; min-width:0!important; } #rp-calculator-app .rp-detail-gallery-row{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; width:100%!important; height:190px!important; margin:0 0 9px!important; padding:0!important; overflow:hidden!important; } #rp-calculator-app .rp-detail-gallery-row img{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; object-fit:cover!important; border-radius:7px!important; } #rp-calculator-app .rp-detail-title-stack{ display:block!important; width:100%!important; padding:0 2px 7px!important; } #rp-calculator-app .rp-detail-kicker{ display:block!important; margin:0 0 2px!important; font-size:11px!important; line-height:1.5!important; color:#7a8580!important; } #rp-calculator-app .rp-detail-name-line{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; width:100%!important; min-width:0!important; } #rp-calculator-app .rp-detail-name-line h2{ flex:1 1 auto!important; min-width:0!important; margin:0!important; font-size:18px!important; line-height:1.5!important; font-weight:850!important; } #rp-calculator-app .rp-detail-menu-count{ flex:0 0 auto!important; white-space:nowrap!important; font-size:11.5px!important; line-height:1!important; color:#0b7652!important; background:#eef8f3!important; border-radius:999px!important; padding:5px 8px!important; font-weight:800!important; } #rp-calculator-app .rp-detail-address-line{ display:block!important; width:100%!important; margin-top:3px!important; font-size:12px!important; line-height:1.65!important; color:#6d7973!important; } #rp-calculator-app .rp-detail-times-line{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:nowrap!important; gap:6px!important; margin-top:5px!important; width:100%!important; } #rp-calculator-app .rp-detail-times-line span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; min-width:0!important; white-space:nowrap!important; font-size:11px!important; line-height:1!important; padding:5px 8px!important; border:1px solid #e2e8e5!important; border-radius:999px!important; color:#536159!important; background:#fff!important; } @media(max-width:600px){ #rp-calculator-app .rp-detail-gallery-row{ grid-template-columns:repeat(3,minmax(0,1fr))!important; height:112px!important; gap:4px!important; margin-bottom:7px!important; } #rp-calculator-app .rp-detail-gallery-row img{ border-radius:5px!important; } #rp-calculator-app .rp-detail-kicker{ font-size:10.5px!important; } #rp-calculator-app .rp-detail-name-line{ gap:6px!important; } #rp-calculator-app .rp-detail-name-line h2{ font-size:15.5px!important; } #rp-calculator-app .rp-detail-menu-count{ font-size:10.5px!important; padding:4px 7px!important; } #rp-calculator-app .rp-detail-address-line{ font-size:11px!important; margin-top:2px!important; } #rp-calculator-app .rp-detail-times-line{ gap:4px!important; margin-top:4px!important; } #rp-calculator-app .rp-detail-times-line span{ font-size:10px!important; padding:4px 7px!important; } } /* ========================================================= v4.10.6 — alignment, state preservation, tracking & print ========================================================= */ /* Date value positioning inside its own field */ #rp-calculator-app #rpDateTrigger{ position:relative!important; overflow:visible!important; } #rp-calculator-app #rpDateLabel{ position:relative!important; transform:translate(-14px,-14px)!important; display:inline-block!important; margin:0!important; line-height:1.2!important; } /* Guests and surplus: labels + inputs must share exact baseline */ #rp-calculator-app .rp-count-row{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-items:start!important; gap:7px!important; } #rp-calculator-app .rp-count-row>.rp-field-shell{ display:grid!important; grid-template-rows:32px 34px 18px!important; width:100%!important; min-width:0!important; align-items:start!important; } #rp-calculator-app .rp-count-row .rp-field-label{ display:flex!important; align-items:flex-end!important; min-height:32px!important; margin:0 0 3px!important; } #rp-calculator-app .rp-count-row input{ display:block!important; width:100%!important; height:34px!important; min-height:34px!important; margin:0!important; } #rp-calculator-app .rp-guest-mini::after{ content:""; display:block; height:18px; } #rp-calculator-app .rp-backup-hint{ min-height:18px!important; margin:2px 0 0!important; } /* Remove all mandatory/completed helper badges and intermediate heading */ #rp-calculator-app .rp-fold-title em, #rp-calculator-app .rp-fold-state, #rp-calculator-app .rp-optional-jump-label{ display:none!important; } /* Change request: helper text then left-side colored button */ #rp-calculator-app .rp-change-summary{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; width:100%!important; list-style:none!important; } #rp-calculator-app .rp-change-summary::-webkit-details-marker{display:none!important} #rp-calculator-app .rp-change-help{ flex:1 1 auto!important; min-width:0!important; font-size:12px!important; line-height:1.6!important; color:#647169!important; } #rp-calculator-app .rp-change-cta{ flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:30px!important; padding:5px 10px!important; border-radius:7px!important; background:#eaf7f1!important; border:1px solid #b9dfce!important; color:#0a7652!important; font-size:11.5px!important; font-weight:800!important; white-space:nowrap!important; } /* Food title on tracking/review page smaller */ #rp-calculator-app .rp-order-food strong{ font-size:12.5px!important; line-height:1.65!important; font-weight:800!important; } /* Final print override: fit content to printable area, reduce empty side gaps */ @media print{ @page{ size:A4 landscape!important; margin:4mm!important; } html,body{ margin:0!important; padding:0!important; width:100%!important; } #rp-calculator-app .rp-print-sheet{ position:absolute!important; inset:0!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; zoom:1!important; transform:none!important; box-sizing:border-box!important; font-size:11pt!important; line-height:1.5!important; } #rp-calculator-app .rp-print-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:5px!important; margin:6px 0!important; } #rp-calculator-app .rp-print-food{ margin:6px 0!important; padding:7px 9px!important; } #rp-calculator-app .rp-print-food strong{ font-size:12.5pt!important; line-height:1.45!important; } #rp-calculator-app .rp-print-head{ margin-bottom:6px!important; padding-bottom:6px!important; } #rp-calculator-app .rp-print-head h1{ font-size:17pt!important; } #rp-calculator-app .rp-print-venue{ margin-bottom:5px!important; padding:5px 0!important; } #rp-calculator-app .rp-print-total{ margin-top:6px!important; padding-top:6px!important; } } @media(max-width:600px){ #rp-calculator-app #rpDateLabel{ transform:translate(-12px,-12px)!important; } #rp-calculator-app .rp-count-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:5px!important; } #rp-calculator-app .rp-count-row>.rp-field-shell{ grid-template-rows:34px 34px 18px!important; } #rp-calculator-app .rp-change-summary{ gap:7px!important; } #rp-calculator-app .rp-change-help{ font-size:11px!important; } #rp-calculator-app .rp-change-cta{ font-size:10.5px!important; padding:5px 8px!important; } } /* ========================================================= v4.10.7 — menu text, date field, guest alignment, mobile fit ========================================================= */ /* Menu: first line is menu name, second line description */ #rp-calculator-app .rp-detail-menu{ display:grid!important; grid-template-columns:14px minmax(0,1fr) max-content!important; align-items:center!important; gap:8px!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; padding:8px 9px!important; } #rp-calculator-app .rp-menu-radio{ width:13px!important; min-width:13px!important; height:13px!important; } #rp-calculator-app .rp-detail-menu-copy{ width:100%!important; min-width:0!important; overflow:hidden!important; } #rp-calculator-app .rp-detail-menu-copy>b{ display:block!important; width:100%!important; min-width:0!important; font-size:12.5px!important; line-height:1.55!important; font-weight:850!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } #rp-calculator-app .rp-detail-menu-copy>small{ display:block!important; width:100%!important; min-width:0!important; margin-top:2px!important; font-size:11px!important; line-height:1.65!important; color:#748079!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important; } #rp-calculator-app .rp-detail-menu-price{ display:block!important; width:auto!important; min-width:0!important; max-width:100%!important; text-align:left!important; white-space:nowrap!important; } #rp-calculator-app .rp-detail-menu-price>b{ display:block!important; font-size:12px!important; line-height:1.3!important; } /* "هر نفر" intentionally removed from markup */ #rp-calculator-app .rp-detail-menu-price>small{display:none!important} /* Date value stays INSIDE the date control: 10px from right and bottom */ #rp-calculator-app #rpDateTrigger{ position:relative!important; display:block!important; height:40px!important; min-height:40px!important; padding:0!important; overflow:hidden!important; } #rp-calculator-app #rpDateLabel{ position:absolute!important; right:10px!important; bottom:10px!important; left:auto!important; top:auto!important; transform:none!important; margin:0!important; padding:0!important; font-size:11.5px!important; line-height:1!important; white-space:nowrap!important; } #rp-calculator-app #rpDateTrigger .rp-calendar-icon{ position:absolute!important; left:7px!important; right:auto!important; top:6px!important; margin:0!important; } /* Move the WHOLE guest/surplus row down 10px while preserving alignment */ #rp-calculator-app .rp-count-row{ margin-top:10px!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-items:start!important; gap:7px!important; } #rp-calculator-app .rp-count-row>.rp-field-shell{ width:100%!important; min-width:0!important; margin:0!important; } #rp-calculator-app .rp-count-row .rp-field-label{ min-height:32px!important; } #rp-calculator-app .rp-count-row input{ width:100%!important; max-width:100%!important; min-width:0!important; } /* Prevent mobile overflow from plugin/theme width interactions */ #rp-calculator-app, #rp-calculator-app .rp-venue-detail-shell, #rp-calculator-app .rp-detail-card, #rp-calculator-app .rp-venue-menu-list, #rp-calculator-app .rp-date-time-row, #rp-calculator-app .rp-count-row{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } #rp-calculator-app{ overflow-x:clip!important; } @media(max-width:600px){ #rp-calculator-app{ width:100%!important; max-width:100vw!important; padding-left:5px!important; padding-right:5px!important; margin-left:auto!important; margin-right:auto!important; } #rp-calculator-app .rp-detail-card{ padding-left:7px!important; padding-right:7px!important; } #rp-calculator-app .rp-detail-menu{ grid-template-columns:13px minmax(0,1fr) auto!important; gap:6px!important; padding:7px!important; } #rp-calculator-app .rp-detail-menu-copy>b{ font-size:12px!important; } #rp-calculator-app .rp-detail-menu-copy>small{ font-size:10.5px!important; line-height:1.55!important; } #rp-calculator-app .rp-detail-menu-price>b{ font-size:11px!important; } #rp-calculator-app #rpDateLabel{ right:10px!important; bottom:10px!important; transform:none!important; } #rp-calculator-app .rp-count-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:5px!important; margin-top:10px!important; } } @media(max-width:360px){ #rp-calculator-app .rp-detail-menu{ grid-template-columns:12px minmax(0,1fr) auto!important; gap:5px!important; padding:6px!important; } #rp-calculator-app .rp-detail-menu-copy>b{font-size:11.5px!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:10px!important} #rp-calculator-app .rp-detail-menu-price>b{font-size:10.5px!important} } /* ========================================================= v4.10.8 — four-column booking row ========================================================= */ #rp-calculator-app .rp-detail-times-line{ display:none!important; } #rp-calculator-app .rp-booking-compact-grid{ display:block!important; width:100%!important; max-width:100%!important; margin:8px 0!important; } #rp-calculator-app .rp-four-field-row{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; align-items:start!important; width:100%!important; max-width:100%!important; min-width:0!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ display:block!important; min-height:24px!important; margin:0 0 4px!important; font-size:11px!important; line-height:1.45!important; } #rp-calculator-app #rpDateTrigger{ width:100%!important; height:37px!important; min-height:37px!important; max-height:37px!important; box-sizing:border-box!important; } #rp-calculator-app #rpDateLabel{ right:10px!important; bottom:9px!important; } #rp-calculator-app .rp-four-field-row input[type="number"]{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:37px!important; min-height:37px!important; margin:0!important; box-sizing:border-box!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; min-width:0!important; gap:4px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ width:100%!important; min-width:0!important; height:37px!important; min-height:37px!important; padding:3px 4px!important; overflow:hidden!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button span{ display:none!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ display:block!important; font-size:10px!important; line-height:1.2!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #rp-calculator-app .rp-four-field-row .rp-backup-hint{ display:block!important; margin-top:3px!important; font-size:9px!important; line-height:1.3!important; } @media(max-width:600px){ #rp-calculator-app .rp-four-field-row{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:3px!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ min-height:28px!important; margin-bottom:3px!important; font-size:9px!important; line-height:1.3!important; } #rp-calculator-app #rpDateTrigger, #rp-calculator-app .rp-four-field-row input[type="number"], #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ height:35px!important; min-height:35px!important; } #rp-calculator-app #rpDateLabel{ right:5px!important; bottom:8px!important; font-size:9px!important; } #rp-calculator-app #rpDateTrigger .rp-calendar-icon{ display:none!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ gap:2px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ padding:2px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ font-size:8px!important; letter-spacing:-.2px!important; } #rp-calculator-app .rp-four-field-row input[type="number"]{ padding-left:3px!important; padding-right:3px!important; font-size:10px!important; } #rp-calculator-app .rp-four-field-row .rp-backup-hint{ font-size:7.5px!important; line-height:1.2!important; } } /* ========================================================= v4.10.9 — simplified family sharing ========================================================= */ #rp-calculator-app .rp-family-help, #rp-calculator-app .rp-share-details, #rp-calculator-app #rpShareAddress, #rp-calculator-app #rpShareLocation, #rp-calculator-app #rpShareAll, #rp-calculator-app #rpShareSms{ display:none!important; } #rp-calculator-app .rp-family-share-single{ display:block!important; width:100%!important; margin-top:7px!important; } #rp-calculator-app .rp-family-share-single #rpShareAddressLocation{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:38px!important; padding:7px 12px!important; font-size:12.5px!important; font-weight:850!important; text-align:center!important; } /* ========================================================= v4.10.10 — force all four booking fields into ONE row ========================================================= */ #rp-calculator-app .rp-booking-compact-grid{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; } #rp-calculator-app .rp-four-field-row{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:flex-start!important; justify-content:stretch!important; gap:6px!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ display:block!important; flex:1 1 0!important; width:0!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; float:none!important; clear:none!important; position:relative!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ display:block!important; width:100%!important; min-width:0!important; margin:0 0 3px!important; padding:0!important; line-height:1.35!important; } #rp-calculator-app .rp-four-field-row #rpDateTrigger, #rp-calculator-app .rp-four-field-row input[type="number"], #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; box-sizing:border-box!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:2px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ flex:1 1 0!important; width:0!important; min-width:0!important; max-width:none!important; padding-left:2px!important; padding-right:2px!important; } #rp-calculator-app .rp-four-field-row .rp-backup-hint{ white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } /* Never stack these four fields on tablet/mobile */ @media(max-width:900px){ #rp-calculator-app .rp-four-field-row{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:4px!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ flex:1 1 0!important; width:0!important; min-width:0!important; } } @media(max-width:600px){ #rp-calculator-app .rp-four-field-row{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:3px!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ flex:1 1 0!important; width:0!important; min-width:0!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ min-height:26px!important; font-size:8.5px!important; line-height:1.2!important; } #rp-calculator-app .rp-four-field-row #rpDateTrigger, #rp-calculator-app .rp-four-field-row input[type="number"], #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ height:34px!important; min-height:34px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ font-size:7.5px!important; line-height:1.1!important; } #rp-calculator-app .rp-four-field-row .rp-backup-hint{ font-size:7px!important; line-height:1.15!important; } } @media(max-width:380px){ #rp-calculator-app .rp-four-field-row{ gap:2px!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ font-size:8px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ font-size:7px!important; } } /* ========================================================= v4.10.11 — fair food-package comparison ========================================================= */ #rp-calculator-app .rp-compare-food-card{ min-width:0!important; } #rp-calculator-app .rp-compare-menu-name{ margin-top:5px!important; font-size:12.5px!important; font-weight:850!important; color:#173f31!important; } #rp-calculator-app .rp-compare-food-desc{ margin-top:3px!important; font-size:11.5px!important; line-height:1.75!important; color:#5f6c66!important; } #rp-calculator-app .rp-compare-breakdown{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; margin:8px 0!important; } #rp-calculator-app .rp-compare-breakdown>span{ display:flex!important; justify-content:space-between!important; gap:6px!important; min-width:0!important; padding:6px 7px!important; border:1px solid #e5ebe7!important; border-radius:7px!important; background:#fbfcfb!important; } #rp-calculator-app .rp-compare-breakdown b{ font-size:10px!important; font-weight:700!important; } #rp-calculator-app .rp-compare-breakdown strong{ font-size:10.5px!important; color:#0d7652!important; white-space:nowrap!important; } #rp-calculator-app .rp-compare-includes, #rp-calculator-app .rp-compare-fixed-note{ display:block!important; font-size:9.5px!important; line-height:1.65!important; color:#77847e!important; } #rp-calculator-app .rp-compare-per-person{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; margin-top:8px!important; padding:8px 9px!important; border-radius:8px!important; background:#eef8f3!important; } #rp-calculator-app .rp-compare-per-person span{ font-size:11px!important; font-weight:800!important; } #rp-calculator-app .rp-compare-per-person strong{ font-size:14px!important; color:#087b51!important; } #rp-calculator-app .rp-compare-guests-total{ margin-top:5px!important; font-size:10.5px!important; color:#57645e!important; } @media(max-width:600px){ #rp-calculator-app .rp-compare-breakdown{ grid-template-columns:1fr!important; } } /* ========================================================= v4.10.12 — reference-like detail page + mobile compaction ========================================================= */ /* Dedicated venue gallery: always exactly 3 equal images in one row */ #rp-calculator-app .rp-detail-gallery, #rp-calculator-app .rp-detail-gallery-row, #rp-calculator-app .rp-detail-gallery.rp-gallery-count-1, #rp-calculator-app .rp-detail-gallery.rp-gallery-count-2, #rp-calculator-app .rp-detail-gallery.rp-gallery-count-3{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:1fr!important; gap:5px!important; width:100%!important; max-width:100%!important; height:190px!important; overflow:hidden!important; } #rp-calculator-app .rp-detail-gallery img{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:190px!important; min-height:190px!important; object-fit:cover!important; } /* Only one food heading */ #rp-calculator-app .rp-detail-card-head h3{ margin:0 0 8px!important; } /* Extras + optional hall items + services: two columns, including mobile */ #rp-calculator-app #rpExtras, #rp-calculator-app #rpOptional, #rp-calculator-app #rpServices{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; width:100%!important; min-width:0!important; } #rp-calculator-app #rpOptional .rp-opt-group, #rp-calculator-app #rpServices .rp-service-group{ min-width:0!important; } #rp-calculator-app #rpOptional .rp-opt-group .rp-option, #rp-calculator-app #rpServices .rp-service-group .rp-option{ width:100%!important; min-width:0!important; } /* Hide site footer throughout calculator / reservation pages. Common WordPress + Elementor footer selectors covered. */ body:has(#rp-calculator-app) footer, body:has(#rp-calculator-app) #colophon, body:has(#rp-calculator-app) .site-footer, body:has(#rp-calculator-app) .elementor-location-footer, body:has(#rp-calculator-app) [data-elementor-type="footer"], body:has(#rp-calculator-app) .footer-widgets, body:has(#rp-calculator-app) .footer-bottom{ display:none!important; } /* Validation/help toast: readable, compact, above bottom menus */ body .rp-toast.rp-toast-global{ position:fixed!important; z-index:2147483000!important; left:50%!important; right:auto!important; bottom:max(24px,calc(env(safe-area-inset-bottom) + 24px))!important; top:auto!important; transform:translate(-50%,18px)!important; width:auto!important; min-width:220px!important; max-width:min(520px,calc(100vw - 28px))!important; margin:0!important; padding:9px 13px!important; border-radius:9px!important; background:#18372c!important; color:#fff!important; box-shadow:0 8px 24px rgba(0,0,0,.18)!important; font-size:12px!important; font-weight:700!important; line-height:1.55!important; text-align:center!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transition:opacity .18s ease,transform .18s ease!important; } body .rp-toast.rp-toast-global.show{ opacity:1!important; visibility:visible!important; transform:translate(-50%,0)!important; } @media(max-width:600px){ /* Three equal gallery images, one row */ #rp-calculator-app .rp-detail-gallery, #rp-calculator-app .rp-detail-gallery-row, #rp-calculator-app .rp-detail-gallery.rp-gallery-count-1, #rp-calculator-app .rp-detail-gallery.rp-gallery-count-2, #rp-calculator-app .rp-detail-gallery.rp-gallery-count-3{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:3px!important; height:108px!important; } #rp-calculator-app .rp-detail-gallery img{ height:108px!important; min-height:108px!important; } /* Four fields stay in one row. Guest/surplus narrower; time gets more room. */ #rp-calculator-app .rp-four-field-row{ display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(0,.72fr) minmax(0,1.44fr) minmax(0,.72fr)!important; gap:3px!important; align-items:start!important; width:100%!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ width:100%!important; min-width:0!important; max-width:100%!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:2px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ width:100%!important; min-width:0!important; padding:1px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ font-size:7.5px!important; letter-spacing:-.25px!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; } #rp-calculator-app .rp-four-field-row .rp-guest-mini input, #rp-calculator-app .rp-four-field-row .rp-surplus-mini input{ padding-left:2px!important; padding-right:2px!important; text-align:center!important; } /* Explicitly override old one-column mobile rule */ #rp-calculator-app #rpExtras, #rp-calculator-app #rpOptional, #rp-calculator-app #rpServices{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; } #rp-calculator-app #rpExtras .rp-option, #rp-calculator-app #rpOptional .rp-option, #rp-calculator-app #rpServices .rp-option{ min-height:36px!important; padding:5px!important; } #rp-calculator-app #rpExtras .rp-option-copy b, #rp-calculator-app #rpOptional .rp-option-copy b, #rp-calculator-app #rpServices .rp-option-copy b{ font-size:10.5px!important; line-height:1.35!important; } #rp-calculator-app #rpExtras .rp-option-copy small, #rp-calculator-app #rpOptional .rp-option-copy small, #rp-calculator-app #rpServices .rp-option-copy small{ font-size:8.5px!important; line-height:1.35!important; } body .rp-toast.rp-toast-global{ bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px))!important; min-width:0!important; width:calc(100vw - 28px)!important; max-width:420px!important; padding:8px 10px!important; font-size:11px!important; } } /* Firefox fallback where :has() may be unavailable in old versions: JS can still add the class below in current browsers; common footer selectors inside/adjacent layouts are also suppressed when calculator is present. */ body.rp-calculator-page footer, body.rp-calculator-page #colophon, body.rp-calculator-page .site-footer, body.rp-calculator-page .elementor-location-footer, body.rp-calculator-page [data-elementor-type="footer"]{ display:none!important; } /* ========================================================= v4.10.13 — stable mobile booking row + browser normalization ========================================================= */ html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; } body.rp-calculator-page{ -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; } #rp-calculator-app, #rp-services-reservation-app{ box-sizing:border-box!important; font-size:14px!important; } #rp-calculator-app *, #rp-services-reservation-app *{ box-sizing:border-box!important; } /* Mobile: one row, explicit columns, no width:0/flex remnants */ @media(max-width:600px){ #rp-calculator-app .rp-booking-compact-grid{ display:block!important; width:100%!important; min-width:0!important; overflow:visible!important; } #rp-calculator-app .rp-four-field-row{ display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(0,.72fr) minmax(0,1.55fr) minmax(0,.72fr)!important; grid-auto-flow:column!important; gap:3px!important; align-items:start!important; width:100%!important; min-width:0!important; max-width:100%!important; flex:none!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ display:block!important; position:relative!important; flex:none!important; width:auto!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; overflow:visible!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ display:flex!important; align-items:flex-end!important; min-height:28px!important; height:28px!important; margin:0 0 3px!important; padding:0!important; font-size:9px!important; line-height:1.15!important; white-space:normal!important; overflow:hidden!important; } #rp-calculator-app .rp-four-field-row #rpDateTrigger, #rp-calculator-app .rp-four-field-row input[type="number"]{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:34px!important; min-height:34px!important; padding:2px 4px!important; margin:0!important; font-size:10px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; min-width:0!important; height:34px!important; gap:2px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; height:34px!important; min-height:34px!important; padding:1px!important; margin:0!important; overflow:hidden!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ display:block!important; width:100%!important; font-size:7.4px!important; line-height:1.05!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important; letter-spacing:-.35px!important; } #rp-calculator-app #rpDateLabel{ right:4px!important; bottom:10px!important; font-size:9px!important; white-space:nowrap!important; } #rp-calculator-app .rp-four-field-row .rp-backup-hint{ display:block!important; height:18px!important; margin-top:2px!important; font-size:6.8px!important; line-height:1.15!important; overflow:hidden!important; } /* Chrome had become too tiny: normalize primary mobile text upward */ #rp-calculator-app .rp-detail-menu-copy>b{font-size:12px!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:10.5px!important} #rp-calculator-app .rp-fold-title{font-size:12px!important} #rp-calculator-app .rp-option-copy>b{font-size:10.5px!important} #rp-calculator-app .rp-option-copy>small{font-size:9px!important} } /* Firefox was visually larger: explicit compact control metrics */ @supports (-moz-appearance:none){ @media(max-width:600px){ #rp-calculator-app, #rp-services-reservation-app{ font-size:13px!important; } #rp-calculator-app input, #rp-calculator-app select, #rp-calculator-app textarea, #rp-calculator-app button, #rp-services-reservation-app input, #rp-services-reservation-app textarea, #rp-services-reservation-app button{ font-size:inherit!important; line-height:1.2!important; } #rp-calculator-app .rp-detail-title h2{font-size:17px!important} #rp-calculator-app .rp-detail-address-line{font-size:10.5px!important} #rp-calculator-app .rp-detail-menu-copy>b{font-size:11.5px!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:10px!important} } } /* Standalone services reservation shortcode */ #rp-services-reservation-app{ width:100%; max-width:920px; margin:0 auto; direction:rtl; } #rp-services-reservation-app .rp-services-booking-card{ padding:14px!important; } #rp-services-reservation-app .rp-step-title h2{ margin:2px 0 4px!important; } #rp-services-reservation-app .rp-step-title p{ margin:0 0 12px!important; color:#69766f!important; font-size:12px!important; } #rp-services-reservation-app .rp-standalone-services{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; } #rp-services-reservation-app .rp-srv-option{ display:flex!important; align-items:center!important; gap:7px!important; min-width:0!important; border:1px solid #e3e9e6!important; border-radius:9px!important; padding:7px!important; } #rp-services-reservation-app .rp-srv-option-copy{ flex:1 1 auto!important; min-width:0!important; } #rp-services-reservation-app .rp-srv-option-copy b, #rp-services-reservation-app .rp-srv-option-copy small{ display:block!important; } #rp-services-reservation-app .rp-srv-option-copy small{ color:#75817b!important; font-size:10px!important; } #rp-services-reservation-app .rp-srv-qty{ width:58px!important; min-width:58px!important; } #rp-services-reservation-app .rp-service-reserve-form{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; margin-top:12px!important; } #rp-services-reservation-app .rp-service-reserve-form label{ display:block!important; font-size:11px!important; font-weight:700!important; } #rp-services-reservation-app .rp-service-reserve-form input, #rp-services-reservation-app .rp-service-reserve-form textarea{ width:100%!important; margin-top:4px!important; } #rp-services-reservation-app .rp-service-notes{ grid-column:1/-1!important; } #rp-services-reservation-app .rp-service-reserve-total{ display:flex!important; justify-content:space-between!important; align-items:center!important; margin:10px 0!important; padding:9px 10px!important; border-radius:9px!important; background:#eef8f3!important; } #rp-services-reservation-app .rp-service-reserve-total strong{ color:#087b51!important; } @media(max-width:600px){ #rp-services-reservation-app .rp-standalone-services, #rp-services-reservation-app .rp-service-reserve-form{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; } #rp-services-reservation-app .rp-srv-option{ padding:5px!important; } #rp-services-reservation-app .rp-srv-option-copy b{font-size:10.5px!important} #rp-services-reservation-app .rp-srv-option-copy small{font-size:8.5px!important} #rp-services-reservation-app .rp-service-reserve-form label{font-size:9.5px!important} } /* ========================================================= v4.10.14 — FINAL mobile booking layout, no overlapping ========================================================= */ @media(max-width:767px){ #rp-calculator-app .rp-booking-compact-grid{ display:block!important; position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible!important; margin:8px 0 12px!important; } #rp-calculator-app .rp-four-field-row{ display:grid!important; grid-template-columns:23% 18% 41% 18%!important; grid-template-rows:auto!important; column-gap:0!important; row-gap:0!important; align-items:start!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; overflow:visible!important; flex:none!important; } #rp-calculator-app .rp-four-field-row>.rp-field-shell{ display:flex!important; flex-direction:column!important; justify-content:flex-start!important; position:static!important; float:none!important; clear:none!important; flex:none!important; width:auto!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:0 2px!important; overflow:visible!important; transform:none!important; } #rp-calculator-app .rp-four-field-row .rp-field-label{ position:static!important; display:block!important; width:100%!important; min-width:0!important; height:26px!important; min-height:26px!important; max-height:26px!important; margin:0 0 3px!important; padding:0!important; transform:none!important; font-size:9px!important; line-height:13px!important; text-align:right!important; white-space:normal!important; overflow:hidden!important; } #rp-calculator-app .rp-four-field-row #rpDateTrigger{ position:relative!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-width:0!important; max-width:100%!important; height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; padding:0 4px!important; overflow:hidden!important; transform:none!important; } #rp-calculator-app .rp-four-field-row #rpDateTrigger .rp-calendar-icon{ display:none!important; } #rp-calculator-app .rp-four-field-row #rpDateLabel{ position:static!important; display:block!important; right:auto!important; left:auto!important; top:auto!important; bottom:auto!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; transform:none!important; font-size:9px!important; line-height:1!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #rp-calculator-app .rp-four-field-row input[type="number"]{ position:static!important; display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; padding:0 3px!important; transform:none!important; font-size:10px!important; line-height:36px!important; text-align:center!important; overflow:hidden!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons{ position:static!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:36px!important; width:100%!important; min-width:0!important; max-width:100%!important; height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; padding:0!important; gap:2px!important; overflow:hidden!important; transform:none!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ position:static!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; padding:1px!important; overflow:hidden!important; transform:none!important; font-size:8px!important; line-height:1!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button b{ display:block!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; font-size:8px!important; line-height:1!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important; letter-spacing:-.35px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button span{ display:none!important; } #rp-calculator-app .rp-four-field-row .rp-backup-hint{ position:static!important; display:block!important; width:100%!important; height:18px!important; min-height:18px!important; margin:2px 0 0!important; padding:0!important; transform:none!important; font-size:6.6px!important; line-height:9px!important; text-align:center!important; white-space:normal!important; overflow:hidden!important; } } /* Same physical sizing in Chrome and Firefox; no browser-specific scaling */ @supports (-moz-appearance:none){ @media(max-width:767px){ #rp-calculator-app{ font-size:14px!important; -moz-text-size-adjust:100%!important; } #rp-calculator-app .rp-four-field-row input[type="number"]{ -moz-appearance:textfield!important; font-size:10px!important; } #rp-calculator-app .rp-four-field-row .rp-service-time-buttons button{ font-size:8px!important; } } } /* Comparison cards: simple resilient layout */ #rp-calculator-app .rp-compare-lines{ display:grid!important; gap:4px!important; margin:8px 0!important; } #rp-calculator-app .rp-compare-line{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; padding:6px 7px!important; border:1px solid #e6ebe8!important; border-radius:7px!important; background:#fbfcfb!important; min-width:0!important; } #rp-calculator-app .rp-compare-line span{ min-width:0!important; font-size:10.5px!important; } #rp-calculator-app .rp-compare-line b{ flex:0 0 auto!important; white-space:nowrap!important; font-size:10.5px!important; color:#087b51!important; } /* ========================================================= v4.10.16 — mobile booking controls MUST remain visible ========================================================= */ @media(max-width:767px){ /* Only hide the first-stage controls after the user has actually entered wizard step 2/3. */ #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-venue-booking-bar, #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-booking-compact-grid{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:86px!important; height:auto!important; overflow:visible!important; margin:8px 0 12px!important; padding:0!important; transform:none!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-four-field-row{ display:grid!important; visibility:visible!important; opacity:1!important; position:relative!important; grid-template-columns:minmax(0,23fr) minmax(0,18fr) minmax(0,41fr) minmax(0,18fr)!important; grid-template-rows:86px!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:86px!important; height:86px!important; overflow:visible!important; gap:0!important; margin:0!important; padding:0!important; transform:none!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-four-field-row>.rp-field-shell{ display:grid!important; visibility:visible!important; opacity:1!important; position:relative!important; grid-template-rows:28px 38px 18px!important; align-content:start!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:84px!important; height:84px!important; overflow:visible!important; margin:0!important; padding:0 2px!important; transform:none!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-four-field-row .rp-field-label{ display:block!important; visibility:visible!important; opacity:1!important; position:static!important; grid-row:1!important; width:100%!important; height:28px!important; min-height:28px!important; margin:0!important; padding:0 1px!important; font-size:9px!important; line-height:14px!important; color:#26352f!important; overflow:hidden!important; transform:none!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) #rpDateTrigger, #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-four-field-row input[type="number"], #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-service-time-buttons{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; grid-row:2!important; width:100%!important; max-width:100%!important; min-width:0!important; height:38px!important; min-height:38px!important; max-height:38px!important; margin:0!important; transform:none!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-service-time-buttons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:38px!important; gap:2px!important; overflow:hidden!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-service-time-buttons .rp-detail-time-pick{ display:flex!important; visibility:visible!important; opacity:1!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; height:38px!important; min-height:38px!important; max-height:38px!important; margin:0!important; padding:1px!important; position:static!important; transform:none!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-service-time-buttons .rp-detail-time-pick b{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; min-width:0!important; font-size:7.8px!important; line-height:1!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) #rpDateLabel{ display:block!important; visibility:visible!important; opacity:1!important; position:static!important; width:100%!important; margin:0!important; padding:0!important; transform:none!important; text-align:center!important; font-size:9px!important; line-height:38px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-four-field-row input[type="number"]{ padding:0 2px!important; font-size:10px!important; line-height:38px!important; text-align:center!important; color:#17231e!important; background:#fff!important; border:1px solid #dce5e0!important; border-radius:8px!important; } #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-backup-hint{ display:block!important; visibility:visible!important; opacity:1!important; position:static!important; grid-row:3!important; width:100%!important; height:18px!important; min-height:18px!important; margin:0!important; padding-top:2px!important; font-size:6.5px!important; line-height:8px!important; text-align:center!important; color:#6f7c75!important; overflow:hidden!important; transform:none!important; } } /* Same exact geometry in Firefox and Chromium mobile. */ @supports (-moz-appearance:none){ @media(max-width:767px){ #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-four-field-row{ height:86px!important; min-height:86px!important; } } } /* ========================================================= v4.10.17 — clean three-column booking header + detail tabs ========================================================= */ #rp-calculator-app .rp-three-field-row{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1.45fr)!important; gap:7px!important; width:100%!important; max-width:100%!important; min-width:0!important; align-items:start!important; } #rp-calculator-app .rp-three-field-row>.rp-field-shell{ display:block!important; position:static!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; margin:0!important; padding:0!important; transform:none!important; } #rp-calculator-app .rp-three-field-row .rp-field-label{ display:block!important; position:static!important; min-height:22px!important; height:22px!important; margin:0 0 4px!important; padding:0!important; font-size:11px!important; line-height:22px!important; color:#26352f!important; overflow:hidden!important; } #rp-calculator-app .rp-three-field-row #rpDateTrigger, #rp-calculator-app .rp-three-field-row input[type="number"], #rp-calculator-app .rp-three-field-row .rp-service-time-buttons{ width:100%!important; max-width:100%!important; min-width:0!important; height:38px!important; min-height:38px!important; max-height:38px!important; margin:0!important; transform:none!important; box-sizing:border-box!important; } #rp-calculator-app .rp-three-field-row #rpDateTrigger{ display:flex!important; align-items:center!important; justify-content:center!important; position:static!important; padding:0 6px!important; overflow:hidden!important; } #rp-calculator-app .rp-three-field-row #rpDateLabel{ display:block!important; position:static!important; width:100%!important; margin:0!important; padding:0!important; transform:none!important; font-size:11px!important; line-height:1!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #rp-calculator-app .rp-three-field-row input[type="number"]{ display:block!important; position:static!important; padding:0 5px!important; font-size:12px!important; text-align:center!important; } #rp-calculator-app .rp-three-field-row .rp-service-time-buttons{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; position:static!important; } #rp-calculator-app .rp-three-field-row .rp-service-time-buttons .rp-detail-time-pick{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; height:38px!important; min-height:38px!important; max-height:38px!important; margin:0!important; padding:2px 4px!important; position:static!important; transform:none!important; overflow:hidden!important; } #rp-calculator-app .rp-three-field-row .rp-service-time-buttons .rp-detail-time-pick span{ display:none!important; } #rp-calculator-app .rp-three-field-row .rp-service-time-buttons .rp-detail-time-pick b{ display:block!important; width:100%!important; min-width:0!important; font-size:10px!important; line-height:1!important; white-space:nowrap!important; text-align:center!important; overflow:hidden!important; text-overflow:clip!important; } /* Detail tabs */ #rp-calculator-app .rp-detail-tabs{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:4px!important; margin:0 0 10px!important; } #rp-calculator-app .rp-detail-tab{ min-height:34px!important; height:34px!important; padding:4px 5px!important; border:1px solid #dfe7e3!important; border-radius:8px!important; background:#fff!important; color:#33483f!important; font-size:11px!important; font-weight:800!important; cursor:pointer!important; } #rp-calculator-app .rp-detail-tab.is-active{ background:#173e30!important; color:#fff!important; border-color:#173e30!important; } #rp-calculator-app .rp-detail-tab-panel{ display:none!important; } #rp-calculator-app .rp-detail-tab-panel.is-active{ display:block!important; } #rp-calculator-app .rp-detail-info-panel{ min-height:120px!important; padding:8px 2px!important; } #rp-calculator-app .rp-detail-info-panel h3{ margin:0 0 7px!important; font-size:14px!important; } #rp-calculator-app .rp-detail-info-panel p{ margin:0 0 9px!important; font-size:12px!important; line-height:1.8!important; color:#64736b!important; } #rp-calculator-app .rp-map-tab-link{ display:inline-flex!important; width:auto!important; min-width:170px!important; justify-content:center!important; } @media(max-width:767px){ #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-venue-booking-bar, #rp-calculator-app .rp-venue-detail-shell:not(.is-wizard-active) .rp-booking-compact-grid{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; min-width:0!important; min-height:68px!important; height:auto!important; overflow:visible!important; margin:7px 0 10px!important; padding:0!important; } #rp-calculator-app .rp-three-field-row{ display:grid!important; grid-template-columns:minmax(0,1.02fr) minmax(0,.68fr) minmax(0,1.5fr)!important; gap:3px!important; width:100%!important; min-width:0!important; min-height:68px!important; } #rp-calculator-app .rp-three-field-row>.rp-field-shell{ display:block!important; visibility:visible!important; opacity:1!important; position:static!important; width:100%!important; min-width:0!important; height:68px!important; min-height:68px!important; overflow:visible!important; } } /* v4.21.8 — align reservation module with the Elementor content width */ @media (min-width:701px){ #rp-calculator-app{ width:calc(100% + 20px)!important; max-width:none!important; margin-left:-10px!important; margin-right:-10px!important; } } /* ========================================================= v4.21.2 — responsive gallery + review UI repair ========================================================= */ /* Desktop/tablet: exactly three equal gallery images. */ @media (min-width:768px){ #rp-calculator-app .rp-hub-gallery-row, #rp-calculator-app .rp-detail-gallery, #rp-calculator-app .rp-detail-gallery-row{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:1fr!important; gap:5px!important; overflow:hidden!important; } #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo, #rp-calculator-app .rp-detail-gallery>img, #rp-calculator-app .rp-detail-gallery-row>img{ width:100%!important; min-width:0!important; max-width:none!important; height:100%!important; grid-row:auto!important; grid-column:auto!important; } } /* Mobile: 1.5 photos visible, horizontal swipe. */ @media (max-width:767px){ #rp-calculator-app .rp-hub-gallery-row, #rp-calculator-app .rp-detail-gallery, #rp-calculator-app .rp-detail-gallery-row{ display:flex!important; flex-wrap:nowrap!important; gap:5px!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; } #rp-calculator-app .rp-hub-gallery-row::-webkit-scrollbar, #rp-calculator-app .rp-detail-gallery::-webkit-scrollbar, #rp-calculator-app .rp-detail-gallery-row::-webkit-scrollbar{display:none!important} #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo, #rp-calculator-app .rp-detail-gallery>img, #rp-calculator-app .rp-detail-gallery-row>img{ flex:0 0 calc(66.666% - 3px)!important; width:calc(66.666% - 3px)!important; min-width:calc(66.666% - 3px)!important; max-width:calc(66.666% - 3px)!important; height:100%!important; grid-row:auto!important; grid-column:auto!important; scroll-snap-align:start!important; } } /* Reviews: restore clear stars and a clean compact layout. */ #rp-calculator-app .rp-review-summary{ display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important; padding:10px 12px!important;border:1px solid #e1e8e4!important;border-radius:10px!important;background:#fafcfb!important; } #rp-calculator-app .rp-review-summary strong{font-size:14px!important;color:#173e30!important} #rp-calculator-app .rp-review-summary>span:last-child{font-size:11px!important;color:#6e7c75!important} #rp-calculator-app .rp-review-starline{display:inline-flex!important;direction:ltr!important;gap:2px!important;white-space:nowrap!important} #rp-calculator-app .rp-review-starline>span{display:inline-block!important;font-size:19px!important;line-height:1!important;color:#c7cfcb!important} #rp-calculator-app .rp-review-starline>span.is-on{color:#f2ad24!important} #rp-calculator-app .rp-review-item{padding:10px 2px!important;border-bottom:1px solid #edf1ef!important} #rp-calculator-app .rp-review-item-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} #rp-calculator-app .rp-review-item p{margin:6px 0 0!important;font-size:12px!important;line-height:1.9!important;color:#56655d!important} #rp-calculator-app .rp-review-stars{display:flex!important;direction:ltr!important;gap:5px!important;margin:6px 0 8px!important} #rp-calculator-app .rp-review-stars button{ display:inline-flex!important;align-items:center!important;justify-content:center!important; width:36px!important;height:36px!important;min-width:36px!important;padding:0!important; border:1px solid #d9e1dd!important;border-radius:8px!important;background:#fff!important; color:#b9c2bd!important;font-size:23px!important;line-height:1!important;cursor:pointer!important; } #rp-calculator-app .rp-review-stars button.is-active{color:#f2ad24!important;border-color:#f2c46c!important;background:#fffaf0!important} /* ========================================================= v4.21.3 definitive UI repair ========================================================= */ /* Venue detail gallery: desktop = 3 equal images; mobile = 1.5 swipe. */ @media screen and (min-width:768px){ html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:1fr!important; gap:6px!important; width:100%!important; overflow:hidden!important; } html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row > .rp-detail-photo{ display:block!important; position:static!important; float:none!important; flex:none!important; width:100%!important; min-width:0!important; max-width:100%!important; height:100%!important; grid-column:auto!important; grid-row:auto!important; transform:none!important; margin:0!important; } } @media screen and (max-width:767px){ html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row{ display:flex!important; flex-flow:row nowrap!important; gap:5px!important; width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity!important; -webkit-overflow-scrolling:touch!important; } html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row > .rp-detail-photo{ display:block!important; position:static!important; flex:0 0 calc(66.666% - 3px)!important; width:calc(66.666% - 3px)!important; min-width:calc(66.666% - 3px)!important; max-width:calc(66.666% - 3px)!important; grid-column:auto!important; grid-row:auto!important; scroll-snap-align:start!important; margin:0!important; } } /* Booking labels exist once, inside each field cell. */ #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{ display:block!important; margin:0 2px 5px!important; padding:0!important; color:#183d2f!important; font-size:14px!important; line-height:1.35!important; font-weight:900!important; text-align:right!important; white-space:nowrap!important; } /* Rating UI must remain visible even when theme button rules are aggressive. */ html body #rp-calculator-app #rpReviewStars.rp-review-stars{ display:flex!important;direction:ltr!important;gap:7px!important;align-items:center!important; margin:8px 0 12px!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars > button{ appearance:none!important;-webkit-appearance:none!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important; padding:0!important;margin:0!important;border:1px solid #d7dfdb!important;border-radius:8px!important; background:#fff!important;color:#b7c0bb!important;font-family:Arial,Tahoma,sans-serif!important; font-size:26px!important;font-weight:400!important;line-height:1!important;text-indent:0!important; opacity:1!important;visibility:visible!important;overflow:visible!important;box-shadow:none!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars > button.is-active{ color:#f2ad24!important;border-color:#e5b650!important;background:#fffaf0!important; } html body #rp-calculator-app .rp-review-starline > span{ font-family:Arial,Tahoma,sans-serif!important;font-size:20px!important;opacity:1!important;visibility:visible!important; } /* ========================================================= v4.21.4 LIVE STABILITY HOTFIX Keeps Ragapack global design system; fixes only plugin-specific UI. ========================================================= */ /* Desktop: exactly 3 equal photos in hub cards and venue detail. */ @media screen and (min-width:768px){ html body #rp-calculator-app .rp-hub-gallery-row, html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:1fr!important; gap:5px!important; width:100%!important; overflow:hidden!important; } html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo, html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo{ display:block!important; position:static!important; float:none!important; flex:none!important; width:100%!important; min-width:0!important; max-width:100%!important; height:100%!important; margin:0!important; grid-column:auto!important; grid-row:auto!important; transform:none!important; } html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo>img{ width:100%!important;height:100%!important;object-fit:cover!important;display:block!important; } } /* Mobile: 1.5 photos visible + horizontal swipe. */ @media screen and (max-width:767px){ html body #rp-calculator-app .rp-hub-gallery-row, html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row{ display:flex!important; flex-flow:row nowrap!important; gap:5px!important; width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; } html body #rp-calculator-app .rp-hub-gallery-row::-webkit-scrollbar, html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row::-webkit-scrollbar{display:none!important} html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo, html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo{ display:block!important; position:static!important; flex:0 0 calc(66.666% - 3px)!important; width:calc(66.666% - 3px)!important; min-width:calc(66.666% - 3px)!important; max-width:calc(66.666% - 3px)!important; height:100%!important; margin:0!important; grid-column:auto!important; grid-row:auto!important; scroll-snap-align:start!important; } html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo>img{ width:100%!important;height:100%!important;object-fit:cover!important;display:block!important; } } /* Booking field labels: one centered, readable label per control. */ html body #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{ display:block!important; margin:0 0 5px!important; padding:0!important; font-size:13px!important; line-height:1.35!important; font-weight:800!important; color:#173e30!important; text-align:center!important; white-space:nowrap!important; } /* Reviews: visible stars regardless of Martfury's global button rules. */ html body #rp-calculator-app #rpReviewStars{ display:flex!important;direction:ltr!important;align-items:center!important;justify-content:flex-start!important; gap:7px!important;margin:8px 0 12px!important;min-height:42px!important; } html body #rp-calculator-app #rpReviewStars>button{ -webkit-appearance:none!important;appearance:none!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important; padding:0!important;margin:0!important;border:1px solid #d7dfdb!important;border-radius:8px!important; background:#fff!important;color:#b7c0bb!important;font-family:Arial,Tahoma,sans-serif!important; font-size:26px!important;font-weight:400!important;line-height:40px!important;text-indent:0!important; opacity:1!important;visibility:visible!important;overflow:visible!important;box-shadow:none!important; } html body #rp-calculator-app #rpReviewStars>button.is-active{ color:#d99a00!important;border-color:#e5b650!important;background:#fff8e8!important; } /* ========================================================= v4.22.1 — readability & spacing pass Uses Ragapack/Martfury typography; only plugin UI is tuned. ========================================================= */ #rp-calculator-app{ --g:#0b4a34; --gs:#eef8f3; --b:#d8e2dd; --m:#66736d; font-size:15px!important; line-height:1.75!important; } #rp-calculator-app .rp-venue-detail-shell{font-size:15px!important} #rp-calculator-app .rp-detail-title h2{font-size:22px!important;line-height:1.45!important;margin:2px 0 4px!important;color:#0b4a34!important} #rp-calculator-app .rp-detail-address-line{font-size:14px!important;line-height:1.8!important;color:#738078!important} #rp-calculator-app .rp-detail-card{border-radius:14px!important;padding:14px!important;margin-bottom:14px!important} /* Booking controls: readable labels and values, without duplicated headings. */ html body #rp-calculator-app .rp-booking-simple-table{ border-collapse:separate!important;border-spacing:5px 0!important;margin:0!important; } html body #rp-calculator-app .rp-booking-simple-table td{padding:0 2px!important;border:0!important;vertical-align:top!important} html body #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{ font-size:15px!important;line-height:1.45!important;font-weight:800!important;text-align:center!important; margin:0 0 6px!important;color:#173e30!important; } html body #rp-calculator-app #rpDateTrigger, html body #rp-calculator-app #rpGuests, html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick{ height:44px!important;min-height:44px!important;max-height:44px!important; border-radius:10px!important;font-size:14px!important;font-weight:700!important; } html body #rp-calculator-app #rpDateTrigger strong{font-size:14px!important;line-height:1.2!important} html body #rp-calculator-app #rpGuests{font-size:15px!important;line-height:44px!important} html body #rp-calculator-app #rpDetailTimes{height:44px!important;min-height:44px!important;max-height:44px!important;gap:5px!important} html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick b{font-size:12.5px!important;line-height:1.25!important} /* Tabs and information panels */ #rp-calculator-app .rp-detail-tabs{gap:7px!important;margin:0 0 14px!important} #rp-calculator-app .rp-detail-tab{ height:42px!important;min-height:42px!important;padding:7px 8px!important;border-radius:10px!important; font-size:14px!important;line-height:1.2!important;font-weight:800!important; } #rp-calculator-app .rp-detail-info-panel{min-height:140px!important;padding:12px 6px!important} #rp-calculator-app .rp-detail-info-panel h3,#rp-calculator-app .rp-detail-card-head h3{font-size:18px!important;line-height:1.5!important;margin:0 0 9px!important;color:#0b4a34!important} #rp-calculator-app .rp-detail-info-panel p{font-size:14px!important;line-height:2!important} #rp-calculator-app .rp-map-tab-link{min-height:44px!important;padding:10px 16px!important;font-size:14px!important;border-radius:10px!important} /* Menu / extras / totals */ #rp-calculator-app .rp-detail-menu{padding:13px 14px!important;border-radius:12px!important;min-height:72px!important} #rp-calculator-app .rp-detail-menu-copy>b{font-size:15px!important;line-height:1.6!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:13px!important;line-height:1.8!important} #rp-calculator-app .rp-detail-menu-price>b{font-size:14px!important;line-height:1.5!important} #rp-calculator-app .rp-fold summary{font-size:15px!important;line-height:1.7!important;padding:14px!important} #rp-calculator-app .rp-detail-total{padding:15px!important;border-radius:11px!important;gap:12px!important} #rp-calculator-app .rp-detail-total span{font-size:14px!important} #rp-calculator-app .rp-detail-total strong{font-size:19px!important} #rp-calculator-app #rpConfirmSelection{min-height:46px!important;font-size:15px!important;border-radius:10px!important} /* Wizard progress should be legible but visually secondary. */ #rp-calculator-app .rp-wizard-progress{margin:14px 0 20px!important;padding:8px 10px!important} #rp-calculator-app .rp-wizard-progress span{font-size:12px!important;line-height:1.5!important;padding:7px 5px!important} /* Reviews */ #rp-calculator-app .rp-review-summary{padding:13px 14px!important;gap:10px!important} #rp-calculator-app .rp-review-summary strong{font-size:16px!important} #rp-calculator-app .rp-review-summary>span:last-child{font-size:13px!important} #rp-calculator-app .rp-review-item{padding:14px 2px!important} #rp-calculator-app .rp-review-item-head strong{font-size:15px!important} #rp-calculator-app .rp-review-item p{font-size:14px!important;line-height:2!important;margin-top:8px!important} #rp-calculator-app .rp-review-form h3{font-size:18px!important;margin:16px 0 10px!important;color:#0b4a34!important} #rp-calculator-app .rp-review-form input,#rp-calculator-app .rp-review-form textarea{font-size:14px!important;line-height:1.8!important;padding:11px 12px!important} #rp-calculator-app #rpReviewSubmit{min-height:44px!important;font-size:14px!important} /* Desktop: spacious 3-photo gallery. */ @media (min-width:768px){ html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row, html body #rp-calculator-app .rp-hub-gallery-row{gap:6px!important;min-height:245px!important;height:245px!important} html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo, html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo{height:245px!important;border-radius:10px!important;overflow:hidden!important} html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo img, html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo img{width:100%!important;height:100%!important;object-fit:cover!important} } /* Mobile: preserve 1.5-photo swipe, improve touch/readability and rhythm. */ @media (max-width:767px){ #rp-calculator-app{font-size:16px!important;line-height:1.85!important;padding-inline:0!important} #rp-calculator-app .rp-venue-detail-shell{font-size:16px!important} #rp-calculator-app .rp-detail-title h2{font-size:21px!important} #rp-calculator-app .rp-detail-address-line{font-size:14px!important} html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row, html body #rp-calculator-app .rp-hub-gallery-row{height:280px!important;min-height:280px!important;gap:6px!important} html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo, html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo{ flex:0 0 calc(66.666% - 4px)!important;width:calc(66.666% - 4px)!important;min-width:calc(66.666% - 4px)!important; height:280px!important;border-radius:10px!important;overflow:hidden!important; } html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo img, html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo img{width:100%!important;height:100%!important;object-fit:cover!important} html body #rp-calculator-app .rp-booking-simple-table{border-spacing:3px 0!important} html body #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{font-size:16px!important;margin-bottom:7px!important} html body #rp-calculator-app #rpDateTrigger, html body #rp-calculator-app #rpGuests, html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick{height:48px!important;min-height:48px!important;max-height:48px!important} html body #rp-calculator-app #rpDetailTimes{height:48px!important;min-height:48px!important;max-height:48px!important} html body #rp-calculator-app #rpDateTrigger strong{font-size:14px!important} html body #rp-calculator-app #rpGuests{font-size:16px!important;line-height:48px!important} html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick b{font-size:12.5px!important} #rp-calculator-app .rp-detail-card{padding:12px!important;border-radius:14px!important;margin-bottom:16px!important} #rp-calculator-app .rp-detail-tabs{gap:6px!important;margin-bottom:15px!important} #rp-calculator-app .rp-detail-tab{height:46px!important;min-height:46px!important;font-size:15px!important;padding:8px 4px!important} #rp-calculator-app .rp-detail-card-head h3,#rp-calculator-app .rp-detail-info-panel h3{font-size:19px!important} #rp-calculator-app .rp-detail-info-panel p{font-size:15px!important} #rp-calculator-app .rp-map-tab-link{width:100%!important;min-height:48px!important;font-size:15px!important} #rp-calculator-app .rp-detail-menu{padding:14px 12px!important;min-height:78px!important} #rp-calculator-app .rp-detail-menu-copy>b{font-size:16px!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:13.5px!important} #rp-calculator-app .rp-detail-menu-price>b{font-size:15px!important} #rp-calculator-app .rp-fold summary{font-size:16px!important;padding:15px 12px!important} #rp-calculator-app .rp-detail-total span{font-size:15px!important} #rp-calculator-app .rp-detail-total strong{font-size:20px!important} #rp-calculator-app #rpConfirmSelection{min-height:50px!important;font-size:16px!important;width:100%!important} #rp-calculator-app .rp-wizard-progress{margin:16px 0 22px!important;padding:8px 5px!important} #rp-calculator-app .rp-wizard-progress span{font-size:11.5px!important;line-height:1.45!important} #rp-calculator-app .rp-review-summary strong{font-size:17px!important} #rp-calculator-app .rp-review-summary>span:last-child{font-size:14px!important} #rp-calculator-app .rp-review-item-head strong{font-size:16px!important} #rp-calculator-app .rp-review-item p{font-size:15px!important;line-height:2!important} html body #rp-calculator-app #rpReviewStars>button{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;font-size:29px!important} #rp-calculator-app .rp-review-form input,#rp-calculator-app .rp-review-form textarea{font-size:15px!important} } /* ========================================================= v4.22.1 — detail header, booking controls, reviews & menu polish ========================================================= */ #rp-calculator-app .rp-detail-title{padding-top:10px!important;padding-bottom:8px!important} #rp-calculator-app .rp-detail-name-line{align-items:center!important} #rp-calculator-app .rp-detail-name-line h2{margin:0!important} #rp-calculator-app .rp-venue-booking-bar{margin-top:14px!important} html body #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{ padding-top:5px!important;margin-bottom:7px!important;line-height:1.5!important; } html body #rp-calculator-app #rpDateTrigger, html body #rp-calculator-app #rpGuests, html body #rp-calculator-app #rpDetailTimes, html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick{ height:46px!important;min-height:46px!important;max-height:46px!important; } html body #rp-calculator-app #rpDateTrigger strong{font-size:14px!important;line-height:1.25!important} html body #rp-calculator-app #rpGuests{font-size:15px!important;line-height:46px!important} html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick b{font-size:11.5px!important;line-height:1.2!important;letter-spacing:-.15px!important} /* Extras/services must not inherit the historical tiny mobile rules. */ #rp-calculator-app #rpExtras .rp-option-copy b, #rp-calculator-app #rpOptional .rp-option-copy b, #rp-calculator-app #rpServices .rp-option-copy b, #rp-calculator-app #rpExtras .rp-option>span>b, #rp-calculator-app #rpOptional .rp-option>span>b, #rp-calculator-app #rpServices .rp-option>span>b{font-size:13.5px!important;line-height:1.55!important} #rp-calculator-app #rpExtras .rp-option-copy small, #rp-calculator-app #rpOptional .rp-option-copy small, #rp-calculator-app #rpServices .rp-option-copy small, #rp-calculator-app #rpExtras .rp-option>span>small, #rp-calculator-app #rpOptional .rp-option>span>small, #rp-calculator-app #rpServices .rp-option>span>small{font-size:11.5px!important;line-height:1.55!important} #rp-calculator-app .rp-fixed-item{font-size:13.5px!important;line-height:1.6!important} /* Review rating: simple inline stars, no square boxes. */ html body #rp-calculator-app #rpReviewStars.rp-review-stars{ display:flex!important;direction:ltr!important;justify-content:flex-start!important;align-items:center!important; gap:3px!important;margin:6px 0 12px!important;padding:0!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars>button{ appearance:none!important;-webkit-appearance:none!important;display:inline-block!important; width:auto!important;height:auto!important;min-width:0!important;max-width:none!important; padding:2px 3px!important;margin:0!important;border:0!important;border-radius:0!important; background:transparent!important;box-shadow:none!important;color:#c7ceca!important; font-size:30px!important;line-height:1!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars>button.is-active{ color:#f2ad24!important;border:0!important;background:transparent!important; } @media(max-width:767px){ /* Mobile gallery should be wide, not vertically stretched. */ html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row, html body #rp-calculator-app .rp-hub-gallery-row{height:220px!important;min-height:220px!important} html body #rp-calculator-app .rp-detail-gallery.rp-detail-gallery-row>.rp-detail-photo, html body #rp-calculator-app .rp-hub-gallery-row>.rp-hub-photo{height:220px!important} #rp-calculator-app .rp-detail-title{padding-top:9px!important;padding-bottom:7px!important} #rp-calculator-app .rp-venue-booking-bar{margin-top:12px!important} html body #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{font-size:15px!important;padding-top:6px!important;margin-bottom:7px!important} html body #rp-calculator-app #rpDateTrigger strong{font-size:14px!important} html body #rp-calculator-app #rpGuests{font-size:15px!important} html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick b{font-size:11px!important} /* Reviews one step smaller on mobile. */ #rp-calculator-app .rp-review-summary strong{font-size:16px!important} #rp-calculator-app .rp-review-summary>span:last-child{font-size:13px!important} #rp-calculator-app .rp-review-item-head strong{font-size:15px!important} #rp-calculator-app .rp-review-item p{font-size:14px!important;line-height:1.95!important} #rp-calculator-app .rp-review-form h3{font-size:17px!important} #rp-calculator-app .rp-review-form input,#rp-calculator-app .rp-review-form textarea{font-size:14px!important} html body #rp-calculator-app #rpReviewStars.rp-review-stars>button{font-size:29px!important;padding:2px!important} #rp-calculator-app #rpExtras .rp-option, #rp-calculator-app #rpOptional .rp-option, #rp-calculator-app #rpServices .rp-option{min-height:48px!important;padding:8px!important} #rp-calculator-app #rpExtras .rp-option-copy b, #rp-calculator-app #rpOptional .rp-option-copy b, #rp-calculator-app #rpServices .rp-option-copy b, #rp-calculator-app #rpExtras .rp-option>span>b, #rp-calculator-app #rpOptional .rp-option>span>b, #rp-calculator-app #rpServices .rp-option>span>b{font-size:13px!important} #rp-calculator-app #rpExtras .rp-option-copy small, #rp-calculator-app #rpOptional .rp-option-copy small, #rp-calculator-app #rpServices .rp-option-copy small, #rp-calculator-app #rpExtras .rp-option>span>small, #rp-calculator-app #rpOptional .rp-option>span>small, #rp-calculator-app #rpServices .rp-option>span>small{font-size:11px!important} } /* ========================================================= v4.22.5 — SAFE UI/UX POLISH ONLY No reservation/menu/calendar/calculation logic changes. ========================================================= */ /* Booking proportions: desktop remains balanced; mobile gives time more room. */ #rp-calculator-app .rp-booking-simple-table col.rp-booking-col-date{width:31%!important} #rp-calculator-app .rp-booking-simple-table col.rp-booking-col-guests{width:21%!important} #rp-calculator-app .rp-booking-simple-table col.rp-booking-col-time{width:48%!important} /* Keep all three controls exactly the same visual height. */ html body #rp-calculator-app #rpDateTrigger, html body #rp-calculator-app #rpGuests, html body #rp-calculator-app #rpDetailTimes, html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick{ height:46px!important;min-height:46px!important;max-height:46px!important; box-sizing:border-box!important; } html body #rp-calculator-app #rpDetailTimes{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important;overflow:visible!important; } html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick{ min-width:0!important;padding:0 3px!important;white-space:nowrap!important;overflow:hidden!important; } html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick b{ font-size:12px!important;letter-spacing:-.2px!important;white-space:nowrap!important; } /* Tabs: compact navigation, active state only needs a restrained emphasis. */ #rp-calculator-app .rp-detail-tabs{gap:6px!important;margin:0 0 11px!important} #rp-calculator-app .rp-detail-tab{ height:38px!important;min-height:38px!important;padding:5px 7px!important; border-radius:9px!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important; } #rp-calculator-app .rp-detail-tab.is-active{font-weight:700!important} /* Review rating: familiar review-plugin style, borderless stars with live hover preview. */ html body #rp-calculator-app #rpReviewStars.rp-review-stars{ display:flex!important;direction:ltr!important;gap:5px!important;align-items:center!important; width:max-content!important;margin:7px 0 13px!important;padding:2px 0!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars>button{ appearance:none!important;-webkit-appearance:none!important; width:auto!important;height:auto!important;min-width:0!important;max-width:none!important; padding:0 1px!important;margin:0!important;border:0!important;border-radius:0!important; background:transparent!important;box-shadow:none!important;color:#c9cfcc!important; font-family:Arial,Tahoma,sans-serif!important;font-size:31px!important;font-weight:400!important;line-height:1!important; transform:none!important;transition:color .14s ease,transform .14s ease!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars>button.is-active{color:#f4aa00!important;background:transparent!important} html body #rp-calculator-app #rpReviewStars.rp-review-stars:hover>button{color:#c9cfcc!important} html body #rp-calculator-app #rpReviewStars.rp-review-stars>button:hover, html body #rp-calculator-app #rpReviewStars.rp-review-stars>button:has(~ button:hover){color:#f4aa00!important;transform:translateY(-1px)!important} html body #rp-calculator-app #rpReviewStars.rp-review-stars>button:focus-visible{outline:2px solid #0b4a34!important;outline-offset:3px!important} /* Readability without making the interface bulky. */ #rp-calculator-app .rp-detail-menu-copy>b{font-size:15px!important;line-height:1.55!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:13px!important;line-height:1.7!important} #rp-calculator-app .rp-fixed-item{font-size:13.5px!important;line-height:1.7!important} #rp-calculator-app .rp-review-item p{line-height:1.9!important} @media(max-width:767px){ #rp-calculator-app .rp-booking-simple-table col.rp-booking-col-date{width:30%!important} #rp-calculator-app .rp-booking-simple-table col.rp-booking-col-guests{width:17%!important} #rp-calculator-app .rp-booking-simple-table col.rp-booking-col-time{width:53%!important} html body #rp-calculator-app .rp-booking-simple-table{border-spacing:2px 0!important} html body #rp-calculator-app .rp-booking-simple-table td{padding:0 1px!important} html body #rp-calculator-app .rp-booking-simple-table .rp-booking-field-label{ font-size:14px!important;line-height:1.3!important;padding-top:3px!important;margin-bottom:5px!important; } html body #rp-calculator-app #rpDateTrigger strong{font-size:13.5px!important} html body #rp-calculator-app #rpGuests{font-size:14px!important;padding:0 2px!important} html body #rp-calculator-app #rpDetailTimes .rp-detail-time-pick b{font-size:11.7px!important;letter-spacing:-.3px!important} #rp-calculator-app .rp-detail-tabs{gap:5px!important;margin-bottom:10px!important} #rp-calculator-app .rp-detail-tab{ height:38px!important;min-height:38px!important;padding:4px 4px!important;font-size:13px!important;font-weight:600!important; } html body #rp-calculator-app #rpReviewStars.rp-review-stars>button{font-size:29px!important} } /* ========================================================= v4.22.6 — SAFE COMPACT UI ONLY Presentation changes only; reservation/calendar/menu/calculation logic untouched. ========================================================= */ /* Clearer top navigation labels without adding visual weight. */ #rp-calculator-app .rp-tabs{align-items:center!important} #rp-calculator-app .rp-tab{font-weight:500!important} #rp-calculator-app .rp-tab.is-active{font-weight:600!important} #rp-calculator-app .rp-back-hub{ display:inline-flex!important;align-items:center!important;gap:5px!important; min-height:32px!important;padding:5px 9px!important;margin:2px 0 8px!important; border:1px solid #dce6e1!important;border-radius:8px!important;background:#fff!important; color:#315e4c!important;font-size:12.5px!important;font-weight:500!important;line-height:1.3!important; } #rp-calculator-app .rp-back-hub:before{content:"←";font-size:15px;line-height:1} /* Venue-card actions: compact, readable, not overly bold. */ #rp-calculator-app .rp-hub-card-reserve{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;min-height:42px!important;height:42px!important;margin-top:8px!important;padding:6px 12px!important; border-radius:9px!important;background:#0b4a34!important;color:#fff!important;text-decoration:none!important; font-size:13.5px!important;font-weight:600!important;line-height:1.3!important; } #rp-calculator-app .rp-hub-quick{gap:5px!important;margin-top:7px!important;font-size:11.5px!important} #rp-calculator-app .rp-hub-quick a{padding:4px 9px!important;font-size:11px!important;font-weight:600!important} /* Menu rows: title + price on one line, food description directly below. */ #rp-calculator-app .rp-detail-menu{ grid-template-columns:18px minmax(0,1fr)!important;gap:8px!important;align-items:start!important; } #rp-calculator-app .rp-detail-menu-copy{display:block!important;min-width:0!important} #rp-calculator-app .rp-detail-menu-head{ display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;min-width:0!important; } #rp-calculator-app .rp-detail-menu-head>b{font-size:14px!important;font-weight:650!important;line-height:1.45!important;color:#202c27!important} #rp-calculator-app .rp-detail-menu-inline-price{font-size:13.5px!important;font-weight:700!important;color:#13805c!important;white-space:nowrap!important} #rp-calculator-app .rp-detail-menu-copy>small{display:block!important;margin-top:3px!important;font-size:12.5px!important;line-height:1.65!important;color:#6f7a75!important} #rp-calculator-app .rp-detail-menu>.rp-detail-menu-price{display:none!important} @media(max-width:767px){ #rp-calculator-app .rp-tabs{gap:6px!important;margin-bottom:10px!important} #rp-calculator-app .rp-tab{min-height:36px!important;height:36px!important;padding:4px 9px!important;font-size:12.5px!important;font-weight:500!important} #rp-calculator-app .rp-tab.is-active{font-weight:600!important} #rp-calculator-app .rp-back-hub{min-height:30px!important;padding:4px 8px!important;font-size:12px!important;margin-bottom:7px!important} #rp-calculator-app .rp-hub-card-reserve{min-height:40px!important;height:40px!important;font-size:13px!important;font-weight:600!important;margin-top:7px!important} #rp-calculator-app .rp-hub-quick{gap:4px!important;margin-top:6px!important;font-size:10.5px!important;flex-wrap:nowrap!important} #rp-calculator-app .rp-hub-quick>span{font-size:10.5px!important;white-space:nowrap!important} #rp-calculator-app .rp-hub-quick a{padding:3px 7px!important;font-size:10.5px!important;font-weight:600!important;white-space:nowrap!important} #rp-calculator-app .rp-detail-menu{ min-height:0!important;padding:9px 10px!important;border-radius:10px!important; grid-template-columns:16px minmax(0,1fr)!important;gap:7px!important; } #rp-calculator-app .rp-detail-menu-head{gap:7px!important} #rp-calculator-app .rp-detail-menu-head>b{font-size:13.5px!important;line-height:1.4!important} #rp-calculator-app .rp-detail-menu-inline-price{font-size:13px!important} #rp-calculator-app .rp-detail-menu-copy>small{font-size:11.5px!important;line-height:1.55!important;margin-top:2px!important} } /* Desktop booking form: align with the site content width and improve form readability. */ @media (min-width: 761px) { #rp-calculator-app .rp-wizard-form-card, #rp-calculator-app .rp-combined-info-card, #rp-calculator-app .rp-wizard-actions { max-width: 100%!important; } #rp-calculator-app .rp-wizard-progress span { font-size: 14px!important; } #rp-calculator-app .rp-step-title small { font-size: 13px!important; } #rp-calculator-app .rp-step-title h3 { font-size: 21px!important; line-height: 1.5!important; } #rp-calculator-app .rp-review-box span { font-size: 13px!important; } #rp-calculator-app .rp-review-box b { font-size: 15px!important; line-height: 1.7!important; } #rp-calculator-app .rp-combined-info-card .rp-compact-info-grid label { font-size: 14px!important; } #rp-calculator-app .rp-combined-info-card .rp-compact-info-grid input { height: 42px!important; min-height: 42px!important; font-size: 14px!important; } #rp-calculator-app .rp-combined-info-card .rp-social-title, #rp-calculator-app .rp-combined-info-card .rp-social-option { font-size: 13px!important; } #rp-calculator-app .rp-combined-info-card .rp-notes-fold summary { font-size: 14px!important; } #rp-calculator-app #rpRequestBtn { font-size: 14px!important; } } /* Desktop only: override compact mobile typography in the booking wizard. */ @media (min-width: 761px) { #rp-calculator-app .rp-combined-info-card .rp-step-title small { font-size: 13px!important; } #rp-calculator-app .rp-combined-info-card .rp-step-title h3 { font-size: 21px!important; line-height: 1.5!important; } }