/* style.css - Minimal Farsi-focused site - Dec 2025 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Vazirmatn', sans-serif;
    line-height: 1.5;
    color: #ffffff;
    background: linear-gradient(135deg, #7e57c2 0%, #ab47bc 100%); /* Soft purple gradient */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
    direction: rtl;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
/* Hero */
.hero { padding: 40px 20px 20px; position: relative; overflow: hidden; }
.hero::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.15); backdrop-filter: blur(8px);
}
.hero-content { position: relative; display: flex; align-items: center; gap: 20px; flex-wrap: wrap-reverse; justify-content: center; } /* Reverse for text left, img right */
.profile-img { width: 140px; height: 140px; border-radius: 50%; border: 4px solid rgba(255,255,255,0.3); box-shadow: 0 8px 25px rgba(0,0,0,0.3); object-fit: cover; }
.hero-text h1 { font-size: 2.2rem; margin-bottom: 4px; font-weight: 700; }
.hero-text h2 { font-size: 1.3rem; opacity: 0.95; margin-bottom: 8px; }
.hero-text .firm { font-size: 1.1rem; opacity: 0.9; max-width: 600px; }
.no-underline, .no-underline:hover { text-decoration: none !important; color: inherit; }
/* Contact */
#contact { padding: 10px 0 10px; text-align: center; }
#contact h3 { font-size: 1.6rem; margin-bottom: 15px; text-align: center; color: #e8eaf6; }
.contact-details { max-width: 400px; margin: 0 auto; }
.contact-details p { font-size: 1.1rem; margin: 8px 0; display: flex; align-items: center; gap: 10px; justify-content: center; direction: ltr; }
.icon { font-size: 1.3rem; color: #d1c4e9; width: 35px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ltr-text { direction: ltr; unicode-bidi: embed; display: inline-block; }
.linkedin-btn { display: block; background: #0a66c2; color: white; padding: 8px 15px; border-radius: 40px; text-decoration: none; font-weight: 600; margin: 15px auto 0; transition: 0.3s; font-size: 1rem; width: fit-content; }
/* Footer */
footer { background: #4a148c; color: #e8eaf6; text-align: center; padding: 15px; font-size: 0.8rem; }
.footer-text { direction: ltr; display: inline-block; margin-top: 0; }
/* Responsive */
@media (max-width: 768px) {
    .hero { padding: 30px 20px 15px; }
    .hero-content { flex-direction: column-reverse; text-align: center; justify-content: center; }
    .profile-img { width: 120px; height: 120px; margin: 0 auto 15px; }
    .hero-text h1 { font-size: 2rem; }
    .hero-text h2 { font-size: 1.2rem; }
    #contact { text-align: center; padding-bottom: 10; }
    #contact h3 { text-align: center; }
    .contact-details p { justify-content: center; gap: 10px;}
    .linkedin-btn { margin: 14px auto 0; display: block; width: fit-content; margin-bottom: 0px; }
    body { min-height: auto; }
}
@media (min-width: 769px) {
    #contact h3 { text-align: center; }
}
@media (max-width: 768px) {
    /* Reduce extra space below contact section */
    #contact {
        padding-bottom: 10px;  /* small padding instead of stretching */
    }

    /* Reduce LinkedIn button bottom margin */
    .linkedin-btn {
        margin-bottom: 0;
    }
}
.contact-details {
    display: flex;
    flex-direction: column;
    align-items: center;  /* centers icons + text horizontally */
}