/* ============================================================= Chaitus Media — fullscreen.css Loaded only on pages using the Fullscreen template (typically pages whose content contains an [estimation_form] shortcode). Forces the WP Cost Estimation & Payment Forms Builder to fill the viewport edge-to-edge with no site chrome surrounding it. Layout target: chaitusmedia.com/hinduwedding/. ============================================================= */ /* ---------- Page-level reset ---------- */ html, body { background: #ecf0f1; min-height: 100vh; overflow-x: hidden; margin: 0 !important; padding: 0 !important; } body.chaitus-fullscreen-body { /* Some plugins (and some browsers' default UA stylesheets) leave a thin top margin on body. Force it flat so the form's gray background touches the top of the viewport. */ margin: 0 !important; padding: 0 !important; } /* The single
wrapper from page-fullscreen.php. */ .chaitus-fullscreen { width: 100%; min-height: 100vh; background: #ecf0f1; } /* ---------- Admin-bar offsets ---------- */ /* When the WP admin bar is showing, the document body gets pushed down by 32px (desktop) / 46px (mobile). Adjust the min-heights so the form fills the visible viewport, not viewport + admin-bar. */ .admin-bar .chaitus-fullscreen { min-height: calc(100vh - 32px); } @media screen and (max-width: 782px) { .admin-bar .chaitus-fullscreen { min-height: calc(100vh - 46px); } } /* ---------- Force form containers full width ---------- */ /* The plugin renders into #lfb_form / #lfb_bootstraped and several inner wrapper divs. Without explicit overrides these are capped at the plugin's default max-width (~960px). Force them all to span the viewport with no margin so the gray fills edge-to-edge. */ #lfb_form, #lfb_bootstraped, .lfb-form-wrapper, .lfb_main_form, .lfb_form_outer_wrapper, .lfb_main_container { width: 100% !important; max-width: 100% !important; margin: 0 !important; } /* The plugin's built-in padding nuke. Some installs apply inline padding-top via JS; this overrides that too. */ .chaitus-fullscreen #lfb_form, .chaitus-fullscreen #lfb_bootstraped { padding-top: 0 !important; } /* ---------- Floating Save / Summary button ---------- */ /* The plugin's "view summary / save" button assumes there's a site header above it and computes negative top offsets to slot into it. With no header, that pulls the button off-screen. We undo the wrapper's negative-top assumption and pin the button itself to the top-right corner. */ .lfb_floatingSummaryBtnCtWrapper { position: static !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .lfb_floatingSummaryBtnCt { position: fixed !important; top: 12px !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 99999 !important; } /* When the WP admin bar is visible, push the floating button below it. */ .admin-bar .lfb_floatingSummaryBtnCt { top: 44px !important; } @media screen and (max-width: 782px) { .admin-bar .lfb_floatingSummaryBtnCt { top: 58px !important; } } /* ---------- Mobile polish ---------- */ @media (max-width: 600px) { .lfb_floatingSummaryBtnCt { top: 8px !important; right: 8px !important; } .admin-bar .lfb_floatingSummaryBtnCt { top: 54px !important; } }