/* Kitchen GC Wide Text (kgcwt). All pages. Parent and child theme untouched; header, menu and footer untouched.
   Phones (<782px) unchanged. No colors. Undo = deactivate plugin. */
:root{--kgcwt-pad:24px}
@media (min-width:1024px){:root{--kgcwt-pad:32px}}
@media (min-width:1600px){:root{--kgcwt-pad:48px}}
@media (min-width:782px){
  html,body{overflow-x:clip}
  /* 1) Astra page container (1240px) -> full width with normal edge padding; content only */
  html body .site-content{
    --wp--custom--ast-content-width-size:100%;--wp--custom--ast-wide-width-size:100%;
    --wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}
  html body .site-content > .ast-container{max-width:none!important;width:100%;box-sizing:border-box;
    padding-left:var(--kgcwt-pad)!important;padding-right:var(--kgcwt-pad)!important}
  html body .site-content :is(#primary,.content-area,.site-main,.entry-content,.ast-article-single){max-width:none!important;width:100%}
  html body.ast-plain-container .site-content #primary{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  html body .site-content .entry-content[data-ast-blocks-layout] > *:where(:not(.alignleft,.alignright,.alignfull)),
  html body .site-content .entry-content .is-layout-constrained > :where(:not(.alignleft,.alignright,.alignfull)){max-width:none!important}
  /* 2) Kitchen GC page wrappers that boxed the text narrow */
  html body .site-content :is(.kgc-home,.kgc-service-page,.kgc-hs,.kgc-about-hub,.kgc-about-ceo,.kgc-about-page,
    .kgc-flooring-hub,.kgc-flooring-cat,.kgc-tile-hub,.kgc-tile-cat,.kgc-kk-wrap,.kgcp6-in){max-width:none!important}
  /* 3) Paragraphs and lists fill the width (forms, the paint questionnaire and CTA boxes keep their own sizes) */
  html body .site-content .entry-content :is(p,ul,ol,blockquote):where(:not(form *,.wpcf7 *,[class*="questionnaire"] *)){max-width:none!important}
  /* Keep "under construction" graphics and single service photos at their previous size */
  html body .site-content .kgc-service-page > figure{max-width:928px;margin-left:auto;margin-right:auto}
}
/* Large monitors: body text keeps growing past 1920px (about +3px at 2560, never above 26px).
   Zero-specificity rule, so any paragraph or list that already has its own size keeps it. */
@media (min-width:1921px){
  :where(.entry-content,.elementor,.site-main) :where(p,li):where(:not(form *,nav *,table *,li li,li p,.menu *)){
    font-size:max(1em,min(26px,calc(1em + (100vw - 1920px) * 0.005)))}
}