/* Travel Marketplace - shared frontend styles for plugin-rendered shortcodes.
   Kept separate from the theme stylesheet so these shortcodes look right
   regardless of which theme is active. */

:root {
	--tmp-blue: #0b74de;
	--tmp-green: #1aa260;
	--tmp-bg: #ffffff;
	--tmp-radius: 14px;
	--tmp-shadow: 0 4px 18px rgba(0,0,0,0.06);
}

.tmp-dashboard-nav { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.tmp-dashboard-nav a { color: var(--tmp-blue); text-decoration: none; font-weight: 600; }

.tmp-hotel-row {
	display: flex; align-items: center; gap: .75rem;
	padding: .75rem 1rem; margin-bottom: .5rem;
	border-radius: var(--tmp-radius); box-shadow: var(--tmp-shadow); background: var(--tmp-bg);
}

.tmp-lead-marketplace { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.tmp-lead-card { border-radius: var(--tmp-radius); box-shadow: var(--tmp-shadow); padding: 1rem; background: var(--tmp-bg); }
.tmp-badge { display: inline-block; padding: .2rem .6rem; border-radius: 999px; font-size: .8rem; }
.tmp-badge-closed { background: #f2f2f2; color: #888; }

.tmp-buy-lead, .tmp-promote-btn, .tmp-confirm-booking {
	background: var(--tmp-green); color: #fff; border: none; border-radius: 8px;
	padding: .5rem 1rem; cursor: pointer; text-decoration: none; display: inline-block;
}
.tmp-confirm-booking { background: var(--tmp-blue); }

.tmp-register-form label, .tmp-hotel-form label, .tmp-travel-request-form label {
	display: block; margin-bottom: .75rem; font-weight: 600;
}
.tmp-register-form input, .tmp-hotel-form input, .tmp-hotel-form textarea,
.tmp-travel-request-form input, .tmp-travel-request-form textarea {
	width: 100%; padding: .6rem .8rem; border-radius: 10px; border: 1px solid #ddd; font-weight: 400;
}

.tmp-search-form { display: flex; gap: .5rem; flex-wrap: wrap; }
.tmp-search-form input, .tmp-search-form select {
	padding: .7rem 1rem; border-radius: 999px; border: 1px solid #ddd;
}
.tmp-search-form button {
	background: var(--tmp-blue); color: #fff; border: none; border-radius: 999px; padding: .7rem 1.4rem; cursor: pointer;
}

.tmp-breadcrumbs { font-size: .85rem; color: #777; margin-bottom: 1rem; }
.tmp-breadcrumbs a { color: var(--tmp-blue); text-decoration: none; }