/* Build 31: consistent original-logo outline, working photo lightbox, event tile layout, and aligned navigation. */

/* The original logo pixels were not changed. A separate asset contains its
   previously CSS-generated WHITE outline, protecting it from Safari filter issues. */
.rbh-masthead .rbh-brand-mark img[src$="rb-logo-bordered.png"] {
  filter: none !important;
  -webkit-filter: none !important;
  opacity:1 !important;
  display:block;
  isolation:isolate;
}

/* Apply HOME carousel's matching chevron style to the three homepage tracks.
   They float over cards and disappear at either end, as on the play gallery. */
.rbh-page .rbh-card-carousel .rbh-activity-arrow {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  top:39% !important;
  transform:translateY(-50%) !important;
  color:#ffe400 !important;
  opacity:1;
}
.rbh-page .rbh-card-carousel .rbh-activity-arrow svg {
  width:26px;
  height:38px;
  filter:drop-shadow(1px 2px 1px #000);
}
.rbh-page .rbh-card-carousel .rbh-activity-arrow:disabled,
.rbh-interior .rbh-play-page .rbh-play-gallery-arrow:disabled {
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.rbh-page .rbh-card-carousel .rbh-chevron-outline {stroke-width:10 !important;}
.rbh-page .rbh-card-carousel .rbh-chevron-yellow {stroke-width:5.8 !important;}

/* Original play hero title needs its strong dark offset shadow restored. */
.rbh-interior .rbh-play-page .rbh-hero h1 {filter:none !important;}
.rbh-interior .rbh-play-page .rbh-hero h1 .rbh-play-line {
  -webkit-text-stroke:2px #070707 !important;
  paint-order:stroke fill !important;
  text-shadow:3px 4px 0 #050505,4px 5px 0 #050505,5px 6px 1px #000 !important;
}

/* The hero frame shape itself is unchanged. Make only the image tappable. */
.rbh-interior .rbh-play-page .rbh-play-hero-open {
  border:0;
  display:block;
  width:100%;height:100%;
  margin:0;padding:0;
  cursor:zoom-in;
  background:transparent;
}
.rbh-interior .rbh-play-page .rbh-hero-frame .rbh-play-hero-open img {
  width:100%;height:100%;display:block;
}
.rbh-interior .rbh-play-page .rbh-play-gallery-photo {
  display:block;
  width:calc(100% - 20px);
  padding:0;
  box-sizing:border-box;
  cursor:zoom-in;
}
.rbh-interior .rbh-play-page .rbh-play-gallery-photo:focus-visible,
.rbh-interior .rbh-play-page .rbh-play-hero-open:focus-visible {outline:3px solid white;outline-offset:2px;}

/* Small upward adjustment to white copy size. Scope to all pages but leave
   heading and action button widths unchanged. */
.rbh-interior .rbh-play-page .rbh-play-offer > p {font-size:clamp(17px,1.68vw,21px) !important;}
.rbh-interior .rbh-play-page .rbh-play-lead {font-size:clamp(16px,1.55vw,19px) !important;}
.rbh-interior .rbh-play-page .rbh-play-gallery-slide figcaption {font-size:clamp(15px,1.32vw,18px) !important;}
.rbh-interior .hero-copy p,
.rbh-interior .section .lead,
.rbh-interior .story-row p,
.rbh-interior .step p,
.rbh-interior .gallery-category p,
.rbh-interior .contact-form label,
.rbh-interior .contact-sidebar p {
  font-size:1.05em;
}

/* Dark lettering a little heavier but WITHOUT adding fake drop shadows. */
.rbh-page .rbh-ribbon,
.rbh-interior .rbh-ribbon,
.rbh-page .rbh-activity-card-link,
.rbh-interior .rbh-pill,
.rbh-interior .btn-yellow,
.rbh-page .rbh-pill {
  -webkit-text-stroke:.38px currentColor;
  font-weight:900 !important;
}

/* Specific Play Tables event tiles (3 columns, compact: 3 on row one,
   Grand Openings centred on row two). The other two types remain reusable. */
.rbh-interior .rbh-play-page .rbh-play-event-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
}
.rbh-interior .rbh-play-page .rbh-play-event-card {
  min-width:0;
  min-height:110px;
  padding:10px 4px 11px;
  border-radius:13px;
  gap:6px;
}
.rbh-interior .rbh-play-page .rbh-play-event-card:nth-child(4) {grid-column:2;}
.rbh-interior .rbh-play-page .rbh-play-event-icon {width:47px;height:47px;}
.rbh-interior .rbh-play-page .rbh-play-event-card h3 {
  font-size:clamp(11px,1.3vw,15px);
  font-weight:900 !important;
  line-height:1.12;
}
@media(max-width:700px){
  .rbh-interior .rbh-play-page .rbh-hero h1 .rbh-play-line {
    -webkit-text-stroke:1.35px #070707 !important;
    text-shadow:2px 3px 0 #000,3px 4px 0 #000 !important;
  }
  .rbh-interior .rbh-play-page .rbh-play-event-grid {gap:6px !important;}
  .rbh-interior .rbh-play-page .rbh-play-event-card {min-height:101px;padding:9px 2px;gap:4px;}
  .rbh-interior .rbh-play-page .rbh-play-event-icon {width:39px;height:39px;}
  .rbh-interior .rbh-play-page .rbh-play-event-card h3 {font-size:clamp(9.2px,2.45vw,12px);}
  .rbh-interior .rbh-play-page .rbh-play-offer > p {font-size:16px !important;}
  .rbh-interior .rbh-play-page .rbh-play-lead {font-size:15px !important;}
  .rbh-interior .rbh-play-page .rbh-play-gallery-slide figcaption {font-size:14px !important;}
}

/* Small readability lift for homepage white descriptions, without resizing the
   already-approved card headings or shifting the mobile layout. */
.rbh-page .rbh-card-carousel .rbh-activity-header-copy p {
  font-size:clamp(13.5px,1.52vw,17.5px) !important;
}
.rbh-page .rbh-card-carousel .rbh-activity-card p {
  font-size:13.5px !important;
}
@media(max-width:700px){
  .rbh-page .rbh-card-carousel .rbh-activity-card p {
    font-size:12.6px !important;
  }
}

/* Avoid existing fit-grid labels widening the page on narrower phones. */
@media (max-width:640px) {
  .rbh-interior .fit-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .rbh-interior .fit-grid>div {min-width:0;flex-wrap:wrap;}
  .rbh-interior .fit-grid strong {min-width:0;overflow-wrap:anywhere;}
}

/* Exact same glyph and edge treatment as the Play Tables gallery arrows. */
.rbh-page .rbh-card-carousel .rbh-activity-arrow span {
  display:block !important;
  font:900 27px/1 Arial,Helvetica,sans-serif !important;
  transform:none !important;
  color:#ffe400 !important;
  -webkit-text-stroke:2px #080808;
  paint-order:stroke fill;
  filter:drop-shadow(1px 2px 1px #000);
}
@media (max-width:700px) {
  .rbh-page .rbh-card-carousel .rbh-activity-arrow span {font-size:24px !important;}
}