/* Israel Revealed — Tour Pricing
 * Starter styles for markup this plugin introduces.
 * The mobile add-on cards previously got their look from per-element Bricks
 * styling; these rules reproduce it once so a single template can render all
 * add-ons. Compare against the live mobile view and adjust the variables.
 */

:root {
	--ir-blue: #14488f;
	--ir-border: #d6dde8;
	--ir-radius: 8px;
}

.ir-addon-card {
	border: 1px solid var(--ir-border);
	border-radius: var(--ir-radius);
	padding: 16px;
	margin-bottom: 16px;
	text-align: center;
}

.ir-addon-name {
	color: var(--ir-blue);
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 12px;
}

.ir-addon-card .flexWrap {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--ir-border);
	text-align: left;
}

.ir-addon-card .flexWrap > div > div:first-child {
	font-weight: 600;
}

.ir-addon-price {
	padding-top: 12px;
}

/* Desktop add-on / room tables: keep wide tables usable without a second
 * mobile-only element tree. Only needed if you later retire the split layout. */
.responsive-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}