/* Minfociv Orders — adapted to the current Minfociv.org visual style.
   Lightweight: no framework, no external fonts, no JS dependency. */
.mfo-page,
.mfo-context-box,
.mfo-directory-cta,
.mfo-profile-order,
.mfo-registration-demand,
.mfo-blog-cta{
    --mfo-blue:#00467b;
    --mfo-blue-hover:#00385f;
    --mfo-text:#222;
    --mfo-muted:#666;
    --mfo-line:#d9d9d9;
    --mfo-soft:#f7f7f7;
    --mfo-white:#fff;
    box-sizing:border-box;
    font-family:inherit;
}
.mfo-page *,
.mfo-context-box *,
.mfo-directory-cta *,
.mfo-profile-order *,
.mfo-registration-demand *,
.mfo-blog-cta *{box-sizing:border-box}

.mfo-page{max-width:980px;margin:0 auto;color:var(--mfo-text)}
.mfo-intro,
.mfo-section,
.mfo-context-box{
    background:var(--mfo-white);
    border:1px solid var(--mfo-line);
    border-radius:3px;
    box-shadow:none;
}
.mfo-intro{margin:0 0 16px;padding:15px}
.mfo-section{margin:0 0 18px;padding:16px}
.mfo-context-box{margin:18px 0 6px;padding:14px}
.mfo-lead{margin:0 0 12px!important;font-size:15px;line-height:1.55}
.mfo-intro-actions{display:flex;gap:8px;flex-wrap:wrap}

.mfo-section-head{margin:0 0 13px}
.mfo-section-head h2,
.mfo-context-head h2{
    margin:0 0 4px!important;
    color:var(--mfo-text);
    font-size:20px;
    line-height:1.3
}
.mfo-section-head p,
.mfo-context-head p{
    margin:0!important;
    color:var(--mfo-muted);
    font-size:13px;
    line-height:1.5
}

/* Buttons: Minfociv blue, compact, slightly squared like the current site controls. */
.mfo-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 12px!important;
    margin:0;
    border:1px solid var(--mfo-blue)!important;
    border-radius:3px!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-align:center;
    text-decoration:none!important;
    cursor:pointer;
    box-shadow:none!important;
    transition:background-color .12s ease,border-color .12s ease,color .12s ease
}
.mfo-btn-primary{
    background:var(--mfo-blue)!important;
    border-color:var(--mfo-blue)!important;
    color:#fff!important
}
.mfo-btn-primary:hover,
.mfo-btn-primary:focus{
    background:var(--mfo-blue-hover)!important;
    border-color:var(--mfo-blue-hover)!important;
    color:#fff!important
}
.mfo-btn-secondary{
    background:#fff!important;
    border-color:var(--mfo-blue)!important;
    color:var(--mfo-blue)!important
}
.mfo-btn-secondary:hover,
.mfo-btn-secondary:focus{
    background:#f3f7fa!important;
    border-color:var(--mfo-blue-hover)!important;
    color:var(--mfo-blue-hover)!important
}

/* Forms */
.mfo-grid{display:grid;gap:11px}
.mfo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mfo-field{display:flex;flex-direction:column;gap:5px;margin:0}
.mfo-field-wide{grid-column:1/-1}
.mfo-field>span,
.mfo-alerts-email>span,
.mfo-filter-field>span,
.mfo-guest-form>label>span{
    color:#333;
    font-size:13px;
    font-weight:600
}
.mfo-field small,
.mfo-filter-field small,
.mfo-guest-form small{font-weight:400;color:#777}
.mfo-field input,
.mfo-field select,
.mfo-field textarea,
.mfo-alerts-email input,
.mfo-filter-field input,
.mfo-filter-field select,
.mfo-guest-form input{
    width:100%;
    min-height:38px;
    margin:0!important;
    padding:7px 9px!important;
    border:1px solid #cfcfcf!important;
    border-radius:2px!important;
    background:#fff!important;
    color:#222!important;
    font:inherit!important;
    box-shadow:none!important
}
.mfo-field textarea{min-height:96px;resize:vertical}
.mfo-field input:focus,
.mfo-field select:focus,
.mfo-field textarea:focus,
.mfo-alerts-email input:focus,
.mfo-filter-field input:focus,
.mfo-filter-field select:focus,
.mfo-guest-form input:focus{
    border-color:var(--mfo-blue)!important;
    outline:1px solid var(--mfo-blue)!important
}

.mfo-contact-box{
    margin:13px 0;
    padding:12px;
    border:1px solid var(--mfo-line);
    border-radius:3px;
    background:var(--mfo-soft)
}
.mfo-contact-box h3{margin:0 0 10px!important;font-size:15px!important}
.mfo-check{
    display:flex;
    align-items:flex-start;
    gap:7px;
    margin:12px 0;
    color:#555;
    font-size:12px;
    line-height:1.45
}
.mfo-check input{width:auto!important;min-height:0!important;margin-top:2px!important}
.mfo-submit{min-width:170px}
.mfo-form-note,
.mfo-alerts-note,
.mfo-guest-note{
    margin:8px 0 0!important;
    color:#777;
    font-size:11px;
    line-height:1.45
}
.mfo-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mfo-direct-note{
    margin:0 0 12px;
    padding:9px 11px;
    border-left:3px solid var(--mfo-blue);
    background:#f5f8fa;
    font-size:12px;
    line-height:1.5
}
.mfo-notice{
    margin:0 0 14px;
    padding:10px 12px;
    border-radius:2px;
    font-size:13px;
    line-height:1.45
}
.mfo-notice-success{border:1px solid #b9d4c0;background:#f5fbf6;color:#244b2e}
.mfo-notice-error{border:1px solid #e0bbbb;background:#fff6f6;color:#682d2d}

/* One canonical orders page with user filters. */
.mfo-filter-form{
    display:grid;
    grid-template-columns:minmax(160px,1.1fr) minmax(150px,1fr) minmax(150px,1fr) auto;
    gap:8px;
    align-items:end;
    margin:0 0 14px;
    padding:10px;
    border:1px solid var(--mfo-line);
    border-radius:3px;
    background:#fafafa
}
.mfo-filter-field{display:flex;flex-direction:column;gap:4px;margin:0}
.mfo-filter-actions{display:flex;gap:6px;align-items:center}

/* Orders */
.mfo-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mfo-order-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:12px;
    border:1px solid var(--mfo-line);
    border-top:2px solid var(--mfo-blue);
    border-radius:3px;
    background:#fff;
    box-shadow:none
}
.mfo-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
.mfo-order-type{color:var(--mfo-blue);font-size:12px;font-weight:700}
.mfo-order-code{color:#888;font-size:10px}
.mfo-order-card h3{margin:0 0 8px!important;color:#222!important;font-size:16px!important;line-height:1.35!important}
.mfo-order-meta{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
.mfo-order-meta span{
    padding:3px 6px;
    border:1px solid #dedede;
    border-radius:2px;
    background:#fafafa;
    color:#555;
    font-size:10px;
    line-height:1.2
}
.mfo-order-note{margin:0 0 10px!important;color:#444;font-size:12px;line-height:1.5}
.mfo-order-actions{margin-top:auto}
.mfo-claim-form{margin:0}
.mfo-order-register{display:block;margin-top:6px;color:#666;font-size:11px;line-height:1.45}
.mfo-order-register a{color:var(--mfo-blue)!important;text-decoration:none}
.mfo-provider-only{display:block;margin-top:6px;color:#666;font-size:11px;line-height:1.4}

.mfo-guest-response{margin:0}
.mfo-guest-response>summary{list-style:none}
.mfo-guest-response>summary::-webkit-details-marker{display:none}
.mfo-guest-response[open]>summary{margin-bottom:8px}
.mfo-guest-form{
    display:grid;
    gap:8px;
    padding:10px;
    border:1px solid var(--mfo-line);
    border-radius:2px;
    background:#fafafa
}
.mfo-guest-form>label:not(.mfo-check){display:flex;flex-direction:column;gap:4px;margin:0}
.mfo-guest-check{margin:2px 0 0}

.mfo-empty{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    padding:12px;
    border:1px dashed #cfcfcf;
    border-radius:3px;
    background:#fafafa
}
.mfo-empty strong{color:#333}
.mfo-empty span{color:#666;font-size:12px}
.mfo-empty a{color:var(--mfo-blue)!important;font-size:12px;font-weight:600;text-decoration:none}

/* Alerts / profile / directory blocks */
.mfo-alerts-form{display:flex;align-items:flex-end;gap:8px;max-width:650px}
.mfo-alerts-email{display:flex;flex:1 1 340px;flex-direction:column;gap:4px;margin:0}
.mfo-provider-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:12px}
.mfo-provider-links span{color:#666}
.mfo-provider-links a{color:var(--mfo-blue)!important;text-decoration:none;font-weight:600}
.mfo-profile-order{margin:10px 0 3px}

.mfo-directory-cta,
.mfo-registration-demand,
.mfo-blog-cta,
.mfo-provider-alert-state{
    display:flex;
    align-items:center;
    gap:8px 12px;
    flex-wrap:wrap;
    margin:0 0 14px;
    padding:10px 12px;
    border:1px solid var(--mfo-line);
    border-radius:3px;
    background:#fafafa
}
.mfo-directory-cta strong,
.mfo-registration-demand strong,
.mfo-blog-cta strong,
.mfo-provider-alert-state strong{color:#333}
.mfo-directory-cta span,
.mfo-registration-demand span,
.mfo-blog-cta span,
.mfo-provider-alert-state span{color:#666;font-size:12px;flex:1 1 260px}
.mfo-directory-cta a,
.mfo-registration-demand a,
.mfo-blog-cta a{color:var(--mfo-blue)!important;font-size:12px;font-weight:600;text-decoration:none}
.mfo-provider-alert-state form{margin:0}
.mfo-provider-alert-state-on{border-color:#c7d8cc;background:#f6faf7}

.mfo-context-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mfo-orders-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mfo-orders-compact .mfo-order-card{padding:10px}
.mfo-orders-compact .mfo-order-card h3{font-size:14px!important}
.mfo-context-bottom{display:flex;gap:7px 14px;flex-wrap:wrap;margin-top:9px}
.mfo-context-bottom a,
.mfo-context-empty a{color:var(--mfo-blue)!important;font-size:11px;font-weight:600;text-decoration:none}
.mfo-context-empty{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px;
    border:1px dashed #d0d0d0;
    border-radius:3px;
    background:#fafafa;
    color:#666;
    font-size:12px
}
.mfo-shortcode-button{margin:3px 0}

@media (max-width:820px){
    .mfo-orders-compact,.mfo-orders{grid-template-columns:1fr}
    .mfo-context-head{align-items:flex-start;flex-direction:column}
    .mfo-filter-form{grid-template-columns:1fr 1fr}
    .mfo-filter-actions{grid-column:1/-1}
}
@media (max-width:640px){
    .mfo-section,.mfo-intro,.mfo-context-box{padding:12px}
    .mfo-grid-2,.mfo-filter-form{grid-template-columns:1fr}
    .mfo-field-wide,.mfo-filter-actions{grid-column:auto}
    .mfo-alerts-form{align-items:stretch;flex-direction:column}
    /* Horizontal flex bases become unwanted heights in a column. */
    .mfo-alerts-email{flex:0 1 auto;min-width:0}
    .mfo-alerts-form .mfo-btn,
    .mfo-intro-actions .mfo-btn{width:100%}
    .mfo-context-empty,
    .mfo-directory-cta,
    .mfo-registration-demand,
    .mfo-blog-cta,
    .mfo-provider-alert-state{align-items:flex-start;flex-direction:column}
    .mfo-directory-cta span,
    .mfo-registration-demand span,
    .mfo-blog-cta span,
    .mfo-provider-alert-state span{flex:0 1 auto}
    .mfo-filter-actions{width:100%}
    .mfo-filter-actions .mfo-btn{flex:1 1 auto}
}


/* Global Minfociv entry point.
   Intentionally compact: it resembles the existing utility rows above the site footer
   instead of behaving like a floating/sticky advertisement. */
.mfo-global-bar-wrap,
.mfo-home-cta{
    --mfo-blue:#00467b;
    --mfo-blue-hover:#00385f;
    --mfo-text:#222;
    --mfo-muted:#666;
    --mfo-line:#d9d9d9;
    --mfo-soft:#fafafa;
    box-sizing:border-box;
    font-family:inherit;
}
.mfo-global-bar-wrap *,
.mfo-home-cta *{box-sizing:border-box}
.mfo-global-bar-wrap{
    width:100%;
    margin:0;
    padding:8px 0;
    background:transparent;
}
.mfo-global-bar-inner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}
.mfo-global-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px 16px;
    padding:9px 11px;
    border:1px solid #d9d9d9;
    border-radius:3px;
    background:#fafafa;
}
.mfo-global-bar-copy,
.mfo-home-cta-copy{
    display:flex;
    flex:1 1 360px;
    flex-direction:column;
    gap:2px;
    min-width:0;
}
.mfo-global-bar-copy strong,
.mfo-home-cta-copy strong{
    color:#222;
    font-size:13px;
    line-height:1.3;
}
.mfo-global-bar-copy span,
.mfo-home-cta-copy span{
    color:#666;
    font-size:11px;
    line-height:1.4;
}
.mfo-global-bar-actions,
.mfo-home-cta-actions{
    display:flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
}

/* Home page: visible but still compact, so it does not replace the existing hero/content. */
.mfo-home-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px 16px;
    margin:0 0 14px;
    padding:11px 12px;
    border:1px solid #d9d9d9;
    border-left:3px solid #00467b;
    border-radius:3px;
    background:#fff;
}

@media (max-width:640px){
    .mfo-global-bar-inner{padding:0 12px}
    .mfo-global-bar,
    .mfo-home-cta{
        align-items:flex-start;
        flex-direction:column;
    }
    .mfo-global-bar-copy,
    .mfo-home-cta-copy{flex-basis:auto}
    .mfo-global-bar-actions,
    .mfo-home-cta-actions{width:100%}
    .mfo-global-bar-actions .mfo-btn,
    .mfo-home-cta-actions .mfo-btn{flex:1 1 0}
}