/*!
 * Theme Name: PCK Child
 * Template: pck
 * Description: A child theme of Perth Commercial Kitchens.
 * Version: 1.0.0
 * Author: Jive Media Solutions
 * Author URI: https://www.jivemedia.solutions
 * Text Domain: pck-child
 * Requires at least: 6.9
 * Requires PHP: 8.2
 * Developer: Click Analysis
 * Developer URI: https://www.clickanalysis.com.au/
 */

/* ==========================================================================
   Primary Nav Bar
   ========================================================================== */

#site-primary-navigation {
	background-color: #fff;
	border-top: 1px solid #e5e7eb;
}

#primary-menu {
	height: 3rem;
	justify-content: space-evenly;
}

#primary-menu > .primary-menu-item > a {
	color: #106aac;
	font-size: 14px;
	font-weight: 600;
}

#primary-menu > .primary-menu-item > a:hover {
	color: #189ad6;
}

/* ==========================================================================
   Mega Menu Overrides
   ========================================================================== */

/* Show/hide mega menu on hover */
#primary-menu > li > .child-mega-menu {
	background-color: #fff;
	border-top: 1px solid #e5e7eb;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	color: #000;
	display: none;
	left: 0;
	padding: 2rem;
	position: absolute;
	right: 0;
	top: 3rem;
	z-index: 9999;
}

#primary-menu > li:hover > .child-mega-menu {
	display: block;
}

/* Column grid layout */
.child-mega-menu-columns {
	display: grid;
	gap: 1.5rem 2rem;
	grid-template-columns: repeat(6, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Column headings (depth 1 items) */
.child-mega-menu-heading {
	border-bottom: 1px solid #e5e7eb;
	color: #106aac;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.25rem;
	margin-bottom: 0.25rem;
	padding-bottom: 0.25rem;
	text-decoration: none;
	text-transform: none;
}

.child-mega-menu-heading:hover {
	color: #189ad6;
}

/* Subcategory link list (depth 2 items) */
.child-mega-menu-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.child-mega-menu-links li {
	margin: 0;
	padding: 0;
}

.child-mega-menu-links a {
	color: #333;
	display: block;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1rem;
	padding: 0.25rem 0;
	text-decoration: none;
	text-transform: none;
}

.child-mega-menu-links a:hover {
	color: #189ad6;
}

/* "See all" links at bottom of each column */
.child-mega-menu-see-all {
	color: #189ad6;
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25rem;
	padding-top: 0.5rem;
	text-decoration: underline;
	text-transform: none;
}

.child-mega-menu-see-all:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Product Categories (Homepage)
   ========================================================================== */

.child-category-heading {
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
}

.child-category-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1279px) {
	.child-category-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.child-category-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.child-category-card {
	aspect-ratio: 1 / 1;
	border-radius: 0.5rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.child-category-card img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	width: 100%;
}

.child-category-card:hover img {
	transform: scale(1.05);
}

.child-category-card__label {
	background-color: rgba(16, 106, 172, 0.85);
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	left: 0;
	padding: 0.5rem 0.75rem;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

.child-category-view-all-wrap {
	margin-top: 1rem;
	text-align: right;
}

.child-category-view-all {
	color: #106aac;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}

.child-category-view-all:hover {
	color: #189ad6;
	text-decoration: underline;
}

/* ==========================================================================
   Footer Overrides
   ========================================================================== */

.widget-content.svg-container g[fill="#106BAD"]:first-of-type {
	fill: white;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	color: #fff!important;
}