.wp-art-gallery { width: 100%; }
.wp-art-gallery { margin-bottom: -31px !important; }
.wp-art-gallery__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); column-gap: 24px; row-gap: 34px; }
.wp-art-gallery__item { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.wp-art-gallery__thumb { display: flex; aspect-ratio: 3 / 4; overflow: hidden; background: #eee; align-items: center; justify-content: center; border-radius: 4px; }
.wp-art-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }
.wp-art-gallery__title { display: block; min-height: 2.7em; margin-top: 10px; margin-bottom: 12px; font-size: 13px; font-weight: 400; line-height: 1.35; }
.wp-art-gallery__lightbox { position: fixed; z-index: 999999; inset: 0; display: flex; align-items: center; justify-content: center; padding: 5vh 8vw; background: #000; color: #fff; }
.wp-art-gallery__lightbox[hidden] { display: none; }
.wp-art-gallery__viewer { max-width: min(900px, 75vw); max-height: 90vh; overflow: auto; text-align: center; }
.wp-art-gallery__image { display: block; max-width: 100%; max-height: 68vh; width: auto; margin: 0 auto; object-fit: contain; }
.wp-art-gallery__details { padding: 18px 10px 0; text-align: left; }
.wp-art-gallery__details h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.25rem, 3vw, 2rem); }
.wp-art-gallery__details p { margin: 0 0 8px; color: #fff; }
.wp-art-gallery__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: 100%; text-align: left; font-weight: 600; }
.wp-art-gallery__close, .wp-art-gallery__nav { position: absolute; border: 2px solid rgba(255, 255, 255, 0.6); color: #fff; background: transparent; cursor: pointer; }
.wp-art-gallery__close { top: 22px; right: 25px; width: 44px; height: 44px; border-radius: 50%; font-size: 30px; line-height: 34px; }
.wp-art-gallery__nav { top: auto; bottom: 20px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-width: 158px; height: 64px; padding: 0 22px; border-radius: 4px; font-size: 18px; line-height: 1; transform: none; }
.wp-art-gallery__nav > span:first-child, .wp-art-gallery__nav > span:last-child { display: inline-block; }
.wp-art-gallery__nav > span[aria-hidden] { font-size: 32px; line-height: 0.75; }
.wp-art-gallery__prev { left: 20px; } .wp-art-gallery__next { right: 20px; }
.wp-art-gallery__close:focus, .wp-art-gallery__nav:focus { outline: 3px solid #8ec5ff; outline-offset: 3px; }
.wp-art-gallery--editor .wp-art-gallery__item { position: relative; cursor: default; }
.wp-art-gallery--editor .wp-art-gallery__grid { align-items: start; grid-auto-rows: auto; }
.wp-art-gallery--editor .wp-art-gallery__item { height: auto; }
.wp-art-gallery--editor .wp-art-gallery__thumb { flex: 0 0 auto; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 3 / 4; padding: 0 !important; }
.wp-art-gallery--editor .wp-art-gallery__thumb img { width: 100% !important; height: 100% !important; object-fit: cover; }
.wp-art-gallery--editor .wp-art-gallery__item.is-drop-target { outline: 3px solid #2271b1; outline-offset: 3px; }
.wp-art-gallery__sort-handle { position: absolute; z-index: 2; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #1e1e1e; border-radius: 4px; background: #fff; color: #1e1e1e; font-size: 22px; line-height: 1; cursor: grab; }
.wp-art-gallery__sort-handle:active { cursor: grabbing; }
.wp-art-gallery__sort-handle:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.wp-art-gallery__reorder-controls { display: flex; gap: 8px; margin-bottom: 16px; }
.wp-art-gallery__sidebar-artwork { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 4px; margin-bottom: 6px; }
.wp-art-gallery__sidebar-artwork .wp-art-gallery__sidebar-select { justify-content: flex-start; min-width: 0; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.wp-art-gallery__sidebar-artwork .wp-art-gallery__sidebar-move { min-width: 32px; justify-content: center; padding: 0 6px; }
@media (max-width: 600px) { .wp-art-gallery { margin-bottom: -24px !important; } .wp-art-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; row-gap: 26px; } .wp-art-gallery__lightbox { padding: 60px 12px 84px; } .wp-art-gallery__viewer { max-width: 100%; } .wp-art-gallery__nav { bottom: 20px; min-width: 132px; height: 58px; gap: 8px; padding: 0 14px; font-size: 16px; } .wp-art-gallery__nav > span[aria-hidden] { font-size: 28px; } .wp-art-gallery__prev { left: 20px; } .wp-art-gallery__next { right: 20px; } .wp-art-gallery__image { max-height: 55vh; } }