/* حاوية البنر الرئيسية */
.mohandes-hero-widget {
position: relative;
width: 100%;
height: 380px; /* زيادة بسيطة في الارتفاع لاستيعاب البيانات */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 12px;
overflow: hidden;
margin-bottom: 30px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Tajawal', sans-serif;
}
.mohandes-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));
z-index: 1;
}
.mohandes-hero-content {
position: relative;
z-index: 2;
text-align: center;
color: #fff;
padding: 20px;
max-width: 90%;
}
.mohandes-hero-subtitle {
font-size: 1.5rem;
margin-bottom: 15px; /* تقليل المسافة لإفساح المجال للبيانات */
color: #fff;
font-weight: 800;
line-height: 1.5;
text-shadow: 0 3px 6px rgba(0,0,0,0.8);
}
/* (جديد) تنسيق شريط المعلومات */
.mohandes-meta-bar {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 15px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(5px);
padding: 8px 20px;
border-radius: 50px;
margin-bottom: 25px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.meta-item {
font-size: 0.9rem;
color: #f0f0f0;
display: flex;
align-items: center;
gap: 5px;
font-weight: 500;
}
.meta-separator {
color: #f39c12;
opacity: 0.7;
}
.mohandes-hero-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #f39c12;
color: #fff !important;
text-decoration: none !important;
padding: 12px 40px;
border-radius: 50px;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s ease;
border: 2px solid transparent;
box-shadow: 0 4px 15px rgba(243, 156, 18, 0.4);
}
.mohandes-hero-btn:hover {
background-color: #fff;
color: #f39c12 !important;
border-color: #f39c12;
transform: translateY(-3px);
}
.btn-icon {
margin-left: 10px;
font-size: 1.2rem;
}
/* --- Mobile Responsive --- */
@media (max-width: 768px) {
.mohandes-hero-widget {
height: 320px;
border-radius: 8px;
margin-bottom: 20px;
}
.mohandes-hero-subtitle {
font-size: 1.2rem;
margin-bottom: 15px;
}
.mohandes-meta-bar {
padding: 8px 15px;
gap: 10px;
border-radius: 15px;
flex-direction: column; /* في الجوال نجعل البيانات تحت بعضها للوضوح */
background: rgba(0, 0, 0, 0.4); /* خلفية أغمق قليلاً للقراءة في الجوال */
width: 80%;
margin-left: auto;
margin-right: auto;
}
.meta-separator {
display: none; /* إخفاء الفواصل في الوضع العمودي للجوال */
}
.mohandes-hero-btn {
padding: 10px 25px;
font-size: 1rem;
width: 100%;
box-sizing: border-box;
}
}
إذا اكتشفت تسربًا في منزلك، يجب عليك اتخاذ الإجراءات اللازمة بسرعة. يمكنك بدءًا من إغلاق صمام الماء العامل على المنطقة المتأثرة، ومن ثم التواصل مع فريق تصليح وتسرب المياه المحترف لإصلاح التسرب وإعادة النظام إلى وضعه الطبيعي.
أطلب خدمة كشف تسربات المياه الان
فحص التسربات | تقرير معتمد | إصلاح بالضمان
اترك تعليقاً