/*
Theme Name: Cork CIL
Theme URI: https://designmywebsite.ie
Author: Design My Website
Author URI: https://designmywebsite.ie
Description: Starter block theme for Astro-to-WordPress conversions. Clone per client, fill in the theme.json design tokens, and replace pattern content. Core blocks only, no plugin dependencies.
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
Version: 0.1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: corkcil
Tags: block-patterns, full-site-editing, one-column
*/

/* ------------------------------------------------------------------
   Hand CSS for details core blocks cannot express. Keep this file
   small; everything expressible in theme.json belongs in theme.json.
   Class names are stable across client themes so patterns stay
   portable — retint via the CSS below only when the design needs it.
   ------------------------------------------------------------------ */

/* Hero: subtle radial dot-pattern background */
.dmw-bg-dots {
	background-image: radial-gradient(rgba(23, 27, 53, 0.1) 1px, transparent 1px);
	background-size: 22px 22px;
}

/* Checklist with accent circle-check markers (recolor stroke to match accent) */
.dmw-checklist {
	list-style: none;
	padding-left: 0;
}

.dmw-checklist li {
	position: relative;
	padding-left: 2.25rem;
	margin-bottom: 0.75rem;
}

.dmw-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.05em;
	width: 1.5rem;
	height: 1.5rem;
	/* Colour comes from the palette token, not the SVG: the icon is a mask
	   filled with background-color, so retinting the theme retints these. */
	background-color: var(--wp--preset--color--primary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Feature cards: shadow, hover lift, bottom-aligned trailing link */
.dmw-card {
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dmw-card > :last-child {
	margin-top: auto;
	padding-top: 0.5rem;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.dmw-card:hover {
		transform: translateY(-0.25rem);
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
	}
}

/* Fixed-size icon tile inside feature cards */
.dmw-icon-tile {
	width: 3.5rem;
	height: 3.5rem;
	align-items: center;
	justify-content: center;
}

/* Soft drop shadow utility for imagery */
.dmw-shadow-xl img {
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* CTA panel shadow and button hover lift */
.dmw-cta-panel {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.dmw-cta-panel .wp-block-button__link {
	transition: transform 0.15s ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.dmw-cta-panel .wp-block-button__link:hover {
		transform: scale(1.03);
	}
}

/* Footer: plain link lists without bullets */
.dmw-footer-links {
	list-style: none;
	padding-left: 0;
}

.dmw-footer-links li {
	margin-bottom: 0.5rem;
}

/* Outline (secondary) button hover */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: #f3f4f6;
	border-color: #4b5563;
	color: #101010;
}

/* Remove the root-level block gap WordPress injects between the top-level
   template blocks (header / main / footer). Sections already own their own
   vertical padding, so the extra margin-block-start creates unwanted gaps. */
:where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

/* Page sections live inside post content and carry their own vertical
   padding, so suppress the inter-block gap between them. */
.wp-block-post-content > * {
	margin-block-start: 0;
}