/* =========================
   NUJIZ PDF TOOLS
========================= */

.pdf-tools-section{
  padding:90px 0;
  position:relative;
}

.pdf-section-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 36px;
}

.pdf-section-head h2{
  font-size:clamp(30px,4vw,48px);
  margin:10px 0;
}

.pdf-section-head p{
  opacity:.72;
  font-size:17px;
  line-height:1.9;
}

.pdf-tools-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.pdf-tool-card{
  min-height:150px;
  padding:22px;
  border:1px solid rgba(109,78,255,.13);
  border-radius:22px;
  background:#fff;
  text-decoration:none;
  color:#111827;
  display:flex;
  flex-direction:column;
  gap:14px;
  position:relative;
  transition:.22s ease;
  box-shadow:0 10px 35px rgba(24,25,60,.045);
}

.pdf-tool-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 48px rgba(75,55,180,.12);
  border-color:rgba(109,78,255,.32);
}

.pdf-tool-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1edff;
  color:#6544f5;
  font-weight:900;
  font-size:16px;
}

.pdf-tool-card b{
  display:block;
  font-size:18px;
  margin-bottom:7px;
}

.pdf-tool-card small{
  display:block;
  line-height:1.7;
  opacity:.68;
  font-size:13px;
}

.pdf-tool-featured{
  grid-column:span 2;
  background:linear-gradient(135deg,#6846f5,#8b6cff);
  color:#fff;
  min-height:180px;
}

.pdf-tool-featured .pdf-tool-icon{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.pdf-tool-featured small{
  opacity:.85;
}

@media(max-width:1050px){
  .pdf-tools-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .pdf-tools-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pdf-tool-featured{
    grid-column:span 2;
  }
}

@media(max-width:520px){
  .pdf-tools-grid{
    grid-template-columns:1fr;
  }

  .pdf-tool-featured{
    grid-column:auto;
  }
}


/* =================================================
   NUJIZ MOBILE HEADER FINAL FIX - 20260824
   ================================================= */
@media (max-width:680px){

  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  /* ===== Header ===== */
  body .site-header{
    width:100% !important;
    max-width:100% !important;
  }

  body .site-header .wrap,
  body .site-header .header-inner{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body .site-header .header-inner{
    min-height:62px !important;
    padding:8px 12px !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:6px !important;
  }

  /* الشعار */
  body .site-header .brand{
    display:flex !important;
    align-items:center !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    gap:5px !important;
  }

  body .site-header .brand-mark{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;
  }

  body .site-header .brand-copy{
    min-width:0 !important;
  }

  body .site-header .brand-copy strong{
    display:block !important;
    font-size:17px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body .site-header .brand-copy small{
    display:none !important;
  }

  /* نخفي روابط القائمة الكبيرة على الجوال */
  body .site-header .main-nav{
    display:none !important;
  }

  /* English + زر الأدوات */
  body .site-header .header-actions{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    margin:0 !important;
  }

  body .site-header .lang-link,
  body .site-header .header-cta{
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 9px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:12px !important;
    line-height:1 !important;
    border-radius:11px !important;
    white-space:nowrap !important;
  }

  /* ===== شريط كل الأدوات / الصور / الفيديو / PDF ===== */
  body .tool-menu{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;

    margin:12px auto !important;
    padding:6px !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:6px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body .tool-menu .tool-tab,
  body .tool-menu > a,
  body .tool-tab{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:11px 4px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:13px !important;
    line-height:1.4 !important;
    text-align:center !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

}

/* ===== SHOW MOBILE NAV ===== */
@media (max-width:680px){

  body .site-header .main-nav{
    display:flex !important;
    position:static !important;
    width:100% !important;
    max-width:100% !important;

    flex:0 0 100% !important;
    order:20 !important;

    align-items:center !important;
    gap:6px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    padding:8px 0 2px !important;
    margin:0 !important;

    white-space:nowrap !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body .site-header .main-nav::-webkit-scrollbar{
    display:none !important;
  }

  body .site-header .main-nav a{
    display:flex !important;
    flex:0 0 auto !important;

    align-items:center !important;
    justify-content:center !important;

    min-height:36px !important;
    padding:8px 10px !important;

    font-size:12px !important;
    white-space:nowrap !important;
  }

  body .site-header .header-inner{
    flex-wrap:wrap !important;
  }

}

/* ===== MOBILE NAV TOGGLE ===== */
@media (max-width:680px){

  body .site-header .main-nav{
    display:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
    padding:8px !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
  }

  body .site-header .main-nav.is-open{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }

  body .site-header .main-nav a{
    width:100% !important;
    min-width:0 !important;
    padding:10px 6px !important;
    text-align:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

}

/* ===== FIX MOBILE NAV CLICKS ===== */
@media (max-width:680px){

  body .site-header .main-nav,
  body .site-header .main-nav *{
    pointer-events:auto !important;
  }

  body .site-header .main-nav{
    position:relative !important;
    z-index:9999 !important;
  }

  body .site-header .main-nav a{
    position:relative !important;
    z-index:10000 !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }

}


/* ===== ABSOLUTE FINAL IMAGE CARDS MOBILE ===== */
@media screen and (max-width:680px){

html body #services > .wrap.catalog-grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    gap:12px !important;

    width:100% !important;
    max-width:100% !important;

    padding:0 !important;
    margin:0 auto !important;
}

/* الكرت نفسه */
html body #services > .wrap.catalog-grid > article.service-card{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;
    min-height:160px !important;

    margin:0 !important;
    padding:22px 16px !important;

    overflow:hidden !important;
    text-align:center !important;

    box-sizing:border-box !important;
    border-radius:18px !important;
}

/* إزالة جميع المؤثرات القديمة */
html body #services > .wrap.catalog-grid > article.service-card::before,
html body #services > .wrap.catalog-grid > article.service-card::after{
    display:none !important;
    content:none !important;
}

/* الأيقونة */
html body #services > .wrap.catalog-grid > article.service-card > span{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    transform:none !important;
    translate:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:52px !important;
    height:52px !important;

    margin:0 0 12px !important;
    padding:0 !important;

    font-size:25px !important;
    line-height:1 !important;
}

/* العنوان */
html body #services > .wrap.catalog-grid > article.service-card > h3{
    position:static !important;
    inset:auto !important;

    transform:none !important;
    translate:none !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 0 7px !important;
    padding:0 !important;

    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:800 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;

    overflow:visible !important;
    text-overflow:clip !important;

    text-align:center !important;
}

/* الوصف */
html body #services > .wrap.catalog-grid > article.service-card > p{
    position:static !important;
    inset:auto !important;

    transform:none !important;
    translate:none !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    font-size:13px !important;
    line-height:1.7 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;

    overflow:visible !important;
    text-overflow:clip !important;

    text-align:center !important;
}

}

/* =====================================================
   INCREASE IMAGE SIZE TOOL CARD
===================================================== */

.nujiz-increase-image-card{
    text-decoration:none;
}

.nujiz-increase-image-card .tool-card-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#6e50d8;
}

.nujiz-increase-image-card .tool-card-link{
    display:inline-flex;
    align-items:center;
    gap:6px;

    margin-top:8px;

    font-weight:800;
}

html[dir="ltr"]
.nujiz-increase-image-card
.tool-card-link span{
    transform:rotate(180deg);
}


/* Nujiz AI PDF Translator homepage card */
.pdf-ai-translator-card {
    position: relative;
}

.pdf-ai-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 18px;
    padding: 0 6px;
    margin-inline-start: 5px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
    background: #c9f45b;
    color: #111;
}