/* Formano demo unified public shell — independent of theme styles. */
@font-face{
  font-family:"FMN Unified Vazirmatn";
  src:url("../plugins/nexo-smart-forms/assets/fonts/vazirmatn-var.woff2") format("woff2");
  font-style:normal;font-weight:100 900;font-display:swap;
}
.fmn-site-header,.fmn-site-footer{
  --fmn-brand:#6249f1;--fmn-navy:#222052;--fmn-purple:#6249f1;
  font-family:"Vazirmatn FD","Vazirmatn","FMN Unified Vazirmatn",Tahoma,sans-serif;
  direction:rtl;box-sizing:border-box;color:var(--fmn-navy);
}
.fmn-site-header *,.fmn-site-footer *{box-sizing:border-box}
.fmn-site-container{width:min(1280px,calc(100% - 40px));max-width:100%;margin-inline:auto;min-width:0}
.fmn-site-header{
  z-index:9900;position:sticky;top:0;width:100%;
  min-height:76px;background:rgba(255,255,255,.97);
  border-bottom:1px solid #eae8f7;box-shadow:0 8px 30px #34317b10;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body.admin-bar .fmn-site-header{top:32px}
.fmn-site-header-inner{display:flex;align-items:center;gap:clamp(14px,2vw,28px);min-height:76px}
.fmn-site-brand{flex:0 0 auto;min-width:0;display:inline-flex;align-items:center;gap:10px;color:#18184d!important;text-decoration:none!important}
.fmn-site-brand-mark{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;background:linear-gradient(130deg,#397ef5,#7448f0);color:white;font-size:22px;font-weight:900;box-shadow:0 6px 16px #6449ed40}
.fmn-site-brand-name{display:flex;flex-direction:column;gap:1px;min-width:0}
.fmn-site-brand-name strong{font-size:20px;line-height:1.5;font-weight:900;color:#1d1952}
.fmn-site-brand-name small{font-size:9px;white-space:nowrap;color:#8583ad;letter-spacing:.015em;font-weight:600}
.fmn-site-nav{flex:1 1 auto;display:flex;gap:clamp(10px,1.7vw,23px);align-items:center;justify-content:center;min-width:0}
.fmn-site-nav a{color:#5a617d!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap;line-height:2;transition:color .2s}
.fmn-site-nav a:hover{color:#6249f1!important}
.fmn-site-header-actions{flex:0 0 auto;display:flex;gap:8px;align-items:center;min-width:0}
.fmn-site-header-demo,.fmn-site-header-buy{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:42px;border-radius:11px;text-decoration:none!important;
  font-size:12px;font-weight:800;white-space:nowrap;padding:9px 14px;
}
.fmn-site-header-demo{color:#5843c0!important;background:#f2efff;border:1px solid #ded7ff}
.fmn-site-header-buy{color:#fff!important;background:linear-gradient(120deg,#6546ef,#4b3ce1);box-shadow:0 8px 18px #6547f52e}
.fmn-site-mobile-menu{display:none;position:relative;flex:0 0 auto}
.fmn-site-mobile-menu summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;
  min-height:44px;border-radius:11px;padding:7px 12px;
  color:#4533a9;background:#f2efff;border:1px solid #e0d9ff;
  font-size:13px;font-weight:800;
}
.fmn-site-mobile-menu summary::-webkit-details-marker{display:none}
.fmn-site-mobile-menu summary span:first-child{font-size:20px;line-height:1}
.fmn-site-mobile-links{
  position:absolute;top:calc(100% + 12px);left:0;right:auto;z-index:10000;
  display:flex;flex-direction:column;gap:4px;
  width:min(310px,calc(100vw - 32px));max-height:min(70vh,560px);overflow-y:auto;
  border-radius:17px;padding:10px;background:#fff;border:1px solid #e8e5fa;
  box-shadow:0 22px 44px #21175e2d;
}
.fmn-site-mobile-links a{display:block;min-height:43px;padding:11px 13px;border-radius:9px;color:#343055!important;text-decoration:none!important;font-size:13px;font-weight:700;line-height:1.7}
.fmn-site-mobile-links a:hover{background:#f4f1ff;color:#6244dd!important}
.fmn-site-mobile-links .fmn-site-mobile-buy{background:#6249ee;color:#fff!important;text-align:center}
.fmn-site-mobile-links .fmn-site-mobile-try{background:#f1eeff;color:#5036c3!important;text-align:center}
.fmn-site-header a:focus-visible,.fmn-site-footer a:focus-visible,.fmn-site-header summary:focus-visible{outline:3px solid #9c8cf4;outline-offset:3px}
.fmn-site-footer{
  width:100%;clear:both;position:relative;z-index:1;
  background:linear-gradient(140deg,#f7f6ff,#f5f8ff);
  border-top:1px solid #e7e4fa;
}
.fmn-site-footer-inner{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-block:27px 20px}
.fmn-site-footer-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.fmn-site-footer-info strong{font-size:14px;color:#222050;font-weight:850}
.fmn-site-footer-info small{max-width:550px;font-size:11px;color:#707897;line-height:1.9}
.fmn-site-footer-links{display:flex;gap:8px 18px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.fmn-site-footer-links a{color:#555c7b!important;font-size:11px;font-weight:750;text-decoration:none!important}
.fmn-site-footer-links a:hover{color:#6249f1!important}
.fmn-site-footer-bottom{
  display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;
  padding-block:13px 18px;border-top:1px solid #e4e6f4;
  font-size:10px;color:#8189a5
}
/* Standard WordPress pages (including public verification) retain their content
   but use the same Formano header and footer, not the WordPress demo menu. */
body.fmn-site-auto-chrome .wp-site-blocks > header,
body.fmn-site-auto-chrome .wp-site-blocks > footer,
body.fmn-site-auto-chrome .wp-site-blocks > .wp-block-template-part,
body.fmn-site-auto-chrome .wp-site-blocks > .wp-block-group > header.wp-block-template-part,
body.fmn-site-auto-chrome .wp-site-blocks > .wp-block-group > footer.wp-block-template-part{display:none!important}
body.fmn-site-auto-chrome .wp-site-blocks{min-height:50vh}
body.fmn-site-auto-chrome .wp-site-blocks >main{width:min(1220px,calc(100% - 36px));margin-inline:auto;max-width:100%;padding-block:35px 65px}
body.fmn-site-auto-chrome .wp-site-blocks >main .wp-block-post-title{font-size:clamp(24px,3vw,36px);line-height:1.5;margin-block:10px 24px}
body.fmn-site-auto-chrome .nsf-standalone{width:min(1240px,calc(100% - 32px));max-width:100%;min-width:0;margin-inline:auto;padding-block:35px 65px;box-sizing:border-box}
body.fmn-site-auto-chrome .nsf-standalone__brand{display:none!important}
body.fmn-site-auto-chrome .nsf-app,
body.fmn-site-auto-chrome .nsf-verify-page,
body.fmn-site-auto-chrome .nsf-result-page{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
body.fmn-site-auto-chrome .nsf-verify-page{max-width:1000px;margin-inline:auto;padding:clamp(16px,2.7vw,32px);border-radius:20px;border:1px solid #e7e3ff;background:#fff;box-shadow:0 18px 45px #24206e0b}
body.fmn-site-auto-chrome .nsf-verify-page__head{text-align:center}
body.fmn-site-auto-chrome .nsf-verify-page__head h1{font-size:clamp(22px,3vw,35px);line-height:1.55}
body.fmn-site-auto-chrome .nsf-verify-form{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
body.fmn-site-auto-chrome .nsf-verify-form .nsf-input{flex:1 1 245px;min-width:0;width:auto;max-width:100%}
body.fmn-site-auto-chrome .nsf-verify-form .nsf-btn{min-height:48px;flex:0 0 auto}
body.fmn-site-auto-chrome .nsf-verify-result,
body.fmn-site-auto-chrome .nsf-verified-certificate{width:100%;min-width:0;max-width:100%}
body.fmn-site-auto-chrome .wp-block-post-title + .wp-block-post-content .nsf-verify-page__head h1{margin-top:0}
/* Remove duplicate WordPress page title where shortcode provides its own clear H1 */
body.page-id-10.fmn-site-auto-chrome .wp-block-post-title,
body.page-id-9.fmn-site-auto-chrome .wp-block-post-title{display:none!important}
body.fmn-demo-surface,body.nx-public{min-width:0}
body.fmn-demo-surface .fmn-shell,
body.nx-public .nx-wrap{max-width:100%;min-width:0}
body.fmn-demo-surface .fmn-main{width:min(1280px,calc(100% - 40px));max-width:100%;min-width:0}
body.fmn-demo-surface .fmn-workspace,
body.fmn-demo-surface .fmn-form-panel,
body.fmn-demo-surface .fmn-form-body,
body.fmn-demo-surface .fmn-aside{min-width:0}
body.fmn-demo-surface .nsf-app{max-width:100%;min-width:0}
body.fmn-demo-surface .nsf-app input,
body.fmn-demo-surface .nsf-app select,
body.fmn-demo-surface .nsf-app textarea{max-width:100%;box-sizing:border-box}
body.fmn-demo-surface .nsf-app table{display:block;max-width:100%;overflow-x:auto}
body.fmn-demo-surface .fmn-hero-art img{max-width:100%;height:auto}
body.nx-public #nexo-showcase{min-width:0;max-width:100%;overflow-x:clip}
body.nx-public #nexo-showcase img,body.nx-public #nexo-showcase video{max-width:100%}
/* Responsive chrome and certificate layout across tablet and compact laptops */
@media(max-width:1180px){
 .fmn-site-nav{gap:9px}
 .fmn-site-nav a{font-size:11px}
 .fmn-site-header-demo{display:none}
}
@media(max-width:1050px){
 .fmn-site-nav,.fmn-site-header-actions{display:none}
 .fmn-site-header-inner{justify-content:space-between;min-height:68px}
 .fmn-site-header{min-height:68px}
 .fmn-site-mobile-menu{display:block}
 .fmn-site-footer-inner{align-items:flex-start}
 body.fmn-site-auto-chrome .wp-site-blocks >main{padding-block:25px 42px}
}
@media(max-width:760px){
 .fmn-site-container,body.fmn-demo-surface .fmn-main{width:min(100% - 28px,1280px)}
 .fmn-site-header-inner{min-height:64px}
 .fmn-site-header{min-height:64px}
 .fmn-site-brand-mark{width:39px;height:39px;flex-basis:39px}
 .fmn-site-brand-name strong{font-size:18px}
 .fmn-site-brand-name small{font-size:8px}
 .fmn-site-footer-inner{padding-block:21px 15px}
 .fmn-site-footer-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}
 body.fmn-site-auto-chrome .wp-site-blocks>main{width:min(100% - 26px,1220px);padding-block:20px 35px}
 body.fmn-site-auto-chrome .nsf-standalone{width:min(100% - 24px,1240px);padding-block:17px 35px}
 body.fmn-site-auto-chrome .nsf-verify-form{flex-direction:column}
 body.fmn-site-auto-chrome .nsf-verify-form .nsf-input,body.fmn-site-auto-chrome .nsf-verify-form .nsf-btn{width:100%;flex:auto;min-height:46px}
 body.fmn-site-auto-chrome .nsf-verify-page{padding:16px;border-radius:14px}
}
@media(max-width:450px){
 .fmn-site-footer-links{gap:8px 13px}
 .fmn-site-mobile-links{left:0;right:auto}
 .fmn-site-header-inner{gap:8px}
 .fmn-site-brand-name small{letter-spacing:0}
 body.fmn-site-auto-chrome .nsf-verify-page{padding:12px}
}
@media(max-width:782px){body.admin-bar .fmn-site-header{top:46px}}
@media(prefers-reduced-motion:reduce){.fmn-site-header *{transition:none!important}}


/* Remove the old mobile bottom bar reservation after installing the shared shell. */
@media(max-width:940px) {
 body.fmn-demo-surface .fmn-workspace{grid-template-columns:minmax(0,1fr);max-width:100%}
 body.fmn-demo-surface .fmn-form-panel,
 body.fmn-demo-surface .fmn-aside-card{max-width:100%;min-width:0}
}
@media(max-width:640px) {
 body.fmn-demo-surface .fmn-main{padding-bottom:36px!important}
 body.fmn-demo-surface .fmn-aside{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;width:100%;min-width:0;
 }
 body.fmn-demo-surface .fmn-aside>*{width:100%;max-width:100%;min-width:0}
 body.fmn-demo-surface .fmn-form-body{padding-inline:13px}
 body.fmn-demo-surface .fmn-after{margin-bottom:22px}
}