/*
Theme Name: HeritageCanvas
Theme URI: https://example.com/heritagecanvas
Author: HeritageCanvas Studio
Author URI: https://example.com
Description: A minimalist, museum-curated block theme for high-resolution downloads of ancient sculpture photography, Mughal, Rajput and Tanjore miniatures, and historical art. Fully editable via the WordPress Site Editor (FSE).
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heritagecanvas
Tags: full-site-editing, block-patterns, block-styles, photography, portfolio, custom-colors, editor-style
*/

/* -------------------------------------------------
   1. Masonry archive layout (CSS columns fallback)
   Apply class "hc-masonry" to a Post Template block.
--------------------------------------------------*/
.hc-masonry {
	display: block !important;
	columns: 3 320px;
	column-gap: var(--wp--preset--spacing--40, 1.5rem);
}
.hc-masonry > li {
	break-inside: avoid;
	margin-bottom: var(--wp--preset--spacing--40, 1.5rem);
	width: 100% !important;
}
@media (max-width: 781px) {
	.hc-masonry { columns: 2 240px; }
}
@media (max-width: 480px) {
	.hc-masonry { columns: 1; }
}

/* -------------------------------------------------
   2. Artwork card with hover overlay
   Apply class "hc-card" to the Group wrapping each
   Query Loop item. The overlay group needs "hc-card-meta".
--------------------------------------------------*/
.hc-card {
	position: relative;
	overflow: hidden;
}
.hc-card img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease;
}
.hc-card:hover img,
.hc-card:focus-within img {
	transform: scale(1.035);
	filter: brightness(0.62) sepia(0.12);
}
.hc-card .hc-card-meta {
	position: absolute;
	inset: auto 0 0 0;
	padding: 1.25rem 1.5rem;
	opacity: 0;
	transform: translateY(0.75rem);
	transition: opacity 0.45s ease, transform 0.45s ease;
	background: linear-gradient(to top, rgba(34, 30, 27, 0.85), rgba(34, 30, 27, 0));
	pointer-events: none;
}
.hc-card:hover .hc-card-meta,
.hc-card:focus-within .hc-card-meta {
	opacity: 1;
	transform: translateY(0);
}
.hc-card .hc-card-meta,
.hc-card .hc-card-meta a,
.hc-card .hc-card-meta time {
	color: var(--wp--preset--color--cream, #f7f1e6);
}
@media (prefers-reduced-motion: reduce) {
	.hc-card img,
	.hc-card .hc-card-meta {
		transition: none;
	}
	.hc-card:hover img { transform: none; }
}

/* -------------------------------------------------
   3. Download button block style ("Download High-Res")
   Registered as a block style: is-style-hc-download
--------------------------------------------------*/
.wp-block-button.is-style-hc-download .wp-block-button__link {
	background-color: var(--wp--preset--color--terracotta, #b0532c);
	color: var(--wp--preset--color--cream, #f7f1e6);
	border: 1px solid var(--wp--preset--color--terracotta, #b0532c);
	border-radius: 0;
	padding: 0.95rem 2.4rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.wp-block-button.is-style-hc-download .wp-block-button__link:hover,
.wp-block-button.is-style-hc-download .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--charcoal, #2a2622);
	border-color: var(--wp--preset--color--charcoal, #2a2622);
	color: var(--wp--preset--color--cream, #f7f1e6);
}

/* Outline variant for secondary tier */
.wp-block-button.is-style-hc-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--charcoal, #2a2622);
	border: 1px solid var(--wp--preset--color--charcoal, #2a2622);
	border-radius: 0;
	padding: 0.95rem 2.4rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
}
.wp-block-button.is-style-hc-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--charcoal, #2a2622);
	color: var(--wp--preset--color--cream, #f7f1e6);
}

/* -------------------------------------------------
   4. Image details matrix (definition-list style rows)
--------------------------------------------------*/
.hc-details-matrix .hc-details-row {
	border-bottom: 1px solid var(--wp--preset--color--sand, #d8c5a3);
	padding: 0.85rem 0;
}
.hc-details-matrix .hc-details-row:first-child {
	border-top: 1px solid var(--wp--preset--color--sand, #d8c5a3);
}
.hc-details-label {
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-size: 0.72rem !important;
	color: var(--wp--preset--color--umber, #6f5b4a);
}

/* -------------------------------------------------
   5. Quiet utility touches
--------------------------------------------------*/
.hc-eyebrow {
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-size: 0.75rem !important;
	color: var(--wp--preset--color--terracotta, #b0532c);
}
.hc-rule {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--sand, #d8c5a3);
}
.hc-hero-search input[type="search"] {
	border: 1px solid var(--wp--preset--color--sand, #d8c5a3);
	background: rgba(247, 241, 230, 0.96);
	border-radius: 0;
	padding: 1rem 1.25rem;
	font-size: 1rem;
}
.hc-hero-search button {
	border-radius: 0;
	background: var(--wp--preset--color--terracotta, #b0532c);
	color: var(--wp--preset--color--cream, #f7f1e6);
	border: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 0 1.75rem;
}