/* زرار تحت add to cart */
.target-offers-button {
	margin-top: 10px;
}

/* المودال */
.target-offers-modal {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* خلفية المودال */
.target-offers-modal__backdrop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}

/* محتوى المودال */
.target-offers-modal__content {
	position: relative;
	width: 90vw;
	max-width: 900px;
	max-height: 90vh;
	margin: 5vh auto;
	background: #fff;
	border-radius: 4px;
	padding: 20px;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	overflow-y: auto;
	box-sizing: border-box;
}

/* زرار إغلاق المودال */
.target-offers-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	background: transparent;
	font-size: 20px;
	cursor: pointer;
}

/* عنوان المودال */
.target-offers-modal__title {
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: 600;
}

/* الفورم العام */
.target-offers-form p {
	margin-bottom: 12px;
}

.target-offers-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

/* الحقول النصية/الإيميل/الرقم/التكست إريا (ما عدا حقل التليفون) */
.target-offers-form input[type="text"],
.target-offers-form input[type="email"],
.target-offers-form input[type="number"],
.target-offers-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid #e6e8ea;
	border-radius: 4px;
	font: inherit;
	background: #fff;
}

/* علشان ما نبوظش الـ intl-tel-input (الواتساب) */
.target-offers-form .iti__tel-input {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border-radius: 4px;
	border: 1px solid #e6e8ea;   /* توحيد شكل البوردر مع باقي الحقول */
	font: inherit;
	background: #fff;
}

/* فوكس جميل على الحقول */
.target-offers-form input[type="text"]:focus,
.target-offers-form input[type="email"]:focus,
.target-offers-form input[type="number"]:focus,
.target-offers-form textarea:focus,
.target-offers-form .iti__tel-input:focus {
	outline: none;
	border-color: #00afe5;
	box-shadow: 0 0 0 2px rgba(0,175,229,0.12);
}

/* رسالة الفيدباك */
.target-offers-form__feedback {
	margin-top: 10px;
	color: #0a0;
	font-size: 14px;
}

/* أزرار الأكشن تحت الفورم */
.target-offers-form__actions {
	margin-top: 15px;
}

/* جدول My Targets */
.target-offers-my-targets-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.target-offers-my-targets-table th,
.target-offers-my-targets-table td {
	border: 1px solid #ddd;
	padding: 8px;
	font-size: 14px;
}

.target-offers-my-targets-table th {
	background: #f9f9f9;
	font-weight: 600;
}

/* ===== حقل الموبايل (WhatsApp) مع intl-tel-input ===== */

.target-offers-phone-input {
	margin-bottom: 12px;
}

/* نخلي الكونتينر بتاع المكتبة ياخد عرض الحقل كله */
.target-offers-phone-input .iti {
	width: 100%;
	display: block;
}

/* Placeholder لون خفيف */
.target-offers-phone-input .iti__tel-input::placeholder {
	color: #babfc5;
}

/* نضمن إن قائمة الدول تظهر فوق المودال لو حصل تضارب */
.target-offers-phone-input .iti__country-list {
	z-index: 10000;
}

/* موبايل وتابلت: المودال تقريباً فل سكرين */
@media (max-width: 768px) {
	.target-offers-modal__content {
		width: 96vw;
		max-height: 96vh;
		margin: 2vh auto;
		padding: 16px;
	}
}


/* إخفاء علم الدولة في حقل الواتساب مع الإبقاء على كود الدولة فقط */
.target-offers-phone-input .iti__flag {
	display: none !important;
}
