/*
Theme Name: Power Corp
Theme URI: https://powercorpelec.com.au
Description: Custom block theme for Power Corp Electrical, rebuilt from the 2013 site. Uses core WordPress blocks only.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
Author: Support Desk
Text Domain: powercorp
*/

/* Links: blue without underline, underlined on hover, as on the old site. */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Header: logo left, blue call box right, menu underneath. */
.pc-header {
	padding-block: 30px 10px;
}

.pc-callbox {
	background: var(--wp--preset--color--call-blue);
	border-radius: 2px;
	color: var(--wp--preset--color--white);
	font-size: 1.95rem;
	line-height: 1.2;
	padding: 8px 15px;
	text-align: center;
	width: 530px;
	max-width: 100%;
}

.pc-callbox a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.pc-header .wp-block-navigation {
	letter-spacing: 0.02em;
}

.pc-header .wp-block-navigation-item__content {
	padding: 5px 0;
}

.pc-header .current-menu-item > a,
.pc-header .current-menu-ancestor > a,
.pc-header .wp-block-navigation-item a[aria-current="page"] {
	color: var(--wp--preset--color--blue);
}

/* Drop-down (Home > suburbs). */
.pc-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--white) !important;
	border: 1px solid #e5e5e5 !important;
	min-width: 220px !important;
	padding: 6px 0;
}

.pc-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 6px 16px;
}

.pc-header-rule {
	border-top: 1px solid #e5e5e5;
	margin: 0;
}

/* Page body. */
main {
	padding-block: 40px 60px;
}

main .wp-block-post-title {
	margin-bottom: 20px;
}

/* Grey feature box with ticks and card logos (home page). */
.pc-feature-box {
	background: var(--wp--preset--color--panel);
	border-radius: 4px;
	font-size: 1rem;
	padding: 10px 14px;
}

.pc-ticks {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pc-ticks li {
	padding: 4px 0 4px 24px;
	position: relative;
}

.pc-ticks li::before {
	color: var(--wp--preset--color--heading);
	content: "\2714";
	left: 0;
	position: absolute;
}

/* Three service panels with round blue icons (home page). */
.pc-panels > .wp-block-column {
	background: var(--wp--preset--color--white);
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-top: 30px;
	padding: 0 20px 20px;
	text-align: center;
}

.pc-icon {
	background: var(--wp--preset--color--blue);
	border-radius: 50%;
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: center;
	margin: -30px auto 10px !important;
	width: 60px;
}

.pc-icon img {
	max-width: 32px;
}

.pc-panels .wp-block-image img {
	border-radius: 4px;
}

.pc-panels h3 a {
	color: var(--wp--preset--color--heading);
}

.pc-panels h3 a:hover {
	color: var(--wp--preset--color--blue);
	text-decoration: none;
}

/* Testimonials. */
.wp-block-quote.is-style-pc-testimonial {
	background: var(--wp--preset--color--white);
	border-radius: 4px;
	padding: 16px 20px;
}

.wp-block-quote.is-style-pc-testimonial cite {
	color: var(--wp--preset--color--heading);
	font-style: normal;
	font-weight: 700;
}

/* Gallery. */
.wp-block-gallery.pc-gallery img {
	border-radius: 3px;
}

/* Contact form (Fluent Forms): plain fields to match the site. */
.fluentform .ff-el-form-control {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	font-size: 0.875rem;
	padding: 7px 9px;
}

.fluentform .ff-btn-submit {
	background: var(--wp--preset--color--blue) !important;
	border-radius: 3px;
	font-weight: 700;
	text-transform: uppercase;
}

/* Footer. */
.wp-site-blocks > footer {
	margin-block-start: 0;
}

.pc-cta {
	font-size: 1.25rem;
	padding-block: 30px;
	text-align: center;
}

.pc-footer-bar {
	font-size: 0.8125rem;
}

/* Phones: stack the header and shrink the call box. */
@media (max-width: 781px) {
	.pc-header-top {
		flex-direction: column;
		gap: 16px !important;
	}

	.pc-callbox {
		font-size: 1.3rem;
		width: 100%;
	}

	.pc-header nav {
		justify-content: center;
	}
}