/* ====================================================================
   Maahsho Footer — دقیقاً مطابقِ Claude Design
   شِلِ سفیدِ بزرگ روی پس‌زمینهٔ روشن ← کارتِ خاکستریِ بالا ← چیپس‌های
   سفیدِ چندردیفی ← نوارِ خاکستریِ پایین. RTL، واکنش‌گرا، دسترس‌پذیر،
   مقاوم در برابرِ استایل‌های قالب. لینک‌ها همه در DOM (کرال‌شدنی).
   ==================================================================== */

:root{
  --mhs-navy:#2B2E57; --mhs-pink:#EE2A7B; --mhs-page:#ffffff;
  --mhs-shell:#ffffff; --mhs-soft:#F3F4F8; --mhs-text:#4a4d6b;
  --mhs-muted:#8b8ea6; --mhs-line:#e7e8f0;
}

.mhs-footer{direction:rtl; font-family:'Vazirmatn', inherit, sans-serif; background:var(--mhs-page); padding:40px 24px 48px; margin-top:48px;}
.mhs-footer *{box-sizing:border-box;}
.mhs-footer a{text-decoration:none;}
.mhs-footer ul{margin:0; padding:0; list-style:none;}

/* شِلِ سفیدِ بزرگ */
.mhs-footer .mhs-shell{width:100%; max-width:1440px; margin:0 auto; background:var(--mhs-shell); border-radius:30px; padding:22px; display:flex !important; flex-direction:column !important; gap:18px;}

/* ================= کارتِ خاکستریِ بالا ================= */
.mhs-footer .mhs-top{background:var(--mhs-soft); border-radius:22px; display:flex !important; flex-wrap:wrap; gap:30px 36px; padding:34px 32px; justify-content:space-between; align-items:flex-start;}

/* برند */
.mhs-brand{flex:1 1 270px; min-width:240px; display:flex; flex-direction:column; gap:14px;}
.mhs-brand__logo img{height:44px; width:auto; display:block;}
.mhs-brand__bio{margin:0; color:var(--mhs-text); font-size:13px; line-height:2.1; font-weight:400; max-width:330px;}
.mhs-socials{display:flex; gap:10px; margin-top:2px;}
.mhs-footer .mhs-socials a{width:40px; height:40px; border-radius:12px; background:var(--mhs-shell); display:inline-flex; align-items:center; justify-content:center; color:var(--mhs-navy); transition:background .2s, color .2s, transform .2s;}
.mhs-footer .mhs-socials a:hover{background:var(--mhs-pink); color:#fff; transform:translateY(-2px);}

/* ستون‌ها */
.mhs-footer .mhs-col{flex:0 1 auto; min-width:150px;}
.mhs-footer .mhs-col__title, .mhs-footer .mhs-contact .mhs-col__title{margin:0 0 14px; color:var(--mhs-navy) !important; font-size:15.5px; font-weight:800;}
.mhs-footer .mhs-col__list{margin:0;}
.mhs-footer .mhs-col__list + .mhs-col__list{margin-top:0;}   /* دو منوی پشتیبانی پشتِ هم */
.mhs-footer .mhs-col__list li{margin:0; padding:0; width:auto !important; float:none !important;}
.mhs-footer .mhs-col__list li a{color:var(--mhs-text) !important; font-size:13px; padding:7px 0; display:flex; align-items:center; gap:9px; transition:color .2s; white-space:normal !important;}
.mhs-footer .mhs-col__list li a:before{content:""; width:6px; height:6px; border-radius:50%; background:var(--mhs-pink); flex:0 0 auto;}
.mhs-footer .mhs-col__list li a:hover{color:var(--mhs-pink) !important;}

/* مرکز تماس */
.mhs-contact{flex:0 1 210px; min-width:180px;}
.mhs-footer .mhs-contact__phone{display:inline-flex; align-items:center; gap:9px; color:var(--mhs-navy) !important; font-size:19px; font-weight:800; transition:color .2s;}
.mhs-footer .mhs-contact__phone svg{color:var(--mhs-pink);}
.mhs-footer .mhs-contact__phone:hover{color:var(--mhs-pink) !important;}
.mhs-contact__hours{margin:10px 0 0; color:var(--mhs-muted); font-size:12px;}

/* ================= چیپس‌های لینکِ هوشمند — سفید، چندردیفی ================= */
.mhs-footer .mhs-sl{display:block; padding:2px 6px;}
.mhs-footer .mhs-sl__title{position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;} /* فقط اسکرین‌ریدر/سئو */
.mhs-footer .mhs-sl__chips{display:flex !important; flex-wrap:nowrap !important; overflow-x:auto; gap:12px; padding:2px 2px 10px; margin:0; list-style:none; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
.mhs-footer .mhs-sl__chips::-webkit-scrollbar{display:none;}
.mhs-footer .mhs-sl__chips a.mhs-sl__chip,
.mhs-footer .mhs-sl__chips a.mhs-sl__chip:link,
.mhs-footer .mhs-sl__chips a.mhs-sl__chip:visited{display:inline-flex !important; align-items:center; flex:0 0 auto !important; width:auto !important; float:none !important; background:var(--mhs-shell); border:1px solid var(--mhs-line); color:var(--mhs-navy) !important; font-size:12.5px; font-weight:500; padding:10px 18px; border-radius:999px; white-space:nowrap !important; line-height:1.5; text-decoration:none; transition:background .2s, border-color .2s, color .2s;}
.mhs-footer .mhs-sl__chips a.mhs-sl__chip:hover{background:var(--mhs-pink); border-color:var(--mhs-pink); color:#ffffff !important;}
.mhs-footer .mhs-sl__more{display:none !important;}

/* ================= نوارِ خاکستریِ پایین ================= */
.mhs-footer .mhs-bottom{background:var(--mhs-soft); border-radius:18px; display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px;}
.mhs-copy{margin:0; color:var(--mhs-text); font-size:13px; line-height:2;}
.mhs-copy span{color:var(--mhs-navy); font-weight:800;}
.mhs-bottom__actions{display:flex; align-items:center; gap:10px;}
.mhs-footer a.mhs-btn{display:inline-flex; align-items:center; border:1px solid var(--mhs-line); border-radius:12px; padding:9px 15px; font-size:12.5px; font-weight:600; color:var(--mhs-navy) !important; background:var(--mhs-shell); transition:border-color .2s, color .2s;}
.mhs-footer a.mhs-btn:hover{border-color:var(--mhs-pink); color:var(--mhs-pink) !important;}
.mhs-totop{width:40px; height:40px; border:0; border-radius:12px; background:var(--mhs-navy); color:#fff; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:background .2s, transform .2s;}
.mhs-totop:hover{background:var(--mhs-pink); transform:translateY(-2px);}

/* ====================================================================
   واکنش‌گرا
   ==================================================================== */
@media (max-width:1100px){
  .mhs-footer .mhs-top{gap:26px;}
  .mhs-brand{flex:1 1 100%;}
  .mhs-brand__bio{max-width:100%;}
}
@media (max-width:760px){
  .mhs-footer{padding:28px 12px 36px; margin-top:36px;}
  .mhs-footer .mhs-shell{padding:14px; border-radius:24px; gap:14px;}
  .mhs-footer .mhs-top{padding:24px 18px; gap:22px 14px;}
  /* ستون‌ها دوتایی کنارِ هم — مقاوم در برابرِ override قالب */
  .mhs-footer .mhs-top > .mhs-col{flex:0 0 calc(50% - 7px) !important; width:calc(50% - 7px) !important; max-width:calc(50% - 7px) !important; min-width:0 !important;}
  .mhs-footer .mhs-contact{flex:1 1 100%; min-width:0;}
  .mhs-footer .mhs-sl__chips{gap:9px;}
  .mhs-footer .mhs-bottom{flex-direction:column; text-align:center; padding:16px 18px;}
  .mhs-copy{font-size:12px;}
}

@media (prefers-reduced-motion:reduce){ .mhs-footer *{transition:none !important; scroll-behavior:auto !important;} }