/* =====================================================
   TRUST OPERATING SYSTEM — MASTER TYPOGRAPHY + LAYOUT
   (Optimised for Consulting WP Theme)
   ===================================================== */


/* ===============================
   1. GLOBAL TYPOGRAPHY BASE
   =============================== */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #222;
  font-size: 18px;
  line-height: 1.7;
}


/* ===============================
   2. GLOBAL HEADINGS
   =============================== */

h1 {
  font-size: 34px;
  line-height: 1.25;
  font-weight: 600;
  margin: 1.2em 0 0.6em;
}

h2 {
  font-size: 26px;
  font-weight: 600;
  margin: 1.3em 0 0.5em;
}

h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 1.2em 0 0.4em;
}


/* ===============================
   3. PARAGRAPHS
   =============================== */

p {
  margin-bottom: 1.4em;
}


/* ===============================
   4. LISTS (GLOBAL STANDARD)
   =============================== */

ul,
ol {
  margin: 1em 0 1.4em 1.2em;
}

li {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.6em;
}


/* ===============================
   5. BENEFITS LIST (EMPHASIS)
   =============================== */

.benefits-list {
  margin: 1.2em 0;
  padding-left: 0;
}

.benefits-list li {
  font-size: 19px;
  line-height: 1.6;
  margin-bottom: 10px;
  list-style: none;
  position: relative;
  padding-left: 22px;
}

/* Custom bullet for benefits list */
.benefits-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #000;
  font-size: 20px;
  line-height: 1;
}


/* ===============================
   6. BLOCKQUOTES
   =============================== */

blockquote {
  border-left: 4px solid #ddd;
  padding-left: 16px;
  color: #555;
  font-style: italic;
  margin: 1.5em 0;
}


/* ===============================
   7. BLOG POSTS (LINKEDIN STYLE)
   =============================== */

body.single-post .entry-content,
body.single-post .post-content,
body.single-post .blog-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 15px;
}


/* ===============================
   8. IMAGES (GLOBAL + BLOG)
   =============================== */

img {
  max-width: 100%;
  height: auto;
}

body.single-post img {
  margin: 1.6em 0;
  border-radius: 6px;
}


/* ===============================
   9. FULL-WIDTH SYSTEM
   =============================== */

/* Apply to sections, rows, images */
.full-width,
.full-width img,
.full-width .vc_row,
.full-width .wpb_row {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
}

/* Gutenberg full-width support */
.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
}


/* ===============================
   10. HEADER / HERO PROTECTION
   =============================== */

.stm_titlebox,
.page-title,
.stm_breadcrumbs,
.header-area,
.site-header {
  width: 100% !important;
  max-width: 100% !important;
}

.stm_titlebox .container,
.page-title .container {
  max-width: 100% !important;
}


/* ===============================
   11. PREVENT CONTAINER BREAKAGE
   =============================== */

body.single-post .container {
  max-width: 100% !important;
}

/* ===============================
   WPBAKERY ICON LIST FIX
   =============================== */

.vc_icon_element,
.vc_icon_element p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  margin-bottom: 10px;
}

/* ===============================
   FORCE LIST STYLING (ALL PAGES)
   =============================== */

body.page .entry-content ul,
body.page .entry-content ol {
  margin: 1em 0 1.4em 1.2em !important;
}

body.page .entry-content li {
  font-size: 18px !important;
  line-height: 1.7 !important;
  margin-bottom: 0.6em !important;
}


/* ===============================
   BENEFITS LIST (STRONG OVERRIDE)
   =============================== */

body.page .benefits-list li {
  font-size: 19px !important;
  line-height: 1.6 !important;
  margin-bottom: 10px !important;

  list-style: none !important;
  position: relative;
  padding-left: 22px;
}

body.page .benefits-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-size: 20px;
  line-height: 1;
}

/* Make bullet points same size as body text */
ul li, 
ol li {
  font-size: 1em;
  line-height: 1.6;
}

/* Optional: improve spacing */
ul, ol {
  margin-left: 1.5rem;
}

.featured-image,
.post-thumbnail {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.featured-image img,
.post-thumbnail img {
  width: 100%;
  display: block;
}