/* ==========================================================================
   Barari Gold — document base
   FE-02 CSS escape
   --------------------------------------------------------------------------
   Loaded after barari.css, which owns the tokens this file consumes.

   WHY THIS FILE EXISTS
   --------------------------------------------------------------------------
   FE-02 removed the 6valley theme cascade from app.blade.php — theme.css
   (Bootstrap 4.5.0), style.css, custom.css, home.css, responsive1.css,
   master.css and roboto-font.css, roughly 673KB of unscoped global CSS.
   Nothing then set a box model, a body face or a focus ring, so the document
   needs its own base. This is that base and nothing more: no layout, no grid,
   no components. Those are FE-04 and the screen tasks.

   Vendor and icon CSS was deliberately kept in app.blade.php. Those files are
   namespaced (.tns-*, .lg-*, .swiper-*, .fi-*) and pair with scripts that are
   still loaded, so they do not compete with bespoke rules. FE-04 drops them
   when it drops the markup that needs them.

   RTL (FE-38)
   --------------------------------------------------------------------------
   Every rule below is direction-neutral. The box model, the type face, the
   focus ring and the display shims have no directional axis, and body text
   alignment is inherited from <html dir> rather than declared. There is
   therefore no paired [dir="rtl"] block in this file, and its absence is
   intentional rather than an omission. Any rule added here that does have an
   axis must use the logical properties documented at the head of barari.css.
   ========================================================================== */

*,
*::before,
*::after { box-sizing:border-box; }

* { margin:0; padding:0; }

html { -webkit-text-size-adjust:100%; }

body {
  background:var(--barari-deck);
  font-family:var(--barari-font-body);
  font-size:var(--barari-text-body);
  font-weight:300;
  line-height:var(--barari-leading-body);
  color:var(--barari-ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Focus is brand-coloured and never removed. barari.css states this for the
   .barari-* namespace; here it is the document-wide default, because the
   theme CSS that used to provide one is gone. */
:focus-visible {
  outline:2px solid var(--barari-bronze);
  outline-offset:3px;
}

img,
svg,
video,
canvas { max-width:100%; height:auto; display:block; }

/* Form controls do not inherit the document face on their own. */
button,
input,
select,
textarea { font:inherit; color:inherit; }

/* ==========================================================================
   ESCAPE SHIMS — DELETE IN FE-04
   --------------------------------------------------------------------------
   Bootstrap's stylesheet is gone but bootstrap.bundle.min.js still loads at
   app.blade.php:251, and the 6valley markup it drives is still in place until
   FE-04 rewrites the shell. Two Bootstrap behaviours are structural rather
   than decorative, and losing them changes what the page contains rather than
   how it looks:

     - .modal { display:none }  — app.blade.php:88-90 includes _modals,
       _quick-view-modal and modal._buy-now at the top of <body>. Without this
       rule all three render inline on every route.
     - .d-none                  — #global-loader (app.blade.php:139) and
       #loading (:131, .d--none) are markup that is meant to be hidden.

   These are the minimum needed to keep the document honest in the interval
   between FE-02 and FE-04. They are not a Bootstrap reimplementation and
   nothing new should be written against them. When FE-04 replaces the shell
   and removes bootstrap.bundle.min.js, delete this whole block.
   ========================================================================== */

[hidden],
.d-none,
.d--none { display:none !important; }

.modal:not(.show) { display:none; }
.modal-backdrop { display:none; }
.collapse:not(.show) { display:none; }