/*
Theme Name: Clipa
Theme URI: https://clipa.ro
Description: Temă copil pentru site-ul familiei Clipa — album foto și video, construită peste Twenty Twenty-Five.
Author: Familia Clipa
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: clipa
*/

/* Titlul mare de pe pagina de start, cu tăiere elegantă pe mobil */
.clipa-hero .wp-block-cover__inner-container { max-width: 46rem; }

/* Cardurile de album: imaginea se apropie ușor la hover */
.clipa-card figure img,
.clipa-card .wp-block-post-featured-image img {
	transition: transform .5s ease;
	will-change: transform;
}
.clipa-card:hover figure img,
.clipa-card:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.clipa-card figure,
.clipa-card .wp-block-post-featured-image { overflow: hidden; }

/* Galeriile: colțuri rotunjite uniforme */
.wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 6px; }

@media (prefers-reduced-motion: reduce) {
	.clipa-card figure img { transition: none; }
	.clipa-card:hover figure img { transform: none; }
}

/* Titlurile cardurilor sunt linkuri, dar nu trebuie să arate ca text subliniat */
.clipa-card h3 a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.clipa-card:hover h3 a,
.clipa-card h3 a:focus-visible { color: var(--wp--preset--color--accent); }

/* Pe ecrane mici cele două coloane de carduri se pun una sub alta cu aer */
@media (max-width: 781px) {
	.wp-block-columns .clipa-card { margin-bottom: var(--wp--preset--spacing--40); }
}

/* Galeriile de album: plăci de aceeași înălțime, indiferent de orientarea pozei.
   Pozele sunt din 2005–2006, amestecate portret/peisaj — fără asta grila sare. */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	aspect-ratio: 4 / 3;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%; /* fețele sunt de obicei în treimea de sus */
	cursor: zoom-in;
}

/* Copertele de album: același raport, ca cele două coloane să rămână aliniate */
.clipa-card > figure.wp-block-image {
	aspect-ratio: 4 / 3;
	margin-bottom: 0;
}
.clipa-card > figure.wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
}