/*!
Theme Name: StoneCraft Resin Bristol
Theme URI: https://stonecraft-resin-bristol.co.uk/
Author: StoneCraft Resin Bristol
Description: Custom theme for StoneCraft Resin Bristol, converted from the original static HTML site. Content is managed with ACF Pro (Site Settings + Home Page fields), a Testimonials post type and Contact Form 7.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stonecraft-resin-bristol
Tags: one-column, custom-menu, featured-images, translation-ready

The front-end design lives in assets/css/style.css (unchanged from the HTML site).
This file only holds WordPress-specific additions.
*/

/* ---------- Admin bar offset for the absolute/sticky header ---------- */
.admin-bar .scroll-progress { top: 32px; }
.admin-bar .site-header { top: 66px; }
.admin-bar .site-header.sticky { top: 32px; }
@media (max-width: 782px) {
	.admin-bar .scroll-progress { top: 46px; }
	.admin-bar .site-header { top: 80px; }
	.admin-bar .site-header.sticky { top: 46px; }
}
@media (max-width: 600px) {
	.admin-bar .site-header.sticky { top: 0; }
}
@media (max-width: 480px) {
	.admin-bar .site-header { top: 76px; }
}

/* WordPress adds width/height attributes to images; keep the original sizing. */
.navbar-brand img,
.footer-logo img { height: auto; }

/* Editable CTA background (set inline from ACF as --section-bg). */
.cta-section {
	background-image: linear-gradient(90deg, #050505e8, #050505b5), var(--section-bg, url('assets/images/client-resin-driveway.jpg'));
}

/* ---------- Footer menus (wp_nav_menu output) ---------- */
.footer-bottom .footer-legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.footer-bottom .footer-legal ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-bottom .footer-legal li { margin: 0; }
.footer-bottom .footer-legal li a {
	color: #ddd;
	font-size: inherit;
	line-height: inherit;
}
.footer-bottom .footer-legal li a:hover { color: var(--yellow); }
.footer-bottom .footer-legal li + li:before {
	content: '|';
	padding: 0 14px;
}

/* ---------- Contact Form 7 inside the enquiry card ---------- */
.enquiry-form .wpcf7-form-control-wrap,
.enquiry-form textarea { display: block; }
.enquiry-form .input-wrap > i { top: 22px; z-index: 1; }
.enquiry-form .wpcf7-not-valid { border-color: #ff6b6b !important; }
.enquiry-form .wpcf7-not-valid-tip {
	font-size: 11px;
	color: #ff8a8a;
	margin-top: 4px;
}
.enquiry-form .wpcf7-spinner { display: none; }
.enquiry-form.submitting .btn[type="submit"] { opacity: .7; pointer-events: none; }
/* Always occupies its grid row (empty = 0px), like the original #formFeedback element. */
.wpcf7 form.enquiry-form .wpcf7-response-output {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	color: #ffdc00;
}
.wpcf7 form.enquiry-form.invalid .wpcf7-response-output,
.wpcf7 form.enquiry-form.failed .wpcf7-response-output,
.wpcf7 form.enquiry-form.spam .wpcf7-response-output { color: #ff8a8a; }

/* ---------- Inner pages (privacy, terms, blog fallback) ---------- */
.legal-page h2,
.legal-page h3 { margin-top: 1.6em; }
.legal-page .entry-content > * { max-width: 850px; }
.legal-page .entry-content a { color: #bc9200; text-decoration: underline; }
.legal-page .post-list { list-style: none; padding: 0; margin: 30px 0 0; }
.legal-page .post-list li { margin-bottom: 30px; }
.legal-page .post-list h2 { font-size: 22px; margin: 0 0 8px; }
.legal-page .post-list h2 a { color: var(--text); }
.legal-page .pagination { margin-top: 30px; gap: 10px; }