/* حاوية البنر الرئيسية */
.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;
}
}
نعم، قد يكون من الضروري استدعاء فنيين متخصصين لحل مشكلة تسرب الماء في الحائط بشكل صحيح. هؤلاء الفنيين لديهم المعرفة والخبرة في تحديد مصدر التسرب وإجراء الإصلاحات اللازمة بطريقة فعالة ومستدامة.
اترك تعليقاً