/* MARFA — نظم هدر، تیکر و فوتر (بارگذاری آخر) */
/* ───── هدر ───── */
html body header.top{height:auto!important;min-height:58px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px 14px!important;padding:10px 20px!important}
html body header.top .feed{display:inline-flex!important;align-items:center;gap:8px;font-size:12px!important;white-space:nowrap;flex:0 0 auto}
html body header.top .head-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-width:0}
html body header.top .head-actions>*{flex:0 0 auto}
html body header.top .header-alert,html body header.top .header-language button,html body header.top .theme-btn,html body header.top .ux-mode-switch button{min-height:36px!important;font-size:12.5px!important;line-height:1}
html body header.top .header-alert{display:inline-flex!important;align-items:center;gap:6px;padding:0 12px!important;border-radius:12px!important}
html body header.top .theme-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;color:#e8c47a!important;padding:0 12px!important;min-width:40px}
html body header.top .theme-btn span{display:inline-block!important;font-size:16px!important;color:#e8c47a!important;line-height:1}
html body header.top .theme-btn b{display:inline!important;font-weight:600;font-size:12px}
html body header.top .owner-head{font-size:10px!important;max-width:230px}
html[data-theme=light] body header.top .theme-btn,html[data-theme=light] body header.top .theme-btn span{color:#e8c47a!important}
/* تیکر */
html body .ticker.tick{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center;gap:26px!important;overflow-x:auto!important;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;margin:0!important;padding:0 20px!important;min-height:40px!important;border-radius:0!important}
html body .ticker.tick::-webkit-scrollbar{display:none}
html body .ticker.tick>*{flex:0 0 auto;font-size:12px!important}
@media(max-width:1100px){html body header.top .owner-head{display:none!important}}
@media(max-width:760px){
 html body header.top{padding:8px 12px!important;gap:6px 10px!important}
 html body header.top .feed{order:1;flex:1 1 auto}
 html body header.top .head-actions{order:2;flex:1 1 100%;justify-content:space-between!important;gap:6px!important}
 html body header.top .header-language button{min-width:34px;padding:0 8px!important}
 html body header.top .header-alert{padding:0 10px!important}
 html body header.top .header-alert span{display:none}
 html body header.top .theme-btn b{display:none!important}
 html body header.top .theme-btn{min-width:40px;min-height:40px!important;padding:0!important}
 html body header.top .ux-mode-switch{margin-inline-start:auto}
 html body header.top .ux-mode-switch button{padding:0 9px!important;min-height:32px!important;font-size:11.5px!important}
 html body .ticker.tick{justify-content:flex-start!important;gap:18px!important;padding:0 14px!important}
}
/* ───── فوتر ───── */
html body footer.marfa-site-footer{display:grid!important;grid-template-columns:1.6fr repeat(4,minmax(120px,1fr))!important;grid-auto-flow:row;gap:22px 28px!important;margin:28px 22px 0!important;padding:28px 32px 16px!important;border-radius:20px 20px 0 0!important;align-items:start!important;align-content:start!important}
html body footer.marfa-site-footer .mf-brand{grid-column:1!important;grid-row:1/3!important}
html body footer.marfa-site-footer>section:not(.mf-brand):not(.mf-social-wrap){grid-column:auto!important;min-width:0}
html body footer.marfa-site-footer h4{margin:0 0 10px!important;font-size:13px!important;color:#e8c47a!important}
html body footer.marfa-site-footer button[data-footer-view]{display:block!important;padding:5px 0!important;min-height:30px;font-size:12.5px!important;text-align:start!important;background:none!important;border:0!important}
html body footer.marfa-site-footer button[data-footer-view]:hover{color:#e8c47a!important}
html body footer.marfa-site-footer .mf-social-wrap{grid-column:2/-1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:14px;border-top:1px solid #26231d}
html body footer.marfa-site-footer .mf-social-wrap h4{margin:0!important}
html body footer.marfa-site-footer .mf-socials{display:flex;gap:8px}
html body footer.marfa-site-footer .mf-social-note{font-size:11px;color:#8a857b}
html body footer.marfa-site-footer .mf-bottom{grid-column:1/-1!important;grid-row:auto!important;display:flex!important;flex-wrap:wrap;justify-content:space-between!important;align-items:center;gap:8px 20px!important;direction:ltr!important;margin-top:6px!important;padding-top:14px!important;border-top:1px solid #26231d!important;font-size:11px!important;line-height:1.9!important}
html body footer.marfa-site-footer .mf-bottom .build-info{display:block;direction:rtl;text-align:end;white-space:normal;font-size:11px!important;line-height:1.9!important}
@media(max-width:1100px){html body footer.marfa-site-footer{grid-template-columns:1.4fr 1fr 1fr!important;margin:24px 14px 0!important}html body footer.marfa-site-footer .mf-brand{grid-column:1/-1!important;grid-row:auto!important}html body footer.marfa-site-footer .mf-social-wrap{grid-column:1/-1!important;grid-row:auto!important}}
@media(max-width:640px){
 html body footer.marfa-site-footer{grid-template-columns:1fr 1fr!important;gap:18px 16px!important;margin:20px 10px 88px!important;padding:22px 16px 14px!important}
 html body footer.marfa-site-footer .mf-bottom{flex-direction:column;align-items:flex-start;direction:rtl!important;text-align:right}
 html body footer.marfa-site-footer .mf-bottom .build-info{text-align:start}
}

/* cp-2: هدر هرگز بریده نشود، حتی وقتی محتوا در دو ردیف بشکند (آیپد/فونت بزرگ) */
html body .main>header.top,html body header.top{height:auto!important;min-height:52px!important;max-height:none!important;flex:0 0 auto!important;overflow:visible!important;position:relative!important;top:auto!important;flex-wrap:wrap!important;row-gap:8px!important;z-index:5}
html body header.top:before{display:none!important}
html body .main>.ticker,html body .ticker.tick{position:relative!important;flex:0 0 auto!important;height:auto!important;min-height:34px!important;margin-top:0!important;clear:both}
html body .main{min-width:0!important;max-width:100%!important}
html body .main>*{max-width:100%}
