/* ============================================================
   LEGACY CSS BUNDLE — three-tier cascade-layer system
   ============================================================

   Layer order (declaration order):

       @layer brand-override  ← declared FIRST → highest priority for !important
       @layer reset           ← vendor CSS
       @layer legacy          ← original theme
       [unlayered]            ← neoyadak.css (highest for normal cascade)

   `brand-override` exists ONLY to defeat specific `!important`
   declarations in legacy/vendor that block our design system
   (e.g. `.amazing-section .product-card { border-radius:10px !important; }`).
   We use it sparingly — surgical fixes only.

   Browser support: 95%+ (Chrome 99+, Firefox 97+, Safari 15.4+).
   ============================================================ */

@layer brand-override, reset, legacy;

/* ---- Vendor (lowest visual priority) ---- */
@import url('./vendor/bootstrap.min.css') layer(reset);
@import url('./vendor/bootstrap-rtl.min.css') layer(reset);
@import url('./vendor/owl.carousel.min.css') layer(reset);
@import url('./vendor/jquery.horizontalmenu.css') layer(reset);

/* ---- Original theme (mid priority) ---- */
@import url('./main.css') layer(legacy);
@import url('./styles.css') layer(legacy);
@import url('./custom.css') layer(legacy);

/* ============================================================
   BRAND-OVERRIDE LAYER — surgical fixes for legacy !important rules
   that block our design tokens. Declared FIRST so its !important
   beats every other layer's !important.
   ============================================================ */
@layer brand-override {

    /* When the page wrapper has `is-classic`, zero out EVERY radius,
       defeating legacy rules like
         `.amazing-section .product-card { border-radius:10px !important }`.
       Exception: explicit design-system pieces like .ny-section-cta keep
       their token radius. */
    .is-classic,
    .is-classic *:not(.ny-section-cta),
    .is-classic *::before,
    .is-classic *::after {
        border-radius: 0 !important;
    }
}