/* Noor Islam v1.3.4 — elegant calendar footer for mobile home hero.
   The desktop header and hero stay unchanged; small portrait AND phone landscape
   hide the crowded greeting line, moving both dates to Nafahat Imaniya. */
.hero-mobile-dates{display:none}
@media (max-width:820px), (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  .topbar .topbar-greeting{display:none!important}
  .topbar .topbar-start{flex:0 0 auto;min-width:0}
  .topbar .topbar-actions{margin-inline-start:auto;min-width:0}
  .hero-card .hero-content{width:100%;max-width:100%}
  .hero-mobile-dates{
    display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;
    width:100%;margin-top:15px;padding-top:12px;
    border-top:1px solid rgba(255,255,255,.2);
    color:rgba(255,255,255,.87);font-family:inherit;
    font-weight:600;font-size:clamp(10px,2.6vw,12px);line-height:1.75;
    position:relative;z-index:3;
  }
  .hero-mobile-date{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;text-align:start}
  .hero-mobile-date>span:last-child{unicode-bidi:plaintext;overflow-wrap:anywhere}
  .hero-mobile-date-symbol{display:inline-flex;flex:none;align-items:center;justify-content:center;width:19px;height:19px;
    border-radius:6px;background:rgba(255,255,255,.12);color:inherit;font-size:14px;font-weight:400;line-height:1}
}
@media (max-width:480px){
  .hero-mobile-dates{flex-direction:column;align-items:flex-start;gap:3px}
}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  .hero-mobile-dates{flex-direction:row;align-items:center;gap:7px 16px}
}