/**
 * Tour Details — styles for the ACF "Tour Details" section rendered by
 * templates/rental/loop/included-excluded.php.
 *
 * Ports the CSS from the original VETATOURISM TripGo theme override so
 * the styling survives even if the customer wipes the Additional CSS
 * block from Appearance → Customize.
 */

/* Product Features Section */
.acf-product-features-wrapper {
	background-color: #f9f9f9;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 8px;
	border: 1px solid #ddd;
}

.acf-product-features-wrapper .acf-product-features-content p {
	font-size: 1em;
	margin: 10px 0;
}

.acf-product-features-wrapper .acf-product-features-content strong {
	font-weight: bold;
}

/* Tour Details Table (WYSIWYG tour_detail field) */
.tour-details-table {
	margin-top: 20px;
}

.tour-details-table h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 12px;
	color: #333;
}

.tour-details-table table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;
}

.tour-details-table th {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: left;
	background-color: #f4f4f4;
	font-weight: normal;
}

.tour-details-table td {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.tour-details-table .tour-detail-column {
	width: 60%;
}

.tour-details-table .price-column {
	width: 20%;
}

.tour-details-table .price-column:nth-child(2),
.tour-details-table .price-column:nth-child(3) {
	width: 15% !important;
}

/* Mobile — keep tables readable without forcing horizontal scroll unless
 * the table content is genuinely wider than the viewport. */
@media screen and (max-width: 768px) {
	.tour-details-table {
		overflow-x: auto;
	}

	.tour-details-table table {
		width: 100%;
		table-layout: fixed;
	}

	.tour-details-table th,
	.tour-details-table td {
		font-size: 12px;
		padding: 6px;
	}

	.tour-details-table .tour-detail-column {
		width: 50%;
	}

	.tour-details-table .price-column {
		width: 25%;
	}
}