/*
Theme Name: Twenty Twenty-Five Child
Theme URI: http://example.com/twenty-twenty-five-child/
Description: Twenty Twenty-Five Child Theme
Author: PSC
Author URI: ...
Template: twentytwentyfive
Version: 1.0.0
*/

/* Keep header boxed */
.wp-site-blocks {
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Override WordPress Gutenberg Layout Constraints */
.wp-block-group.alignfull,
.wp-block-group.alignwide,
.wp-block-post-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto;
}

/* Remove inner content constraints but keep the header contained */
.wp-block-post-content.is-layout-constrained {
    max-width: none !important;
    width: 100% !important;
}

/* Remove extra padding and margin from main container */
main.wp-site-blocks {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove padding and margin from surrounding Gutenberg div */
.wp-block-group.has-global-padding {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Remove block theme's default padding on full-width containers */
.wp-block-group.alignfull,
.entry-content.alignfull,
.wp-block-post-content.alignfull {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove the --wp--preset--spacing--xx padding vars */
.wp-block-group.has-global-padding,
.is-layout-constrained {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Add side padding to header and footer */
header,
footer {
  padding-left: 1vw;
  padding-right: 1vw;
}

/* Full-width background */
header {
	background-color: #116466; /* or your chosen HEX */
	color: white;
}
footer {
	background-color: #D1E8E2; /* or your chosen HEX */
	padding-top: 10px;
}

main.wp-block-group.has-global-padding {
  margin-top: 20px !important;
}

/* ======================================= */
/* Ensure Grid & Search Bar Are Full Width */
/* ======================================= */

#search-container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column; /* stack items vertically */
    gap: 10px;
    margin: 0 auto;
}

/* Ensure Grid Spreads Across the Page */
#resultsGrid {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Adjust search input and button width */
#searchInput {
    flex-grow: 1;
    padding: 12px;
	font-size: 16px;
	border: 1px solid #D9B08C;
	border-radius: 6px;
	resize: vertical; /* allow user to expand vertically */
	min-height: 100px; /* makes it a few rows tall by default */
	background-color: #FFFFFF;
}

#searchButton {
  padding: 12px 20px;
  font-size: 16px;
  background-color: #116466;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}