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