← All changes | assets/css/shortcodes/activity-shortcode.css +31 -0 3.0.3 → 3.0.16 View file →

		@@ -80,8 +80,39 @@
80	80	.yatra-category-card-title-link:hover {
81	81	color: var(--yatra-primary-light, #60a5fa);
82	82	}
83	83
	84	+/*
	85	+ * Whole-card click target.
	86	+ *
	87	+ * Promote the title link to a "stretched link" so the entire card is
	88	+ * navigable, while keeping the visible <a> on the title for screen readers
	89	+ * and SEO. The pseudo-element fills the overlay (which is `inset: 0` on the
	90	+ * image wrapper), giving us a single canonical link target without nesting
	91	+ * <a> elements. The featured badge is made non-interactive so clicks on it
	92	+ * pass through to the stretched link.
	93	+ */
	94	+.yatra-category-card {
	95	+ cursor: pointer;
	96	+}
	97	+
	98	+.yatra-category-card-title-link::after {
	99	+ content: "";
	100	+ position: absolute;
	101	+ inset: 0;
	102	+ z-index: 1;
	103	+ border-radius: inherit;
	104	+}
	105	+
	106	+.yatra-category-card-title-link:focus-visible::after {
	107	+ outline: 2px solid var(--yatra-primary, #2563eb);
	108	+ outline-offset: -2px;
	109	+}
	110	+
	111	+.yatra-category-featured-badge {
	112	+ pointer-events: none;
	113	+}
	114	+
84	115	.yatra-category-card-stats {
85	116	display: flex;
86	117	gap: 20px;
87	118	margin-bottom: 16px;