/* ==========================================================================
   brandseducation.css — custom overrides for brandseducation.com (theme 33) ONLY.
   Created 2026-09-28.

   Loaded on EVERY brandseducation page, as the LAST stylesheet in <head>:
     - home / udemy_theme pages: udemy_theme/layouts/app.blade.php (after styles.css)
     - all other pages:          theme_page/layouts/app.blade.php (after header.css,
                                  inside the theme_select_id == 33 guard)
   No other tenant loads this file. Cache-busted by file mtime, so edits show
   immediately. Theme colour tokens: var(--purple) #497e9f, var(--purple-dark)
   #3a657f, var(--purple-tint) #edf2f5 (tokens.css on home/explore; on other
   pages use the hex values).

   Add your custom CSS below.
   ========================================================================== */

/* ---- Moved here unchanged on 2026-09-28 (from header.css) ---- */
/* Per Arshad (2026-09-25): legacy-page stylesheets (materialize / master.css) paint
   header buttons; the base reset above (line 46) has no !important, so force it.
   This file loads only for theme 33, and only inside .sk-head. */
.sk-head button {
  background: none !important;
  font-weight: 500 !important;   /* per Arshad 2026-09-28; !important beats arbic.css "html body button { font-weight:400 !important }" on Arabic pages */
  font-size: 15px;
}

/* Per Arshad (2026-09-28): cart page (/cart-list) Remove / Save for Later / Checkout
   buttons in the theme colour instead of master.css blue (button.tbnRemoveing #2d8ae8).
   This file is linked only for theme 33, so no other tenant's cart changes.
   `body` prefix = one step more specific than master.css. Colour only. */
body button.tbnRemoveing { background: #497e9f; color: #fff; }
body button.tbnRemoveing:hover,
body button.tbnRemoveing:focus-visible { background: #3a657f; color: #fff; }

/* ---- Moved here unchanged on 2026-09-28 (from udemy_theme/partials/explore-menu.blade.php) ----
   !important because `.sk-head button { font-weight:500 !important }` above applies on the inner
   pages (and arbic.css forces 400 on Arabic pages). */
button#exploreMenuBtn { font-weight: 600 !important; }

/* Per Arshad 2026-09-28: Arabic (RTL) mode only. The home layout sets <html dir="rtl">;
   the other pages only set <html lang="ar">, so both are matched. !important because
   arbic.css / arabic_comn.css force body { font-weight: 600 !important } on Arabic pages. */
html[dir="rtl"] body,
html[lang="ar"] body { font-weight: 500 !important; }
