/*
Theme Name: Appyn Child
Theme URI: https://themespixel.net/theme/appyn/
Description: Child theme for Appyn - Android Apps WordPress Theme
Author: ThemesPixel
Author URI: https://themespixel.net
Template: appyn
Version: 1.0.0
Text Domain: appyn-child
*/

/* ==========================================================================
   Custom CSS goes below this line
   ========================================================================== */


/****************  كود تحسين صندوق الوصف في الصفحة الرئيسية  ****************/

.hdt-t,
.hdt-b {
   background-color: #ffffff;
   border: none;
   border-right: 4px solid var(--appyn-main-color, #1bbc9b);
   /* اللون الأساسي بناءً على إعداداتك */
   border-radius: 6px;
   padding: 22px 25px;
   margin: 20px auto 30px auto;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
   font-size: 15.5px;
   line-height: 1.85;
   color: #444444;
   text-align: right;
   position: relative;
   max-width: 100%;
}

/* إزالة الهوامش الإضافية للفقرات داخل الصندوق */
.hdt-t p,
.hdt-b p {
   margin: 0 !important;
}

/* تحسين العرض على شاشات الموبايل (إبعاد الصندوق عن الحواف) */
@media (max-width: 768px) {

   .hdt-t,
   .hdt-b {
      margin-left: 15px !important;
      margin-right: 15px !important;
      padding: 18px 20px;
      font-size: 14.5px;
   }
}

/****************  كود تحسين صندوق الوصف في الصفحة الرئيسية  ****************/


/****************  كود تنسيق خطوط المقالة (عناوين وفقرات)  ****************/

.single .entry,
.single .descripcion {
   font-size: 14pt !important;
   line-height: 1.8;
}

.single .entry h2,
.single .descripcion h2 {
   font-weight: bold !important;
   font-size: 18pt !important;
   line-height: 1.8;
   background: #2196f3 !important;
   color: #fff !important;
   text-align: right;
   padding: 8px 12px;
   margin: 24px 0 16px;
   direction: rtl;
}

.single .entry h2 *,
.single .descripcion h2 * {
   font-size: 18pt !important;
   color: #fff !important;
}

.single .entry h3,
.single .entry h3 *,
.single .descripcion h3,
.single .descripcion h3 * {
   font-size: 16pt !important;
}

.single .entry h3,
.single .descripcion h3 {
   font-weight: bold !important;
   line-height: 1.6;
}

.single .entry p,
.single .entry p *,
.single .entry li,
.single .entry li *,
.single .descripcion p,
.single .descripcion p *,
.single .descripcion li,
.single .descripcion li * {
   font-size: 14pt !important;
   line-height: 1.8;
}

/* For elements directly outputted without p tags */
.single .entry>div,
.single .entry>div *,
.single .entry>span,
.single .entry>span *,
.single .descripcion>div,
.single .descripcion>div *,
.single .descripcion>span,
.single .descripcion>span * {
   font-size: 14pt !important;
   line-height: 1.8;
}

/****************  كود تنسيق خطوط المقالة (عناوين وفقرات)  ****************/


/****************  كود منع الاسكرول الأفقي على الموبايل  ****************/

/* overflow-x: clip بدل hidden عشان ما يعملش scrollbar إضافي */
@media (max-width: 768px) {
   html {
      overflow-x: hidden !important;
   }

   body {
      overflow-x: clip !important;
   }

   .wrapper-page,
   .wrapper-inside,
   #main-site,
   .container,
   .pxtd {
      max-width: 100vw !important;
      overflow-x: clip !important;
   }

   /* ضمان أن الهيدر الثابت ما يتعداش عرض الشاشة */
   #header {
      max-width: 100vw !important;
   }
}

/****************  كود منع الاسكرول الأفقي على الموبايل  ****************/


/****************  كود إصلاح القائمة الجانبية مع الإعلانات  ****************/

/* لما القائمة مفتوحة: منع كل scroll */
html.toggle-nav {
   overflow: hidden !important;
}

/* القائمة الجانبية فوق كل شيء */
#menu-mobile {
   z-index: 999999 !important;
}

/* إخفاء الإعلانات أثناء فتح القائمة فقط */
.sidebar-ads-hidden ins.adsbygoogle,
.sidebar-ads-hidden [id*="google_ads_iframe"],
.sidebar-ads-hidden [id*="aswift"],
.sidebar-ads-hidden div[id^="aswift_"][id$="_host"] {
   display: none !important;
}

/****************  كود إصلاح القائمة الجانبية مع الإعلانات  ****************/


/****************  كود تقييد عرض وتوسيط إعلانات AdSense  ****************/

/* حاوي إعلان جوجل التلقائي فقط - منع تجاوز عرض الشاشة */
div[id^="aswift_"][id$="_host"] {
    max-width: 100% !important;
    overflow: hidden !important;
}

/****************  كود تقييد عرض وتوسيط إعلانات AdSense  ****************/


/****************  كود توسيط الإعلانات في صفحات التحميل  ****************/

.pxtd div[id^="aswift_"][id$="_host"] {
   text-align: center !important;
}

/****************  كود توسيط الإعلانات في صفحات التحميل  ****************/

/********  إصلاح مقاس أول إعلان (ADS Header) على الشاشات الكبيرة  ********/

/* الإعلان الأول يظهر خارج الـ container فـ AdSense بيختار مقاس صغير */
/* الحل: تقييد العرض + توسيط عشان AdSense يختار مقاس مناسب */
.ads_header {
   max-width: 1100px;
   margin-left: auto !important;
   margin-right: auto !important;
   box-sizing: border-box;
   padding: 0 15px;
}

/********  إصلاح مقاس أول إعلان (ADS Header) على الشاشات الكبيرة  ********/

/****************  كود توسيط زر التنزيل  ****************/

#list-downloadlinks {
   display: flex !important;
   flex-wrap: wrap;
   justify-content: center !important;
}

#list-downloadlinks li {
   padding: 5px;
}

/****************  كود توسيط زر التنزيل  ****************/