/* ============================================================================
   bs5-desktop-v24-layout-fix-v2.css
   Project: Nanya Glass Fabrics BS5 Stage 3 desktop navbar/footer fix
   Purpose: Patch BS5 v1 differences against BS4 desktop frozen v24.
   Scope: Desktop shell and legacy grid only. Mobile v19 and content text/images remain untouched.
   Load order: after bs5-navbar-parent-exact-v1.css and before mobile-only files.
   ============================================================================ */

/* 1) Restore BS3/BS4 container widths used by the v24 desktop baseline.
   Bootstrap 5 increases .container max-width to 1320px at >=1400px. The v24 shell
   was tuned around the old 750 / 970 / 1170 rhythm. */
@media (min-width:768px){
  .container{max-width:750px !important;}
}
@media (min-width:992px){
  .container{max-width:970px !important;}
}
@media (min-width:1200px){
  .container{max-width:1170px !important;}
}

/* 2) Repair BS5 Stage 2 legacy grid precedence.
   In v1, .col-xs-12 is declared after Bootstrap 5 and therefore keeps width:100%
   on desktop, overriding .col-sm-3/.col-sm-6. This is the direct reason the footer
   becomes one-column/mobile-like on desktop. */
@media (min-width:768px){
  .row > .col-sm-1,.row > .col-sm-2,.row > .col-sm-3,.row > .col-sm-4,.row > .col-sm-5,.row > .col-sm-6,.row > .col-sm-7,.row > .col-sm-8,.row > .col-sm-9,.row > .col-sm-10,.row > .col-sm-11,.row > .col-sm-12{
    position:relative !important;
    min-height:1px !important;
    padding-right:15px !important;
    padding-left:15px !important;
    box-sizing:border-box !important;
    float:left !important;
    flex:0 0 auto !important;
  }
  .row > .col-sm-1{width:8.33333333% !important;max-width:8.33333333% !important;}
  .row > .col-sm-2{width:16.66666667% !important;max-width:16.66666667% !important;}
  .row > .col-sm-3{width:25% !important;max-width:25% !important;}
  .row > .col-sm-4{width:33.33333333% !important;max-width:33.33333333% !important;}
  .row > .col-sm-5{width:41.66666667% !important;max-width:41.66666667% !important;}
  .row > .col-sm-6{width:50% !important;max-width:50% !important;}
  .row > .col-sm-7{width:58.33333333% !important;max-width:58.33333333% !important;}
  .row > .col-sm-8{width:66.66666667% !important;max-width:66.66666667% !important;}
  .row > .col-sm-9{width:75% !important;max-width:75% !important;}
  .row > .col-sm-10{width:83.33333333% !important;max-width:83.33333333% !important;}
  .row > .col-sm-11{width:91.66666667% !important;max-width:91.66666667% !important;}
  .row > .col-sm-12{width:100% !important;max-width:100% !important;}
}

/* 3) Explicitly lock footer desktop columns to v24 behavior.
   This is intentionally footer-scoped so it does not disturb mobile v19. */
@media (min-width:801px){
  .footer-c > .container > .row{
    display:block !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
  .footer-c > .container > .row:before,
  .footer-c > .container > .row:after{
    content:" " !important;
    display:table !important;
  }
  .footer-c > .container > .row:after{clear:both !important;}
  .footer-c > .container > .row > .col-sm-3{
    float:left !important;
    width:25% !important;
    max-width:25% !important;
    flex:0 0 25% !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }
}

/* 4) Explicitly lock desktop navbar row and logo/menu to one v24 horizontal line.
   This prevents Bootstrap 5 flex/grid defaults from changing the old float geometry. */
@media (min-width:801px){
  .navbar.navbar-default.navbar-fixed-top > .container,
  .navbar.navbar-default.navbar-fixed-top > .container > .row{
    display:block !important;
    flex-wrap:nowrap !important;
    align-items:initial !important;
    justify-content:initial !important;
    overflow:visible !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row{
    height:80px !important;
    min-height:80px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row > .navbar-header{
    display:block !important;
    float:left !important;
    width:auto !important;
    min-height:80px !important;
    height:80px !important;
    margin-left:-15px !important;
    padding:0 !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row > .navbar-header > a.navbar-logo.visible-lg{
    display:block !important;
    float:left !important;
    width:289px !important;
    height:52px !important;
    margin:14px 0 14px 10px !important;
    padding:0 !important;
    line-height:0 !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row > .navbar-header > a.navbar-logo.visible-lg img{
    display:block !important;
    width:289px !important;
    height:52px !important;
    max-width:none !important;
    max-height:none !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row > .navbar-collapse.navbar-ex1-collapse{
    display:block !important;
    float:left !important;
    width:auto !important;
    max-width:none !important;
    height:80px !important;
    padding-left:15px !important;
    padding-right:15px !important;
    overflow:visible !important;
    clear:none !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row > .navbar-collapse.navbar-ex1-collapse > ul.nav.navbar-nav{
    display:block !important;
    float:left !important;
    width:auto !important;
    margin-left:11px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:15px !important;
    position:relative !important;
    top:10px !important;
  }
  .navbar.navbar-default.navbar-fixed-top > .container > .row > .navbar-collapse.navbar-ex1-collapse > ul.nav.navbar-nav > li{
    float:left !important;
    display:block !important;
  }
}

/* 5) Keep mobile v19 untouched. This patch intentionally applies only above 800px. */