/** Shopify CDN: Minification failed

Line 589:0 Expected "}" to go with "{"

**/
/*
  Oswaal Books – presentation-only overrides for Dawn 16.0.0 facets.  v2 (23-09-2026)
  Loaded AFTER component-facets.css from:
    sections/main-collection-product-grid.liquid  (collection pages)
    sections/main-search.liquid                    (search results)
  Scope: everything is nested under .facets-container, .facets-wrapper,
  .mobile-facets__wrapper, .active-facets or .facets-vertical-sort.
  No global selectors. No JavaScript. Dawn's facets.js is untouched.
*/

/* ---- Tokens (only used inside this file) -------------------------------- */
.facets-container,
.facets-wrapper,
.facets-vertical-sort,
.mobile-facets__wrapper,
.mobile-facets__inner,
.active-facets {
  --ob-blue: 31, 135, 200;        /* #1f87c8 – primary (matches live theme) */
  --ob-blue-dark: 17, 106, 182;   /* #116ab6 – headings / active */
  --ob-blue-tint: 227, 236, 243;  /* #e3ecf3 – filter panel ground */
  --ob-green: 9, 179, 1;          /* #09b301 – success / apply */
  --ob-red: 238, 53, 57;          /* #ee3539 – clear / remove */
  --ob-radius: 6px;
  --ob-pill: 999px;
}

/* ======================================================================== */
/*  DESKTOP SIDEBAR (filter_type = vertical, >= 750px)                       */
/* ======================================================================== */
@media screen and (min-width: 750px) {
  .facets-vertical .facets-wrapper {
    padding-right: 2.4rem;
  }

  .facets-vertical .facets__disclosure-vertical {
    background: rgb(var(--ob-blue-tint));
    border-radius: var(--ob-radius);
    padding: 0 1.4rem 0.4rem;
    margin-bottom: 1.2rem;
    border-bottom: 0;
  }

  .facets-vertical .facets__disclosure-vertical[open] {
    padding-bottom: 1rem;
  }

  .facets-vertical .facets__summary {
    color: rgb(var(--ob-blue-dark));
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    padding: 1.2rem 0;
    margin-bottom: 0;
    text-transform: none;
  }

  .facets-vertical .facets__summary .facets__selected {
    color: rgb(var(--ob-blue));
    font-weight: 500;
  }

  .facets-vertical .facets__list--vertical .facets__item {
    border-bottom: 1px solid rgba(var(--ob-blue-dark), 0.12);
  }

  .facets-vertical .facets__list--vertical .facets__item:last-child {
    border-bottom: 0;
  }

  .facets-vertical .facet-checkbox {
    padding: 0.9rem 1.6rem 0.9rem 0;
    font-size: 1.4rem;
    line-height: 1.35;
    color: rgb(var(--color-foreground));
  }

  .facets-vertical .facet-checkbox:hover .facet-checkbox__text-label {
    color: rgb(var(--ob-blue));
  }

  /* Desktop checkbox: Dawn draws square.svg + icon-checkmark.svg */
  .facets-wrapper .facet-checkbox > svg {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 3px;
    border: 1.5px solid rgba(var(--ob-blue-dark), 0.55);
    background-color: rgb(var(--color-background));
    padding: 0;
  }

  .facets-wrapper .facet-checkbox > svg rect {
    stroke: transparent;
  }

  .facets-wrapper .facet-checkbox.active > svg,
  .facets-wrapper .facet-checkbox input:checked ~ svg {
    background-color: rgb(var(--ob-blue));
    border-color: rgb(var(--ob-blue));
  }

  .facets-wrapper .facet-checkbox .svg-wrapper {
    color: #fff;
  }

  .facets-wrapper .facet-checkbox.active .facet-checkbox__text-label {
    color: rgb(var(--ob-blue-dark));
    font-weight: 600;
  }

  .facets-wrapper .facet-checkbox__text {
    color: rgba(var(--color-foreground), 0.6);
  }

  .facets-wrapper .facet-checkbox__text-label {
    color: rgb(var(--color-foreground));
  }

  .facets-wrapper .facet-checkbox.disabled {
    opacity: 0.45;
  }

  .facets-wrapper .facet-checkbox input:focus-visible ~ svg {
    outline: 2px solid rgb(var(--ob-blue));
    outline-offset: 2px;
  }

  .facets-wrapper .facets__reset {
    color: rgb(var(--ob-red));
  }

  .facets-wrapper .button-show-more {
    color: rgb(var(--ob-blue));
    font-weight: 600;
    padding-left: 0;
  }

  .facets-vertical-sort .facet-filters__label label {
    color: rgba(var(--color-foreground), 0.7);
  }

  .facets-vertical-sort .facet-filters__sort {
    border-radius: var(--ob-radius);
  }

  .facets-vertical-sort .product-count__text {
    color: rgba(var(--color-foreground), 0.75);
  }
}

/* ======================================================================== */
/*  ACTIVE FILTER CHIPS (desktop + mobile)                                   */
/* ======================================================================== */
.active-facets .active-facets__button {
  background: rgb(var(--ob-blue));
  color: #fff;
  border: 1px solid rgb(var(--ob-blue));
  border-radius: var(--ob-pill);
  padding: 0.5rem 1rem 0.5rem 1.3rem;
  margin: 0 0.8rem 0.8rem 0;
  font-size: 1.3rem;
  font-weight: 500;
  text-decoration: none;
}

.active-facets .active-facets__button:hover {
  background: rgb(var(--ob-blue-dark));
  border-color: rgb(var(--ob-blue-dark));
}

.active-facets .active-facets__button-inner {
  box-shadow: none;
  padding: 0;
  color: inherit;
}

.active-facets .active-facets__button-inner .svg-wrapper,
.active-facets .active-facets__button-inner .icon-close-small {
  color: #fff;
}

.active-facets .active-facets__button-remove,
.mobile-facets__wrapper .mobile-facets__clear {
  color: rgb(var(--ob-red));
  font-weight: 600;
  text-decoration-color: rgba(var(--ob-red), 0.5);
}

/* ======================================================================== */
/*  MOBILE (< 750px): toolbar, chips, drawer                                 */
/* ======================================================================== */
@media screen and (max-width: 749px) {

  /* --- Toolbar row: primary button left, product count right, chips below */
  .facets-container {
    grid-template-columns: minmax(0, 1fr) max-content;
    column-gap: 1.2rem;
    row-gap: 0.8rem;
    align-items: center;
  }

  .mobile-facets__wrapper {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    width: 100%;
  }

  .mobile-facets__wrapper .mobile-facets__disclosure {
    display: block;
    flex: 1 1 auto;
    width: 100%;
  }

  .mobile-facets__wrapper .mobile-facets__open-wrapper {
    display: block;
    width: 100%;
  }

  .mobile-facets__wrapper .mobile-facets__open {
    justify-content: center;
    gap: 0.8rem;
    background: rgb(var(--ob-blue));
    color: #fff;
    border: 0;
    border-radius: var(--ob-radius);
    padding: 1.3rem 1.6rem;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 2px 6px rgba(var(--ob-blue-dark), 0.25);
  }

  .mobile-facets__wrapper .mobile-facets__open .svg-wrapper {
    width: 2rem;
    height: 2rem;
  }

  .mobile-facets__wrapper .mobile-facets__open line,
  .mobile-facets__wrapper .mobile-facets__open circle,
  .mobile-facets__wrapper .mobile-facets__open path {
    stroke: #fff;
    fill: #fff;
  }

  .mobile-facets__wrapper .mobile-facets__open:hover .mobile-facets__open-label {
    text-decoration: none;
  }

  .facets-container .product-count {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
    white-space: nowrap;
    font-size: 1.3rem;
    color: rgba(var(--color-foreground), 0.7);
  }

  /* --- Active chips row under the button -------------------------------- */
  .active-facets-mobile {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem 0.8rem;
    margin: 0.2rem 0 0.4rem;
  }

  .active-facets-mobile .active-facets__button {
    margin: 0;
    font-size: 1.25rem;
    padding: 0.45rem 0.9rem 0.45rem 1.2rem;
  }

  .active-facets-mobile .active-facets__button-remove {
    margin: 0 0 0 auto;
    font-size: 1.3rem;
  }

  /* --- Drawer shell ------------------------------------------------------ */
  .mobile-facets__wrapper .mobile-facets__inner {
    width: min(100% - 4rem, 40rem);
    border-radius: 14px 0 0 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .mobile-facets__wrapper .mobile-facets__header {
    background: rgb(var(--ob-blue-dark));
    border-bottom: 0;
    padding: calc(1.4rem + env(safe-area-inset-top, 0px)) 2rem 1.4rem;
    text-align: left;
  }

  .mobile-facets__wrapper .mobile-facets__header-inner {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
  }

  .mobile-facets__wrapper .mobile-facets__heading {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .mobile-facets__wrapper .mobile-facets__count {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.3rem;
  }

  .mobile-facets__wrapper .mobile-facets__header .mobile-facets__close,
  .mobile-facets__wrapper .mobile-facets__header .mobile-facets__close .icon {
    color: #fff;
  }

  .mobile-facets__wrapper .mobile-facets__main {
    padding-top: 1rem;
    background: rgb(var(--color-background));
  }

  /* --- Group rows (Class, Board, Subject…) ------------------------------- */
  .mobile-facets__wrapper .mobile-facets__details {
    margin: 0 1.4rem;
    border-bottom: 1px solid rgba(var(--ob-blue-dark), 0.12);
  }

  .mobile-facets__wrapper .mobile-facets__summary {
    padding: 1.6rem 0.4rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: rgb(var(--color-foreground));
  }

  .mobile-facets__wrapper .mobile-facets__summary .mobile-facets__arrow,
  .mobile-facets__wrapper .mobile-facets__summary .icon-arrow,
  .mobile-facets__wrapper .mobile-facets__summary .icon-caret {
    color: rgb(var(--ob-blue));
  }

  .mobile-facets__wrapper .mobile-facets__details[open] > .mobile-facets__summary {
    background: transparent;
    color: rgb(var(--ob-blue-dark));
  }

  /* --- Sub-panel for one group (Dawn slides it in) ---------------------- */
  .mobile-facets__wrapper .mobile-facets__submenu {
    background: rgb(var(--color-background));
  }

  .mobile-facets__wrapper .mobile-facets__close-button {
    margin-top: 0.6rem;
    padding: 1.4rem 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: rgb(var(--ob-blue-dark));
    text-decoration: none;
    width: 100%;
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid rgba(var(--ob-blue-dark), 0.12);
  }

  .mobile-facets__wrapper .mobile-facets__close-button .icon-arrow {
    color: rgb(var(--ob-blue));
  }

  /* Values as tappable pills instead of a long checkbox list */
  .mobile-facets__wrapper .mobile-facets__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.6rem 2rem 2.4rem;
    overflow: visible;
  }

  .mobile-facets__wrapper .mobile-facets__item {
    display: block;
    width: auto;
    max-width: 100%;
  }

  .mobile-facets__wrapper .mobile-facets__label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    max-width: 100%;
    padding: 0.9rem 1.5rem;
    border: 1.5px solid rgba(var(--ob-blue-dark), 0.35);
    border-radius: var(--ob-pill);
    background: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    position: relative;
  }

  /* hide Dawn's square + tick and its grey highlight overlay */
  .mobile-facets__wrapper .mobile-facets__label > svg,
  .mobile-facets__wrapper .mobile-facets__label > .icon-checkmark,
  .mobile-facets__wrapper .mobile-facets__label .mobile-facets__highlight {
    display: none;
  }

  .mobile-facets__wrapper .mobile-facets__label .facet-checkbox__text {
    display: inline-flex;
    gap: 0.4rem;
    align-items: baseline;
    color: rgba(var(--color-foreground), 0.55);
    font-size: 1.25rem;
  }

  .mobile-facets__wrapper .mobile-facets__label .facet-checkbox__text-label {
    color: rgb(var(--color-foreground));
    font-size: 1.4rem;
  }

  /* selected pill */
  .mobile-facets__wrapper .mobile-facets__label.active,
  .mobile-facets__wrapper .mobile-facets__checkbox:checked ~ .facet-checkbox__text,
  .mobile-facets__wrapper .mobile-facets__item:has(.mobile-facets__checkbox:checked) .mobile-facets__label {
    background: rgb(var(--ob-blue));
    border-color: rgb(var(--ob-blue));
  }

  .mobile-facets__wrapper .mobile-facets__label.active .facet-checkbox__text,
  .mobile-facets__wrapper .mobile-facets__label.active .facet-checkbox__text-label,
  .mobile-facets__wrapper .mobile-facets__item:has(.mobile-facets__checkbox:checked) .facet-checkbox__text,
  .mobile-facets__wrapper .mobile-facets__item:has(.mobile-facets__checkbox:checked) .facet-checkbox__text-label {
    color: #fff;
  }

  .mobile-facets__wrapper .mobile-facets__label.disabled {
    opacity: 0.4;
  }

  .mobile-facets__wrapper .mobile-facets__item:has(.mobile-facets__checkbox:focus-visible) .mobile-facets__label {
    outline: 2px solid rgb(var(--ob-blue));
    outline-offset: 2px;
  }

  /* Price group keeps Dawn's two inputs; give them room */
  .mobile-facets__wrapper .mobile-facets__details price-range {
    padding: 1.6rem 2rem;
  }

  /* --- Sort row inside the drawer --------------------------------------- */
  /* Dawn nests it as .mobile-facets__details > .mobile-facets__summary > .mobile-facets__sort,
     so the group-row border above already frames it; remove the inner padding. */
  .mobile-facets__wrapper .mobile-facets__details:has(.mobile-facets__sort) > .mobile-facets__summary {
    padding: 0;
  }

  .mobile-facets__wrapper .mobile-facets__sort {
    margin: 0;
    padding: 1.6rem 0.4rem;
    align-items: center;
    border-bottom: 0;
    width: 100%;
  }

  .mobile-facets__wrapper .mobile-facets__sort label {
    font-size: 1.5rem;
    font-weight: 600;
    color: rgb(var(--color-foreground));
  }

  .mobile-facets__wrapper .mobile-facets__sort .select__select {
    font-size: 1.4rem;
    color: rgb(var(--ob-blue-dark));
    font-weight: 500;
  }

  /* --- Footer: Clear (text) + Apply (full-width green) ------------------- */
.mobile-facets__wrapper .mobile-facets__footer {
  display: flex;
  align-items: stretch;
  gap: 12px;
  border-top: 1px solid #cfe3f0;
  background: #fff;
  padding: 14px 16px
    calc(14px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -4px 16px rgba(23, 43, 58, 0.06);
}

.mobile-facets__wrapper .mobile-facets__footer > * {
  margin: 0;
  min-width: 0;
}

.mobile-facets__wrapper .mobile-facets__footer
.mobile-facets__clear-wrapper {
  display: flex;
  flex: 1 1 0;
  padding: 0;
}

.mobile-facets__wrapper .mobile-facets__footer
.mobile-facets__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #1f87c8;
  border-radius: 6px;
  background: #fff;
  color: #116ab6;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

.mobile-facets__wrapper .mobile-facets__footer .button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: #ff7800;
  color: #172b3a;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: normal;
  --buttons-radius: 6px;
  --buttons-radius-outset: 6px;
}

.mobile-facets__wrapper .mobile-facets__footer
.mobile-facets__clear:hover {
  background: #f3f9fd;
}

.mobile-facets__wrapper .mobile-facets__footer
.button:hover {
  background: #ee7000;
}

.mobile-facets__wrapper .mobile-facets__footer
.mobile-facets__clear:focus-visible,
.mobile-facets__wrapper .mobile-facets__footer
.button:focus-visible {
  outline: 2px solid #116ab6;
  outline-offset: 3px;
}

.mobile-facets__wrapper .mobile-facets__footer .button::before,
.mobile-facets__wrapper .mobile-facets__footer .button::after {
  box-shadow: none;
}

/* ---- Loading state (all widths) ---------------------------------------- */
.facets-wrapper .loading__spinner .path,
.facets-vertical-sort .loading__spinner .path,
.mobile-facets__wrapper .loading__spinner .path {
  stroke: rgb(var(--ob-blue));
}

.product-grid-container .loading-overlay {
  background: rgba(255, 255, 255, 0.55);
}

/* ---- Motion --------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .facets-wrapper *,
  .mobile-facets__wrapper * {
    transition: none !important;
  }
}