/* ═══════════════════════════════════════════════════════════
   15-HOT-GRID.CSS — Premium mini-card grid for [myticket_hot_deals]
   ─────────────────────────────────────────────────────────── */

.mt-hot-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 20px 0;
	width: 100%;
}

.mt-hot-grid[data-cols="1"] { grid-template-columns: 1fr; }
.mt-hot-grid[data-cols="2"] { grid-template-columns: repeat(2, 1fr); }
.mt-hot-grid[data-cols="3"] { grid-template-columns: repeat(3, 1fr); }
.mt-hot-grid[data-cols="4"] { grid-template-columns: repeat(4, 1fr); }

.mt-hot-grid-title {
	grid-column: 1 / -1;
	font-family: 'Sora', sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4px;
}

/* ─── Single mini card ─── */
.mt-hot-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	background: linear-gradient(150deg, rgba(15, 26, 46, 0.6) 0%, rgba(30, 58, 138, 0.4) 100%);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	color: #fff;
	text-decoration: none;
	transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
	            border-color 0.22s, box-shadow 0.22s, background 0.22s;
	position: relative;
	overflow: hidden;
}

/* თემატური accent border-left */
.mt-hot-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 3px;
	height: 100%;
	background: linear-gradient(180deg, #60a5fa, #22d3ee);
	opacity: 0.6;
	transition: opacity 0.22s, width 0.22s;
}

.mt-hot-card:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 211, 238, 0.4);
	background: linear-gradient(150deg, rgba(15, 26, 46, 0.75) 0%, rgba(30, 58, 138, 0.55) 100%);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(34, 211, 238, 0.18) inset;
}
.mt-hot-card:hover::before {
	width: 5px;
	opacity: 1;
}

/* ─── თემატური ფერი (rotation) ─── */
.mt-hot-card.mt-hot-red::before    { background: linear-gradient(180deg, #f87171, #ef4444); }
.mt-hot-card.mt-hot-blue::before   { background: linear-gradient(180deg, #60a5fa, #3b82f6); }
.mt-hot-card.mt-hot-green::before  { background: linear-gradient(180deg, #4ade80, #22c55e); }
.mt-hot-card.mt-hot-cyan::before   { background: linear-gradient(180deg, #67e8f9, #22d3ee); }
.mt-hot-card.mt-hot-orange::before { background: linear-gradient(180deg, #fb923c, #f97316); }
.mt-hot-card.mt-hot-purple::before { background: linear-gradient(180deg, #c084fc, #a855f7); }

/* ─── Head: airline logo + name ─── */
.mt-hot-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.mt-hot-logo {
	width: 50px;
	height: 20px;
	object-fit: contain;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	padding: 2px;
}

.mt-hot-airline {
	font-size: 0.82rem;
	font-weight: 600;
	color: rgba(219, 234, 254, 0.85);
}

/* ─── Route: From → To ─── */
.mt-hot-route {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 4px 0;
}

.mt-hot-from,
.mt-hot-to {
	display: flex;
	flex-direction: column;
	font-family: 'Sora', sans-serif;
	font-size: 1.15rem;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	letter-spacing: 0.02em;
}

.mt-hot-from small,
.mt-hot-to small {
	font-size: 0.72rem;
	font-weight: 500;
	color: rgba(219, 234, 254, 0.65);
	margin-top: 4px;
	letter-spacing: 0.01em;
}

.mt-hot-to { text-align: right; align-items: flex-end; }

.mt-hot-icon {
	font-size: 0.9rem;
	color: #67e8f9;
	transform: rotate(-45deg);
	margin: 0 6px;
	opacity: 0.8;
}

/* ─── Foot: date + price ─── */
.mt-hot-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 0 4px;
}

.mt-hot-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.78rem;
	color: rgba(219, 234, 254, 0.7);
}

.mt-hot-date i {
	font-size: 0.78rem;
	color: rgba(103, 232, 249, 0.7);
}

.mt-hot-price {
	font-family: 'Sora', sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	color: #67e8f9;
	letter-spacing: -0.01em;
	text-shadow: 0 0 16px rgba(34, 211, 238, 0.4);
}

.mt-hot-price em {
	font-style: normal;
	font-size: 0.7em;
	color: rgba(103, 232, 249, 0.6);
	margin-right: 1px;
}

/* ─── CTA ─── */
.mt-hot-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 6px;
	padding: 8px 12px;
	font-size: 0.82rem;
	font-weight: 600;
	color: rgba(219, 234, 254, 0.92);
	background: rgba(96, 165, 250, 0.08);
	border: 1px solid rgba(96, 165, 250, 0.18);
	border-radius: 10px;
	transition: background 0.18s, color 0.18s, gap 0.22s;
}

.mt-hot-card:hover .mt-hot-cta {
	background: linear-gradient(135deg, rgba(34, 211, 238, 0.18), rgba(96, 165, 250, 0.18));
	color: #fff;
	gap: 10px;
}

.mt-hot-card:hover .mt-hot-cta i {
	transform: translateX(3px);
	transition: transform 0.22s;
}

/* ─── Empty state ─── */
.mt-hot-empty {
	grid-column: 1 / -1;
	padding: 30px;
	text-align: center;
	color: rgba(219, 234, 254, 0.6);
	font-size: 0.94rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px dashed rgba(255, 255, 255, 0.1);
	border-radius: 14px;
}

.mt-hot-empty i {
	display: block;
	margin: 0 auto 10px;
	font-size: 1.6rem;
	color: rgba(103, 232, 249, 0.6);
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
	.mt-hot-grid,
	.mt-hot-grid[data-cols="3"],
	.mt-hot-grid[data-cols="4"] {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}

@media (max-width: 560px) {
	.mt-hot-grid,
	.mt-hot-grid[data-cols="2"],
	.mt-hot-grid[data-cols="3"],
	.mt-hot-grid[data-cols="4"] {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.mt-hot-card { padding: 14px; }
	.mt-hot-from, .mt-hot-to { font-size: 1.05rem; }
	.mt-hot-price { font-size: 1.15rem; }
}


/* ═══════════════════════════════════════════════════════════
   AIRLINE CARDS — [myticket_airlines]
   ─────────────────────────────────────────────────────────── */

.mt-airlines-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: 20px 0;
}

.mt-airlines-grid[data-cols="2"] { grid-template-columns: repeat(2, 1fr); }
.mt-airlines-grid[data-cols="3"] { grid-template-columns: repeat(3, 1fr); }
.mt-airlines-grid[data-cols="4"] { grid-template-columns: repeat(4, 1fr); }
.mt-airlines-grid[data-cols="5"] { grid-template-columns: repeat(5, 1fr); }
.mt-airlines-grid[data-cols="6"] { grid-template-columns: repeat(6, 1fr); }

.mt-airline-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 16px 12px;
	background: linear-gradient(150deg, rgba(15, 26, 46, 0.55) 0%, rgba(30, 58, 138, 0.35) 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
	            border-color 0.22s, background 0.22s;
	text-align: center;
}

.mt-airline-card:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 211, 238, 0.4);
	background: linear-gradient(150deg, rgba(15, 26, 46, 0.72) 0%, rgba(30, 58, 138, 0.5) 100%);
}

.mt-airline-logo {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
	padding: 6px 12px;
	transition: transform 0.22s;
}

.mt-airline-card:hover .mt-airline-logo {
	transform: scale(1.04);
}

.mt-airline-logo img {
	max-width: 100%;
	max-height: 36px;
	object-fit: contain;
}

.mt-airline-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: center;
}

.mt-airline-name {
	font-family: 'Sora', sans-serif;
	font-size: 0.86rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
}

.mt-airline-iata {
	font-size: 0.7rem;
	font-weight: 600;
	color: #67e8f9;
	letter-spacing: 0.08em;
	background: rgba(34, 211, 238, 0.12);
	border: 1px solid rgba(34, 211, 238, 0.28);
	padding: 2px 8px;
	border-radius: 6px;
}

/* Responsive */
@media (max-width: 900px) {
	.mt-airlines-grid,
	.mt-airlines-grid[data-cols="4"],
	.mt-airlines-grid[data-cols="5"],
	.mt-airlines-grid[data-cols="6"] {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 560px) {
	.mt-airlines-grid,
	.mt-airlines-grid[data-cols] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.mt-airline-card { padding: 12px 10px; }
	.mt-airline-logo { height: 44px; }
	.mt-airline-name { font-size: 0.78rem; }
}