← All changes | assets/css/shortcodes/trip-shortcode.css +9 -14 3.0.2.8 → 3.0.16 View file →

		@@ -23,19 +23,14 @@
23	23	width: 30px;
24	24	height: 30px;
25	25	margin: -15px 0 0 -15px;
26	26	border: 3px solid #f3f3f3;
27		- border-top: 3px solid #0073aa;
	27	+ border-top: 3px solid var(--yatra-primary, #3b82f6);
28	28	border-radius: 50%;
29	29	animation: yatra-spin 1s linear infinite;
30	30	z-index: 11;
31	31	}
32	32
33		-@keyframes yatra-spin {
34		- 0% { transform: rotate(0deg); }
35		- 100% { transform: rotate(360deg); }
36		-}
37		-
38	33	.yatra-tour-header {
39	34	display: flex;
40	35	justify-content: space-between;
41	36	align-items: center;
		@@ -148,26 +143,26 @@
148	143	}
149	144
150	145	.yatra-pagination-link:hover {
151	146	background: #f9fafb;
152		- border-color: #9ca3af;
153		- color: #111827;
	147	+ border-color: color-mix(in srgb, var(--yatra-primary, #3b82f6) 35%, #d1d5db);
	148	+ color: var(--yatra-primary, #3b82f6);
154	149	}
155	150
156	151	.yatra-pagination-current {
157		- background: #0073aa;
158		- border-color: #0073aa;
	152	+ background: var(--yatra-primary, #3b82f6);
	153	+ border-color: var(--yatra-primary, #3b82f6);
159	154	color: #ffffff;
160	155	font-weight: 600;
161	156	transform: scale(1.05);
162		- box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3);
	157	+ box-shadow: 0 2px 8px color-mix(in srgb, var(--yatra-primary, #3b82f6) 35%, transparent);
163	158	}
164	159
165	160	.yatra-pagination-current:hover {
166		- background: #005a87;
167		- border-color: #005a87;
	161	+ background: var(--yatra-primary-dark, #2563eb);
	162	+ border-color: var(--yatra-primary-dark, #2563eb);
168	163	transform: scale(1.05);
169		- box-shadow: 0 2px 8px rgba(0, 90, 135, 0.4);
	164	+ box-shadow: 0 2px 8px color-mix(in srgb, var(--yatra-primary-dark, #2563eb) 40%, transparent);
170	165	}
171	166
172	167	.yatra-pagination-ellipsis {
173	168	color: #9ca3af;