/* ==========================================================================
   TIB – WPBakery adapter for About / How I Work / Areas of Support.
   Pages are built from native WPBakery elements: rows inside the page wrapper, which full_width.php gives the scope class
   tib-about | tib-how | tib-areas; each row has Extra class "tib-wpb …".
   Base wrapper neutralisation (.tib-wpb) lives in tib-signature-home.css.
   ========================================================================== */

body[class*="tib-page-"] .tib-wpb > .full_section_inner > .wpb_column.container,
body[class*="tib-page-"] .tib-wpb > .wpb_column.container{width:var(--tib-about-container,var(--tib-how-container,var(--tib-areas-container,var(--container))))}

/* Headings from Custom Heading keep the page typography */
body[class*="tib-page-"] .tib-wpb .vc_custom_heading{text-align:left;margin:0}

/* Hero: copy column + photo in the organic shape (Single Image) */
body[class*="tib-page-"] .tib-wpb .page-hero-grid .tib-hero-shape{width:100%}
body[class*="tib-page-"] .tib-wpb .wpb_single_image.organic-square{margin:0!important}
body[class*="tib-page-"] .tib-wpb .wpb_single_image.organic-square::after{display:none}
body[class*="tib-page-"] .tib-wpb .wpb_single_image.organic-square .vc_figure,
body[class*="tib-page-"] .tib-wpb .wpb_single_image.organic-square .vc_single_image-wrapper{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;border-radius:inherit;overflow:hidden}
body[class*="tib-page-"] .tib-wpb .wpb_single_image.organic-square img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit}
body[class*="tib-page-"] .tib-wpb .page-hero-grid .wpb_raw_code,
body[class*="tib-page-"] .tib-wpb .page-hero-grid .wpb_raw_code > .wpb_wrapper{display:contents}
body[class*="tib-page-"] .tib-wpb .page-hero .eyebrow{margin-bottom:0!important}
body[class*="tib-page-"] .tib-wpb .page-hero .lead{margin-top:24px!important}

/* Editorial rows: prose paragraphs become grid items (gap from the design) */
body[class*="tib-page-"] .tib-wpb .prose .wpb_text_column:not(.tib-p):not(.questions):not(.mini-list){display:contents}
body[class*="tib-page-"] .tib-wpb .prose p{margin:0}
body[class*="tib-page-"] .tib-wpb .prose .accent{margin:0!important}

/* About – questions: one paragraph = one question */
body.tib-page-about .tib-wpb .questions{margin:4px 0!important}
body.tib-page-about .tib-wpb .questions p{padding-left:17px}
body.tib-page-about .tib-wpb .questions p::before{opacity:.55;top:.7em}

/* About – gallery: Single Image fills the organic shape */
body.tib-page-about .tib-wpb .gallery-photo .wpb_single_image,
body.tib-page-about .tib-wpb .gallery-photo .vc_figure,
body.tib-page-about .tib-wpb .gallery-photo .vc_single_image-wrapper{display:block;width:100%;height:100%;margin:0!important;padding:0;border:0;background:none;border-radius:inherit;overflow:hidden}
body.tib-page-about .tib-wpb .gallery-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit}

/* How – mini list: one paragraph = one item; icons by position */
body.tib-page-how .tib-wpb .mini-list{margin-top:8px!important}
body.tib-page-how .tib-how .tib-wpb .mini-list > .wpb_wrapper{display:contents!important;padding:0;border:0}
body.tib-page-how .tib-wpb .mini-list p{
  display:flex;align-items:center;gap:12px;padding:15px 0;
  border-top:1px solid var(--tib-how-line);
}
body.tib-page-how .tib-wpb .mini-list p:first-child{border-top:0}
body.tib-page-how .tib-wpb .mini-list p::before{
  content:"";width:20px;min-width:20px;height:26px;background:var(--tib-how-sage);
  -webkit-mask:var(--tib-mini-icon) center/20px 20px no-repeat;mask:var(--tib-mini-icon) center/20px 20px no-repeat;
  --tib-mini-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");
}
body.tib-page-how .tib-wpb .mini-list p:nth-child(4n+2)::before{--tib-mini-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12c3-5 13-5 16 0-3 5-13 5-16 0z'/%3E%3C/svg%3E")}
body.tib-page-how .tib-wpb .mini-list p:nth-child(4n+3)::before{--tib-mini-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M7 8c3 1.5 7 1.5 10 0'/%3E%3C/svg%3E")}
body.tib-page-how .tib-wpb .mini-list p:nth-child(4n)::before{--tib-mini-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18c4-8 10-8 14-12'/%3E%3C/svg%3E")}

/* Areas – cards: icon (Raw HTML) + heading + text */
body.tib-page-areas .tib-wpb .area-card .wpb_raw_code,
body.tib-page-areas .tib-wpb .area-card .wpb_raw_code > .wpb_wrapper{display:contents}
body.tib-page-areas .tib-wpb .area-card h3{margin-bottom:11px!important}
body.tib-page-areas .tib-wpb .area-card .wpb_text_column{position:relative;z-index:1}

/* Areas – CTA (vc_btn -> .btn) */
body.tib-page-areas .tib-wpb.cta .cta-inner{text-align:center}
body.tib-page-areas .tib-wpb.cta h2{text-align:center!important}
body.tib-page-areas .tib-wpb.cta .wpb_text_column p{margin:22px auto 34px!important}