/**
 * ==========================================================
 * Travel AI Platform
 * Public Profile
 * ==========================================================
 */

.tap-public-profile{

	max-width:1280px;

	margin:40px auto;

}

.tap-profile-header{

	display:flex;

	align-items:center;

	gap:25px;

	background:var(--tap-card);

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

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

	padding:30px;

	margin-bottom:30px;

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

}

.tap-profile-avatar img{

	width:120px;

	height:120px;

	border-radius:50%;

	object-fit:cover;

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

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

}

.tap-profile-info{

	flex:1;

}

.tap-profile-info h2{

	margin:0 0 8px;

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

	font-size:34px;

	font-weight:700;

}

.tap-profile-info p{

	margin:0;

	opacity:.7;

	font-size:16px;

}

.tap-public-profile .tap-dashboard-grid{

	display:grid;

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

	gap:20px;

	margin-bottom:30px;

}

.tap-public-profile .tap-card{

	background:#fff;

	border:1px solid #e8e1cf;

	border-radius:16px;

	padding:25px;

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

}

.tap-public-profile .tap-card h3{

	margin:0 0 12px;

	font-size:28px;

}

.tap-public-profile .tap-trip-grid{

	display:grid;

	grid-template-columns:repeat(auto-fill,minmax(320px,1fr));

	gap:25px;

	margin-top:25px;

}

.tap-public-profile .tap-trip-card{

	background:#fff;

	border:1px solid #e8e1cf;

	border-radius:16px;

	padding:25px;

	transition:.3s;

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

}

.tap-public-profile .tap-trip-card:hover{

	transform:translateY(-5px);

	box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.tap-public-profile .tap-trip-card h3{

	margin:0 0 15px;

	font-size:24px;

}

.tap-public-profile .tap-trip-card p{

	margin:10px 0;

}

.tap-public-profile .tap-trip-card .tap-btn{

	margin-top:18px;

	display:inline-flex;

}

@media(max-width:992px){

	.tap-public-profile .tap-dashboard-grid{

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

	}

}

@media(max-width:767px){

	.tap-public-profile{

		margin:20px auto;

	}

	.tap-profile-header{

		flex-direction:column;

		text-align:center;

	}

	.tap-public-profile .tap-dashboard-grid{

		grid-template-columns:1fr;

	}

	.tap-public-profile .tap-trip-grid{

		grid-template-columns:1fr;

	}

}