/**
 * Technology page template styles.
 *
 * All CSS for the single Technology template (the two-column layout, title
 * bar, Problem/Solution/Benefits sections, More Information box, Innovator
 * cards, and the print stylesheet). Moved here from the CSS field of the
 * "Technology Page" Meta Box View (post 18101, stored in the View's
 * post_excerpt) so the template's styling lives in one tracked file instead
 * of being split between the database and this plugin. Section 1 is the
 * View's original CSS moved over as-is (whitespace only normalized) — it
 * still carries ~150 legacy !important declarations, tracked in ROADMAP.md
 * for a proper re-scoping pass; section 2 is newer, !important-free code.
 *
 * @package    UTRF_Extensions
 * @subpackage TechPress
 * @category   Frontend_Styles
 * @author     David W. Couch <http://wadellc.co>
 * @version    1.0.0
 * @since      0.87
 */

/* ==========================================================================
   1. Moved verbatim from the Technology Page View (post 18101)
   ========================================================================== */

 /* ==========================================================================
   A. Screen View Styles (Live Website Monitor View Only)
   ========================================================================== */
 .utrf-print-container {
     margin-bottom: 15px;
     display: flex;
     justify-content: flex-end;
 }
 .utrf-print-btn {
     background-color: #007a89;
     color: white;
     border: none;
     padding: 10px 15px;
     font-weight: 600;
     cursor: pointer;
     border-radius: 4px;
     display: inline-flex;
     align-items: center;
     gap: 8px;
 }
 /* Side-by-Side Flex Layout Stream */
 .utrf-technology {
     display: flex;
     flex-wrap: nowrap;
     gap: 35px;
     align-items: flex-start;
     width: 100%;
 }
 .utrf-technology h2 {
     margin-bottom: 10px;
 }
 .utrf-technology h2.more-information {
     margin-top: 20px;
 }
 .utrf-column-left {
     flex: 0 0 66.66%;
     max-width: 66.66%;
     box-sizing: border-box;
 }
 .utrf-column-right {
     flex: 0 0 33.33%;
     max-width: 33.33%;
     box-sizing: border-box;
 }
 /* SCREEN: Pulls Featured Image Completely Flush with Title Background Top Boundary Edge */
 .utrf-column-right .wp-block-post-featured-image {
     margin-top: 0 !important;
     margin-bottom: 25px !important;
     padding-top: 0 !important;
 }
 .utrf-column-right .wp-block-post-featured-image img {
     margin-top: 0 !important;
     display: block;
 }
 /* Overrides theme p settings to reduce space between paragraphs on screen */
 .utrf-column-left p,
 .utrf-column-left .entry-content p {
     margin-top: 0 !important;
     margin-bottom: 10px !important;
     line-height: 1.5 !important;
 }
 .utrf-technology figure {
     margin: 10px 0;
 }
 /* SCREEN OVERRIDE: Lightweight, Italic, Left-Justified Image Captions */
 .utrf-column-left .wp-block-image figcaption,
 .utrf-column-left figcaption {
     font-size: 13px !important;
     font-style: italic !important;
     font-weight: 300 !important;
     text-align: left !important;
     line-height: 1.4 !important;
     color: #555 !important;
     margin-top: 6px !important;
     margin-bottom: 15px !important;
     padding: 0 !important;
     display: block !important;
 }
 /* SCREEN OVERRIDE: Styles Meta Box Benefits Table like a Bulleted List */
 .utrf-innovator-benefits thead,
 .utrf-innovator-benefits th {
     display: none !important;
 }
 .utrf-innovator-benefits table {
     display: block !important;
     list-style-type: disc !important;
     padding-left: 20px !important;
     margin-top: 5px !important;
     margin-bottom: 15px !important;
     border: none !important;
     background: transparent !important;
 }
 .utrf-innovator-benefits tbody {
     display: block !important;
     border: none !important;
 }
 .utrf-innovator-benefits tr {
     display: list-item !important;
     margin-top: 0 !important;
     margin-bottom: 0px !important;
     padding: 0 !important;
     background: none !important;
     border: none !important;
     list-style-type: disc !important;
     line-height: 25px;
 }
 .utrf-innovator-benefits td {
     display: inline !important;
     padding: 0 !important;
     font-size: 16px !important;
     background: transparent !important;
     border: none !important;
     color: #333 !important;
 }
 /* SCREEN: Adjusts Innovator Avatar to clear container right boundary cleanly */
 .utrf-innovator .wp-block-image {
     margin-bottom: 10px;
 }
 .utrf-innovator .wp-block-image figure.alignright {
     margin: 0 0 10px 15px !important;
     /* Forces breathing room off the card boundary wall */
 }
 .utrf-innovator .wp-block-image img {
     width: 125px !important;
     /* Bumped up avatar sizing on live screens */
     height: auto !important;
     border-radius: 2px;
 }
 /* Hide structural print blocks from web monitors */
 .utrf-print-footer-wrap,
 .innovator-excerpt-print {
     display: none !important;
 }
.utrf-technology .wp-block-group,
h2.wp-block-heading {
    clear: both;
}
.utrf-innovator {
    width: 90%;
}
 /* ==========================================================================
   B. Print & PDF Layout Styles (Combats Page Breaks & Compression)
   ========================================================================== */
 @media print {
     @page {
         size: letter;
         margin: 0.4in 0.4in 0.4in 0.4in;
     }
     html,
     body {
         background: #fff !important;
         color: #000 !important;
         margin: 0 !important;
         padding: 0 !important;
         font-size: 10pt !important;
         line-height: 1.2 !important;
     }
     /* Instantly strip headers, navigational loops, widget sectors, and administrative theme wrappers */
     .site-header,
     .site-footer,
     .genesis-footer-widgets,
     .footer-widgets,
     .nav-primary,
     .breadcrumb,
     .entry-header,
     .utrf-screen-only,
     .more-information,
     h2.more-information,
     .site-footer-container,
     footer,
     #wpadminbar,
     .utrf-column-right .wp-block-post-featured-image img {
         display: none !important;
     }
     /* Expand primary parent layout structures out to maximum canvas space */
     .site-inner,
     .content-sidebar-wrap,
     .content,
     .entry,
     .entry-content,
     .site-container {
         padding: 0 !important;
         margin: 0 !important;
         width: 100% !important;
         max-width: 100% !important;
         background: none !important;
     }
     /* Keep column structural grids strictly side-by-side across sheets */
     .utrf-technology {
         display: flex !important;
         flex-direction: row !important;
         flex-wrap: nowrap !important;
         gap: 24px !important;
         width: 100% !important;
     }
     .utrf-column-left {
         flex: 0 0 65% !important;
         max-width: 65% !important;
     }
     .utrf-column-right {
         flex: 0 0 32% !important;
         max-width: 32% !important;
     }
     .wp-block-spacer {
         display: none !important;
     }
     /* PRINT OVERRIDE: Strip Title Background Block Frame and Recolors to Brand Teal */
     h1.screen-title {
         color: #007a89 !important;
         background: none !important;
         font-size: 18pt !important;
         font-weight: 700 !important;
         padding: 0 !important;
         margin-top: 0 !important;
         margin-bottom: 12px !important;
         text-transform: uppercase !important;
         letter-spacing: 1px !important;
     }
     h2.wp-block-heading {
         font-size: 11pt !important;
         margin-top: 10px !important;
         margin-bottom: 4px !important;
         color: #333 !important;
     }
     /* PRINT OVERRIDE: Tightens margins and structural spacing gaps across text blocks */
     p,
     .entry-content p {
         font-size: 9.5pt !important;
         margin-top: 0 !important;
         margin-bottom: 4px !important;
         line-height: 1.2 !important;
     }
     /* PRINT OVERRIDE: Crush huge tracking spacing gap after third paragraph inside solution container */
     .utrf-innovator-solution p {
         margin-bottom: 4px !important;
     }
     /* PRINT OVERRIDE: Reduces inline image width layout sizes by 15% */
     .utrf-column-left .wp-block-image img {
         max-width: 85% !important;
         height: auto !important;
         margin-bottom: 4px !important;
     }
     /* PRINT OVERRIDE: Lightweight Left-Justified Captions */
     .utrf-column-left .wp-block-image figcaption,
     .utrf-column-left figcaption,
     .wp-block-image figcaption,
     figcaption {
         font-size: 8.5pt !important;
         font-style: italic !important;
         font-weight: 300 !important;
         text-align: left !important;
         line-height: 1.15 !important;
         color: #444 !important;
         margin-top: 3px !important;
         margin-bottom: 8px !important;
         padding: 0 !important;
         display: block !important;
     }
     /* ======================================================================
       BENEFITS TABLE TO LIST STYLING & CUTOFF PREVENTION
       ====================================================================== */
     .utrf-innovator-benefits thead,
     .utrf-innovator-benefits th {
         display: none !important;
     }
     .utrf-innovator-benefits table {
         display: block !important;
         list-style-type: disc !important;
         padding-left: 25px !important;
         /* Widened padding to completely stop bullet clipping */
         margin-top: 4px !important;
         margin-bottom: 8px !important;
         border: none !important;
         background: transparent !important;
     }
     .utrf-innovator-benefits tbody {
         display: block !important;
         border: none !important;
     }
     .utrf-innovator-benefits tr {
         display: list-item !important;
         margin-top: 0 !important;
         margin-bottom: 3px !important;
         /* Drastically compressed line height gaps */
         padding: 0 !important;
         background: none !important;
         border: none !important;
         list-style-type: disc !important;
         line-height: 5px;
     }
     .utrf-innovator-benefits td {
         display: inline !important;
         padding: 0 !important;
         font-size: 9.5pt !important;
         line-height: 1.2 !important;
         background: transparent !important;
         border: none !important;
         color: #000 !important;
     }
     /* ======================================================================
       INNOVATOR ELEMENT PROFILE COMPRESSION
       ====================================================================== */
     .utrf-innovator {
         background-color: #eef8fe !important;
         padding: 8px !important;
         margin-bottom: 6px !important;
         border-radius: 4px !important;
         page-break-inside: avoid !important;
     }
     .innovator-name {
         font-size: 10pt !important;
         margin: 0 0 2px 0 !important;
     }
     /* PRINT OVERRIDE: Increases Innovator image display metrics by 50% */
     .utrf-innovator .wp-block-image figure.alignright {
         margin: 0 0 5px 12px !important;
     }
     .utrf-innovator .wp-block-image img {
         width: 98px !important;
         /* 65px base width scales cleanly up to 98px (+50%) */
         height: auto !important;
     }
     .innovator-excerpt-print {
         font-size: 8.5pt !important;
         line-height: 1.15 !important;
         margin-bottom: 0 !important;
     }
     /* ======================================================================
       FIXED DOCUMENT FOOTER BASE
       ====================================================================== */
     .utrf-print-footer-wrap {
         display: flex !important;
         position: fixed !important;
         bottom: 0 !important;
         left: 0 !important;
         width: 100% !important;
         height: 0.65in !important;
         border-top: 1.5px solid #007a89 !important;
         align-items: center !important;
         justify-content: space-between !important;
         background: #fff !important;
         padding-top: 4px !important;
     }
     .utrf-print-logo-img {
         max-height: 0.35in !important;
         width: auto !important;
     }
     .utrf-print-footer-info {
         text-align: right !important;
     }
     .utrf-print-footer-info ul {
         margin: 0 !important;
         padding: 0 !important;
         list-style: none !important;
     }
     .utrf-print-footer-info li {
         font-size: 8pt !important;
         line-height: 1.2 !important;
     }
 }

/* ==========================================================================
   2. Added to the extension (formerly in techpress-overrides.css)
   ========================================================================== */

/* UTRF TechPress
 * Technology Template: "More Information" box — contact/reference lists
 * render as plain stacked lines, no bullets or indent. */
.entry-content .utrf-technology section.more-information ul.wp-block-list {
	margin-inline-start: 0;
	padding-inline-start: 0;
}

.entry-content .utrf-technology section.more-information ul.wp-block-list > li {
	list-style: none;
	line-height: 1.5;
	margin-block: 0;
}

/* UTRF TechPress
 * Technology Template: title bar.
 * Moved here from inline style on the View's <h1> (Technology Page View,
 * Meta Box post 18101) so it can scale on small screens — an inline
 * font-size/letter-spacing/padding can't be overridden without !important.
 * Desktop values are unchanged (33px / 3px / 1em at 33px). */
.utrf-technology .utrf-technology__title {
	background-color: #007a89;
	font-size: clamp(22px, 5.6vw, 33px);
	hyphens: auto;
	letter-spacing: clamp(1px, 0.5vw, 3px);
	margin-block-start: 0;
	overflow-wrap: break-word;
	padding: clamp(14px, 4.2vw, 33px);
	text-transform: uppercase;
}

/* UTRF TechPress
 * Technology Template: the two-column layout (set in the View's own CSS,
 * which has no responsive rules) stays side by side on phones, squeezing
 * both columns. Stack them at the theme's own 800px breakpoint. */
@media only screen and (max-width: 800px) {
	.utrf-technology {
		flex-direction: column;
		gap: 20px;
	}

	.utrf-technology .utrf-column-left,
	.utrf-technology .utrf-column-right {
		flex: 1 1 auto;
		inline-size: 100%;
		max-inline-size: 100%;
		min-inline-size: 0;
	}
}