/* IBS Automatic Package Publishing v0.2.5 — reference page #17800 fidelity. * Design source is READ ONLY. CSS scoped to this private STAGING preview only. * Gallery geometry follows locked IBS Tour Page Enhancer classic-1-5 (295:230). */ @font-face{font-family:"IBS Open Sans";src:url("/wp-content/astra-local-fonts/open-sans/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2");font-display:swap} @font-face{font-family:"IBS Merriweather";src:url("/wp-content/astra-local-fonts/merriweather/u-440qyriQwlOrhSvowK_l5-fCZM.woff2") format("woff2");font-display:swap} :root{ --ibs-ref-green:#8bc24a;--ibs-ref-green-dark:#79b537; --ibs-ref-orange:#ffa500;--ibs-ref-burgundy:#ab0d1b; --ibs-ref-forest:#125e3a;--ibs-ref-text:#2a2a2a; --ibs-ref-border:#d1d1cf;--ibs-ref-shadow:0 0 5px rgba(0,0,0,.22); --ibs-ref-heading:"IBS Merriweather",Merriweather,Georgia,serif; --ibs-ref-body:"IBS Open Sans","Open Sans",Arial,sans-serif; } *{box-sizing:border-box} html{scroll-behavior:smooth} body.ibs-preview-page{margin:0;background:#f7f6f2;color:var(--ibs-ref-text);font:13px/1.55 var(--ibs-ref-body)} body.ibs-preview-page button{font:inherit} body.ibs-preview-page button:focus-visible, body.ibs-preview-page a:focus-visible, body.ibs-preview-page summary:focus-visible{outline:3px solid #12639e;outline-offset:3px} .ibs-preview-skip{position:absolute;top:-200px;left:1rem;background:white;z-index:500;padding:9px}.ibs-preview-skip:focus{top:8px} .ibs-private-ribbon{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#702232;color:white;font-size:11px;padding:5px max(15px,calc((100vw - 1180px)/2))}.ibs-private-ribbon a{color:white} .ibs-reference-header{background:#dededb;box-shadow:0 1px 2px #0001} .ibs-reference-shell{width:100%;max-width:1160px;margin:0 auto;padding:0 15px} .ibs-header-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:66px} .ibs-brand strong{display:block;color:#ad1932;font:22px/1.25 var(--ibs-ref-heading)} .ibs-brand small{display:block;color:#265e21;font-size:11px} .ibs-header-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;align-items:center} .ibs-reference-main{padding-top:14px} .ibs-reference-main h1{color:var(--ibs-ref-burgundy);font:normal clamp(20px,2.3vw,28px)/1.32 var(--ibs-ref-heading);margin:0 0 9px} .ibs-reference-location{font-size:12px;margin:0 0 9px;display:flex;align-items:center;gap:5px} .ibs-ref-icon{display:inline-block;flex:none;width:15px;height:15px;color:#83c344;vertical-align:middle} .ibs-reference-location .ibs-ref-icon{width:18px;height:18px;fill:#83c344;stroke:white;stroke-width:1.1} /* Reference gallery: one large photo plus FIVE fully visible side thumbnails. */ .ibs-top-area, .ibs-reference-two-cols{display:grid;grid-template-columns:minmax(0,2.67fr) minmax(235px,1fr);gap:12px;align-items:start} .ibs-top-area{align-items:stretch} .ibs-photo-system{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:clamp(3px,.80vw,5px);aspect-ratio:295/230;width:100%;height:auto;min-width:0;container-type:inline-size} .ibs-reference-main-photo{overflow:hidden;background:#eeeeed;border:1px solid #86bd3f;min-width:0;min-height:0} .ibs-reference-main-photo img{height:100%;width:100%;object-fit:cover;display:block;pointer-events:none} .ibs-reference-thumb-rail{min-height:0;min-width:0;height:100%;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(2px,.65vw,4px);overflow:hidden} .ibs-preview-thumb{display:block;min-height:0;min-width:0;position:relative;border:1px solid #86bd3f;border-radius:0;padding:0;margin:0;background:#efefef;cursor:pointer;overflow:hidden;box-shadow:none} .ibs-preview-thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none} .ibs-preview-thumb:hover, .ibs-preview-thumb:focus-visible{outline:2px solid var(--ibs-ref-orange);outline-offset:-2px} .ibs-no-photo{background:#e5e5e1;display:flex;align-items:center;justify-content:center;padding:15px;text-align:center} /* Cost boxes: independent green title bars + softly blurred grey original-style panels */ .ibs-reference-side{min-width:0}.ibs-top-side{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:11px} .ibs-small-panel{min-width:0;margin:0 0 10px;display:flex;flex-direction:column} .ibs-top-side .ibs-small-panel{margin:0;min-height:0} .ibs-small-panel h2, .ibs-reference-block>h2, .ibs-reference-tour-links h2{font:normal 15px/1.33 var(--ibs-ref-heading);color:white;text-align:center;background:var(--ibs-ref-green);margin:0;padding:5px 8px} .ibs-top-side .ibs-small-panel h2{font-size:14px;padding:5px 7px} .ibs-small-panel .ibs-preview-bullets, .ibs-small-panel>p{background:#fbfaf8;border:1px solid #c7c8c2;margin:6px 2px 2px;padding:6px 6px;font-size:12px;box-shadow:var(--ibs-ref-shadow)} .ibs-preview-bullets, .ibs-simple-checks{list-style:none;margin:0;padding:0} .ibs-preview-bullets li{display:flex;align-items:flex-start;gap:5px;min-width:0;padding:4px 2px;border-bottom:1px solid #e7e7e4;line-height:1.55} .ibs-preview-bullets li:last-child{border-bottom:0} .ibs-preview-bullets li .ibs-ref-icon{width:14px;height:14px;margin-top:2px} .ibs-preview-bullets li span{min-width:0} .ibs-top-side .ibs-small-panel .ibs-preview-bullets{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9c9c98 #f3f2ee} .ibs-booking-bar{margin:10px 0 9px} .ibs-booking-bar button, .ibs-sidebar-booking button{width:100%;background:var(--ibs-ref-orange);border:0;color:white;font-size:13px;font-weight:700;padding:9px 11px;line-height:1.25;text-transform:uppercase;cursor:not-allowed} .ibs-reference-primary, .ibs-reference-sidebar{min-width:0} .ibs-reference-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px} .ibs-reference-stats>div{min-height:100px;background:#fafaf8;border:1px solid #d1d1ce;border-radius:5px;text-align:center;padding:12px 4px;box-shadow:var(--ibs-ref-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center} .ibs-reference-stats .ibs-ref-icon{height:23px;width:23px;margin:0 auto 3px} .ibs-reference-stats b, .ibs-reference-stats strong{display:block;font-size:12px;line-height:1.35;font-weight:400;color:#a51d24} .ibs-reference-stats strong{font-weight:600} /* Reference-style green headings, thin borders and compact text */ .ibs-reference-block{margin:0 0 9px;background:#fbfaf7;border-left:1px solid var(--ibs-ref-green-dark);border-right:1px solid #b9bcb6;border-bottom:1px solid #b9bcb6;min-width:0} .ibs-reference-block>h2{font-size:14px;text-align:center;padding:6px 7px} .ibs-reference-block>p, .ibs-reference-block>.ibs-reference-prose, .ibs-reference-block>ul:not(.ibs-temple-list){margin:0;padding:9px 10px;font-size:12px} .ibs-reference-block p{margin:0 0 8px}.ibs-reference-block p:last-child{margin-bottom:0} .ibs-reference-prose{font-size:12px;line-height:1.55} .ibs-reference-compact-subtitle{text-transform:uppercase;font-size:11px;font-weight:700;background:#ebf4e4;color:#265328;padding:5px 9px;margin:3px 8px} .ibs-reference-block .ibs-reference-compact-subtitle+p{font-size:12px;padding:5px 10px 10px} .ibs-simple-checks{padding:0 10px 7px!important} .ibs-simple-checks li{position:relative;padding:5px 3px 5px 17px;border-bottom:1px solid #e8e8e6} .ibs-simple-checks li:last-child{border-bottom:0}.ibs-simple-checks li:before{content:"✓";color:var(--ibs-ref-green-dark);position:absolute;left:1px;font-weight:700} .ibs-temple-photostrip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 5px 2px} .ibs-temple-photostrip img{height:155px;object-fit:cover;width:100%;min-width:0} .ibs-photostrip-dots{display:flex;justify-content:center;gap:4px;margin:2px 0 6px} .ibs-photostrip-dots span{width:5px;height:5px;border-radius:50%;background:#e3dfd6}.ibs-photostrip-dots .is-active{background:#e32743} .ibs-reference-block .ibs-temple-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 9px 10px;font-size:11px;gap:0 6px} .ibs-temple-list li{padding:4px 1px;border-bottom:1px solid #e5e5e1} .ibs-temple-list li .ibs-ref-icon{width:9px;height:9px;margin:4px 0 0}.ibs-temple-list li span{line-height:1.5} .ibs-reference-glance .ibs-simple-checks{padding:5px 9px 9px!important}.ibs-reference-glance .ibs-simple-checks li{padding:10px 4px 10px 16px} /* Owner requested no duplicate Glance heading; only one heading in HTML. */ /* Right sidebar retains original narrow green-bar stack */ .ibs-reference-sidebar .ibs-small-panel h2{font-size:15px} .ibs-reference-sidebar .ibs-small-panel{margin:0 0 8px} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets{font-size:11px;padding:4px 6px} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets li{padding:5px 2px;line-height:1.6} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets li .ibs-ref-icon{width:12px;height:12px} .ibs-contact p{line-height:1.9}.ibs-sidebar-action{background:var(--ibs-ref-green);margin:0 0 5px;text-align:center;color:white;font:normal 17px/1.3 var(--ibs-ref-heading);padding:7px 8px} .ibs-sidebar-booking{margin:7px 0}.ibs-sidebar-booking button{border-radius:7px;font-size:17px;padding:11px} .ibs-ref-note p{background:#f9f9f6!important;line-height:1.5} .ibs-reference-tour-links>:is(div,a){background:var(--ibs-ref-green);margin:5px 0;color:white;padding:10px 7px;text-align:center;font:13px/1.35 var(--ibs-ref-heading)} .ibs-reference-tour-links h2{display:none} /* Expanders: compact rows, red plus and original-style open-content photo geometry */ .ibs-reference-itinerary{border:0}.ibs-reference-itinerary>h2{background:var(--ibs-ref-green);color:white} .ibs-reference-accordion{background:#eee;border-bottom:1px solid #d7d7d5} .ibs-reference-accordion summary{cursor:pointer;list-style:none;color:#9f1b28;font-size:12px;font-weight:700;padding:7px 28px 7px 10px;position:relative} .ibs-reference-accordion summary::-webkit-details-marker{display:none} .ibs-reference-accordion summary:after{content:"+";position:absolute;right:11px;top:3px;color:#bb1f2a;font-weight:700;font-size:18px} .ibs-reference-accordion[open] summary:after{content:"−"}.ibs-reference-accordion[open] summary{color:#6eaa32;background:#edf4e6} .ibs-accordion-detail{background:#fff;display:flow-root;padding:10px 10px} .ibs-accordion-detail img{width:34%;max-height:195px;object-fit:contain;float:left;margin:0 11px 7px 0} .ibs-accordion-detail .ibs-reference-prose{font-size:12px;line-height:1.6} .ibs-faq .ibs-reference-accordion p{padding:8px 10px 11px;margin:0;background:#fff;font-size:12px} /* Exact four related tour facts and content-density from page #17800. */ .ibs-related{margin:12px 0 17px;background:#f3f4f2;box-shadow:0 0 4px #0002} .ibs-related h2{margin:0;background:var(--ibs-ref-forest);text-align:center;color:white;padding:7px;font:normal 15px/1.35 var(--ibs-ref-heading)} .ibs-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px} .ibs-related-grid .ibs-related-card{background:#fbfaf8;border:1px solid #c7c7c7;box-shadow:0 0 3px #0002;display:flex;flex-direction:column;min-width:0} .ibs-related-grid h3{font:normal 13px/1.4 var(--ibs-ref-heading);color:#245b38;margin:0;min-height:55px;padding:7px} .ibs-related-photo{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden} .ibs-related-photo img{width:100%;height:100%;object-fit:cover;display:block} .ibs-related-stars{color:#e6bf16;letter-spacing:1px;font-size:13px;padding:6px 8px 2px} .ibs-related-location{padding:4px 7px;border-top:1px solid #e5e5e5;border-bottom:1px solid #dedede;display:flex;align-items:center;gap:5px;font-size:11px} .ibs-related-location .ibs-ref-icon{width:12px;height:12px} .ibs-related-grid p{font-size:11px;line-height:1.48;padding:8px;margin:0;flex:1} .ibs-related-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:6px;border-top:1px solid #e0e0df} .ibs-related-tools{display:inline-flex;gap:5px}.ibs-related-tools .ibs-ref-icon{border:1px solid #8ec34a;width:16px;height:16px;padding:2px} .ibs-related-explore{background:#88c34c;color:#fff;padding:3px 8px;font-size:10px;white-space:nowrap} .ibs-reference-floating{position:fixed;bottom:12px;right:12px;display:flex;align-items:center;gap:5px;z-index:8;pointer-events:none;opacity:.85} .ibs-reference-floating>span:first-child{display:block;background:#f3a400;color:white;font-weight:700;padding:6px 10px;font-size:9px;border-radius:4px;box-shadow:0 0 3px #5559} .ibs-reference-floating-wa{display:flex;width:27px;height:27px;align-items:center;justify-content:center;background:#2cc565;border:2px solid white;border-radius:50%;font-size:17px;color:white} /* Reference footer bands, within the isolated private preview only */ .ibs-footer-cta{background:#4de3b0;display:flex;align-items:center;justify-content:space-around;gap:15px;padding:16px 4%;font-size:17px;color:#155846} .ibs-reference-footer{background:var(--ibs-ref-green);color:#21381a;font-size:12px} .ibs-footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:30px;padding-bottom:32px} .ibs-footer-copyright{background:#105a39;color:white;padding:13px max(16px,calc((100vw - 1160px)/2));font-size:10px} @media(max-width:950px){.ibs-header-nav{gap:10px}.ibs-reference-stats>div{min-height:85px}.ibs-temple-photostrip img{height:125px}} @media(max-width:760px){ .ibs-private-ribbon{padding:8px 13px;flex-wrap:wrap} .ibs-reference-header .ibs-header-inner{display:block;padding:12px 15px}.ibs-header-nav{margin-top:10px;gap:12px} .ibs-top-area, .ibs-reference-two-cols{grid-template-columns:1fr} .ibs-top-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;height:auto;gap:10px} .ibs-top-side .ibs-small-panel{min-height:100px}.ibs-top-side .ibs-small-panel .ibs-preview-bullets{height:auto;min-height:100px;max-height:180px} .ibs-reference-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ibs-reference-sidebar>*{margin:0!important}.ibs-reference-tour-links{grid-column:1/-1} .ibs-reference-tour-links>:is(div,a){display:inline-block;width:calc(50% - 6px);vertical-align:top;margin:3px} .ibs-footer-cta{font-size:15px} } @media(max-width:520px){ .ibs-reference-shell{padding:0 12px}.ibs-reference-main h1{font-size:22px} /* Follow locked gallery mobile container-query layout; no cropping or hidden fifth thumb. */ .ibs-photo-system{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:7px;aspect-ratio:auto;height:auto;container-type:normal} .ibs-reference-main-photo{grid-column:1/-1;aspect-ratio:4/3} .ibs-reference-thumb-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:7px;height:auto} .ibs-preview-thumb{aspect-ratio:1/1;min-height:0} .ibs-preview-thumb:nth-child(5){grid-column:1/-1;aspect-ratio:16/9} .ibs-top-side{display:block}.ibs-top-side .ibs-small-panel{margin-bottom:9px} .ibs-top-side .ibs-small-panel .ibs-preview-bullets{height:auto;min-height:0;max-height:none} .ibs-reference-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .ibs-reference-sidebar{display:block}.ibs-reference-sidebar>*{margin-bottom:9px!important} .ibs-reference-block .ibs-temple-list{grid-template-columns:repeat(2,minmax(0,1fr))} .ibs-temple-photostrip img{height:100px} .ibs-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .ibs-related-grid h3{min-height:68px}.ibs-related-grid p{min-height:110px} .ibs-footer-cta{display:block;font-size:15px;text-align:center}.ibs-footer-cta span{display:block;margin:4px 0} .ibs-footer-columns{grid-template-columns:1fr;gap:13px} .ibs-accordion-detail img{width:45%} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* ============================================================== v0.2.3: SOURCE-MEASURED ELEMENTOR SETTINGS FROM LOCKED PAGE #17800 These declarations affect ONLY the IBS admin-post private preview. Extracted read-only from Elementor widget settings on 10 Oct 2026. Do not enqueue this CSS on existing WordPress/Elementor pages. ============================================================== */ :root{ --ibs-ref-green:#8BC34A; /* Elementor widget background */ --ibs-ref-green-dark:#86BD3F; /* Gallery border from Tour Page Enhancer */ --ibs-ref-burgundy:#B50000; /* Widget a0b77a5 title_color */ --ibs-ref-forest:#225A40; /* Widget 2ff31d4 related heading */ --ibs-ref-border:#DEDEDE; /* Widget 86e321a icon list border */ --ibs-ref-shadow:0 1px 5px rgba(0,0,0,.2); } body.ibs-preview-page{font-family:var(--ibs-ref-body);font-size:16px;line-height:1.6} .ibs-reference-shell{max-width:1230px} /* Elementor option elementor_container_width=1200px; include 15px horizontal inner padding each side. Content width = 1200px. */ .ibs-reference-main h1{font-size:40px;line-height:1.4;font-weight:400;color:#B50000} .ibs-reference-location{font-size:21px;line-height:1.45} .ibs-reference-location .ibs-ref-icon{width:20px;height:27px} .ibs-small-panel h2, .ibs-reference-block>h2, .ibs-reference-tour-links h2, .ibs-related h2, .ibs-reference-glance>h2{font-size:26px;line-height:1.3;font-weight:400;padding:8px;text-align:center} .ibs-top-side .ibs-small-panel h2{font-size:26px;padding:8px;line-height:1.3} .ibs-small-panel h2, .ibs-reference-block>h2{background:#8BC34A} .ibs-reference-sidebar .ibs-small-panel h2{font-size:26px;padding:8px} .ibs-reference-block>p, .ibs-reference-block>.ibs-reference-prose, .ibs-reference-block>ul:not(.ibs-temple-list){font-size:16px;line-height:1.6} .ibs-reference-prose, .ibs-reference-block .ibs-reference-compact-subtitle+p{font-size:16px;line-height:1.6} .ibs-small-panel .ibs-preview-bullets, .ibs-small-panel>p{font-size:17px;padding:10px;border:1px solid #DEDEDE;box-shadow:var(--ibs-ref-shadow);background:#fff} .ibs-small-panel .ibs-preview-bullets{margin:1px;padding:10px} .ibs-preview-bullets li{padding:5px 1px;line-height:1.5;gap:7px} .ibs-preview-bullets li .ibs-ref-icon{width:20px;height:20px;margin-top:2px;fill:#8BC34A;stroke:none} .ibs-top-side .ibs-small-panel{overflow:hidden} .ibs-top-side .ibs-small-panel .ibs-preview-bullets{height:100%;min-height:0;overflow-y:auto} .ibs-reference-side.ibs-top-side{gap:9px} .ibs-top-side .ibs-small-panel .ibs-preview-bullets{margin-top:1px} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets{font-size:16px;padding:10px} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets li .ibs-ref-icon{width:18px;height:18px} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets li{padding:6px 1px;line-height:1.5} .ibs-reference-stats b, .ibs-reference-stats strong{font-size:16px} .ibs-reference-stats .ibs-ref-icon{fill:#8BC34A;stroke:none} .ibs-reference-block{font-size:16px} .ibs-simple-checks li{font-size:16px} .ibs-reference-block .ibs-temple-list{font-size:15px} .ibs-temple-list li .ibs-ref-icon{fill:#8BC34A;stroke:none} .ibs-reference-block .ibs-reference-compact-subtitle{font-size:15px} .ibs-reference-accordion summary{font-size:16px;line-height:1.55} .ibs-accordion-detail .ibs-reference-prose, .ibs-faq .ibs-reference-accordion p{font-size:16px;line-height:1.6} .ibs-related h2{background:#225A40;color:#fff;font-size:26px;padding:8px} .ibs-related-grid h3{font-family:var(--ibs-ref-heading);font-size:18px;font-weight:700;line-height:1.4;background:#E3E3E3;color:#225A40;padding:10px;min-height:unset} .ibs-related-stars{font-size:18px} .ibs-related-location, .ibs-related-grid p{font-size:15px;line-height:1.55} .ibs-related-location .ibs-ref-icon, .ibs-related-tools .ibs-ref-icon{fill:#8BC34A;stroke:none} .ibs-related-explore{font-size:13px} .ibs-footer-cta{font-size:20px} .ibs-reference-footer{font-size:16px} /* The gallery remains the verified 295:230 classic-1-5 geometry. */ @media(max-width:1024px){ .ibs-reference-main h1{font-size:26px;text-align:center} .ibs-reference-stats b, .ibs-reference-stats strong{font-size:14px} .ibs-small-panel h2, .ibs-reference-block>h2, .ibs-related h2{font-size:22px} .ibs-top-side .ibs-small-panel h2, .ibs-reference-sidebar .ibs-small-panel h2{font-size:22px} .ibs-small-panel .ibs-preview-bullets, .ibs-small-panel>p{font-size:15px} } @media(max-width:767px){ .ibs-reference-main h1{font-size:25px;text-align:center} .ibs-reference-location{font-size:16px} .ibs-small-panel h2, .ibs-reference-block>h2, .ibs-related h2, .ibs-reference-glance>h2{font-size:20px} .ibs-top-side .ibs-small-panel h2, .ibs-reference-sidebar .ibs-small-panel h2{font-size:20px} .ibs-related-grid h3{font-size:19px;text-align:center} .ibs-reference-block>p, .ibs-reference-block>.ibs-reference-prose, .ibs-reference-block>ul:not(.ibs-temple-list), .ibs-reference-prose, .ibs-accordion-detail .ibs-reference-prose, .ibs-faq .ibs-reference-accordion p{font-size:15px} .ibs-reference-block .ibs-temple-list{font-size:14px} .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets{font-size:15px} .ibs-small-panel .ibs-preview-bullets{padding:8px} .ibs-related-grid p, .ibs-related-location{font-size:14px} } /* v0.2.3 geometry safeguard: the cost-list content must NEVER change the gallery height. The source gallery uses a fixed 295:230 responsive width/height ratio. */ @media (min-width:761px){ .ibs-top-area{position:relative;align-items:start;grid-template-rows:auto} .ibs-top-area>.ibs-photo-system{grid-column:1;grid-row:1;align-self:start;aspect-ratio:295/230;min-height:0;height:auto} .ibs-top-area>.ibs-top-side{position:absolute;right:0;top:0;bottom:0;width:calc((100% - 12px)*0.27248);height:100%;max-height:100%;min-height:0;overflow:hidden} .ibs-top-side .ibs-small-panel{min-height:0;overflow:hidden} .ibs-top-side .ibs-small-panel>.ibs-preview-bullets{flex:1;min-height:0;overflow-y:auto} } /* v0.2.4 LOCKED CONTAINER AND TWO-COLUMN GEOMETRY Elementor site option: elementor_container_width=1200 (read-only verified 10-Oct-2026). .ibs-reference-shell has 15px horizontal padding: 1230px outer = 1200px content. Width-sensitive rules below affect THIS preview only; not Elementor, templates or live pages. 5:1 gallery internal layout and 295:230 aspect ratio remain unchanged. The original screenshot's gallery+sidebar widths measured approximately 71.5:28.5. */ @media(min-width:761px){ .ibs-top-area, .ibs-reference-two-cols{grid-template-columns:minmax(0,70.927fr) minmax(0,29.025fr);column-gap:12px} .ibs-top-area>.ibs-top-side{width:calc((100% - 12px) * 29.025 / 99.952)} .ibs-top-side{grid-template-rows:minmax(0,0.43fr) minmax(0,0.57fr)} } /* Deliberate exception from #17800: owner requested exactly one Tour At a Glance heading. */ .ibs-reference-glance>h2{margin-top:0} /* v0.2.5 — SOURCE-MEASURED LOCKED PAGE #17800 SIDEBAR TOUR-BOXES * Elementor widget IDs 037e4bb, 85f230c, a2d92af, 78163f8, * 57ea1f0, ccb6bf6, f179a9a. All seven share these exact explicit * widget settings: font-size 21px, line-height 32px, letter spacing 1px, * word spacing 1px, vertical padding 8px, green #8BC34A, * text color #FFFFFF, zero border radius, center alignment. * The Elementor title itself contains intentional
after state name. * Scope strictly limited to our STAGING preview, not source Elementor pages. */ body.ibs-preview-page .ibs-reference-tour-links>:is(div,a){ box-sizing:border-box; width:100%; height:auto; min-height:80px; /* 2 * 32px line-height + 2 * 8px padding */ margin:0 0 20px 0; /* Elementor widget spacing */ padding:8px 0; border:0; border-radius:0; background:#8BC34A; color:#FFFFFF; text-align:center; font-family:var(--ibs-ref-heading); font-size:21px; font-weight:400; line-height:32px; letter-spacing:1px; word-spacing:1px; white-space:normal; overflow-wrap:normal; } body.ibs-preview-page .ibs-reference-tour-links>:is(div,a):last-child{margin-bottom:0} @media(max-width:760px){ body.ibs-preview-page .ibs-reference-tour-links>:is(div,a){display:block;width:100%;min-height:0;margin:0 0 20px} } /* =============================================================== v0.2.6 SOURCE-MEASURED TEXT FIT AND ELEMENTOR GREY FEATHER SHADOW SOURCE LOCKED: Elementor reference post #17800, READ ONLY. - heading widget a0b77a5 explicitly sets desktop 40px, tablet 26px, mobile 25px; font-ready fit JS intervenes ONLY if title overflows its desktop container, preserving its 40px size when space allows. - feature widget 2b4a567 exact _box_shadow (0,0,10,2,#C2C2C2), #C2C2C2 groove border 1px, 10px radius. - source icon lists 86e321a, f8e9d04, ab200ee, 30dc44e have Elementor box shadow enabled. Default shadow fallback is 0 0 10px rgba(0,0,0,.3) where no explicit shadow values set. - introductory column 4518762 specifies shadow blur 10px and spread 0. - source related card column 00e8865 specifies enabled box shadow. This CSS is loaded ONLY into the admin-only STAGING private preview. =============================================================== */ :root{ --ibs-elementor-feather:0 0 10px 0 rgba(0,0,0,.29); --ibs-elementor-feature-shadow:0 0 10px 2px #C2C2C2; } /* Keep the reference typography at source settings; fit happens after loading the site's own Merriweather font, not on a test fallback. */ @media (min-width:1025px){ body.ibs-preview-page .ibs-reference-main>h1{ font-size:40px; font-weight:400; line-height:1.4; max-width:100%; } } /* Shadow is a separate Elementor control, not a thick hard border. */ body.ibs-preview-page .ibs-top-side .ibs-small-panel>.ibs-preview-bullets{ border:1px solid #DEDEDE; box-shadow:var(--ibs-elementor-feather); background:#fff; } body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel>.ibs-preview-bullets, body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel>p{ border:1px solid #DEDEDE; box-shadow:var(--ibs-elementor-feather); background:#fff; } /* Actual Elementor quick fact widget settings (2b4a567). */ body.ibs-preview-page .ibs-reference-stats>div{ border:1px groove #C2C2C2; border-radius:10px; box-shadow:var(--ibs-elementor-feature-shadow); } /* The reference introductory column uses a 10px blurred shadow. */ body.ibs-preview-page .ibs-reference-primary>.ibs-reference-block:not(.ibs-reference-itinerary):not(.ibs-faq){ box-shadow:var(--ibs-elementor-feather); } /* The four locked related-tour Elementor columns have shadows enabled. */ body.ibs-preview-page .ibs-related-grid .ibs-related-card{ box-shadow:var(--ibs-elementor-feather); border:1px solid #B1B1B1; } /* v0.2.6 final shadow visibility correction. The top cost panel itself clips scrolling content to preserve the gallery height. Reserve a small inset around the shadowed inner list so its feather edge is not clipped. */ body.ibs-preview-page .ibs-top-side .ibs-small-panel>.ibs-preview-bullets{ margin:6px 7px 8px; padding:6px 7px; box-shadow:0 0 10px 0 rgba(0,0,0,.40); } body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel>.ibs-preview-bullets, body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel>p{ margin:6px 4px 8px; box-shadow:0 0 10px 0 rgba(0,0,0,.36); } /* ================================================================ * v0.2.7 RELATED TOUR CARD ACTIONS: LOCKED ELEMENTOR REFERENCE #17800 * Read-only exact settings from widgets: * 50605b0 (Explore): font 15px, #8BC34A, 5px corner radius. * 68f9e60, 65b383a, a256d49: car-side, hotel, laptop-code SVG * in 15px artwork, 1px framed border, primary color #89BF48. * 00e8865: card box_shadow enabled, grey border #B1B1B1. * Soft shadow blur uses visually matched 10px fallback because exact * card shadow value is not explicitly recorded in Elementor settings. * Applied ONLY to isolated private preview. Original page untouched. * ================================================================ */ body.ibs-preview-page .ibs-related-grid{ gap:10px; padding:12px 10px 14px; } body.ibs-preview-page .ibs-related-grid .ibs-related-card{ border:1px solid #B1B1B1; box-shadow:0 0 10px 2px rgba(0,0,0,.29); background:#fbfaf8; } body.ibs-preview-page .ibs-related-card-bottom{ padding:10px 10px 13px; min-height:67px; gap:8px; background:#f9f9f7; } body.ibs-preview-page .ibs-related-tools{ display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; } body.ibs-preview-page .ibs-related-tools .ibs-ref-icon{ display:block; box-sizing:content-box; width:15px; height:15px; padding:8px; border:1px solid #89BF48; border-radius:0; color:#89BF48; fill:#89BF48; stroke:none; background:#fff; } body.ibs-preview-page .ibs-related-explore{ display:inline-flex; justify-content:center; align-items:center; flex:0 0 auto; min-width:112px; min-height:36px; border-radius:5px; background:#8BC34A; color:#fff; font:600 15px/1.2 var(--ibs-ref-body); padding:9px 14px; text-transform:uppercase; white-space:nowrap; } @media (min-width:761px) and (max-width:1120px){ body.ibs-preview-page .ibs-related-tools{gap:5px} body.ibs-preview-page .ibs-related-tools .ibs-ref-icon{padding:6px} body.ibs-preview-page .ibs-related-explore{min-width:86px;padding:8px 9px;font-size:13px} body.ibs-preview-page .ibs-related-card-bottom{padding:8px 6px} } @media (max-width:760px){ body.ibs-preview-page .ibs-related-grid{gap:13px;padding:10px 9px 14px} body.ibs-preview-page .ibs-related-card-bottom{min-height:58px;padding:8px 6px;gap:4px} body.ibs-preview-page .ibs-related-tools{gap:5px} body.ibs-preview-page .ibs-related-tools .ibs-ref-icon{padding:5px;width:13px;height:13px} body.ibs-preview-page .ibs-related-explore{font-size:12px;min-height:30px;min-width:70px;padding:5px 7px} } @media(max-width:385px){ body.ibs-preview-page .ibs-related-tools .ibs-ref-icon{padding:3px;width:11px;height:11px} body.ibs-preview-page .ibs-related-explore{min-width:65px;padding:5px;font-size:11px} } /* Elementor reference specifies 50% columns on tablets (00e8865). */ @media (min-width:761px) and (max-width:1024px){ body.ibs-preview-page .ibs-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));} body.ibs-preview-page .ibs-related-tools .ibs-ref-icon{padding:8px;width:15px;height:15px} body.ibs-preview-page .ibs-related-explore{font-size:15px;min-width:112px;padding:9px 14px} } /* v0.2.8: Reference page #17800's four Elementor Spacer widgets below * the related-tour action bars: b7d2caf, b7283ce, b043421, 75970d5. * All four save background #E9E9E9 with no explicit custom height. * Elementor's standard default spacer is 50px; keep a standalone, non- * interactive 50px region beneath the bottom icon/button row. Do not * replace it with a border on the row itself. Scoped to private preview. */ body.ibs-preview-page .ibs-related-elementor-spacer{ display: block; flex: 0 0 50px; height: 50px; min-height: 50px; width: 100%; box-sizing: border-box; background-color: #E9E9E9; border-top: 0; } /* v0.2.9 — owner-requested JUSTIFIED DESCRIPTIVE TEXT. * Private IBS STAGING preview only. Precisely target continuous editorial * prose, including related-tour excerpts, rather than a global p selector. * Preserve Elementor-inspired heading, labels, bullet lists, FAQs questions, * buttons, pricing, contact details and short fact alignments. * Final lines stay start-aligned to avoid stretched final rows. */ body.ibs-preview-page .ibs-reference-primary .ibs-reference-prose p, body.ibs-preview-page .ibs-reference-primary .ibs-reference-block > p, body.ibs-preview-page .ibs-reference-primary .ibs-reference-block .ibs-accordion-detail p, body.ibs-preview-page .ibs-reference-primary .ibs-faq .ibs-reference-accordion > p, body.ibs-preview-page .ibs-related-grid .ibs-related-card > p{ text-align: justify; text-align-last: start; hyphens: auto; overflow-wrap: break-word; } /* v0.2.10 — MEASURED ELEMENTOR TEMPLE IMAGE CAROUSEL, reference 17800. * Widget eded283: five source photographs, 220x220 thumbnail preparation, * image border groove 6px white, 10px corners, outer 1px #8BC34A, * red #FF0000 arrows (36px), red #CB1C1C 10px dots, advance one image, * autoplay 5000ms. Elementor image size is a SOURCE resize instruction; * displayed tiles follow the reference's wide ~4:3 on-page viewport frame. * Scoped to the new private publisher ONLY. No changes to Elementor gallery. */ body.ibs-preview-page .ibs-temple-carousel{ box-sizing:border-box; position:relative; width:100%; min-width:0; border:1px solid #8BC34A; padding:6px 6px 9px; margin:0 0 7px; background:#fff; } body.ibs-preview-page .ibs-temple-carousel-viewport{ position:relative; width:100%; overflow:hidden; } body.ibs-preview-page .ibs-temple-carousel-track{ width:100%; display:flex; gap:6px; align-items:stretch; box-sizing:border-box; } body.ibs-preview-page .ibs-temple-carousel .ibs-temple-slide{ flex:0 0 calc((100% - 12px) / 3); min-width:0; margin:0; overflow:hidden; border:6px groove #FFFFFF; border-radius:10px; aspect-ratio:4/3; background:#faf9f6; box-sizing:border-box; } body.ibs-preview-page .ibs-temple-carousel .ibs-temple-slide[hidden]{display:none!important} body.ibs-preview-page .ibs-temple-carousel .ibs-temple-slide img{ display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:cover; object-position:center center; border:0; border-radius:4px; box-sizing:border-box; } body.ibs-preview-page .ibs-temple-carousel-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:43px; height:53px; padding:0; margin:0; background:transparent; border:0; color:#FF0000; opacity:.95; cursor:pointer; } body.ibs-preview-page .ibs-temple-carousel-arrow svg{ display:block; width:36px; height:36px; fill:currentColor; } body.ibs-preview-page .ibs-temple-prev{left:5px} body.ibs-preview-page .ibs-temple-next{right:5px} body.ibs-preview-page .ibs-temple-carousel-arrow:hover, body.ibs-preview-page .ibs-temple-carousel-arrow:focus-visible{background:rgba(255,255,255,.48)} body.ibs-preview-page .ibs-temple-carousel-dots{ display:flex; justify-content:center; align-items:center; gap:12px; margin:8px 0 1px; min-height:12px; } body.ibs-preview-page .ibs-temple-carousel-dot{ box-sizing:content-box; flex:0 0 10px; width:10px; height:10px; border:0; border-radius:50%; padding:0; margin:0; background:#CB1C1C; opacity:.22; cursor:pointer; } body.ibs-preview-page .ibs-temple-carousel-dot.is-active, body.ibs-preview-page .ibs-temple-carousel-dot[aria-pressed="true"]{opacity:1} body.ibs-preview-page .ibs-temple-carousel button:focus-visible{outline:2px solid #225A40;outline-offset:2px} @media(min-width:768px) and (max-width:1024px){ body.ibs-preview-page .ibs-temple-carousel .ibs-temple-slide{flex-basis:calc((100% - 6px)/2)} } @media(max-width:767px){ body.ibs-preview-page .ibs-temple-carousel{padding:5px 5px 9px} body.ibs-preview-page .ibs-temple-carousel .ibs-temple-slide{flex-basis:100%;aspect-ratio:4/3} body.ibs-preview-page .ibs-temple-carousel-arrow{width:38px;height:44px} body.ibs-preview-page .ibs-temple-carousel-arrow svg{width:30px;height:30px} } /* v0.2.11: public summary only; operational itinerary is never rendered. */ .ibs-public-outline-notice{margin:0!important;padding:10px 12px!important;background:#f8fbf4!important;color:#374335!important;font-size:13px!important;line-height:1.55!important;border-bottom:1px solid #d4e4c7!important;text-align:justify!important} /* v0.3.0 — Native IBS price-only admin test. Scoped to publisher preview. */ /* v0.3.1: Native engine options, editor-only, no changes to the locked layout. */ body.ibs-preview-page .ibs-app-prepare-checkout{display:inline-block;margin:6px 7px 4px 0;padding:10px 13px;border:0;border-radius:3px;background:#8bc34a;color:#fff;font-weight:700;font-size:14px;cursor:pointer} body.ibs-preview-page .ibs-app-prepare-checkout:disabled{opacity:.6;cursor:wait} /* v0.6.2 — targeted private/native draft readability refinement. Presentation only; no gallery sizing, checkout, prices, permissions or publication changes. */ body.ibs-preview-page .ibs-reference-block{margin-bottom:15px;} body.ibs-preview-page .ibs-reference-block>p, body.ibs-preview-page .ibs-reference-block>.ibs-reference-prose, body.ibs-preview-page .ibs-reference-block>ul:not(.ibs-temple-list){padding:12px 14px;line-height:1.7;} body.ibs-preview-page .ibs-reference-accordion summary{min-height:41px;padding-top:10px;padding-bottom:10px;line-height:1.55;} body.ibs-preview-page .ibs-simple-checks li{line-height:1.65;padding-top:8px;padding-bottom:8px;} body.ibs-preview-page .ibs-reference-sidebar .ibs-preview-bullets li{line-height:1.65;} @media(max-width:767px){ body.ibs-preview-page .ibs-reference-shell{padding-left:15px;padding-right:15px;} body.ibs-preview-page .ibs-reference-block>p, body.ibs-preview-page .ibs-reference-block>.ibs-reference-prose{font-size:16px;line-height:1.7;padding:12px;} body.ibs-preview-page .ibs-reference-accordion summary{font-size:16px;min-height:44px;} } @media(max-width:520px){ body.ibs-preview-page .ibs-reference-stats>div{padding:12px 8px;} } /* v0.6.5 — PHONE-ONLY ACCESSIBILITY REFINEMENT (<= 520px). * Keeps desktop/tablet, image gallery geometry and JS, carousel, approval, * pricing and checkout behavior unchanged. CSS stays inside isolated APP preview. */ @media (max-width:520px) { body.ibs-preview-page{font-size:16px;line-height:1.7;overflow-wrap:break-word} body.ibs-preview-page .ibs-reference-shell{padding-left:15px;padding-right:15px} body.ibs-preview-page .ibs-reference-main{padding-top:16px} body.ibs-preview-page .ibs-reference-main h1{font-size:24px;line-height:1.34;margin-bottom:12px;text-align:center;overflow-wrap:normal} body.ibs-preview-page .ibs-reference-location{font-size:16px;line-height:1.5;margin-bottom:12px} body.ibs-preview-page .ibs-reference-block{margin-bottom:15px} body.ibs-preview-page .ibs-reference-block>h2, body.ibs-preview-page .ibs-small-panel h2, body.ibs-preview-page .ibs-related h2{font-size:20px;line-height:1.4;padding:10px 9px} body.ibs-preview-page .ibs-reference-block>p, body.ibs-preview-page .ibs-reference-block>.ibs-reference-prose, body.ibs-preview-page .ibs-reference-block .ibs-reference-compact-subtitle+p, body.ibs-preview-page .ibs-reference-prose, body.ibs-preview-page .ibs-accordion-detail .ibs-reference-prose, body.ibs-preview-page .ibs-faq .ibs-reference-accordion p{font-size:16px;line-height:1.75;padding:12px 13px} body.ibs-preview-page .ibs-reference-compact-subtitle{font-size:14px;line-height:1.55;padding:9px 11px} body.ibs-preview-page .ibs-small-panel .ibs-preview-bullets, body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel .ibs-preview-bullets, body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel>p{font-size:16px;line-height:1.6;padding:11px 12px} body.ibs-preview-page .ibs-preview-bullets li{padding:9px 3px;gap:9px;line-height:1.65} body.ibs-preview-page .ibs-preview-bullets li .ibs-ref-icon{width:16px;height:16px;margin-top:5px} body.ibs-preview-page .ibs-reference-stats{gap:11px;margin-bottom:13px} body.ibs-preview-page .ibs-reference-stats>div{min-height:92px;padding:13px 8px} body.ibs-preview-page .ibs-reference-stats b, body.ibs-preview-page .ibs-reference-stats strong{font-size:15px;line-height:1.45} body.ibs-preview-page .ibs-simple-checks li{font-size:16px;line-height:1.65;padding:10px 6px 10px 22px} body.ibs-preview-page .ibs-reference-block .ibs-temple-list{font-size:15px;line-height:1.6;gap:3px 12px;padding:10px 12px} body.ibs-preview-page .ibs-reference-block .ibs-temple-list li{padding:8px 2px;min-width:0} body.ibs-preview-page .ibs-booking-bar{margin:13px 0} body.ibs-preview-page .ibs-booking-bar button, body.ibs-preview-page .ibs-sidebar-booking button{min-height:52px;padding:13px 14px;font-size:15px;line-height:1.4;white-space:normal} body.ibs-preview-page .ibs-reference-accordion summary{font-size:16px;line-height:1.55;min-height:48px;padding:12px 33px 12px 13px} body.ibs-preview-page .ibs-reference-accordion summary:after{top:10px;right:13px;font-size:21px} body.ibs-preview-page .ibs-public-outline-notice{font-size:15px!important;line-height:1.7!important;padding:12px!important} body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel{margin-bottom:13px!important} body.ibs-preview-page .ibs-reference-tour-links>:is(div,a){font-size:18px;line-height:1.5;min-height:55px;margin-bottom:12px;padding:12px 10px;overflow-wrap:break-word} body.ibs-preview-page .ibs-related-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding:12px} body.ibs-preview-page .ibs-related-grid h3{min-height:0;font-size:18px;line-height:1.45;padding:12px} body.ibs-preview-page .ibs-related-grid p, body.ibs-preview-page .ibs-related-location{font-size:15px;line-height:1.7;min-height:0} body.ibs-preview-page .ibs-related-card-bottom{min-height:50px} body.ibs-preview-page .ibs-related-explore{font-size:15px;min-height:44px;min-width:95px;padding:10px 12px} body.ibs-preview-page .ibs-footer-cta, body.ibs-preview-page .ibs-reference-footer{font-size:15px;line-height:1.7} } /* v0.6.7 separate, admin-only booking destination buttons, styled as original CTA */ .ibs-booking-bar .ibs-app-private-booking-link, .ibs-sidebar-booking .ibs-app-private-booking-link{display:block;text-align:center;box-sizing:border-box;width:100%;background:#ffa500;color:#fff!important;text-decoration:none!important;border:0;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer} .ibs-booking-bar .ibs-app-private-booking-link:hover, .ibs-sidebar-booking .ibs-app-private-booking-link:hover{background:#e29200} @media(max-width:767px){.ibs-booking-bar .ibs-app-private-booking-link, .ibs-sidebar-booking .ibs-app-private-booking-link{min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 15px}} body.ibs-preview-page .ibs-app-sightseeing-stops{padding:0 13px 15px;background:#fff;border-top:1px solid #e2e8dc} body.ibs-preview-page .ibs-app-sightseeing-stops[hidden]{display:none!important} body.ibs-preview-page .ibs-app-stops-intro, body.ibs-preview-page .ibs-app-stops-note{font-size:12px;line-height:1.6;margin:12px 0;color:#445749} body.ibs-preview-page .ibs-app-stops-group{min-width:0;border:1px solid #d7e2cf;border-radius:6px;margin:12px 0;padding:9px} body.ibs-preview-page .ibs-app-stops-group legend{font-weight:700;font-size:14px;color:#23603a;padding:0 5px} body.ibs-preview-page .ibs-app-stops-grid{display:grid;grid-template-columns:1fr;gap:4px} body.ibs-preview-page .ibs-app-stops-grid label{display:flex!important;align-items:flex-start;gap:8px;padding:7px 5px!important;font-size:13px;line-height:1.45;color:#253a2a;cursor:pointer} body.ibs-preview-page .ibs-app-stops-grid input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#70aa3b} body.ibs-preview-page .ibs-app-private-brand-tag{font:600 13px/1.5 var(--ibs-ref-body);color:#316b37} @media(max-width:620px){ body.ibs-preview-page .ibs-app-private-brand-tag{display:none} } body.ibs-preview-page .ibs-reference-floating{pointer-events:auto;opacity:1} body.ibs-preview-page .ibs-reference-floating .ibs-reference-floating-book{ display:inline-flex;align-items:center;justify-content:center;min-height:42px; padding:10px 15px;background:#f3a400;color:#fff!important; font:700 13px/1.25 var(--ibs-ref-body);text-decoration:none; border-radius:5px;box-shadow:0 2px 8px #3335;white-space:normal;text-align:center; } body.ibs-preview-page .ibs-reference-floating .ibs-reference-floating-book:focus-visible{outline:3px solid #1e5532;outline-offset:3px} body.ibs-preview-page .ibs-reference-floating .ibs-reference-floating-wa{pointer-events:none} @media(max-width:600px){body.ibs-preview-page .ibs-reference-floating .ibs-reference-floating-book{font-size:12px;min-height:48px;max-width:190px}} @media print{ @page{size:A4;margin:17mm 16mm} body.ibs-preview-page{background:#fff!important;color:#000!important} body.ibs-preview-page .ibs-private-ribbon, body.ibs-preview-page .ibs-reference-header, body.ibs-preview-page .ibs-app-booking-banner, body.ibs-preview-page .ibs-reference-floating{display:none!important} } @media print{ @page{size:A4;margin:17mm 16mm} body.ibs-preview-page{background:#fff!important;color:#000!important} body.ibs-preview-page .ibs-private-ribbon, body.ibs-preview-page .ibs-reference-header, body.ibs-preview-page .ibs-app-booking-banner, body.ibs-preview-page .ibs-reference-floating{display:none!important} } @media print{ @page{size:A4;margin:17mm 16mm} body.ibs-preview-page{background:#fff!important;color:#000!important} body.ibs-preview-page .ibs-private-ribbon, body.ibs-preview-page .ibs-reference-header, body.ibs-preview-page .ibs-app-booking-banner, body.ibs-preview-page .ibs-reference-floating{display:none!important} } /* v0.7.17: private design-preview booking CTA is intentionally non-interactive. */ .ibs-app-private-booking-link[aria-disabled="true"],.ibs-reference-floating-book[aria-disabled="true"]{display:block;cursor:default!important;pointer-events:none;user-select:none} /* v0.7.37 — GLOBAL gallery-to-facts spacing for EVERY IBS APP package. * One uniform 12px separation between the 1+5 gallery/cost area and the * four information boxes beneath it, including the Deoghar pilot. * Applies on desktop, tablet and mobile; does not change gallery geometry. */ body.ibs-preview-page .ibs-top-area{margin-bottom:12px} /* v0.7.31 — Relaxed 5N/6D only: show the entire portrait photo in the * fixed 1+5 reference gallery. Tall temple/deity photos are not cropped; * the frame dimensions, responsive layout and other approved tours remain * untouched. The class is updated after initial load and thumbnail swaps. */ body.ibs-preview-page.ibs-app-relaxed-auto-fit .ibs-reference-main-photo.ibs-gallery-portrait-fit{ background:#f1eee8; } body.ibs-preview-page.ibs-app-relaxed-auto-fit .ibs-reference-main-photo.ibs-gallery-portrait-fit img{ object-fit:contain; object-position:center center; } /* v0.7.32 — Global IBS Package Master start and ending point strip. * Retain the approved title/gallery alignment and permit wrapping on phones. * Explicit master values win; known legacy defaults are view-only. */ body.ibs-preview-page .ibs-reference-location{ flex-wrap:wrap; column-gap:6px; row-gap:3px; } body.ibs-preview-page .ibs-location-entry{ display:inline-flex; flex-wrap:wrap; align-items:baseline; column-gap:5px; min-width:0; } body.ibs-preview-page .ibs-location-entry strong{white-space:nowrap} body.ibs-preview-page .ibs-location-divider{ color:#777; padding:0 8px; font-weight:500; } @media(max-width:520px){ body.ibs-preview-page .ibs-location-divider{padding:0 2px} } /* v0.7.42: scoped owner-only live-IBS integration test, not customer release. */ body.ibs-preview-page .ibs-app-pilot-jump{display:block;text-align:center;background:#ffa500;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:12px 10px;border-radius:3px} body.ibs-preview-page .ibs-app-pilot-booking{scroll-margin-top:25px;padding-bottom:14px} body.ibs-preview-page .ibs-app-pilot-booking>p{background:#fff5dc;border:1px solid #e7c48a;padding:12px;margin:12px;color:#473112;font-size:13px} body.ibs-preview-page .ibs-app-native-pilot-form{background:#fff;padding:15px;margin:10px;border:1px solid #c8d9c9;overflow:visible;font-size:14px} body.ibs-preview-page .ibs-app-native-pilot-form input,body.ibs-preview-page .ibs-app-native-pilot-form select,body.ibs-preview-page .ibs-app-native-pilot-form textarea{max-width:100%} /* v0.7.45 — owner-only private-tour sidebar CTA uses the SAME protected separate calculation URL as the sticky CTA; no public activation. */ body.ibs-preview-page .ibs-sidebar-booking a.ibs-app-pilot-sidebar-link { display:block; width:100%; box-sizing:border-box; text-align:center; background:#ffa500; color:#fff!important; text-decoration:none!important; padding:11px 12px; font-weight:700; cursor:pointer; } body.ibs-preview-page .ibs-sidebar-booking a.ibs-app-pilot-sidebar-link:hover, body.ibs-preview-page .ibs-sidebar-booking a.ibs-app-pilot-sidebar-link:focus-visible {background:#e29200;} body.ibs-preview-page .ibs-sidebar-booking a.ibs-app-pilot-sidebar-link:focus-visible {outline:2px solid #17582f; outline-offset:2px;} /* v0.7.52: authorised Group Tour entry buttons, no booking calculator. */ body.ibs-preview-page .ibs-app-v052-group-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;} body.ibs-preview-page .ibs-app-v052-group-actions .ibs-app-pilot-jump{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;} body.ibs-preview-page a.ibs-app-v052-group-sidebar{display:block;text-decoration:none;color:#fff;text-align:center;} body.ibs-preview-page a.ibs-app-v052-group-sidebar:hover,body.ibs-preview-page a.ibs-app-v052-group-sidebar:focus-visible{filter:brightness(.91);text-decoration:underline;} @media(max-width:600px){body.ibs-preview-page .ibs-app-v052-group-actions{grid-template-columns:1fr;}} /* v0.7.54 GLOBAL APP MOBILE PHOTO GALLERY (all six packages). * Locked rule: desktop/tablet (>=768px) retain classic 1+5 reference layout. * Phones (<=767px) show one 4:3 hero + FOUR square thumbnails in ONE row. * The fifth thumbnail stays in the DOM (for the accessible lightbox), but is * visually hidden; the fourth shows a dark +1 more overlay when appropriate. * All existing photo IDs/order and the separate IBS booking logic are untouched. */ body.ibs-preview-page .ibs-reference-main-photo{position:relative} body.ibs-preview-page .ibs-gallery-hero-open{display:none} body.ibs-preview-page .ibs-gallery-more-overlay{display:none} @media(max-width:767px){ body.ibs-preview-page .ibs-top-area, body.ibs-preview-page .ibs-reference-two-cols{grid-template-columns:minmax(0,1fr)} body.ibs-preview-page .ibs-top-area{position:static;grid-template-rows:auto;align-items:stretch} body.ibs-preview-page .ibs-top-area>.ibs-photo-system{ grid-column:auto;grid-row:auto;align-self:stretch; display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto; aspect-ratio:auto;height:auto;min-height:0;container-type:normal;gap:6px; } body.ibs-preview-page .ibs-reference-main-photo{ grid-column:1;grid-row:1;aspect-ratio:4/3;height:auto;min-height:0; } body.ibs-preview-page .ibs-reference-main-photo img{width:100%;height:100%;object-fit:cover} body.ibs-preview-page .ibs-gallery-hero-open{ display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1; padding:0;margin:0;border:0;background:transparent;cursor:zoom-in; } body.ibs-preview-page .ibs-reference-thumb-rail{ grid-column:1;grid-row:2;height:auto;min-width:0;min-height:0; display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:auto;gap:5px;overflow:visible; } body.ibs-preview-page .ibs-preview-thumb, body.ibs-preview-page .ibs-preview-thumb:nth-child(5){ grid-column:auto;aspect-ratio:1/1;min-height:0;height:auto;width:100%; } body.ibs-preview-page .ibs-preview-thumb:nth-child(n+5){display:none} body.ibs-preview-page .ibs-gallery-more-overlay{ display:flex;align-items:center;justify-content:center;position:absolute;inset:0; color:#fff;background:rgba(0,0,0,.64);font-weight:700;font-size:clamp(10px,3vw,14px); text-align:center;pointer-events:none;text-shadow:0 1px 2px #111;padding:3px; } body.ibs-preview-page .ibs-top-area>.ibs-top-side{ position:static;grid-column:auto;grid-row:auto;width:auto;height:auto; max-height:none;min-height:0;overflow:visible; } } /* Full-screen photo viewer: created on demand by preview.js and only opened * through the mobile controls. Dialog uses native focus trapping / Escape. */ body.ibs-preview-page .ibs-gallery-lightbox{ padding:0;border:0;border-radius:8px;color:white;background:#151515; width:min(96vw,960px);max-width:960px;max-height:96dvh;overflow:hidden; box-shadow:0 15px 60px #0009; } body.ibs-preview-page .ibs-gallery-lightbox::backdrop{background:rgba(0,0,0,.9)} body.ibs-preview-page .ibs-gallery-dialog-body{display:flex;flex-direction:column;gap:6px;padding:12px;max-height:96dvh} body.ibs-preview-page .ibs-gallery-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px} body.ibs-preview-page .ibs-gallery-dialog-counter{font:600 14px/1.4 var(--ibs-ref-body);color:#fff} body.ibs-preview-page .ibs-gallery-dialog-toolbar button, body.ibs-preview-page .ibs-gallery-dialog-nav button{ display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px; border:1px solid #777;background:#242424;color:#fff;border-radius:5px;cursor:pointer; font:700 24px/1 Arial,sans-serif; } body.ibs-preview-page .ibs-gallery-dialog-picture{ display:flex;align-items:center;justify-content:center;min-height:0;flex:1;position:relative; } body.ibs-preview-page .ibs-gallery-dialog-picture img{ display:block;object-fit:contain;max-height:calc(96dvh - 140px);max-width:100%;width:auto;height:auto; } body.ibs-preview-page .ibs-gallery-dialog-nav{display:flex;gap:16px;justify-content:center;align-items:center} body.ibs-preview-page .ibs-gallery-dialog-caption{color:#eee;font-size:12px;text-align:center;min-height:18px;word-wrap:break-word} @media(max-width:767px){ body.ibs-preview-page .ibs-gallery-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0} body.ibs-preview-page .ibs-gallery-dialog-body{height:100dvh;max-height:100dvh} body.ibs-preview-page .ibs-gallery-dialog-picture img{max-height:calc(100dvh - 158px)} } @media(prefers-reduced-motion:reduce){body.ibs-preview-page .ibs-gallery-lightbox{scroll-behavior:auto}} /* v0.7.55 — LOCKED: mobile-only centred "Call us on" phone numbers. * Preserve all contact details and desktop/tablet alignment. * This scoped override matches the gallery's phone breakpoint (<=767px). */ @media (max-width: 767px) { body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel.ibs-contact > p { text-align: center; } } /* APP v0.7.57 — owner-approved global mobile/tablet disclosure. * Cost Includes and Cost Excludes must show ALL approved list items in their * own single unscrollable blocks. Keep the locked desktop top cost/gallery * geometry at >=1121px, but permit tablet cost column to grow naturally. * Do not affect the separate right-hand content sidebar or tour pricing. */ @media (max-width:1120px){ body.ibs-preview-page .ibs-top-area > .ibs-top-side{ position:static;right:auto;top:auto;bottom:auto; grid-column:auto;grid-row:auto;width:100%;height:auto;max-height:none; min-height:0;overflow:visible;align-self:start; grid-template-rows:auto auto; } body.ibs-preview-page .ibs-top-side .ibs-small-panel{ flex:none;min-height:0;max-height:none;height:auto;overflow:visible; } body.ibs-preview-page .ibs-top-side .ibs-small-panel > .ibs-preview-bullets{ display:block;flex:none;height:auto;max-height:none;min-height:0; overflow:visible;overflow-y:visible;scrollbar-width:auto; } } /* Tablets: the cost lists cannot be kept inside the original narrow * 29% gallery-height sidebar when all content must be readable. Place the * full 1+5 photo gallery above two natural-height cost cards side by side. * This avoids the large blank gap below the photograph and gives both full * lists sufficient width. Desktop >=1121px retains the original composition. */ @media (min-width:768px) and (max-width:1120px){ body.ibs-preview-page .ibs-top-area{ display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto; row-gap:12px;align-items:start; } body.ibs-preview-page .ibs-top-area > .ibs-photo-system{ grid-column:1;grid-row:1;aspect-ratio:295/230;width:100%;height:auto; } body.ibs-preview-page .ibs-top-area > .ibs-top-side{ grid-column:1;grid-row:2;display:grid; grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto; gap:12px;align-items:start; } body.ibs-preview-page .ibs-top-side .ibs-small-panel{min-width:0;} } /* Full-height cards stack on phones; no scroll containers, no popups. */ @media (max-width:767px){ body.ibs-preview-page .ibs-top-area > .ibs-top-side{ display:flex;flex-direction:column;gap:10px; } body.ibs-preview-page .ibs-app-v057-cta-separator{display:none} body.ibs-preview-page .ibs-app-v057-cta-secondary{display:block;margin-top:3px} body.ibs-preview-page .ibs-app-v057-cta-primary{display:block} body.ibs-preview-page .ibs-booking-bar a.ibs-app-pilot-jump{ white-space:normal;line-height:1.45;overflow-wrap:break-word; } } /* Portrait photos in the Sacred Visits carousel must never lose their head. * The original box size is kept; vertical images are fitted with letterboxing. * Landscape photographs retain their locked crop and geometry. */ @media (max-width:1120px){ body.ibs-preview-page .ibs-temple-carousel .ibs-temple-slide.ibs-temple-photo-portrait img{ object-fit:contain;object-position:center center; } } /* Across all six package hero galleries, do not crop portrait images on phones. * Full-screen lightbox remains 100% contain as originally implemented. */ @media (max-width:767px){ body.ibs-preview-page .ibs-reference-main-photo.ibs-gallery-portrait-fit img{ object-fit:contain;object-position:center center; } } /* APP v0.7.58 — owner-approved two INDEPENDENT buttons for mobile/tablet. * Both use the EXACT same protected IBS-native calculation URL; no APP booking. * Desktop >=1121px retains the established combined CTA. */ body.ibs-preview-page .ibs-app-v058-responsive-ctas{display:none} @media (max-width:1120px){ body.ibs-preview-page .ibs-booking-bar > .ibs-app-v058-desktop-cta{display:none!important} body.ibs-preview-page .ibs-app-v058-responsive-ctas{ display:flex;flex-direction:column;gap:12px;width:100%; } body.ibs-preview-page .ibs-app-v058-responsive-ctas > a.ibs-app-pilot-jump{ display:flex;align-items:center;justify-content:center; width:100%;min-height:48px;box-sizing:border-box; padding:12px 14px;white-space:normal;overflow-wrap:anywhere; line-height:1.4;text-align:center; } body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel.ibs-contact > p{ text-align:center; } } /* APP v0.7.59 — verified owner-only STAGING brochure navigation. * Keep exact Elementor-matched block dimensions at every breakpoint. * No text/hidden content changes, and no guest-facing publication. */ body.ibs-preview-page a.ibs-app-v059-action-link, body.ibs-preview-page a.ibs-app-v059-related-side-link { box-sizing:border-box; display:block; text-decoration:none; cursor:pointer; color:#fff; } body.ibs-preview-page a.ibs-app-v059-related-side-link small{ display:block;font:600 12px/1.45 var(--ibs-ref-body);letter-spacing:.2px; color:#fff;margin-top:2px; } body.ibs-preview-page a.ibs-app-v059-related-action{text-decoration:none;color:#fff;cursor:pointer} body.ibs-preview-page .ibs-app-v059-unavailable{opacity:.6;cursor:default} body.ibs-preview-page a.ibs-app-v059-action-link:hover, body.ibs-preview-page a.ibs-app-v059-related-side-link:hover, body.ibs-preview-page a.ibs-app-v059-related-action:hover {background:#6d9e35;color:#fff} body.ibs-preview-page a.ibs-app-v059-action-link:focus-visible, body.ibs-preview-page a.ibs-app-v059-related-side-link:focus-visible, body.ibs-preview-page a.ibs-app-v059-related-action:focus-visible{outline:3px solid #1c613c;outline-offset:2px} body.ibs-preview-page a.ibs-app-v059-footer-link{color:inherit;text-decoration:none} body.ibs-preview-page a.ibs-app-v059-footer-link:hover{text-decoration:underline} body.ibs-preview-page a.ibs-app-v059-footer-link:focus-visible{outline:2px solid #1c613c;outline-offset:2px} /* v0.7.72: Future PUBLIC mode only; owner previews retain original static header. */ body.ibs-preview-page a.ibs-app-v072-header-link{color:inherit;text-decoration:none} body.ibs-preview-page a.ibs-app-v072-header-link:hover{text-decoration:underline} body.ibs-preview-page a.ibs-app-v072-header-link:focus-visible{outline:2px solid #1c613c;outline-offset:2px} /* APP v0.7.92 — OWNER APPROVED GLOBAL COST PANEL NATURAL HEIGHT. All APP brochures: show every Cost Includes / Excludes row without nested scrollbars. Desktop right column returns to normal grid flow; fixed photo aspect ratio remains untouched. Other right-sidebar widgets are unchanged. An unusually long cost list may extend below the photograph, moving the following section downward rather than hiding content. */ body.ibs-preview-page .ibs-top-side .ibs-small-panel { height:auto;max-height:none;min-height:0;overflow:visible; } body.ibs-preview-page .ibs-top-side .ibs-small-panel > .ibs-preview-bullets { display:block;flex:none;height:auto;max-height:none;min-height:0; overflow:visible;overflow-y:visible;scrollbar-width:auto; } @media (min-width:1121px) { body.ibs-preview-page .ibs-top-area { align-items:start; } body.ibs-preview-page .ibs-top-area > .ibs-top-side { position:static;inset:auto;grid-column:2;grid-row:1; width:auto;height:auto;max-height:none;overflow:visible; display:flex;flex-direction:column;gap:10px;align-self:start; } body.ibs-preview-page .ibs-top-area > .ibs-photo-system { grid-column:1;grid-row:1;align-self:start; } } /* UNIVERSAL APP v1.0.3 — GLOBAL RIGHT SIDEBAR BOX WIDTH PARITY * Approved STAGING layout preserved; only green sidebar h2 insets corrected. * Upper cost-list panels: content box margins are 7px per side. * All other right sidebar panels: content box margins are 4px per side. * No change to standalone category buttons or guest booking CTA. */ body.ibs-preview-page .ibs-top-side .ibs-small-panel > h2 { margin-left: 7px; margin-right: 7px; } body.ibs-preview-page .ibs-reference-sidebar .ibs-small-panel > h2 { margin-left: 4px; margin-right: 4px; }