/* ============================================================
   Tripianto — Tour enquiry form enhancements
   WhatsApp (intl-tel-input) + searchable Nationality dropdown
   Styled to match the theme's native fields exactly:
     height 40px · border 1px #ccc · radius 5px · padding 8px 10px · font 14px
   Scoped to #tourmaster-enquiry-form so nothing else is affected.
   ============================================================ */

/* ---- WhatsApp: intl-tel-input matches native inputs ---- */
#tourmaster-enquiry-form .iti { width: 100%; display: block; }
#tourmaster-enquiry-form .iti > input,
#tourmaster-enquiry-form .iti input[type="tel"] {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	font-size: 14px;
	color: #333;
}
/* flag/dial-code column height follows the 40px input automatically */
#tourmaster-enquiry-form .iti__selected-flag,
#tourmaster-enquiry-form .iti__selected-country { border-radius: 5px 0 0 5px; }
/* country dropdown above other tour-page elements */
#tourmaster-enquiry-form .iti__dropdown-content { z-index: 9999; }
.iti--container { z-index: 100000; } /* portaled dropdown */

/* ---- Searchable nationality dropdown ---- */
#tourmaster-enquiry-form .tp-ss { position: relative; width: 100%; }
#tourmaster-enquiry-form .tp-ss-native {
	position: absolute !important;
	opacity: 0; width: 1px; height: 1px; pointer-events: none;
}

#tourmaster-enquiry-form .tp-ss-display {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	padding: 8px 30px 8px 10px;
	line-height: 22px;
	background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E") no-repeat right 10px center;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	color: #333;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	user-select: none;
}
#tourmaster-enquiry-form .tp-ss-display.tp-ss-placeholder { color: #9a9a9a; }
#tourmaster-enquiry-form .tp-ss-display:focus { outline: none; border-color: #c0392b; }

#tourmaster-enquiry-form .tp-ss-panel {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 10000;
	width: 100%;
	min-width: 260px;      /* wider than the narrow field so country names are readable */
	max-width: 90vw;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 8px 24px rgba(0,0,0,.14);
	overflow: hidden;
}
#tourmaster-enquiry-form .tp-ss.tp-ss-open .tp-ss-panel { display: block; }

#tourmaster-enquiry-form .tp-ss-search {
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #eee;
	padding: 9px 12px;
	font-size: 14px;
	outline: none;
	color: #333;
}
#tourmaster-enquiry-form .tp-ss-list { max-height: 240px; overflow-y: auto; }
#tourmaster-enquiry-form .tp-ss-item {
	padding: 9px 12px;
	font-size: 14px;
	cursor: pointer;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#tourmaster-enquiry-form .tp-ss-item:hover { background: #f5f5f5; }
#tourmaster-enquiry-form .tp-ss-item.tp-ss-active { background: #c0392b; color: #fff; }
#tourmaster-enquiry-form .tp-ss-none { padding: 12px; color: #999; font-size: 14px; }

/* ---- RTL tweaks ---- */
html[dir="rtl"] #tourmaster-enquiry-form .tp-ss-display {
	padding: 8px 10px 8px 30px;
	background-position: left 10px center;
}
html[dir="rtl"] #tourmaster-enquiry-form .tp-ss-panel { left: auto; right: 0; }