/*
Theme Name:     ColorMag Child — The Lunch Mom
Theme URI:      https://reddingdesigns.com/
Description:    Child theme of ColorMag for The Lunch Mom. Holds all site-specific customizations (WooCommerce shop styling, camps, school pages, footer credit) so the parent ColorMag theme can be safely updated for security. Maintained by Redding Designs.
Author:         Redding Designs
Author URI:     https://reddingdesigns.com/
Template:       colormag
Version:        1.0.0
License:        GNU General Public License v3 or later
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    colormag-child
*/

/* ============================================================
 * 1. WooCommerce shop overrides
 *    Migrated verbatim from the old colormag/header.php inline <style> block.
 *    Drives the "select a school" shop flow: hides price / add-to-cart /
 *    quantity / result-count / ordering / tabs / related products, and applies
 *    the #23afa1 brand colour to buttons, notices and the cart.
 * ============================================================ */
	.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    text-align: center;
    height: 58px;
}
.woocommerce ul.products li.product .price {
    color: #77a464;
    display: none;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}

.woocommerce ul.products li.product .button {
    margin-top: 0 auto;
    display: block;
    text-align: center;
    background-color: white;
    border: 2px solid #23afa1;
    transition: 0.3s ease;
}
.woocommerce ul.products li.product .button:hover {
      background-color: #23afa1;
    text-decoration: none;
    background-image: none;
    color: white;
    transition: 0.3s ease;
}
#primary {
    width: 100%;
}
#secondary {
    display: none;
}
.woocommerce ul.products li.product .button {
    display: none;
}
.woocommerce .woocommerce-result-count {
    display: none;
}
.woocommerce .woocommerce-ordering select {
    display: none;
}
.product_meta{
	display: none;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #ffffff;
    color: #23afa1;
	border: 1px solid #23afa1;
	transition: 0.3s ease;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #23afa1;
	border: 1px solid #23afa1;
    color: #fff;
    transition: 0.3s ease;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    display: none;
}
/* Related products are disabled in functions.php (remove_action), so no CSS hide is needed here. */
.woocommerce-info {
    border-top-color: #23afa1;
}
.woocommerce-info::before {
    color: #23afa1;
}
.woocommerce .quantity .qty {
    display: none;
}
th, td {
    border: 0px;
    padding: 6px 10px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}
table.wccpf_fields_table td.wccpf_label, table.wccpf_fields_table td.wccpf_label label {
    width: 175px;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
    margin: 0 0 0px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #23afa1;
    font-size: 1.25em;
}
dt {
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 17px;
}

.product-quantity{
	display: none;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 100px;
}
.woocommerce a.remove {
    color: #23afa1!important;
    transition: 0.3s ease;
}
.woocommerce a.remove:hover {
    color: #fff!important;
    background: #23afa1;
    transition: 0.3s ease;
}
.woocommerce-message::before {
    content: "\e015";
    color: #23afa1;
}
.woocommerce-message {
    border-top-color: #23afa1;
}
.actions{display: none;}

#main {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #ffffff;
    min-height: 63vh;
}

/* ============================================================
 * 2. Camps layout
 *    Migrated from the old colormag/style.css (single camp + camps archive grid).
 * ============================================================ */
.camp{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.camp .campDescription{
	width: 49%;
}

.camp .campImage{
	width: 47%;
}

.camp .campImage img{
	width: 100%;
}

.camps {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.camps .campArchive{
	width: 22%;
	margin-bottom: 3em;
}

.camps .campArchive img{
	width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}

.camps .campArchive .campArchiveTitle h2{
		padding: .5em 0;
    margin: 0;
    font-size: 1em;
    text-align: center;
    height: 58px;
		text-transform: uppercase;
}

@media screen and (max-width: 768px) {
	.camp{
		display: flex;
		flex-direction: column;
	}

	.camp .campDescription{
		width: 100%;
	}

	.camp .campImage{
		width: 100%;
	}

	.camp .campImage img{
		width: 100%;
	}
}

/* ============================================================
 * 3. School page — centred products grid
 *    Migrated from the inline <style> in the old page-school.php template.
 * ============================================================ */
      .ProductCenter{
        display: block;
        margin: 0 auto;
        text-align: center;
        float: none;
      }

  .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    float: none;
    display: block;
    margin: 0 auto;
}

/* ============================================================
 * 4. Full-width content, no sidebar (site-wide)
 *    4.x equivalent of the old 1.x rules (#secondary{display:none}
 *    / #primary{width:100%}), which no longer match 4.x markup.
 *
 *    ColorMag 4.1.2 sets the two-column widths inside an
 *    @media (min-width:62em) block (.cm-primary = calc(100% - 30%),
 *    .cm-secondary = 30%) and adds sidebar gutter padding via
 *    higher-specificity container selectors (e.g.
 *    .cm-right-sidebar .cm-content .cm-primary). !important is used
 *    here to force the layout from the child theme regardless of the
 *    per-page / global layout setting and those container contexts.
 *
 *    Cleaner long-term alternative: set the layout to "No Sidebar
 *    Full Width" in Appearance > Customize > Layout, which applies
 *    the theme's native .cm-no-sidebar / .cm-full-width-container.
 * ============================================================ */
.cm-secondary {
	display: none !important;
}

.cm-primary {
	width: 100% !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}