/* local_nawatui — the public pages' look inside the platform (assets/site.css):
   cream page, paper cards with soft shadows, Cairo 900 titles, orange pill buttons,
   night footer. Body class nawat-brand: every page, site admins and staff included.
   Restyle only — never hide anything here (learner-only chrome lives in nawatui.css,
   which loads after this file so kid rules still win). Moodle's RTLCSS does not touch
   this file: logical properties and direction-free motion only.
   Kill switch: set_config('brand', 0, 'local_nawatui'). */

body.nawat-brand {
    --nw-orange: #F28C00;
    --nw-orange-2: #FFB547;
    --nw-orange-ink: #B86400;
    --nw-orange-soft: #FDE6C8;
    --nw-ink: #0B0B0B;
    --nw-ink-2: #3D3A36;
    --nw-ink-3: #6E6860;
    --nw-cream: #FFF8EE;
    --nw-cream-2: #FBEEDB;
    --nw-paper: #FFFFFF;
    --nw-night: #0D0D10;
    --nw-night-2: #18171C;
    --nw-on-night: #F6EBDD;
    --nw-on-night-2: #B9AFA3;
    --nw-rule: rgba(11, 11, 11, .1);
    --nw-radius: 20px;
    --nw-shadow: 0 10px 26px rgba(13, 13, 16, .06);
    --nw-shadow-up: 0 22px 40px rgba(13, 13, 16, .12);
    --nw-ease: cubic-bezier(.22, 1, .36, 1);
    /* Bootstrap: links in a readable orange (#F28C00 on white is 2.4:1). */
    --bs-link-color-rgb: 184, 100, 0;
    --bs-link-hover-color-rgb: 11, 11, 11;
    --bs-body-bg: #FFF8EE;
    --bs-body-bg-rgb: 255, 248, 238;
    /* format_tiles reads these (dynamic_styles.mustache sets them on :root). */
    --format-tiles-colour-elems: 242, 140, 0;
    --format-tiles-colour: rgb(242, 140, 0);
    --format-tiles-colour-7: rgba(242, 140, 0, .7);
    --format-tiles-colour-5: rgba(242, 140, 0, .5);
    --format-tiles-colour-1: rgba(242, 140, 0, .1);
    --format-tiles-colour-05: rgba(242, 140, 0, .05);
    background:
        radial-gradient(circle at 92% 0, rgba(242, 140, 0, .10), transparent 32rem),
        radial-gradient(circle at 0 100%, rgba(200, 148, 70, .08), transparent 30rem),
        var(--nw-cream) fixed;
    background-color: var(--nw-cream) !important; /* format_tiles paints body grey */
    color: var(--nw-ink);
    font-family: "Cairo", "Noto Naskh Arabic", system-ui, sans-serif;
}
body.nawat-brand #page,
body.nawat-brand #page-wrapper {
    background: transparent;
}
/* moove compiles $primary into every link; #F28C00 on paper is 2.4:1, so content links
   use the deeper orange (4.6:1) and turn ink on hover. */
body.nawat-brand #region-main a:not([class*="btn"]):not(.nav-link):not(.dropdown-item):not(.tile-link),
body.nawat-brand .drawer a:not([class*="btn"]):not(.nav-link):not(.dropdown-item):not(.courseindex-link),
body.nawat-brand .breadcrumb a {
    color: var(--nw-orange-ink);
}
body.nawat-brand #region-main a:not([class*="btn"]):not(.nav-link):not(.dropdown-item):not(.tile-link):hover,
body.nawat-brand .drawer a:not([class*="btn"]):not(.nav-link):not(.dropdown-item):not(.courseindex-link):hover,
body.nawat-brand .breadcrumb a:hover {
    color: var(--nw-ink);
}
body.nawat-brand .courseindex .courseindex-link {
    color: var(--nw-ink-2);
}
body.nawat-brand :focus-visible {
    outline: 3px solid var(--nw-orange);
    outline-offset: 2px;
}

/* -------------------------------------------------------------- header -- */
body.nawat-brand .navbar.fixed-top {
    background: rgba(255, 248, 238, .88) !important;
    -webkit-backdrop-filter: saturate(1.4) blur(10px);
    backdrop-filter: saturate(1.4) blur(10px);
    border-bottom: 1px solid var(--nw-rule);
    box-shadow: none;
}
/* Nav pills are drawn by ::before so link boxes keep their size: core/moremenu moves
   items into «المزيد» as soon as the menu grows taller than its bar. */
body.nawat-brand .primary-navigation .navigation .nav-link,
body.nawat-brand .secondary-navigation .nav-tabs .nav-link {
    position: relative;
    isolation: isolate;
    font-weight: 700;
    color: var(--nw-ink-2) !important;
    border-bottom-color: transparent !important;
    background: transparent;
}
body.nawat-brand .primary-navigation .navigation .nav-link::before,
body.nawat-brand .secondary-navigation .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 16px 0;
    border-radius: 999px;
    background: transparent;
    transition: background .2s;
}
body.nawat-brand .secondary-navigation .nav-tabs .nav-link::before {
    inset: 12px 0;
}
body.nawat-brand .primary-navigation .navigation .nav-link:hover,
body.nawat-brand .primary-navigation .navigation .nav-link.active,
body.nawat-brand .secondary-navigation .nav-tabs .nav-link:hover,
body.nawat-brand .secondary-navigation .nav-tabs .nav-link.active {
    color: var(--nw-ink) !important;
}
body.nawat-brand .primary-navigation .navigation .nav-link:hover::before,
body.nawat-brand .secondary-navigation .nav-tabs .nav-link:hover::before {
    background: rgba(242, 140, 0, .12);
}
body.nawat-brand .primary-navigation .navigation .nav-link.active::before {
    background: var(--nw-orange-soft);
}
body.nawat-brand .secondary-navigation .nav-tabs .nav-link.active::before {
    background: var(--nw-orange);
}

/* Course sub-navigation: a quiet cream band instead of the solid orange bar. */
body.nawat-brand .secondary-navigation {
    background: rgba(251, 238, 219, .92) !important;
    border-bottom: 1px solid var(--nw-rule);
    box-shadow: none !important;
}
body.nawat-brand .secondary-navigation .nav-tabs {
    border-bottom: 0;
}
body.nawat-brand .secondary-navigation .nav-tabs .nav-link {
    border: 0 !important;
}

/* --------------------------------------------------------- page frame -- */
/* Content sits on paper; lists of cards (dashboard, my courses, tiles) float on cream. */
body.nawat-brand #topofscroll.main-inner {
    background: var(--nw-paper);
    border-radius: 24px;
    box-shadow: var(--nw-shadow);
    border: 0;
}
body.nawat-brand.pagelayout-mydashboard #topofscroll.main-inner,
body.nawat-brand.pagelayout-mycourses #topofscroll.main-inner,
body.nawat-brand#page-course-view-tiles #topofscroll.main-inner,
body.nawat-brand.pagelayout-frontpage #topofscroll.main-inner {
    background: transparent;
    box-shadow: none;
}
body.nawat-brand#page-course-view-tiles #region-main,
body.nawat-brand.pagelayout-mydashboard #region-main,
body.nawat-brand.pagelayout-mycourses #region-main,
body.nawat-brand.pagelayout-coursecategory #region-main,
body.nawat-brand#page-local-nawatui-catalog #region-main {
    background: transparent;
}
body.nawat-brand.pagelayout-mydashboard #topofscroll.main-inner {
    padding-top: 0;
}
@media (max-width: 767.98px) {
    body.nawat-brand.pagelayout-mydashboard #topofscroll.main-inner,
    body.nawat-brand.pagelayout-mycourses #topofscroll.main-inner,
    body.nawat-brand#page-course-view-tiles #topofscroll.main-inner,
    body.nawat-brand.pagelayout-coursecategory #topofscroll.main-inner,
    body.nawat-brand#page-local-nawatui-catalog #topofscroll.main-inner {
        padding-inline: 0;
    }
    body.nawat-brand.pagelayout-coursecategory #region-main,
    body.nawat-brand#page-local-nawatui-catalog #region-main {
        padding-inline: 0;
    }
    body.nawat-brand.pagelayout-mydashboard .block.card > .card-body {
        padding-inline: .25rem;
    }
}

/* Page title: Cairo 900 with the public pages' short orange bar. */
body.nawat-brand #page-header h1,
body.nawat-brand .page-header-headings h1,
body.nawat-brand .page-context-header .page-header-headings h1 {
    font-weight: 900;
    letter-spacing: -.01em;
    line-height: 1.35;
}
body.nawat-brand #page-header .page-header-headings h1::after {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-top: .5rem;
    border-radius: 4px;
    background: var(--nw-orange);
}
body.nawat-brand #region-main h2,
body.nawat-brand #region-main h3,
body.nawat-brand .block .card-title {
    font-weight: 800;
}

/* ------------------------------------------------------------- blocks -- */
body.nawat-brand .block.card {
    border: 0;
    border-radius: var(--nw-radius);
    background: var(--nw-paper);
    box-shadow: var(--nw-shadow);
}
body.nawat-brand .block.card > .card-body > .card-title,
body.nawat-brand .block .card-title {
    font-size: 1.2rem;
}
body.nawat-brand .block_nawat_continue.block.card {
    background: transparent;
    box-shadow: none;
}
body.nawat-brand .drawer {
    background: var(--nw-cream-2);
}
body.nawat-brand .drawer.drawer-right .block.card {
    box-shadow: none;
}

/* Floating drawer buttons: paper discs instead of orange squares. */
body.nawat-brand .drawer-toggles .drawer-toggler .btn {
    background: var(--nw-paper) !important;
    color: var(--nw-orange-ink) !important;
    border: 0 !important;
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(13, 13, 16, .14);
}
body.nawat-brand .drawer-toggles .drawer-toggler .btn .icon {
    color: var(--nw-orange-ink);
}

/* ------------------------------------------------------- course cards -- */
body.nawat-brand .dashboard-card,
body.nawat-brand .course-card,
body.nawat-brand .coursebox {
    border: 0 !important;
    border-radius: var(--nw-radius) !important;
    overflow: hidden;
    background: var(--nw-paper);
    box-shadow: var(--nw-shadow);
}
body.nawat-brand .dashboard-card .card-img,
body.nawat-brand .dashboard-card .card-img-top {
    border-radius: 0 !important;
}
body.nawat-brand .dashboard-card .coursename,
body.nawat-brand .dashboard-card .multiline {
    font-weight: 800;
    color: var(--nw-ink);
}
body.nawat-brand .block_myoverview .list-group-item,
body.nawat-brand .block_myoverview .course-summaryitem {
    border-radius: 16px;
    border-color: var(--nw-rule);
}

/* -------------------------------------------------------------- tiles -- */
body.nawat-brand.format-tiles .course-content ul.tiles .tile {
    border-radius: var(--nw-radius) !important;
    overflow: hidden;
    border: 0;
    box-shadow: var(--nw-shadow);
}
/* Photo tiles: the title is a paper chip (public «atom chips»), not a blue band. */
body.nawat-brand.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {
    background-color: rgba(255, 255, 255, .94);
    color: var(--nw-ink);
    font-weight: 800;
    border-radius: 10px;
    padding: .15rem .65rem;
    line-height: 1.9;
    text-shadow: none;
}
body.nawat-brand.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text {
    padding-inline: 8px;
}
body.nawat-brand.format-tiles .course-content ul.tiles .tile:not(.phototile) .tile-text,
body.nawat-brand.format-tiles .course-content ul.tiles .tile:not(.phototile) .tile-textinner {
    color: var(--nw-ink);
    font-weight: 800;
}

/* ------------------------------------------------------- course pages -- */
/* Pictures pasted into section text and labels (old courses: 1280×720 YouTube
   thumbnails with img-fluid) filled the whole page. Cap them to a card-sized picture. */
body.nawat-brand .course-content .summarytext img,
body.nawat-brand .course-content .section-summary img,
body.nawat-brand .course-content .activity-altcontent img,
body.nawat-brand .course-content .contentwithoutlink img,
body.nawat-brand .course-content .no-overflow img {
    display: block;
    width: auto;
    max-width: min(100%, 320px);
    height: auto;
    max-height: 180px;
    object-fit: cover;
    margin-inline: auto;
    border-radius: 16px;
}
/* Inside an activity's description (a thumbnail on every activity in a list): smaller. */
body.nawat-brand .course-content .activity-item .no-overflow img,
body.nawat-brand .course-content .activity-item .activity-altcontent img,
body.nawat-brand .course-content .activity-item .description img {
    max-width: min(100%, 176px);
    max-height: 99px;
    margin-inline: 0;
    border-radius: 12px;
}
/* «My courses» / course overview cards: a short picture strip, not a poster. */
body.nawat-brand .dashboard-card .card-img,
body.nawat-brand .dashboard-card .card-img-top,
body.nawat-brand .dashboard-card .dashboard-card-img {
    height: 96px !important;
    min-height: 0;
}
body.nawat-brand .block_myoverview .list-group-item .course-image,
body.nawat-brand .block_myoverview .course-summaryitem .summaryimage {
    width: 96px !important;
    height: 64px !important;
    border-radius: 12px;
    background-size: cover;
}
body.nawat-brand .course-content .activity-item {
    border-radius: 16px;
    border-color: var(--nw-rule);
}
body.nawat-brand .course-content .course-section {
    border-color: var(--nw-rule);
}
body.nawat-brand .courseindex .courseindex-item.pageitem {
    background: var(--nw-orange-soft);
    color: var(--nw-ink);
    border-radius: 10px;
}
body.nawat-brand .courseindex .courseindex-item.pageitem a {
    color: var(--nw-ink);
}
body.nawat-brand .activity-header .activity-information,
body.nawat-brand [data-region="activity-information"] {
    border-radius: 16px;
}

/* ------------------------------------------------------------ buttons -- */
body.nawat-brand .btn-primary:not(.btn-icon),
body.nawat-brand .btn-secondary:not(.btn-icon),
body.nawat-brand .btn-outline-primary:not(.btn-icon),
body.nawat-brand .btn-outline-secondary:not(.btn-icon) {
    border-radius: 999px;
    font-weight: 800;
    padding-inline: 1.25rem;
}
body.nawat-brand .btn-primary {
    background: var(--nw-orange);
    border-color: var(--nw-orange);
    color: var(--nw-ink);
    box-shadow: 0 6px 18px rgba(242, 140, 0, .28);
}
body.nawat-brand .btn-primary:hover,
body.nawat-brand .btn-primary:focus {
    background: var(--nw-orange-2);
    border-color: var(--nw-orange-2);
    color: var(--nw-ink);
}
body.nawat-brand .btn-secondary {
    background: var(--nw-cream-2);
    border-color: var(--nw-cream-2);
    color: var(--nw-ink);
}
body.nawat-brand .btn-secondary:hover,
body.nawat-brand .btn-secondary:focus {
    background: var(--nw-orange-soft);
    border-color: var(--nw-orange-soft);
    color: var(--nw-ink);
}
body.nawat-brand .btn-outline-primary,
body.nawat-brand .btn-outline-secondary {
    background: transparent;
    border: 2px solid var(--nw-ink);
    color: var(--nw-ink);
}
body.nawat-brand .btn-outline-primary:hover,
body.nawat-brand .btn-outline-secondary:hover {
    background: var(--nw-ink);
    border-color: var(--nw-ink);
    color: var(--nw-cream);
}

/* -------------------------------------------------------------- forms -- */
body.nawat-brand .form-control,
body.nawat-brand .form-select,
body.nawat-brand .custom-select {
    border-radius: 12px;
    border-color: rgba(11, 11, 11, .18);
}
body.nawat-brand .form-control:focus,
body.nawat-brand .form-select:focus,
body.nawat-brand .custom-select:focus {
    border-color: var(--nw-orange);
    box-shadow: 0 0 0 4px rgba(242, 140, 0, .2);
}
body.nawat-brand .progress {
    border-radius: 999px;
    background: var(--nw-cream-2);
}
body.nawat-brand .progress-bar {
    background: var(--nw-orange);
}
body.nawat-brand .badge.bg-primary,
body.nawat-brand .badge-primary {
    background: var(--nw-orange) !important;
    color: var(--nw-ink) !important;
}

/* ----------------------------------------------- «كل المقررات» catalogue -- */
/* local/nawatui/catalog.php: one card per club. */
body.nawat-brand#page-local-nawatui-catalog #topofscroll.main-inner { background: transparent; box-shadow: none; }
.nw-cat-bar {
    display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem;
    margin-bottom: 1.5rem;
}
.nw-cat-intro { margin: 0; flex: 1 1 16rem; color: var(--nw-ink-3); font-size: 1.15rem; }
.nw-cat-search { display: flex; gap: .5rem; flex: 1 1 18rem; max-width: 30rem; }
.nw-cat-search input {
    flex: 1; min-width: 0; min-height: 46px; padding: .4rem 1rem;
    border: 1px solid rgba(11, 11, 11, .18); border-radius: 999px; background: var(--nw-paper); font: inherit;
}
.nw-cat-search input:focus { outline: none; border-color: var(--nw-orange); box-shadow: 0 0 0 4px rgba(242, 140, 0, .2); }
.nw-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 1.25rem; }
.nw-cat-card {
    display: flex; flex-direction: column; overflow: hidden;
    background: var(--nw-paper); border-radius: var(--nw-radius); box-shadow: var(--nw-shadow);
}
.nw-cat-card.is-soon { opacity: .7; }
.nw-cat-pics {
    display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px;
    aspect-ratio: 16 / 5; background: var(--nw-cream-2);
}
.nw-cat-pics span { background: center / cover no-repeat var(--nw-cream-2); }
.nw-cat-pics span:first-child { grid-row: span 2; }
.nw-cat-pics span:only-child { grid-column: span 2; }
.nw-cat-pics span:nth-child(2):last-child { grid-row: span 2; }
.nw-cat-noimg { display: grid; place-items: center; grid-column: span 2; grid-row: span 2; font-size: 3rem; }
.nw-cat-body { display: flex; flex-direction: column; gap: .4rem; flex: 1; padding: 1rem 1.25rem 1.2rem; }
.nw-cat-eyebrow { color: var(--nw-orange-ink); font-weight: 700; font-size: .9rem; }
.nw-cat-name { margin: 0; font-size: 1.55rem; font-weight: 900; line-height: 1.35; }
.nw-cat-name a { color: var(--nw-ink) !important; text-decoration: none; }
.nw-cat-icon { margin-inline-end: .4rem; }
.nw-cat-lede {
    margin: 0; color: var(--nw-ink-3); line-height: 1.75;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.nw-cat-subs { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; margin: .3rem 0 0; padding: 0; }
.nw-cat-subs a {
    display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .75rem; border-radius: 999px;
    background: var(--nw-cream-2); color: var(--nw-ink) !important; font-weight: 700; font-size: .92rem; text-decoration: none;
}
.nw-cat-subs a:hover { background: var(--nw-orange-soft); }
.nw-cat-subs b { color: var(--nw-orange-ink); }
.nw-cat-foot { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: auto; padding-top: .6rem; }
.nw-cat-count { background: var(--nw-cream-2); border-radius: 999px; padding: .15rem .85rem; font-weight: 800; }
@media (prefers-reduced-motion: no-preference) {
    .nw-cat-card { transition: transform .25s var(--nw-ease), box-shadow .25s; }
    .nw-cat-card:hover { transform: translateY(-4px); box-shadow: var(--nw-shadow-up); }
}

/* -------------------------------------------------------- category page -- */
/* /course/index.php?categoryid=N (Moodle's page, restyled). */
body.nawat-brand.pagelayout-coursecategory #topofscroll.main-inner { background: transparent; box-shadow: none; }
/* No empty cream band where a course menu would be. */
body.nawat-brand .secondary-navigation:not(:has(.nav-link)) { display: none !important; }
body.nawat-brand.pagelayout-coursecategory .tertiary-navigation > .d-flex {
    flex-wrap: wrap; align-items: center; gap: .75rem;
}
body.nawat-brand.pagelayout-coursecategory .tertiary-navigation .navitem { flex: 1 1 16rem; max-width: 28rem; }
body.nawat-brand.pagelayout-coursecategory .tertiary-navigation .form-select { border-radius: 999px; min-height: 46px; }
body.nawat-brand.pagelayout-coursecategory .simplesearchform,
body.nawat-brand.pagelayout-coursecategory .simplesearchform form { width: 100%; }
body.nawat-brand.pagelayout-coursecategory .simplesearchform .input-group { flex-wrap: nowrap; width: 100%; }
body.nawat-brand.pagelayout-coursecategory .simplesearchform .form-control {
    min-height: 46px; border-start-start-radius: 999px !important; border-end-start-radius: 999px !important;
    border-start-end-radius: 0 !important; border-end-end-radius: 0 !important;
}
body.nawat-brand.pagelayout-coursecategory .simplesearchform .btn {
    border-start-end-radius: 999px !important; border-end-end-radius: 999px !important;
    border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; padding-inline: 1.1rem; box-shadow: none;
}
/* Description = the lede; the decorative Latin line goes. */
body.nawat-brand.pagelayout-coursecategory .generalbox.info { border: 0; padding-inline: 0; font-size: 1.15rem; color: var(--nw-ink-3); }
body.nawat-brand .generalbox.info p[style*="italic"] { display: none; }
/* Sub-categories as chips. */
body.nawat-brand .course_category_tree .subcategories { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }
body.nawat-brand .course_category_tree .subcategories > .category { margin: 0; }
body.nawat-brand .course_category_tree .subcategories .categoryname { margin: 0; font-size: 1rem; background: none !important; padding: 0 !important; }
body.nawat-brand .course_category_tree .subcategories .categoryname a {
    display: inline-block; padding: .35rem 1rem; border-radius: 999px;
    background: var(--nw-paper); box-shadow: var(--nw-shadow); color: var(--nw-ink) !important; font-weight: 800; text-decoration: none;
}
body.nawat-brand .course_category_tree .subcategories .categoryname a:hover { background: var(--nw-orange-soft); }
body.nawat-brand .course_category_tree .subcategories .category > .content { display: none; }
body.nawat-brand .course_category_tree .collapsible-actions { display: none; }
/* Course cards: real gaps, two-line summary. */
body.nawat-brand .category-browse.row { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
body.nawat-brand .category-browse .dashboard-card { margin: 0; height: 100%; }
body.nawat-brand .category-browse .course-summary {
    color: var(--nw-ink-3); font-size: .95rem; line-height: 1.7;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* The clamp only counts lines of inline text: flatten the summary's paragraphs. */
body.nawat-brand .category-browse .course-summary .no-overflow,
body.nawat-brand .category-browse .course-summary p,
body.nawat-brand .category-browse .course-summary div { display: inline; margin: 0; }
body.nawat-brand .category-browse .course-summary img,
body.nawat-brand .coursebox .summary img,
body.nawat-brand .generalbox.info img { display: none; }
body.nawat-brand .dashboard-card .course-category {
    background: var(--nw-orange) !important; color: var(--nw-ink) !important; border-radius: 999px; font-weight: 800;
}
/* Phones: one compact row per course (picture beside the title), not a poster per course. */
@media (max-width: 575.98px) {
    body.nawat-brand .category-browse .dashboard-card {
        display: grid; grid-template-columns: 104px 1fr; align-items: stretch;
    }
    body.nawat-brand .category-browse .dashboard-card > a { display: block; }
    body.nawat-brand .category-browse .dashboard-card .card-img { height: 100% !important; min-height: 92px; }
    body.nawat-brand .category-browse .dashboard-card .course-category,
    body.nawat-brand .category-browse .dashboard-card .enrolmenticons { display: none; }
    body.nawat-brand .category-browse .dashboard-card .card-body { padding: .6rem .8rem; }
    body.nawat-brand .category-browse .course-summary { -webkit-line-clamp: 1; font-size: .9rem; }
}

/* ------------------------------------------------------------- footer -- */
body.nawat-brand #page-footer {
    background: var(--nw-night) !important;
    color: var(--nw-on-night-2);
}
body.nawat-brand #page-footer a {
    color: var(--nw-on-night);
}
body.nawat-brand #page-footer a:hover {
    color: var(--nw-orange);
}

/* ----------------------------------------------------- our own blocks -- */
body.nawat-brand .club-card {
    border: 0;
    border-radius: 16px;
    background: var(--nw-cream);
}
body.nawat-brand .club-card .card-title {
    font-weight: 800;
}

/* ------------------------------------------------------------- motion -- */
@media (prefers-reduced-motion: no-preference) {
    body.nawat-brand .dashboard-card,
    body.nawat-brand.format-tiles .course-content ul.tiles .tile {
        transition: transform .25s var(--nw-ease), box-shadow .25s;
    }
    body.nawat-brand .dashboard-card:hover,
    body.nawat-brand.format-tiles .course-content ul.tiles .tile:hover {
        transform: translateY(-4px);
        box-shadow: var(--nw-shadow-up);
    }
    body.nawat-brand .btn-primary {
        transition: transform .15s var(--nw-ease), background .2s;
    }
    body.nawat-brand .btn-primary:hover {
        transform: translateY(-2px);
    }
}