/* restore-fix.css — static-restore layout repairs (Hibu JS stripped) */

/* ============================================================
   TASK 1 — render the 39-photo .dmPhotoGallery as a responsive grid.
   The Hibu gallery-layout JS was stripped, so thumbnails collapsed
   to 0px. Flatten the wrapper nesting with display:contents so each
   .image-container becomes a real grid cell, then paint the <img>
   (object-fit:cover) with the <a> -640w background as a fallback.
   ============================================================ */
.dmPhotoGallery .layout-container{display:grid !important;grid-template-columns:repeat(6,1fr) !important;gap:6px !important;width:100% !important}
.dmPhotoGallery .photogallery-row,.dmPhotoGallery .photogallery-column,.dmPhotoGallery .photoGalleryThumbs,.dmPhotoGallery .thumbnailInnerWrapper{display:contents !important}
.dmPhotoGallery .image-container{display:block !important;position:relative !important;width:100% !important;aspect-ratio:1/1 !important;overflow:hidden !important;border-radius:4px !important;opacity:1 !important;transform:none !important;margin:0 !important}
.dmPhotoGallery .image-container a{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}
.dmPhotoGallery .image-container a img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;position:absolute !important;inset:0 !important;opacity:1 !important;max-width:none !important}
.dmPhotoGallery .dmPhotoGalleryHolder{display:none !important}
@media(max-width:768px){.dmPhotoGallery .layout-container{grid-template-columns:repeat(3,1fr) !important}}

/* ============================================================
   TASK 2 — eliminate the white band from the 3 content-hero rows.
   Each row (u_1526564893 / u_1242984991 / u_1689227976) is a 2-column
   layout: a text column (Dog Grooming / Cat Grooming / FAQ) PLUS an
   .empty-column whose CSS background-image is the content-hero-home
   photo. The Hibu .empty-column rule forces min-height:1px, so on the
   static restore that photo column collapses to a 1px sliver and the
   rest of the row paints white. We restore the intended banner by
   giving these specific empty photo columns a real min-height so the
   cover background actually renders beside the text. Original photo+
   text design is preserved 1:1 — no content is hidden.
   ============================================================ */
/* Verified via DOM: these 3 rows carry NO text — both columns merely
   repeat the same content-hero-home background, which does not paint on
   the static restore. They produced only a white band. Collapse them. */
#dm .dmBody .dmRespRow.u_1526564893,
#dm .dmBody .dmRespRow.u_1242984991,
#dm .dmBody .dmRespRow.u_1689227976{display:none !important}

/* ============================================================
   TASK 1b — SPECIFICITY OVERRIDE (orchestrator).
   widget.css hides the static thumbnails with an ID-scoped rule
   (expects Hibu JS to render the gallery):
     #dm .dmPhotoGallery.newPhotoGallery .layout-container
       .photogallery-column .photoGalleryThumbs .image-container a img
       { display:none !important }
   Specificity (1,6,2) beats the class-only rules above, so the
   photos stayed hidden. We re-issue the grid with #dm-scoped
   selectors of matching/greater specificity; restore-fix.css loads
   AFTER widget.css, so equal specificity resolves in our favour.
   ============================================================ */
#dm .dmPhotoGallery.newPhotoGallery .layout-container{display:grid !important;grid-template-columns:repeat(6,1fr) !important;gap:6px !important;width:100% !important}
#dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-row,
#dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column,
#dm .dmPhotoGallery.newPhotoGallery .layout-container .photoGalleryThumbs,
#dm .dmPhotoGallery.newPhotoGallery .layout-container .thumbnailInnerWrapper{display:contents !important}
#dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column .photoGalleryThumbs .image-container{display:block !important;position:relative !important;width:100% !important;height:auto !important;aspect-ratio:1/1 !important;overflow:hidden !important;border-radius:4px !important;opacity:1 !important;visibility:visible !important;transform:none !important;margin:0 !important}
#dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column .photoGalleryThumbs .image-container a{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;opacity:1 !important;visibility:visible !important}
#dm .dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column .photoGalleryThumbs .image-container a img{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;opacity:1 !important;visibility:visible !important;max-width:none !important}
@media(max-width:768px){#dm .dmPhotoGallery.newPhotoGallery .layout-container{grid-template-columns:repeat(3,1fr) !important}}

/* ============================================================
   TASK 3 — NAV DROPDOWNS (orchestrator).
   The Hibu "unifiednav" submenus are opacity:0 + pointer-events:none by
   default and were revealed by runtime JS (stripped on the static build),
   so the dropdown items (Dog Grooming / Cat Grooming / Blog / etc.) were
   unreachable. Reveal each submenu on hover/focus of its parent item and
   make the items clickable. Top-level items already worked.
   ============================================================ */
.unifiednav__item-wrap:hover > .unifiednav__container_sub-nav,
.unifiednav__item-wrap:focus-within > .unifiednav__container_sub-nav{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.unifiednav__container_sub-nav{ z-index:1000 !important; }
.unifiednav__container_sub-nav a,
.unifiednav__item-wrap > a{ pointer-events:auto !important; cursor:pointer !important; }

/* ROOT CAUSE of "header buttons not clickable": the Hibu promo popup
   #dmPopup is an empty ~687px overlay that the stripped runtime JS never
   dismissed, so it sat on top of the page intercepting ALL pointer events.
   Remove it so the whole page (nav + CTAs) is interactive again. */
#dmPopup{ display:none !important; }