body {
    background-image : url("../images/Background-Image-AshrafiyahMosque-Taiz.png");
    background-size: cover;
}

nav{
    overflow: center;
    }
    
    ol {
      margin: 0px;
      padding: 10px 0px;
      text-align: center;
      list-style: none;
    }
    
       li {
         float: left;
    }
    
       nav a {
         background-color: wheat;
         width: 10px;
         display: block;
         text-decoration: none;
         text-align: center;
         font-size: 18px;
         color: black;
         border: 2px solid white;
         padding: 10px;
         font-family: Arial, Helvetica, sans-serif;
       }


   nav ol .lang{
    background-color: white;
    width: 281px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    color: black;
    border: 2px solid white;
    padding: 0px 10px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
   }

   nav a:hover {
     background: green;
     color: white;
   }

   .partners{
       background-color: green;
     color: white;
   }



/* Single Home button on the Partners page */
.partners-home-nav {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    text-align: center;
}
.partners-home-nav li {
    float: none;
    display: inline-block;
}
.partners-home-nav a {
    width: auto;
    min-width: 80px;
    box-sizing: border-box;
}

/* Partners page – centered partner names with logo marks */
.partners-page {
  width: min(1000px, 100%);
  margin: 110px auto 0;
}

.partner-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 38px;
}

.partner-card {
  width: min(900px, 94%);
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 22px 30px;
  border: 3px solid rgba(255,255,255,.92);
  border-radius: 18px;
  background: rgba(255, 248, 226, .88);
  box-shadow: 0 5px 18px rgba(0,0,0,.12);
  color: #111;
  text-decoration: none;
  text-align: center;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.partner-card:hover,
.partner-card:focus-visible {
  transform: translateY(-4px) scale(1.01);
  background: rgba(255,255,255,.97);
  border-color: green;
  box-shadow: 0 10px 28px rgba(0,0,0,.20);
  outline: none;
}

.partner-logo {
  flex: 0 0 180px;
  width: 180px;
  height: auto;
  max-height: 100px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.12));
}

.partner-name {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.partner-name-en {
  font-size: clamp(1.35rem, 2.3vw, 2rem);
  line-height: 1.25;
  font-weight: 700;
}

.partner-name-ar {
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  line-height: 1.45;
  font-weight: 600;
}

.partner-card:visited { color: #111; }

@media (max-width: 700px) {
  .partners-page { margin-top: 55px; }
  .partner-list { gap: 24px; }
  .partner-card {
    width: 96%;
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
  }
  .partner-logo {
    flex-basis: auto;
    width: 160px;
    max-height: 82px;
  }
}


/* Keep the Partners-page copyright at the bottom, matching the rest of the site. */
body.partners-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.partners-body nav { flex: 0 0 auto; }
body.partners-body .partners-page { flex: 1 0 auto; }
body.partners-body .copyright-footer { margin-top: auto !important; }