/*
Theme Name: Clayso
Theme URI: https://clayso.com
Description: GeneratePress child theme for clayso.com — plain-language help with US federal and state benefits. Navy palette, modular homepage sections, article layout with table of contents, hardened security, Discover-ready structured data.
Author: Piyush Choudhary
Template: generatepress
Version: 1.4.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clayso
*/

/* Tokens and component styles live in assets/css/ — see README.md.
   This file exists for the theme header and for small overrides. */

/* GeneratePress chrome we replace with our own header/footer partials. */
body.cly .site-header,
body.cly .main-navigation,
body.cly .site-footer { display: none !important; }

body.cly .site-content,
body.cly .content-area,
body.cly .site-main,
body.cly .inside-article {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent;
}
body.cly #secondary { display: none !important; }


/* ==== MOBILE SHRINK FIX (v1.3) ==============================================
   GeneratePress renders .site-content as a FLEX container. A flex item keeps
   `min-width: auto` by default, which forbids it shrinking below its content's
   intrinsic width — so <main> measured 820px on a 375px viewport while the
   page's own `overflow-x: clip` swallowed the evidence. Result: phone readers
   got the left two-thirds of every article, with no scrollbar to reveal it.
   `min-width: 0` restores normal shrinking. Desktop geometry is unchanged:
   the max-widths above still cap the column. */
.site-content { min-width: 0; }
.site-content > main { min-width: 0; max-width: 100%; }
main.ca-entry, main.qld-entry, main.cly-entry { min-width: 0; max-width: 100%; }
.ca-wrap, .ca-entry__article, .ca-entry__hero, .ca-entry__content,
.ca-entry__media { min-width: 0; }
[data-uf-component], .uf-widget { max-width: 100%; min-width: 0; box-sizing: border-box; }
.ca-entry__content :is(table, pre, iframe, video, img) { max-width: 100%; }