/* Shared page-specific head <style> for the SoftwareSeni Brand Guidelines
   microsite gallery pages — /brand/all-photography and /brand/all-illustrations.
   Both live pages share the same template/chrome (a logo-only
   .brand-guideline-header + a compact .brand-guideline-footer), distinct from
   the main-site rv-* chrome.

   The generic head blocks on live (WhatsApp form / select2 / anti-flicker) are
   intentionally skipped — they belong to the shared WhatsApp widget, which we
   suppress here anyway.

   block sources:
   - photography block2: .resources-photography(-block).see-all
   - illustrations block2: .illustration-tab-link.active + see-all + owl-nav for
     the category strip carousel
*/

/* ===== Photography gallery (page-specific) ===== */
.resources-photography-block.see-all {
  justify-content: center;
  align-items: center;
}
.resources-photography-see-all a {
  color: #10405a;
  text-transform: uppercase;
}

/* ===== Illustrations gallery + category strip (page-specific) ===== */
.illustration-tab-link.active {
  background-color: #fff;
}
.resources-illustration-block.see-all {
  justify-content: center;
  align-items: center;
}
.resources-illustration-see-all a {
  color: #10405a;
  text-transform: uppercase;
}

/* Category strip is a React carousel emitting owl-compatible classes. */
.resources-illustration-tab-list .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  margin-top: 0;
  pointer-events: none;
}
.resources-illustration-tab-list .owl-nav .owl-prev,
.resources-illustration-tab-list .owl-nav .owl-next {
  width: 45px;
  height: 45px;
  margin: 0;
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 50%;
  font-size: 26px !important;
  pointer-events: auto;
}
.resources-illustration-tab-list .owl-nav .owl-prev.disabled,
.resources-illustration-tab-list .owl-nav .owl-next.disabled {
  display: none;
}
.resources-illustration-tab-list .owl-nav .owl-prev {
  margin-right: auto;
  transform: translateX(-20px);
}
.resources-illustration-tab-list .owl-nav .owl-next {
  margin-left: auto;
  transform: translateX(20px);
}
.resources-illustration-tab-list .owl-nav .owl-prev:hover,
.resources-illustration-tab-list .owl-nav .owl-next:hover {
  background-color: #fafafa !important;
  color: inherit;
}

/* ===== Shared-chrome suppression (rebuild-only) =====
   The brand-guidelines microsite ships its OWN logo-header + compact footer.
   Our root layout renders the main-site shared full navbar, the WhatsApp
   sticky, the "Let's Talk!" partnership CTA, and the rv-footer on EVERY route,
   so suppress them here. Guarded by body:has(.brand-guideline-page) — a unique
   class rendered only by these two pages — so these display:none rules never
   leak onto other routes (the precedence stylesheet persists across client-side
   navigation). */
body:has(.brand-guideline-page) .rv-main-navbar { display: none !important; }
body:has(.brand-guideline-page) .whatsapp-chat-sticky { display: none !important; }
body:has(.brand-guideline-page) .rv-partnership { display: none !important; }
body:has(.brand-guideline-page) .rv-footer-address { display: none !important; }
body:has(.brand-guideline-page) .rv-footer { display: none !important; }