/*
====================================================
Travel AI Platform
Trip Page
Production CSS
====================================================
*/

.tap-trip-page{

	max-width:1400px;

	margin:60px auto;

	padding:20px;

}

.tap-trip-header{

	text-align:center;

	margin-bottom:40px;

}

.tap-trip-header h1{

	font-family:var(--tap-font-heading);

	font-size:44px;

	font-weight:700;

	margin:0 0 10px;

	color:#14203a;

}

.tap-trip-header p{

	font-size:18px;

	color:#6b6456;

}

.tap-summary-grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:20px;

	margin-bottom:40px;

}

.tap-summary-card{

	background:var(--tap-card);

	border-radius:var(--tap-radius);

	padding:25px;

	box-shadow:var(--tap-shadow);

	border:1px solid var(--tap-border);

	border-top:3px solid var(--tap-gold);

	transition:var(--tap-transition);

}

.tap-summary-card:hover{

	transform:translateY(-5px);

	box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.tap-summary-card span{

	display:block;

	font-size:14px;

	color:#6b6456;

	margin-bottom:10px;

}

.tap-summary-card strong{

	font-size:22px;

	color:#14203a;

	font-weight:700;

}

.tap-trip-days{

	margin-top:40px;

}

.tap-day-card{

	background:var(--tap-card);

	border-radius:var(--tap-radius-lg);

	padding:30px;

	margin-bottom:30px;

	border:1px solid var(--tap-border);

	box-shadow:var(--tap-shadow);

}

.tap-day-card h2{

	font-family:var(--tap-font-heading);

	margin-bottom:25px;

	color:var(--tap-gold-dark);

	padding-bottom:14px;

	border-bottom:1px solid var(--tap-border);

}

.tap-day-grid{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:20px;

}

.tap-day-grid div{

	background:#f7f3e8;

	padding:20px;

	border-radius:12px;

}

.tap-day-grid h4{

	margin:0 0 12px;

	font-size:17px;

}

.tap-day-grid p{

	margin:0;

	line-height:1.7;

	color:#3d3a33;

}

.tap-grid-2{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:25px;

	margin-top:40px;

}

.tap-card{

	background:#fff;

	border-radius:18px;

	padding:25px;

	border:1px solid #e8e1cf;

	box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.tap-card h2{

	margin-bottom:20px;

	font-size:22px;

	color:#14203a;

}

.tap-card pre{

	white-space:pre-wrap;

	word-break:break-word;

	font-size:14px;

	line-height:1.7;

	font-family:inherit;

	background:#f7f3e8;

	padding:18px;

	border-radius:10px;

	margin:0;

}

@media(max-width:1200px){

	.tap-summary-grid{

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:991px){

	.tap-grid-2{

		grid-template-columns:1fr;

	}

	.tap-day-grid{

		grid-template-columns:1fr;

	}

}

@media(max-width:640px){

	.tap-trip-page{

		padding:15px;

	}

	.tap-summary-grid{

		grid-template-columns:1fr;

	}

	.tap-trip-header h1{

		font-size:32px;

	}

	.tap-card{

		padding:20px;

	}

	.tap-day-card{

		padding:20px;

	}

}