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