/* Found in the Fog shared design system. See STYLE-GUIDE.md before adding UI. */
@import url('./fonts.css');
:root{
 --blue:#285f8e;--navy:#133e59;--red:#e44826;--orange:var(--red);
 --cream:#f7f3e9;--ink:#163548;--muted:#526575;--line:#cdd4d2;--white:#fffdf7;
 --display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;
 --button-radius:3px;--field-border:#8c9da6;
}
/* Public and private calls to action use the same component. */
.button,.fitf-app .button,.fitf-app button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:48px;padding:13px 24px;border:1px solid transparent;border-radius:var(--button-radius);
 font:700 18px/1.6 var(--body);text-decoration:none;cursor:pointer;
 background:var(--red);color:var(--white);text-align:center;
}
.button:hover,.fitf-app .button:hover,.fitf-app button:hover{background:#c3381b;color:var(--white)}
.button-outline{border-color:currentColor;background:transparent}
.button-navy{background:var(--blue);color:var(--white)}.button-navy:hover{background:var(--navy)}
.button-blue{background:var(--blue)}.button-blue:hover{background:var(--navy)}
.button-cream{background:var(--cream);color:var(--navy)}
.button-cream:hover{background:#ece6d8;color:var(--navy)}
.fitf-app{margin:0;font:400 19.2px/1.6 var(--body);color:var(--ink);background:var(--cream)}
.fitf-app *{box-sizing:border-box}
.fitf-app a{color:var(--blue);text-underline-offset:4px}
.fitf-app :is(h1,h2,h3,h4){font-family:var(--display);font-weight:700;line-height:1.1;color:var(--navy)}
.fitf-app h1{font-size:clamp(40px,4.5vw,58px);text-transform:uppercase;margin:12px 0 30px}
.fitf-app h2{font-size:clamp(30px,3vw,40px);text-transform:uppercase}
.fitf-app h3{font-size:29px;text-transform:uppercase}
.fitf-app p{margin:0 0 20px}
.fitf-app main{max-width:1440px;margin:auto;padding:32px 5% 70px;min-width:0}
.app-skip{position:absolute;left:20px;top:-100px;z-index:60;background:var(--cream);padding:12px}
.app-skip:focus{top:12px}
.fitf-app :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--red);outline-offset:5px}
.fitf-app .app-header{
 position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;
 padding:22px 4%;background:var(--cream);border-bottom:1px solid #e2dfd4;
}
.fitf-app .wordmark{display:block;flex:0 0 290px;width:290px;max-width:100%;text-decoration:none;text-align:center;color:var(--blue)}
.fitf-app .wordmark img{display:block;width:100%;height:auto}
.fitf-app .wordmark-address{display:block;font-size:15px;line-height:1.4;letter-spacing:.055em;margin-top:7px}
.fitf-app .app-area{display:block;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:7px}
.fitf-app .identity{margin-left:auto;font-size:16px;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.fitf-app .identity span{display:block;color:var(--muted)}
.fitf-app .app-header form{margin:0;flex-shrink:0}
.fitf-app .quiet,.fitf-app .button.quiet{background:transparent;color:var(--navy);border-color:var(--field-border)}
.fitf-app .quiet:hover{background:#ece6d8;color:var(--navy)}
.fitf-app button:disabled,.fitf-app .button[aria-disabled=true]{opacity:.65;cursor:not-allowed}
.fitf-app .app-navigation{border-bottom:1px solid var(--line);background:var(--cream)}
.fitf-app .app-navigation>summary{display:none}
.fitf-app .app-navigation:not([open])>summary{display:flex;align-items:center;padding:20px 5%;font:600 24px/1.1 var(--display);text-transform:uppercase;cursor:pointer;list-style:none}
.fitf-app .app-navigation>nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;max-width:1440px;margin:auto;padding:20px 5%}
.fitf-app .app-navigation a,.fitf-app .market-links a{font-size:16.8px;font-weight:600;text-decoration:none;color:var(--navy);border-bottom:1px solid transparent}
.fitf-app .app-navigation a:hover,.fitf-app .market-links a:hover{border-color:currentColor}
.fitf-app .market-links{gap:14px 28px;padding:24px 0;margin:0}
.fitf-app .panel,.fitf-app .stats a,.fitf-app .table-wrap{background:var(--white);border-color:var(--line);border-radius:3px}
.fitf-app .stats strong{font-family:var(--display);font-weight:700}
.fitf-app :is(label,legend){color:var(--ink)}
.fitf-app label{font-size:18px;font-weight:700}
.fitf-app :is(input,select,textarea){font:400 18px/1.5 var(--body);color:var(--ink);background:var(--white);border:1px solid var(--field-border);border-radius:3px;max-width:100%}
.fitf-app textarea{padding:12px;resize:vertical}
.fitf-app input[readonly]{background:#eeebe2;color:var(--muted)}
.fitf-app :is(input[type=checkbox],input[type=radio]){accent-color:var(--blue)}
.fitf-app table{font:400 17px/1.6 var(--body)}
.fitf-app th{background:#ede9de;font-weight:700}
.fitf-app :is(.muted,.profile-help,.map-legend,.market-metrics span,.market-category-grid span){font-size:16px;color:var(--muted)}
.fitf-app :is(.profile-eyebrow,.market-kicker){font:700 20px/1.45 var(--body);letter-spacing:.1em;color:var(--blue)}
.fitf-app .badge{font:700 15px/1.5 var(--body)}
/* Section bars mirror the public site's cream bar, display type and right chevron. */
.fitf-app #vendor-market>.market-section{border-top:1px solid var(--line);margin:0;background:var(--cream)}
.fitf-app #vendor-market>.market-section>summary{
 display:flex;align-items:center;gap:18px;list-style:none;list-style-position:outside;
 padding:26px 0;cursor:pointer;font:600 clamp(1.8rem,3vw,2.7rem)/1.1 var(--display);
 text-transform:uppercase;color:var(--navy);background:var(--cream);
}
.fitf-app summary::-webkit-details-marker{display:none}
.fitf-app #vendor-market>.market-section>summary::after,.fitf-app .app-navigation>summary::after{
 content:'';display:block;flex:0 0 14px;width:14px;height:14px;margin-left:auto;margin-right:6px;
 border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);
}
.fitf-app #vendor-market>.market-section[open]>summary::after,.fitf-app .app-navigation[open]>summary::after{transform:rotate(225deg)}
.fitf-app .booth-summary-status{float:none;margin-left:auto;font:400 16px/1.5 var(--body);color:var(--muted);text-transform:none}
.fitf-app #vendor-market>.market-section>summary:has(.booth-summary-status)::after{margin-left:0}
.fitf-app .section-body{padding:16px 0 40px}
.fitf-app :is(.profile-body,.my-booth-body,.arrival-body,.tips-body){font:400 19.2px/1.6 var(--body);max-width:1120px}
.fitf-app :is(.profile-fields input,.profile-fields select,.profile-fields textarea){font:400 18px/1.5 var(--body)}
.fitf-app .profile-fields label{font-size:18px}
.fitf-app :is(.profile-body>h2,.booth-title,.booth-empty h2,.arrival-body h2,.tips-body h2){font:700 clamp(32px,4vw,46px)/1.1 var(--display)}
.fitf-app :is(.market-panel h2,.market-booth-detail h3){font-family:var(--display)}
.fitf-app .market-metrics strong{font-family:var(--display)}
.fitf-app :is(.order-payment,.booth-layout-review,details.panel,.market-booth-detail details)>summary{display:flex;align-items:center;gap:18px;list-style:none;padding:16px 0;font:700 20px/1.4 var(--body);cursor:pointer;color:var(--navy)}
.fitf-app :is(.order-payment,.booth-layout-review,details.panel,.market-booth-detail details)>summary::after{content:'+';margin-left:auto;font-size:26px;font-weight:400}
.fitf-app :is(.order-payment,.booth-layout-review,details.panel,.market-booth-detail details)[open]>summary::after{content:'−'}
.fitf-app .vendor-welcome{position:relative;isolation:isolate;display:flex;align-items:center;min-height:310px;padding:32px 5%;margin:0 0 8px;background:var(--navy) url('./hero00013.jpg') center 48%/cover;color:var(--cream)}
.fitf-app .vendor-welcome::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,62,89,.96),rgba(19,62,89,.83) 45%,rgba(19,62,89,.12))}
.fitf-app .vendor-welcome>div{max-width:690px}
.fitf-app .vendor-welcome :is(h1,h2){font:700 clamp(38px,4vw,58px)/1.05 var(--display);text-transform:uppercase;color:var(--cream);margin:0 0 18px}
.fitf-app .vendor-welcome p{font-size:18px;line-height:1.5;margin-bottom:16px}
.fitf-app .vendor-welcome .welcome-kicker{font-size:16px;font-weight:700;letter-spacing:.1em}
.fitf-app .vendor-welcome .welcome-date{font-size:16px;margin:0}
.fitf-app .app-footer{padding:24px 5%;background:var(--red);color:var(--cream);border:0;font:400 16px/1.6 var(--body)}
.fitf-app .app-footer p{margin:0 0 6px}
.fitf-app .app-footer .footer-wordmark{font:700 38px/1.1 var(--display);letter-spacing:.02em;margin-bottom:10px;color:var(--cream)}
.fitf-app .app-footer a{color:var(--cream);overflow-wrap:anywhere}
@media(max-width:760px){
 .fitf-app main{padding:24px 6% 48px}
 .fitf-app .app-header{padding:20px 6%;gap:14px;flex-wrap:wrap}
 .fitf-app .wordmark{width:260px;flex-basis:260px}
 .fitf-app .identity{margin:0;flex:1 1 55%;font-size:16px}
 .fitf-app .app-header form{margin-left:auto}
 .fitf-app .app-header button{padding:10px 16px}
 .fitf-app .app-navigation>summary{display:flex;align-items:center;padding:20px 6%;font:600 24px/1.1 var(--display);text-transform:uppercase;cursor:pointer;list-style:none}
 .fitf-app .app-navigation>nav{padding:0 6% 20px;gap:0;flex-direction:column;align-items:stretch}
 .fitf-app .app-navigation a{padding:12px 0;border-bottom:1px solid var(--line)}
 .fitf-app #vendor-market>.market-section>summary{font-size:1.85rem;padding:23px 0;flex-wrap:wrap}
 .fitf-app .booth-summary-status{font-size:15px}
 .fitf-app .vendor-welcome{min-height:240px;padding:28px 7%;background-position:62% center}
 .fitf-app .vendor-welcome::before{background:rgba(19,62,89,.84)}
 .fitf-app .vendor-welcome p{font-size:17px}
 .fitf-app .vendor-welcome .welcome-kicker{font-size:15px}
 .fitf-app .market-links{gap:0 20px;padding:18px 0}
 .fitf-app .market-links a{padding:10px 0}
}
@media(prefers-reduced-motion:reduce){.fitf-app *{scroll-behavior:auto!important}}
@media print{.fitf-app .app-navigation,.fitf-app .vendor-welcome,.fitf-app .app-skip{display:none!important}}

/* Approved private-area header variant: blue sampled from the logo artwork. */
.fitf-app .app-header{background:#3074b3;color:#fff;border-bottom-color:#3074b3;isolation:isolate}
.fitf-app .app-header .wordmark,.fitf-app .app-header .identity,.fitf-app .app-header .identity span{color:#fff}
/* Existing transparent artwork, rendered as a white knockout; paper-colored
   details blend into the blue rather than becoming an opaque white disc. */
.fitf-app .app-header .wordmark img{filter:grayscale(1) invert(1) contrast(12);mix-blend-mode:screen}
.fitf-app .app-header .quiet{border-color:#fff;color:#fff;background:transparent}
.fitf-app .app-header .quiet:hover{background:#fff;color:#285f8e}
.fitf-app .app-header :is(a,button):focus-visible{outline-color:#fff}