/* =========================
   Styles merged from index + contact
========================= */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,Tahoma,sans-serif;font-size:16px;line-height:1.6;color:#333;background:#f2f2f2; direction: rtl;}
a{text-decoration:none;transition:all 0.3s ease;}
a:hover{text-decoration:underline;color:#fff;} /* hover text white */

/* Header & nav */
header{display:flex;flex-direction:column;align-items:center;padding:20px 0;position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
nav a{padding:10px 20px;background:#808080;color:#fff;border-radius:8px;font-weight:bold;text-transform:uppercase;transition:0.3s;margin:5px;} /* changed blue to gray */
nav a:hover{
    background:#800080; /* changed green to purple */
    transform:translateY(-2px);
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
    color:#fff; /* hover text white */
}

/* Hero/poet section */
.poet-section{display:flex;flex-wrap:wrap;gap:20px;background:#fff;padding:20px;border-radius:12px;margin:30px 0;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.poet-img{flex:0 0 150px; transition:transform 0.5s;}
.poet-img:hover{transform:scale(1.05);}
.poet-info h2{color:#808080;margin-bottom:8px;font-size:22px;} /* heading gray */

/* Contact form */
.contact-form{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1); max-width:600px;margin:30px auto;}
.contact-form h3{color:#808080;margin-bottom:15px;text-align:center;} /* heading gray */
.contact-form input, .contact-form textarea{width:100%;padding:10px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:16px;}
.contact-form button{padding:12px 25px;background:#808080;color:#fff;border:none;border-radius:8px;font-weight:bold;cursor:pointer;width:100%;} /* button gray */
.contact-form button:hover{
    background:#800080; /* button hover purple */
    color:#fff; /* hover text white */
}
.contact-info{text-align:center;margin-top:20px;}

/* Footer */
footer{background: linear-gradient(90deg,#808080,#800080);color:#fff;padding:20px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px;} /* gray → purple */
footer a{color:#fff;text-decoration:none;transition:0.3s;}
footer a:hover{color:#fff;text-decoration:underline;text-shadow:0 0 8px #fff;} /* hover text white */

@media(max-width:768px){.poet-section{flex-direction:column;align-items:center;}}