/* تحسين التجاوب ومنع خروج الصفحة عن شاشة الموبايل */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}
body{min-width:0}
header,.hero,main.container,section.container,footer{width:100%;max-width:100%;min-width:0;margin-left:auto;margin-right:auto;overflow-x:clip}
nav,.hero>*,.container>*{min-width:0;max-width:100%}
nav>div{min-width:0;max-width:100%}
.logo{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
img,iframe{max-width:100%;height:auto}
button,input,select{font:inherit;max-width:100%}

.search{width:100%;max-width:700px;min-width:0}
.search input{min-width:0;width:100%}
.search button{flex:0 0 auto}
.filters{max-width:100%;min-width:0;display:flex;flex-wrap:wrap;overflow:hidden}
.filter{max-width:100%;min-width:0}
.grid{width:100%;max-width:100%;min-width:0}
.grid>*{min-width:0;max-width:100%}
.card,.guide,.empty{min-width:0;max-width:100%;overflow:hidden}
.card h3,.card p,.tag{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.cover{max-width:100%;min-width:0}

@media (max-width:900px){
  header{padding:18px 4%}
  nav{gap:12px;width:100%}
  nav>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
  nav a{margin:0 5px}
  .hero{padding:42px 4%}
  .container{width:100%;padding:0 16px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .card{padding:15px}
  .cover{height:160px}
}

@media (max-width:650px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  header{width:100%;padding:14px 14px}
  nav{width:100%;align-items:flex-start}
  nav>div{max-width:100%}
  .logo{font-size:18px;line-height:1.5;white-space:nowrap}
  nav>div:last-child{gap:5px}
  nav a{display:none}
  .theme{padding:8px 10px;flex:0 0 auto}

  .hero{width:100%;padding:34px 14px 38px}
  .hero h1{font-size:28px;line-height:1.35;margin:8px 0;overflow-wrap:anywhere}
  .hero p{font-size:15px;line-height:1.7;margin:8px 0 18px;overflow-wrap:anywhere}
  .search{width:100%;margin:18px auto 0;padding:5px;border-radius:13px}
  .search input{min-width:0;width:100%;padding:12px 10px;font-size:14px}
  .search button{padding:11px 14px;white-space:nowrap}

  .container{width:100%;max-width:100%;margin:24px auto;padding:0 12px}
  .title{width:100%;max-width:100%;align-items:stretch;flex-direction:column;gap:10px}
  .title h2{margin:0;overflow-wrap:anywhere}
  .upload-btn{width:100%;padding:12px}
  .filters{width:100%;max-width:100%;gap:7px;margin:15px 0;overflow:hidden}
  .filter{padding:8px 11px;font-size:13px;flex:0 0 auto}
  .grid{width:100%;grid-template-columns:minmax(0,1fr);gap:13px}
  .card{width:100%;padding:14px;border-radius:15px}
  .cover{width:100%;height:185px}
  .card h3{font-size:17px;line-height:1.5}
  .card p{font-size:14px;min-height:0}
  .actions{gap:7px;min-width:0;flex-wrap:wrap}
  .actions>*{min-height:44px;min-width:0}

  .guide{padding:16px}
  .guide h2{font-size:18px}
  .guide p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}

  .upload-modal,.pdf-modal{padding:10px;max-width:100%;overflow:hidden}
  .upload-box{width:100%;max-width:520px;max-height:calc(100vh - 20px);overflow:auto;padding:17px;border-radius:16px}
  .upload-actions{flex-direction:column}
  .upload-actions>*{width:100%;min-height:44px}
  .upload-box input,.upload-box select{font-size:14px}
  .pdf-top{width:100%;padding:5px 2px;gap:8px}
  .pdf-top strong{font-size:14px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pdf-top button{padding:9px 11px}
  .pdf-frame{width:100%;height:calc(100vh - 65px);border-radius:8px}

  footer{width:100%;margin-top:38px;padding:25px 14px}
  .gaza-footer-logo{width:190px;max-width:80%}
  .contact-whatsapp{width:100%;max-width:330px}
}

@media (max-width:380px){
  .logo{font-size:16px}
  .hero h1{font-size:25px}
  .filter{padding:7px 9px;font-size:12px}
  .cover{height:165px}
}

@media (min-width:1200px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}