.shopify-buy__cart-toggle {
  display: block !important;
}

/* Pre-hide Shopify cart panel before SDK initializes to prevent layout flash */
.shopify-buy-frame--cart {
  transform: translateX(100%);
  visibility: hidden;
}

@font-face {
  font-family: 'Vastago';
  src: url('../fonts/vastagogrotesk-semibold-webfont.woff2') format('woff2'),
       url('../fonts/vastagogrotesk-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge {
    font-family: 'Vastago', sans-serif !important;
    font-weight: 600 !important;
    -webkit-text-stroke: 1.5px currentColor !important;
    font-feature-settings: "calt" off, "liga" off, "ss01" off, "ss02" off, "ss03" off, "ss04" off, "ss05" off, "ss06" off, "ss07" off, "ss08" off !important;
}

/* Fix wp-caption overflow from Classic Editor inline width */
.wp-caption {
    max-width: 100% !important;
}

.wp-caption img {
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Editorial archive - hover border effect */
.editorial-grid .el-item {
    position: relative;
}

.editorial-grid .el-item::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    transition: border-color 0.1s ease-in-out, border-width;
    inset: -1px;
    border: 0px solid #00A385;
}

.editorial-grid .el-item:hover::after {
    border-width: 18px;
    border-color: #00A385;
}

/* Editorial grid - image scale up on hover */
.editorial-grid .el-item:hover .el-image {
    transform: scale(1.25);
    transition: transform 0.3s ease-in-out;
}

.editorial-grid .el-image {
    transition: transform 0.3s ease-in-out;
}

/* =============================================
   IMAGE CAPTIONS (wp-caption / figcaption)
   Applies to images inserted via the Classic 
   Editor with a caption added.
   ============================================= */

/* Prevents the figure container from exceeding
   the viewport or its parent column width */
figure.wp-caption {
    max-width: 100%;
}

/* Makes the image responsive and ensures it
   never overflows its container */
figure.wp-caption img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Styles the caption text below each image.
   - font-size: smaller than body text to subordinate it visually
   - font-style: normal per curatorial/museum convention — artwork 
     titles should be italicized individually within the caption 
     text by the editor, not the entire caption line
   - color: lighter grey so it reads as secondary information
   - margin-top: small gap between the image and the caption
   - width/max-width: forces caption to stay within the figure width
     set by WordPress, preventing it from stretching full-page */
figcaption.wp-caption-text {
    color: #333;
    line-height: 1.4;
    margin-top: 5px;
    text-align: left;
    width: auto;
    max-width: 100%;
}