/* style.css - green theme, readable footer links */
* {box-sizing: border-box; margin:0; padding:0;}
html,body {height:100%;}
body {
  font-family: Tahoma, "Vazir", sans-serif;
  direction: rtl;
  background: #f7faf7;
  color: #1f2933;
  line-height: 1.7;
  padding-bottom: 40px;
}
a {color: #0b6b3a; text-decoration: none;}
a:hover {text-decoration: underline;}
header {
  background: #0b6b3a;
  color: #fff;
  padding: 18px 16px;
  text-align: center;
}
header h1 {font-size: 1.4rem; margin-bottom: 8px;}
header nav ul {display:flex; justify-content:center; gap:12px; list-style:none; flex-wrap:wrap;}
header nav ul li a {color:#fff; font-weight:600; padding:6px 8px;}
header nav ul li a.active {text-decoration: underline;}
.container {max-width:1200px; margin:22px auto; display:flex; gap:20px; padding:0 16px;}
.sidebar {flex:1 1 260px; background:#ecf7ee; padding:16px; border-radius:8px;}
.sidebar h3 {color:#0b6b3a; margin-bottom:10px;}
.sidebar ul {list-style:none; padding-right:0;}
.sidebar ul li {margin-bottom:8px;}
.sidebar ul li a {color:#0b6b3a; font-weight:600;}
.content {flex:3 1 700px; background:#fff; padding:20px; border-radius:8px; box-shadow: 0 2px 6px rgba(11,107,58,0.06);}
.content h2 {color:#0b6b3a; margin-bottom:12px;}
.content p {margin-bottom:12px; text-align: justify;}
.partners-highlight {margin-top:18px; padding:14px; background:#eef9ee; border-radius:8px; text-align:center;}
.partner-box {display:inline-block; background:#0b6b3a; color:#fff; padding:8px 12px; margin:6px; border-radius:6px;}
footer {background:#0b6b3a; color:#fff; padding:20px 12px; margin-top:28px; text-align:center;}
footer p {margin-bottom:8px;}
footer .partners ul {list-style:none; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; padding:0;}
footer .partners ul li a {color:#e7ffea; font-weight:700;}
footer nav ul {list-style:none; display:flex; gap:10px; justify-content:center; padding:0; margin-top:10px; flex-wrap:wrap;}
footer nav ul li a {color:#e7ffea; text-decoration:none; font-weight:600;}
form {display:flex; flex-direction:column; gap:10px; max-width:560px; margin:10px 0;}
form label {font-weight:600;}
form input, form textarea {padding:10px; border:1px solid #d6ead8; border-radius:6px; background:#fbfff9;}
form button {background:#0b6b3a; color:#fff; padding:10px 14px; border:none; border-radius:6px; cursor:pointer; font-weight:700;}
@media (max-width:900px){.container{flex-direction:column;padding:0 12px;} header nav ul{justify-content:center;}}