/*
Theme Name: Umrah v2
Theme URI: https://umrah.org.pk/
Template: twentytwentyfive
Author: Umrah PK
Author URI: https://umrah.org.pk/
Description: Umrah v2 child theme for Umrah.org.pk based on Twenty Twenty-Five, featuring native block styling, WordPress 7 mobile navigation canvas, and full WordPress Site Editor customization.
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: umrah-v2
*/

.u-duration-grid > .wp-block-group,
.u-facts-row .wp-block-column {
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
	cursor: pointer;
	min-height: 72px;
}

.u-duration-grid > .wp-block-group:hover,
.u-facts-row .wp-block-column:hover  {
	transform: translateY(-2px);
	box-shadow: var(--wp--preset--shadow--card) !important;
	border-color: #CBD5E1 !important;
}

/* ---------------------------------------------------------------------------
   Comment Respond Card (Form Container)
   --------------------------------------------------------------------------- */

.comment-respond,
.wp-block-post-comments-form {
	position: relative;
	box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
	overflow: hidden;
}

/* Top decorative brand gradient accent */
.comment-respond::before,
.wp-block-post-comments-form::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	background: linear-gradient(90deg, #064E3B 0%, #047857 50%, #C59A3F 100%);
}

/* Notes & Logged In Meta */
.comment-notes,
.logged-in-as {
	font-size: 0.875rem;
	color: #64748B;
	margin-top: 0.35rem !important;
}

/* ---------------------------------------------------------------------------
   Comment Form Grid & Fields
   --------------------------------------------------------------------------- */

.comment-form {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
}

.comment-notes,
.logged-in-as,
.comment-form-comment,
.comment-form-cookies-consent,
.form-submit {
	grid-column: 1 / -1;
	margin: 0;
}

@media (max-width: 560px) {
	.comment-form {
		grid-template-columns: 1fr;
		gap: 0.85rem;
	}
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		grid-column: 1 / -1;
	}
	.comment-respond,
	.wp-block-post-comments-form {
		padding: 1.25rem 1rem;
	}
}

/* Labels */
.comment-form p {
	margin: 0;
}

.comment-form textarea {
	font-size: 0.9375rem;
}

.comment-form-cookies-consent label {
	font-size: 0.8125rem;
	font-weight: 400;
	color: #64748B;
}