/*------------------------------------------------------------------

[Master Stylesheet]

-------------------------------------------------------------------*/

/* Fonts */

/* Modern Latin + Arabic font pairing */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');


@import url("../fonts/flaticon/flaticon.css");

@import url("../fonts/elegant_font/style.css");

/* PLUGIN CSS */

/*@import url('../plugins/loader/css/loader.css');*/

@import url("../plugins/owl-carousel/owl.carousel.css");

@import url("../plugins/owl-carousel/owl.theme.css");

@import url("../plugins/owl-carousel/owl.transitions.css");

@import url("../plugins/ekko-lightbox/ekko-lightbox.min.css");

/* MAIN CSS */

@import url("bootstrap.min.css");

@import url("jquery-ui.min.css");

@import url("theme.css");

@import url("typography.css");

@import url("responsive.css");

@import url("animate.css");

@import url("hover-min.css");

@import url("custom.css");

@import url("color.css");

a:hover{
	text-decoration: none;
}
/* Mission section polish */
.tools-bg.mission-hero { 
  position: relative; 
  padding: 72px 0 96px; 
}
.tools-bg.mission-hero::before{
  content:"";
  position:absolute; inset:0;
  /* تغميق بسيط لتحسين القراءة */
  background: rgba(0,0,0,.28);
}
.tools-bg.mission-hero .company-message{
  position: relative; /* فوق طبقة التعتيم */
  color: #fff;
  text-align: center;
}
.tools-bg.mission-hero .title{
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 34px;
}
@media (max-width: 768px){
  .tools-bg.mission-hero .title{ font-size: 26px; }
}
.tools-bg.mission-hero .lead{
  max-width: 920px; 
  margin: 0 auto;
  line-height: 1.95;
  font-size: 18px;
}
.tools-bg.mission-hero .btn.btn-border{
  margin-top: 18px;
  border-color: #fff;
  color: #fff;
}
.tools-bg.mission-hero .btn.btn-border:hover{
  background: #fff;
  color: #0b6aa2; /* عدّل حسب لون الهوية */
}

/* يضمن عدم وجود مسافات عمودية زائدة من <br> القديمة */
.tools-bg.mission-hero .lead br{ display:none; }
html, body{
  font-family: "Tajawal", "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  /* لو اخترت Tajawal أو Almarai بدّله مكان IBM Plex */
}

/* للعناوين: وزن أعلى قليلاً */
h1, h2, h3, .title{ font-weight: 700; }

/* ===========================
   Global Polish (EU-friendly)
   =========================== */

/* ألوان وهوية خفيفة */
:root{
  --brand:#0a7cc7;
  --brand-dark:#095f97;
  --accent:#10b981;       /* أخضر مريح */
  --text:#17212b;
  --muted:#5b6776;
  --bg-soft:#f7f9fc;
  --radius:18px;
  --shadow:0 8px 24px rgba(16,24,40,.08);
}

/* خط افتراضي حديث: Inter للاتيني + Tajawal للعربي */
html, body{
  font-family: "Inter","Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  color: var(--text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* تحسين للعناوين */
h1,h2,h3,.title{
  font-weight:800;
  letter-spacing:.2px;
  color:var(--text);
}
h1{font-size:clamp(28px,3vw,40px)}
h2{font-size:clamp(24px,2.4vw,32px)}
h3{font-size:clamp(20px,2vw,26px)}

/* نصوص ثانوية */
p, .subtitle, .b-info, .c-info{ color:var(--muted); }

/* زر أساسي */
.btn{
  border-radius: calc(var(--radius) - 6px);
  transition: all .25s ease;
}
.btn.btn-border{
  border:1.5px solid var(--brand);
  color:var(--brand);
  background:#fff;
}
.btn.btn-border:hover{
  background:var(--brand);
  color:#fff;
  box-shadow: var(--shadow);
}

/* روابط الهيدر/القائمة */
.nav-container ul li a{
  font-weight:600;
  letter-spacing:.2px;
}
.nav-container ul li:hover > a,
.nav-container ul li a:focus{ color:var(--brand); }

/* القوائم المنسدلة */
.nav-container .submenu{
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.nav-container .submenu li a{
  padding:.65rem 1rem;
}

/* هيرو (السلايدر) – إزالة أي خطوط بيضاء وتصحيح الطبقات */
#owl-home, .home-slider, .h-slider-bg, .slide-bg{
  display:block;
  line-height:0;
}
.h-slider-bg{ position:relative; }
.h-slider-bg::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.25));
}

/* وصف السلايدر */
.b-s-desc{
  max-width:900px;
  margin-inline:auto;
  color:#fff;
}
.b-s-desc p{ font-size:18px; }

/* البطاقات (قائمة المنتجات) */
.product-box{
  border-radius: var(--radius);
  box-shadow: 0 4px 14px rgba(16,24,40,.06);
  transition: transform .25s ease, box-shadow .25s ease;
  background:#fff;
}
.product-box:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow);
}
.product-box .product-image img{
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

/* عناوين المنتجات */
.product-title span{
  font-weight:700;
  color:var(--text);
}

/* التبويبات (Tabs) */
.nav-tabs{
  border-bottom:1.5px solid #e8eef4;
}
.nav-tabs > li > a{
  padding:10px 16px;
  font-weight:700;
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover{
  color:var(--brand);
  border-bottom:3px solid var(--brand);
  background:transparent;
}


/* قسم الرسالة (Mission) فوق الخلفية الزرقاء */
.tools-bg{
  background-size: contain;
}
.tools-bg.mission-hero{
  position:relative;
  padding:72px 0 96px;
}
.tools-bg.mission-hero::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.28);
}
.tools-bg.mission-hero .company-message{
  position:relative; color:#fff; text-align:center;
}
.tools-bg.mission-hero .company-message .title{
  margin-bottom:12px;
  font-size:clamp(26px,2.6vw,34px);
}
.tools-bg.mission-hero .company-message .lead{
  max-width:980px; margin:0 auto; line-height:1.95; font-size:18px;
}

/* صناديق “info” السابقة (Working Hours/Helpline/…) إذا أردتها مخفية */
.tools-bg .c-link-box{ display:none; }

/* بديل نظيف للبلوك كاملاً مع الحفاظ على الخلفية */
.tools-bg .company-message .btn{
  border-color:#fff;
  color:#fff;
}
.tools-bg .company-message .btn:hover{
  background:#fff; color:var(--brand-dark);
}

/* الفوتر أكثر وضوحًا */
#footer{
  background:#0f1f2d;
  color:#dbe4ee;
}
#footer .border{ color:#fff; }
#footer a{ color:#c8e1ff; }
#footer a:hover{ color:#fff; }
#footer .f-b-box p{ color:#c5cfdb; }
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
}

/* خلفيات ناعمة للأقسام الفاصلة */
.section-bg,
.block-bg{ background: var(--bg-soft); }

/* تحسين RTL إن وُجد */
[dir="rtl"] .nav-container ul li a{ letter-spacing:0; }
[dir="rtl"] .product-title span, 
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3{ font-family: "Tajawal","Inter",sans-serif; }
/* ===== Fix: Slider looks washed out ===== */
.h-slider-bg,
.home-slider,
.b-s-desc{ opacity: 1 !important; }          /* ألغِ أي opacity تورّث للأبناء */
.h-slider-bg::after{ background: none !important; }  /* ألغِ طبقة التعتيم فوق السلايدر */
.h-slider-bg img,
.home-slider img{ opacity:1 !important; filter:none !important; }

/* ===== Fix: Mission section contrast ===== */
.tools-bg.mission-hero{ opacity:1 !important; }      /* ألغِ أي opacity من الأب */
.tools-bg.mission-hero::before{
  /* قلّل التعتيم بدل ما نلغيه تماماً */
  background: rgba(0,0,0,.12) !important;   /* جرّب 0.12–0.18 حسب الذوق */
}
.tools-bg.mission-hero .company-message .title{ color:#fff !important; }
.tools-bg.mission-hero .company-message .lead{ color:rgba(255,255,255,.95) !important; }

/* أحياناً يكون السبب كلاس عام اسمه bg-opacity-color */
.bg-opacity-color{ opacity:1 !important; }  /* أعِدها 1 لو كانت أقل من 1 *
/* ===== Mission section – polish & fix contrast ===== */
.tools-bg.mission-hero{
  position: relative;
  padding: 90px 0 110px;         /* مساحة عمودية مريحة */
  opacity: 1 !important;         /* تأكيد إلغاء أي توريث للـ opacity */
  overflow: hidden;
}

/* تعتيم بسيط ومتساوي لتحسين قراءة النص فوق الخلفية */
.tools-bg.mission-hero::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.15);   /* جرّب 0.12–0.2 حسب الذوق */
  pointer-events:none;
}

/* تدرّج خفيف في الأسفل يمنع مظهر “القصّة” الحاد */
.tools-bg.mission-hero::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:80px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.12));
  pointer-events:none;
}

.tools-bg.mission-hero .company-message{
  position: relative;            /* فوق طبقة التعتيم */
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.tools-bg.mission-hero .company-message .title{
  margin: 0 0 16px;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: .3px;
  color:#fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.25);
}

.tools-bg.mission-hero .company-message .lead{
  font-size: 18px;
  line-height: 1.9;
  color: rgba(255,255,255,.95) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.2);
  margin: 0 auto 12px;
}

.tools-bg.mission-hero .company-message .lead p{ margin: 0 0 10px; }

/* زر أنظف وواضح */
.tools-bg.mission-hero .btn.btn-border{
  margin-top: 16px;
  border: 2px solid #fff;
  color:#fff;
  border-radius: 12px;
  padding: 10px 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}
.tools-bg.mission-hero .btn.btn-border:hover{
  background:#fff;
  color:#0a6fb1;
}

/* إلغاء أي شفافية عامة قد تكون مسببة للبهتان */
.bg-opacity-color{ opacity: 1 !important; }
/
/* Force pure-white text under the Mission heading */
.tools-bg.mission-hero .company-message .lead,
.tools-bg.mission-hero .company-message .lead p,
.tools-bg.mission-hero .company-message .lead * {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18); /* خفيف لتحسين المقروئية */
}

/* لو عندك فقرات خارج .lead مباشرة */
.tools-bg.mission-hero .company-message p {
  color: #ffffff !important;
}

/* تلميعة بسيطة للعنوان */
.tools-bg.mission-hero .company-message .title {
  color: #ffffff !important;
}
/* ===== Global de-fade reset ===== */

/* 1) أي طبقة شبه شفافة/أوفرلاي تُزال */
[class*="opacity"]::before,
[class*="opacity"]::after,
[class*="overlay"]::before,
[class*="overlay"]::after,
.bg-opacity-color::before,
.bg-opacity-color::after,
.paralax::before,
.paralax::after,
.header-3::before,
.header-3::after {
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

/* 2) عناصر الهيكل الأساسية: لا شفافية ولا فلاتر */
html, body, .b-page, .wrapper, .container,
.header-top, .header-nav, .tools-bg, .tabpanel,
.footer-blocks, .footer-bottom, .shop-grid, .product-box {
  opacity: 1 !important;
  filter: none !important;
}

/* 3) الصور والسلايدر */
img, .product-image img,
.owl-carousel .item img,
.main-slider img, .carousel img {
  opacity: 1 !important;
  filter: none !important;
}

/* 4) طبقات الخلفيات ذات أسماء شائعة */
.bg-opacity, .bg-opacity-dark, .bg-opacity-light,
.dark-layer, .pattern, .pattern::before, .pattern::after {
  background: transparent !important;
  opacity: 1 !important;
  filter: none !important;
}

/* 5) قسم الرسالة (Mission) – تأكيد وضوح النص */
.tools-bg.mission-hero { opacity: 1 !important; filter: none !important; }
.tools-bg.mission-hero .company-message,
.tools-bg.mission-hero .company-message * {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18); /* تحسين المقروئية */
}