/* GizaPowerIndustry v2.9 — إصلاحات الشكل (design v1.8 / v1.8.1) — بيحافظ على شكل القالب */

/* ---- كل الشاشات ---- */
/* النص الأساسي أغمق شوية: #969696 (2.9:1) => #5A5A5A (6.9:1) */
#content p{color:#5A5A5A}
/* ودجت أسعار المعادن بارتفاعه الكامل */
.invest-media{height:232px}

/* ---- الموبايل (أصغر من 768 بكسل) ---- */
@media (max-width:767.98px){
  /* منع السكرول الأفقي (حركات الظهور / عناصر أعرض من الشاشة) — hidden للمتصفحات اللي مش بتدعم clip */
  html,body{overflow-x:hidden;max-width:100%}
  @supports (overflow-x:clip){html,body{overflow-x:clip}}
  #wrapper{overflow-x:clip;max-width:100vw}

  /* الرئيسية: صور أخف بدل 1920 بكسل (الفيديو مش بيتحمّل على الموبايل) */
  #slider.slider-element{background-image:url(../images/slider/1-900.jpg)!important}
  #slider .fslider,#slider .fslider .slide{background-image:url(../images/slider/2-900.jpg)!important}

  /* تابات أقسام المنتجات => أزرار بتتسحب أفقيًا وفيها الاسم */
  .tabs ul.tab-nav:not(.tab-nav-lg){display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 6px;height:auto}
  .tabs ul.tab-nav:not(.tab-nav-lg)::-webkit-scrollbar{display:none}
  .tabs ul.tab-nav:not(.tab-nav-lg) li{float:none;flex:0 0 auto;width:auto!important;height:auto;border:0!important}
  .tabs ul.tab-nav:not(.tab-nav-lg) li a{display:flex;align-items:center;gap:8px;height:48px;line-height:1.2;padding:0 14px 0 8px;border-radius:4px;white-space:nowrap;font-size:14px}
  .tabs ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a{top:0}
  .tabs ul.tab-nav .tab-image img{width:28px;height:28px;object-fit:contain}
  .tabs ul.tab-nav .tab-title.d-none{display:inline!important}

  /* قائمة المنتجات: الصورة فوق بعرض الشاشة والاسم والزرار تحتها */
  .portfolio-1:not(.features) .portfolio-item{display:flex;flex-direction:column;border:1px solid #EEE;border-radius:4px;overflow:hidden;padding:0!important;margin-bottom:16px}
  .portfolio-1:not(.features) .portfolio-item .portfolio-image{float:none;width:100%!important;height:210px;display:flex;align-items:center;justify-content:center;background:#FAFAFA;border:0;border-bottom:1px solid #aea37d}
  .portfolio-1:not(.features) .portfolio-item .portfolio-image img{max-height:190px;width:auto;max-width:100%;object-fit:contain}
  .portfolio-1:not(.features) .portfolio-desc{float:none;width:100%!important;padding:14px 14px 0!important}
  .portfolio-1:not(.features) .portfolio-desc h4{font-size:17px;line-height:1.4}
  .portfolio-1:not(.features) .portfolio-item>.button{display:flex;align-items:center;justify-content:center;height:46px;line-height:46px;margin:12px 14px 16px;font-size:14px;padding:0}

  /* صفحة المنتج: ارتفاع الصورة تلقائي + الوصف بعرض كامل */
  .features .portfolio-item .portfolio-image{float:none;width:100%!important;height:auto!important;background:#FFF;padding:10px;text-align:center}
  .features .portfolio-item .portfolio-image img{height:auto!important;max-height:340px;width:auto;max-width:100%;display:block;margin:0 auto}
  .features .portfolio-item .portfolio-desc{float:none;width:100%!important;padding:6px 8px 16px!important}
  .features .iconlist{margin-right:0;margin-left:0}
  .features .iconlist strong{font-size:20px!important}
  .features .portfolio-desc li{font-size:16px!important;line-height:1.75}

  /* أزرار صفحة المنتج تحت بعض بعرض كامل */
  .portfolio-1.features~.bgcolor3 .button{display:flex;align-items:center;justify-content:center;width:auto;margin:8px 12px;height:46px;line-height:46px;font-size:15px}

  /* روابط الفوتر: مساحة ضغط أكبر */
  .widget_links li{padding:0}
  .widget_links li a{display:inline-block;padding:10px 8px;font-size:15px}
}

/* ---- v2.9.3: هيدر الموبايل والتابلت (أصغر من 992 بكسل) — زي design v1.8 ---- */
.gp-search-toggle{display:none}
@media (max-width:991.98px){
  #header,#header-wrap{height:auto!important;min-height:64px}
  #header #header-wrap>.container{position:relative;min-height:64px}
  #header #logo{height:64px!important;display:flex!important;align-items:center;float:none;margin:0!important;text-align:start;max-width:calc(100% - 110px)}
  #header #logo img{height:40px!important;width:auto;max-width:100%}
  #header #side-panel-trigger{position:absolute!important;top:10px!important;margin:0!important;padding:0!important;border:0!important}
  #header #side-panel-trigger a{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;line-height:1}
  #header #side-panel-trigger i{font-size:28px!important;line-height:1}
  .gp-search-toggle{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:10px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#043149;font-size:21px;cursor:pointer;z-index:2}
  html[dir=ltr] #header #side-panel-trigger{right:8px!important;left:auto!important}
  html[dir=ltr] .gp-search-toggle{right:56px;left:auto}
  html[dir=rtl] #header #side-panel-trigger{left:8px!important;right:auto!important}
  html[dir=rtl] .gp-search-toggle{left:56px;right:auto}
  /* خانة البحث: مخفية لحد ما تدوس على زر البحث، وبعرض الشاشة تحت الهيدر */
  #header form #top-search{display:none;float:none!important;margin:0 0 12px!important;width:100%}
  body.gp-search-open #header form #top-search{display:block}
  #header form #top-search .input-group{width:100%;flex-wrap:nowrap}
  #header form #top-search .form-control{min-width:0;height:44px;font-size:16px}
  #header form #top-search .btn,#header form #top-search .button{height:44px;margin:0;white-space:nowrap}
}