/* ===== base ===== */
body{
font-family: "fa","enmed";
min-height:100vh;
margin:0;
display:flex;
align-items:center;
justify-content:center;
background:#f5f5f5;
}

html[lang="fa"] body { font-family: 'fa','enmed','enlight',sans-serif; }
html[lang="en"] body { font-family: 'enmed','enlight','fa',sans-serif; }

#vaznamap{
width:800px;
height:100vh;
border:none;
box-sizing:border-box;
position:relative;
background:#fff;
overflow:hidden;
}
#vaznamap::after{
content:'';
position:absolute; top:0; right:0; bottom:0; left:0;
background: linear-gradient(to right, transparent 50%, #f5f5f5 100%);
pointer-events:none; z-index:10;
}

/* CONTACTS */
.contact-info{
width:330px;
display:flex;
flex-direction:column;
align-items:flex-start;
padding-left:0;

/* تفاوت FA/EN */
direction: ltr;
text-align: left;
margin-right: 0;
}
.address{ width:60% !important; hyphens:auto; }

.tel, .address, .email{
width:100%;
margin:0;
padding:0 0 16px 0;
box-sizing:border-box;

/* تفاوت FA/EN */
direction: ltr;
text-align: left;
}

.tel ul, .address ul{ margin:0; padding:0; }

.tel li, .address li{
list-style:none; display:block; color:#F16A23;
margin-bottom:6px; padding-left:0;

/* تفاوت FA/EN */
text-align: left;
direction: ltr;
}

/* لینک‌ها */
.tel li a, .address li a, .email a{
color:#222; text-decoration:none; display:block; margin:0;
font-family:'enmed', Arial, sans-serif;

text-align: left;
direction: ltr;
line-height:1.7;
}
.tel li a:hover, .address li a:hover, .email a:hover{ color:#F16A23; }

.address li a{ justify-content:center; }
.address li{ margin-bottom:0; }

.email{
color:#F16A23;

/* تفاوت FA/EN */
direction: initial;
text-align: initial;
}

/* حذف کنترل‌های گوگل‌مپ */
a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"],
.gmnoprint a, .gmnoprint span, .gm-style-cc{ display:none !important; }
.gmnoprint div{ background:none !important; }

.contact-container{
display:flex;
flex-direction:row; /* در هر دو نسخه row است */
align-items:center; justify-content:center; gap:0;
}

.divider{
width:0; height:100vh; border-left:3px solid #010101; margin:0 px; opacity:.7;
}

/* انیمیشن‌ها */
@keyframes slideRight{ from{opacity:0; transform:translateX(50px);} to{opacity:1; transform:none;} }
@keyframes slideLeft { from{opacity:0; transform:translateX(-50px);} to{opacity:1; transform:none;} }
.contact-info{ animation: slideRight .9s cubic-bezier(.3,.6,.4,1) .1s both; }
#vaznamap     { animation:  slideLeft 1.1s cubic-bezier(.3,.6,.4,1) .4s both; }
.divider      { animation:   fadein   .9s cubic-bezier(.3,.6,.4,1) .3s both; }

/* ===== ≤1350px ===== */
@media screen and (max-width:1350px){
html, body{
height:100vh !important; min-height:100vh !important; margin:0 !important; padding:0 !important;
}
.contact-container{
flex-direction: column-reverse;
min-height:100vh !important; height:100vh !important; box-sizing:border-box; width:100vw;
margin:0 !important; padding:0 !important;
}
#vaznamap{ width:100vw; min-height:180px; }
#vaznamap::after{
content:''; position:absolute; top:0; right:0; bottom:0; left:0;
background: linear-gradient(to bottom, transparent 50%, #f5f5f5 100%);
pointer-events:none; z-index:10;
}
.divider{ display:none !important; }

.contact-info{
width:94vw !important; max-width:96vw !important; box-sizing:border-box;
padding:20px 6vw; align-items:center; margin:0 auto;
font-size:13px; flex-direction:row;
text-align-last:center;
}

.tel, .address, .email{
width:60% !important; text-align:justify; padding:0; font-size:12px; margin-bottom:10px;
}
.tel ul, .address ul{
width:100%; padding:0; margin:0 auto; display:block; text-align:justify;
}
.tel li, .address li, .email label, .email{
font-size:12px !important; width:100%; text-align:justify; margin:0 auto; line-height:1.8;
}

/* تفاوت FA: در نسخهٔ فارسی فقط این خط وجود داشت */
}

/* ===== ≤750px ===== */
@media screen and (max-width:750px){
.contact-info{
flex-direction: column !important;
text-align-last: left !important;
}
.site-nav{ font-size:12px !important; transition-duration:2s !important; }
.brand{ justify-content:flex-end !important; height:90vh !important; transition-duration:2s !important; }
.minimal-logo{ width:40px !important; height:40px !important; }
.brand h4{ font-size:10px !important; }
}

/* ===== ≤300px ===== */
@media screen and (max-width:300px){
.contact-info{ flex-direction:column; text-align-last: left; }
.vazna.brand-col{ left:10px !important; }
.brand{ left:10px !important; }
}

/* ===== ≤230px ===== */
@media screen and (max-width:230px){
.contact-info{ flex-direction:column; text-align-last: left; }
.brand{ display:none !important; }
.site-nav{ right:10px; transition-duration:2s; }
.contact-info{ padding:0 6vw 20px 0; transition-duration:2s; }
}





/* ===== FORCE (REPLACE) ===== */
/* Contact page harden */

@media (min-width:1351px){
/* بدنه: دو ردیفی (محتوا + فوتر) بدون اسکرول */
html, body { height: 100% !important; }
body{
min-height: 100vh !important;
display: grid !important;
grid-template-rows: 1fr auto !important;  /* محتوا | فوتر */
margin: 0 !important;
overflow: hidden !important;            /* بدون اسکرول دسکتاپ */

}

/* کانتینر تماس: «چسبیده به لبه‌ی شروع» (left در EN، right در FA) نه وسط صفحه */
.contact-container{
flex: 1 0 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: flex-start !important;    /* مهم: وسط‌چین نباشد */
gap: 0 !important;

/* عرض دقیق دو ستون */
width: 1130px !important;                  /* 330 + 800 */
max-width: 1130px !important;

/* چسبیدن به لبه‌ی start */
margin: 0 !important;
margin-inline-start: 0 !important;
margin-inline-end: auto !important;

box-sizing: border-box !important;
min-height: 0 !important;
height: 100% !important;                   /* فیت در ردیف محتوا */
overflow: hidden !important;
}

/* ستون اطلاعات: عرض ثابت و بدون مارجین اضافی */
.contact-info{
display: flex !important;
flex: 0 0 330px !important;
width: 330px !important;
max-width: 330px !important;
min-width: 0 !important;
align-self: stretch !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
justify-content: center !important;

/* خنثی‌سازی margin نسخهٔ قبلی (مثل 45px در FA) */
margin: 0 !important;
padding: 0 !important;
}
.contact-info a{ max-width:100% !important; display:inline-block !important; }

/* نقشه: به‌جای 100vh → 100% از ردیف محتوا (کنار ستون تماس) */
#vaznamap{
flex: 0 0 800px !important;
width: 800px !important;
min-width: 0 !important;
height: 100% !important;                   /* کل ارتفاع ناحیه محتوا */
position: relative !important;
z-index: 1 !important;
background: #fff !important;
overflow: hidden !important;
}

/* فوتر در ردیف دوم گرید بدنه */
#site-footer.site-footer{
position: relative !important;
left: auto !important; right: auto !important; bottom: auto !important;
width: 100% !important;
flex-shrink: 0 !important;
margin-top: 0 !important;
z-index: 120 !important;
}
}

/* ریسپانسیو ≤1350px: مثل قبل با اسکرول مجاز */
@media (max-width:1350px){
html, body{
height:100vh !important; min-height:100vh !important;
margin:0 !important; padding:0 !important;
}
body{
display:flex !important;
flex-direction:column !important;
overflow:auto !important;                  /* موبایل/تبلت: اسکرول آزاد */
}
.contact-container{
flex-direction: column-reverse !important;
min-height:100vh !important; height:100vh !important;
box-sizing:border-box; width:100vw;
margin:0 !important; padding:0 !important;
max-width:none !important;
}
#vaznamap{
flex: 1 1 auto !important;
width:100vw !important; min-height:220px !important;
height:auto !important;
}
.contact-info{
width:94vw !important; max-width:96vw !important;
margin:0 auto !important; text-align:justify !important;
}
}