:root{
  --blue:#1E88E5;
  --orange:#ff7e5f;
  --orange2:#feb47b;
  --danger:#e53935;
  --glass-bg: rgba(255,255,255,0.12);
  --glass-border: rgba(255,255,255,0.35);
}

.parallax-bg{
  position:fixed;
  inset:0;
  background-image:url('/images/background.jpg');
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  z-index:0;
}

.overlay-grad{
  position:fixed;
  inset:0;
  background:linear-gradient(120deg, rgba(255,126,95,0.35), rgba(30,136,229,0.35));
  z-index:1;
}

.section{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:18px;
  padding:16px;
  backdrop-filter:blur(10px);
  margin-bottom:16px;
  color:#fff;
}

.section-title{
  font-weight:800;
  font-size:1.25rem;
  margin-bottom:10px;
}

.card{
  background:#fff;
  border-radius:14px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  padding:12px;
  text-align:center;
}

.thumb{
  width:100%;
  height:140px;
  object-fit:contain;
  background:#f8fafc;
  border-radius:12px;
}

.input{
  width:100%;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  outline:none;
  color:#000; /* ✅ النص داخل الحقول الآن أسود */
  background:#fff;
}

.input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(30,136,229,0.2);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  border:none;
  border-radius:12px;
  font-weight:700;
  padding:10px 16px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
  text-decoration:none;
  color:#fff; /* ✅ النص داخل الأزرار أبيض وواضح */
}

.btn:active{
  transform:scale(.97);
}

.btn-primary{
  background:linear-gradient(90deg,var(--orange),var(--orange2));
  color:#fff;
  box-shadow:0 8px 18px rgba(255,126,95,.35);
}

.btn-primary:hover{
  transform:translateY(-1px);
}

.btn-blue{
  background:var(--blue);
  color:#fff;
  box-shadow:0 6px 14px rgba(30,136,229,.25);
}

.btn-blue:hover{
  transform:translateY(-1px);
}

.btn-blue-outline{
  background:transparent;
  border:2px solid #fff;
  color:#fff;
}

.btn-danger{
  background:var(--danger);
  color:#fff;
}

.drop-shadow{
  text-shadow:0 2px 12px rgba(0,0,0,0.35);
}

/* ✅ تحسين مظهر زر البحث وحقل البحث في واجهة المستخدم */
input[type="search"],
.search input {
  color: #000 !important;              /* نص أسود داخل حقل البحث */
  background-color: #fff !important;   /* خلفية بيضاء واضحة */
  border: 1px solid #ccc !important;
}

.search button,
button[type="submit"] {
  background-color: var(--blue) !important; /* خلفية زرقاء */
  color: #fff !important;                   /* نص أبيض واضح */
  border: none !important;
  border-radius: 10px;
  padding: 8px 14px;
  transition: background 0.2s ease;
}

.search button:hover,
button[type="submit"]:hover {
  background-color: #1e40af !important; /* لون أزرق أغمق عند المرور */
}

/* === ✅ العلامة المائية لتلغرام === */
.telegram-watermark {
  position: fixed;
  bottom: 150px;
  left: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.15);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.3);
  padding: 8px 14px;
  border-radius: 12px;
  backdrop-filter: blur(6px);
  text-decoration: none;
  font-weight: 600;
  font-size: 30px;
  z-index: 9999;
  transition: all 0.2s ease;
}

.telegram-watermark:hover {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}

.telegram-icon {
  width: 35px;
  height: 70px;
  object-fit: contain;
  filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));
}
/* ✅ تكبير النص داخل بطاقات نتائج البحث */
.results p,
.results span,
.results div,
.card p {
  font-size: 1.6rem;   /* يمكنك رفعها إلى 1.2rem أو 1.3rem لتكبير أكثر */
  line-height: 1.6;
}

/* إذا كنت تستخدم كلاس مخصص مثل .alternatives أو .phones */
.alternatives p,
.phones p {
  font-size: 1.2rem;
}