/*
 * CSP overrides — classes/rules externalized from inline style="" attributes
 * and inline <style> blocks so pages can be served without 'unsafe-inline'.
 * Reused across all migrated pages.
 */

/* --- Generic utility classes (map repeated inline styles) --- */
.csp-hidden { display: none; }
.csp-hidden-important { display: none !important; }
.csp-inline { display: inline; }
.csp-inline-block { display: inline-block; }
.csp-text-center { text-align: center; }

.csp-mr-8 { margin-right: 8px; }
.csp-mb-8 { margin-bottom: 8px; }
.csp-mt-1em { margin-top: 1em; }
.csp-m-5 { margin: 5px; }

.csp-text-justify { text-align: justify; }
.csp-underline { text-decoration: underline; }
.csp-white-space-pre { white-space: pre; }
.csp-bg-white { background-color: #ffffff; }
.csp-w-25 { width: 25%; }
.csp-w-80 { width: 80%; }

/* Embedded iframe/object (e.g. survey/map embeds) */
.csp-embed-frame { margin: 0px 0px 0px 40px; border: none; padding: 0px; }

/* --- Masthead / "How to identify a gov.sg site" banner --- */
.csp-masthead-wrapper { width: 100%; padding-top: 32px; }
.csp-icon-24-center { width: 24px; height: 24px; align-self: center; }
.csp-icon-24-inline-center { width: 24px; height: 24px; display: inline-block; align-self: center; }
.csp-icon-18 { width: 18px; height: 18px; display: inline-block; }

/* --- Footer scam-advisory link --- */
.csp-link-white-underline { color: white; text-decoration: underline; }

/* --- Moved from inline <style> blocks --- */

/* NOTE: #iWH-sectionHeader{display:none} was page-specific to the home page
   (Pages/default.html) only — NOT global. It is applied there via the
   csp-hidden class on the element, so content pages keep their title section. */

/* Content-page header: hide SP page-content title + trailing breadcrumb node
   (was a per-page inline <style> repeated across content pages) */
#pageContentTitle { display: none; }
.iwh-breadcrumb span:last-child { display: none; }

.s4-skipribbonshortcut { display: none; }

/* Anonymous-style block (formerly #ctl00_SPSecurityTrimmedControl_AnonymousStyle) */
body {
    overflow: auto !important;
    margin-top: 0;
}
#s4-workspace {
    height: auto !important;
    width: auto !important;
}
.fixed-bottom, .fixed-top {
    position: relative;
    z-index: 3;
}
#status_preview {
    display: none !important;
}

/* Search buttons (.mom-button) — restore the box sizing the removed SharePoint
   theme (oslo3ce4.css) supplied via its base button rule. The iWH
   .mom-button / .mom-primary-button classes set colour but no size/border, so
   without this the icon-only #btnSearchMobile collapsed and fell back to the
   chunky browser-default button border. font-size is intentionally left out so
   it inherits (~16px) from the other classes; border restored to oslo's 1px. */
.mom-button {
    min-width: 6em;
    padding: 7px 10px;
}
/* 1px border on the SEARCH buttons only — scoped to .search-control so other
   .mom-button elements (e.g. the SINGPASS "Log in for business user" button)
   keep no border. */
.search-control .mom-button {
    border: 1px solid #ababab;
}

/* Content paragraph spacing — was provided by the removed SharePoint core CSS;
   restores the 10px gap below rich-text paragraphs in the page content. */
.ms-rtestate-field p,
p.ms-rteElement-P {
    margin: 0px 0px 10px 0px;
}
