/* PRQUR Brand 2026 - mobile-first visual layer based on the approved mobile brand template.
   Loaded after the configurable theme variables so layout can stay consistent while the
   Theme Studio continues to control non-template surfaces. */
:root{
  --prqur-2026-cyan:#39BFEF;
  --prqur-2026-cyan-soft:#C1EBFA;
  --prqur-2026-blue:#1E77AB;
  --prqur-2026-ink:#191514;
  --prqur-2026-paper:#FFFFFF;
  --prqur-2026-soft:#F8F8F5;
  --prqur-2026-line:#E4E3E0;
}
.mobile-submit-label,.mobile-brand-section-title,.brand-mobile-best-seller,.mobile-language{display:none}
.nav-mobile-only{display:none}

/* Global refinement: cleaner, flatter procurement UI. */
body{color:var(--ink);letter-spacing:-.005em}
.panel,.dashboard-card,.dashboard-stat,.metric-card,.category-tile,.step-card,.role-card{border-color:var(--line);box-shadow:none}
.btn-brand,.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover,.btn-brand:focus,.btn-primary:hover,.btn-primary:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.form-control,.form-select{box-shadow:none}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .18rem rgba(var(--theme-brand-rgb),.12)}

/* Keep response cards close to the compact supplier rows in the brand reference. */
.seller-response-card{box-shadow:none}
.seller-response-card:hover{box-shadow:0 8px 22px rgba(19,35,34,.045)}
.seller-response-card .seller-response-actions .btn{border-radius:8px}

select.form-select {
    padding-right: 32px;
}

@media(min-width:768px){
  .home-hero .need-box{box-shadow:0 18px 44px rgba(24,57,70,.08)}
  .home-hero .market-card{transform:none}
  .app-topbar{box-shadow:none}
}

@media(max-width:991.98px){
  .app-topbar{border-bottom:1px solid var(--app-border)}
  .topbar-profile .profile-copy{display:none}
}

@media(max-width:767.98px){
  html{scroll-padding-top:68px}
  body.guest,body.signed-in{background:var(--prqur-2026-paper);padding-bottom:calc(62px + env(safe-area-inset-bottom,0))!important}

  /* Public mobile header: logo + language, menu is driven from the bottom navigation. */
  .prqur-nav{height:64px;min-height:64px!important;background:#fff!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important;z-index:1085}
  .prqur-nav .container{height:64px;display:flex;align-items:center;padding-left:14px!important;padding-right:14px!important}
  .prqur-nav .navbar-brand{margin:0;padding:0;gap:0}
  .prqur-nav .brand-logo-img{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:0!important}
  .prqur-nav .brand-word,.prqur-nav .brand small{display:none}
  .mobile-header-tools{display:flex!important;align-items:center;gap:8px;margin-left:auto!important}
  .mobile-language{display:inline-flex;align-items:center;gap:5px;color:var(--prqur-2026-ink);font-size:.72rem;font-weight:650;letter-spacing:0}
  .mobile-language i{font-size:.58rem}
  .prqur-nav .navbar-toggler{display:none!important}

  /* Full-height menu from the reference: large text and rule-separated destinations. */
  .prqur-nav #mainNav.collapse,.prqur-nav #mainNav.collapsing,.prqur-nav #mainNav.show{
    position:fixed!important;left:0;right:0;top:64px;bottom:calc(58px + env(safe-area-inset-bottom,0));z-index:1080;
    background:#fff;overflow-y:auto;padding:34px 20px 24px;box-shadow:none;border:0
  }
  .prqur-nav #mainNav.collapse:not(.show){display:none!important}
  .prqur-nav #mainNav.collapsing{display:block!important;height:auto!important;transition:opacity .16s ease;opacity:.65}
  .prqur-nav #mainNav.show{display:block!important}
  .prqur-nav #mainNav .navbar-nav{display:block;margin:0!important;width:100%}
  .prqur-nav #mainNav .nav-item{display:block;margin:0!important}
  .prqur-nav #mainNav .nav-link{
    width:100%;display:flex;align-items:center;min-height:45px;padding:5px 12px!important;border:0;border-bottom:1px solid rgba(25,21,20,.64)!important;
    border-radius:0;background:transparent!important;color:var(--prqur-2026-ink)!important;font-size:1.52rem;line-height:1.18;font-weight:430;text-align:left
  }
  .prqur-nav #mainNav button.nav-link{appearance:none}
  .prqur-nav #mainNav .nav-link:hover,.prqur-nav #mainNav .nav-link:focus{color:var(--prqur-2026-blue)!important;padding-left:15px!important}
  .nav-mobile-only{display:block}
  .nav-desktop-cta{display:none!important}

  /* Approved home hero: strong cyan field, white statement and simple search surface. */
  .home-hero{background:var(--prqur-2026-cyan)!important;overflow:visible!important;padding:0!important;isolation:isolate}
  .home-hero:before,.home-hero:after{display:none!important}
  .home-hero>.container{padding:27px 14px 40px!important;max-width:none!important}
  .home-hero .row{--bs-gutter-x:0;--bs-gutter-y:0}
  .home-hero .col-lg-7{width:100%;padding:0}
  .home-hero .col-lg-5{display:none}
  .home-hero .eyebrow,.home-hero .hero-copy,.home-hero .trust-row,.home-hero>div .btn-outline-dark,.home-hero .quick-note{display:none!important}
  .home-hero h1{
    color:#fff!important;font-size:clamp(2.05rem,9.6vw,2.72rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;
    font-weight:860!important;margin:0 0 18px!important;max-width:340px
  }
  .home-hero .need-box{position:relative;max-width:none;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
  .home-hero .need-box>.d-flex:first-child{display:none!important}
  .home-hero .quick-composer{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible}
  .home-hero .quick-composer textarea{
    width:100%;height:75px!important;min-height:75px!important;max-height:75px!important;resize:none!important;overflow:hidden!important;
    border:0!important;border-radius:5px!important;background:var(--prqur-2026-cyan-soft)!important;color:var(--prqur-2026-ink)!important;
    padding:14px 12px!important;font-size:16px!important;line-height:20px!important
  }
  .home-hero .quick-composer textarea::placeholder{color:rgba(30,65,79,.40)}
  .home-hero .quick-actions{
    display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;gap:5px!important;margin-top:8px;padding:0!important;border:0!important;background:transparent!important;overflow-x:auto;scrollbar-width:none
  }
  .home-hero .quick-actions::-webkit-scrollbar{display:none}
  .home-hero .capture-action{
    flex:0 0 38px!important;width:38px;height:34px;min-width:38px!important;padding:0!important;border:1px solid rgba(255,255,255,.56)!important;border-radius:6px!important;
    background:rgba(255,255,255,.13)!important;color:#fff!important;display:grid!important;place-items:center!important
  }
  .home-hero .capture-action i{font-size:1rem!important;color:#fff!important;margin:0}
  .home-hero .capture-action span{display:none}
  .home-hero .selected-file-row{color:#fff}
  .home-hero .photo-preview{background:rgba(255,255,255,.92);border:0;border-radius:7px;margin-top:8px}
  .home-hero form>.row.g-2.mt-3{height:1px!important;margin:0!important;position:relative;display:block!important}
  .home-hero form>.row.g-2.mt-3>.col-md-5,.home-hero form>.row.g-2.mt-3>.col-md-4{display:none!important}
  .home-hero form>.row.g-2.mt-3>.col-md-3{position:absolute!important;left:0;right:0;top:7px;padding:0!important;display:block!important}
  .home-hero form>.row.g-2.mt-3 .btn{
    position:absolute;left:50%;transform:translateX(-50%);top:0; width: fit-content;min-width:136px!important;min-height:34px!important;height:34px;padding:0 13px!important;
    display:flex;align-items:center;justify-content:space-between;border-radius:4px!important;background:var(--prqur-2026-blue)!important;border-color:var(--prqur-2026-blue)!important;
    box-shadow:none!important;font-size:1rem;font-weight:850;letter-spacing:-.035em;text-transform:lowercase;z-index:4
  }
  .home-hero .desktop-submit-label{display:none}
  .home-hero .mobile-submit-label{display:inline}
  .home-hero form>.row.g-2.mt-3 .btn i{font-size:1.05rem;margin-left:auto!important}
  .home-hero .recent-guest-requests{display:none!important}

  /* Quick Access + Best Seller blocks derived from the two home frames in the template. */
  .mobile-brand-section-title{display:block;font-size:1.08rem;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0 0 8px;color:var(--prqur-2026-ink)}
  .home-value-strip{margin:0!important;padding:27px 0 9px!important;background:#fff}
  .home-value-strip .container{padding:0 14px!important}
  .value-strip-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important;border:0!important;border-radius:6px!important;background:var(--prqur-2026-soft)!important;box-shadow:none!important}
  .value-strip-grid>div{min-height:92px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-end!important;gap:5px!important;padding:10px!important;border:0!important;border-radius:5px;background:#fff!important}
  .value-strip-grid>div i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--prqur-2026-cyan-soft);color:var(--prqur-2026-blue);font-size:.9rem}
  .value-strip-grid>div span{display:block}
  .value-strip-grid>div strong{font-size:.75rem;line-height:1.15}
  .value-strip-grid>div small{display:none!important}

  .brand-mobile-best-seller{display:block;padding:9px 0 18px;background:#fff}
  .brand-mobile-best-seller .container{padding:0 14px!important}
  .brand-mobile-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:var(--prqur-2026-soft);border-radius:6px}
  .brand-mobile-category-card{position:relative;min-height:112px;padding:10px;border-radius:5px;background:#fff;color:var(--prqur-2026-ink)!important;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:7px;overflow:hidden}
  .brand-mobile-category-card>.category-icon{width:35px;height:35px;border-radius:50%;background:var(--prqur-2026-cyan-soft);color:var(--prqur-2026-blue);display:grid;place-items:center}
  .brand-mobile-category-card>strong{font-size:.76rem;line-height:1.2;max-width:90%}
  .brand-mobile-category-card>.bi-arrow-up-right{position:absolute;right:9px;top:9px;color:var(--prqur-2026-cyan);font-size:.85rem}

  /* Follow-on sections: flat white, tighter spacing, brand-cyan accents. */
  .section-pad{padding:42px 0!important}
  .home-how{background:#fff!important;border-top:1px solid var(--prqur-2026-line)}
  .home-how:after{display:none!important}
  .section-heading .eyebrow{font-size:.66rem}
  .section-heading h2{font-size:1.55rem;line-height:1.08}
  .section-heading p{font-size:.88rem;line-height:1.55}
  .process-card,.audience-card,.category-tile,.premium-privacy-grid article{border-radius:7px!important;box-shadow:none!important}
  .process-card{border-color:var(--prqur-2026-line)!important}
  .supplier-band{background:var(--prqur-2026-blue)!important}
  .pro-intelligence-card{border-radius:8px!important}
  .home-final-cta{padding:0 0 24px!important}
  .final-cta-card{border-radius:8px!important}

  /* Authenticated app header and cards use the same clean mobile rhythm. */
  .app-topbar{height:62px!important;min-height:62px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid var(--prqur-2026-line)!important;box-shadow:none!important}
  .topbar-left{gap:8px}
  .topbar-menu-btn{width:34px;height:34px;border-radius:5px;background:transparent!important;color:var(--prqur-2026-cyan)!important;border:0!important}
  .topbar-menu-btn i{font-size:1.25rem}
  .topbar-context small{display:none!important}
  .topbar-context strong{font-size:.86rem!important;color:var(--prqur-2026-ink);font-weight:720;max-width:150px!important}
  .topbar-actions{gap:3px!important}
  .topbar-icon{width:34px!important;height:34px!important;border-radius:5px!important}
  .topbar-profile{padding:2px!important;border:0!important;background:transparent!important}
  .topbar-profile>.bi-chevron-down{display:none}
  .avatar-lg{width:31px!important;height:31px!important;background:transparent!important;border:1.5px solid var(--prqur-2026-cyan);color:var(--prqur-2026-blue)!important}
  .app-content{padding:14px 12px 22px!important;background:#fff!important}
  .dashboard-title-row{gap:10px!important;margin-bottom:14px!important}
  .dashboard-title-row h1{font-size:1.55rem!important;letter-spacing:-.04em!important}
  .dashboard-title-row p{font-size:.78rem!important}
  .dashboard-actions .btn{min-height:38px!important}
  .dashboard-stat-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .dashboard-stat{min-height:94px!important;padding:10px!important;border-radius:7px!important;background:#fff!important}
  .dashboard-stat-icon{width:30px!important;height:30px!important;border-radius:50%!important;background:var(--prqur-2026-cyan-soft)!important;color:var(--prqur-2026-blue)!important}
  .dashboard-stat-copy>span,.dashboard-stat-copy small{font-size:.62rem!important}
  .dashboard-stat-copy strong{font-size:1.2rem!important}
  .dashboard-grid{grid-template-columns:1fr!important;gap:10px!important}
  .dashboard-card{border-radius:7px!important}
  .dashboard-card-head{padding:12px!important}
  .dashboard-card-body{padding:12px!important}

  /* Request/availability rows: compact white cards with cyan communication affordances. */
  .request-detail-page,.guest-request-page{background:#fff!important}
  .request-detail-page .panel,.guest-request-page .panel{border-radius:7px!important;box-shadow:none!important}
  .seller-response-list{gap:7px!important}
  .seller-response-card{padding:9px!important;border-radius:7px!important;border:1px solid var(--prqur-2026-line)!important;background:#fff!important;box-shadow:none!important}
  .seller-response-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
  .seller-response-top h5,.seller-name{font-size:.78rem!important;line-height:1.2!important;margin:0!important}
  .supplier-subline,.seller-meta{font-size:.58rem!important;gap:4px 7px!important;margin-top:2px!important}
  .verified-badge,.verified-mini{border-radius:4px!important;background:var(--prqur-2026-cyan-soft)!important;color:var(--prqur-2026-blue)!important}
  .quote-price{text-align:right!important}
  .quote-price strong{font-size:.83rem!important;color:var(--prqur-2026-ink)}
  .quote-price small{font-size:.54rem!important}
  .response-highlights{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:7px 0!important}
  .response-highlights>span{padding:6px!important;border-radius:5px!important;background:var(--prqur-2026-soft)!important}
  .response-highlights i{font-size:.8rem!important;color:var(--prqur-2026-cyan)!important}
  .response-highlights small{font-size:.52rem!important}
  .response-highlights strong{font-size:.62rem!important}
  .seller-response-actions{gap:5px!important;margin-top:7px!important}
  .seller-response-actions .btn{min-height:34px!important;padding:5px 8px!important;font-size:.66rem!important;border-radius:5px!important}

  /* Bottom navigation: four lightweight items exactly matching the mobile design language. */
  .mobile-app-nav{
    position:fixed!important;left:0;right:0;bottom:0;z-index:1090;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    height:calc(58px + env(safe-area-inset-bottom,0))!important;padding:0 2px env(safe-area-inset-bottom,0)!important;background:#fff!important;
    border-top:1px solid var(--prqur-2026-line)!important;box-shadow:0 -4px 12px rgba(0,0,0,.035)!important
  }
  .mobile-app-nav a,.mobile-app-nav .mobile-nav-button{
    min-width:0;border:0;background:transparent;color:var(--prqur-2026-ink)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
    gap:2px!important;padding:3px 0!important;font-size:.56rem!important;line-height:1!important;font-weight:540!important
  }
  .mobile-app-nav a i,.mobile-app-nav .mobile-nav-button i{font-size:.83rem!important;color:var(--prqur-2026-cyan)!important;line-height:1}
  .mobile-app-nav a span,.mobile-app-nav .mobile-nav-button span{white-space:nowrap}
  .mobile-app-nav .mobile-main-action i{width:auto!important;height:auto!important;margin:0!important;background:transparent!important;box-shadow:none!important;color:var(--prqur-2026-cyan)!important}
  .mobile-app-nav a:active,.mobile-app-nav .mobile-nav-button:active{background:var(--prqur-2026-soft)!important}
  .prqur-toast{bottom:76px!important}

  .site-footer{margin-top:28px!important}
}

@media(max-width:390px){
  .home-hero h1{font-size:2rem!important;max-width:310px}
  .home-hero>.container{padding-top:24px!important}
  .value-strip-grid>div{min-height:86px!important}
  .brand-mobile-category-card{min-height:102px}
}

/* Optional request fields stay available behind a compact mobile disclosure. */
.mobile-request-options-toggle{display:none}
@media(max-width:767.98px){
  .home-hero .mobile-request-options-toggle{
    display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 0;padding:3px 1px;border:0;background:transparent;
    color:rgba(255,255,255,.92);font-size:.62rem;font-weight:650;text-align:left
  }
  .home-hero .mobile-request-options-toggle i{font-size:.65rem;transition:transform .18s ease}
  .home-hero .mobile-request-options-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3{
    height:auto!important;margin-top:7px!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding-bottom:39px!important
  }
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3>.col-md-5,
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3>.col-md-4{display:block!important;width:100%!important;padding:0!important}
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3>.col-md-3{position:relative!important;left:auto;right:auto;top:auto;padding:0!important;height:0!important}
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3 .form-select,
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3 .form-control{
    min-height:39px!important;height:39px!important;border:0!important;border-radius:5px!important;background:rgba(255,255,255,.94)!important;font-size:13px!important;padding:7px 10px!important
  }
  .home-hero .quick-request-form.mobile-options-open>.row.g-2.mt-3 .btn{top:5px}
}