/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child/
 Description:  A child theme for Twenty Twenty-Five
 Author:       Clifford Boobyer
 Author URI:   https://example.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/


/* Works details parts */

.works-details-block {margin:20px 0;font-size:0.85rem;}
.works-details-list {display: flex; flex-direction: column; gap:6px;}
.works-details-item {display: flex; flex-direction: row; align-items: center; gap:12px; border-bottom: 1px solid #eee; padding-bottom:6px;}
.works-details-item:last-child {border-bottom: none;}
.works-details-label {min-width: 120px; text-align: left; flex-shrink: 0;}
.works-details-value {text-align: left; flex-grow: 1;}

@media (max-width: 600px) {.works-details-item {flex-direction: column; align-items: flex-start; gap: 5px;} .works-details-label {min-width: auto;}}

/* Layout blocks for single art page */

.wp-block-columns {
  display: flex;
  align-items: flex-start;
}

.column-artwork {
  position: sticky;
  top: 5vh;
  align-self: flex-start;
  height: fit-content;
}

.column-artwork .wp-block-post-featured-image,
.column-artwork figure {
  margin: 0;
}

.column-artwork img {
  display: block;
  max-height: 90vh;
  width: auto;
  max-width: 100%;
}

@media (max-width:767px)
{
  .column-artwork {position: relative;top:unset;}
}



/* Gallery parts */


.artwork-gallery {
  display: flex;
  gap: 10px;
  margin-bottom:200px;
}

.artwork-gallery-item {
  aspect-ratio: 5 / 4;
  max-height: 200px;
  transition: all 0.4s ease;
  overflow: hidden;
}

.artwork-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.artwork-gallery-item:hover {
  max-height: 280px;
  transition: all 0.4s ease;

}


@media (max-width: 767px)
{
  .artwork-gallery-item {max-height: 50VW;}
  .artwork-gallery-item:hover {width:100%!important;max-height: 100VW;transition: all 0.4s ease;}

}

/*video parts */

.artwork-video {
  display: block;
}

.artwork-video video {
  width: auto;
  height: auto;
  max-height: 400px;
  max-width: 100%;
  display: block;
}

/* Hiding when empty */

.artwork-gallery-wrapper:not(:has(.artwork-gallery)) {
  display: none;
}

.artwork-video-wrapper:not(:has(.artwork-video)) {
  display: none;
}
``

/* Override for single works template - Fix this!*/

.works-details-single {font-size:3em;color:red}


/* Art archive card parts */

.artwork-card .wp-block-post-featured-image {display: block;  overflow: hidden; /* Ensures scaled image doesn't overflow the frame */}

.artwork-card .wp-block-post-featured-image img {
  transition: opacity 0.4s ease-in, transform 0.4s ease-in; /* Add transform to transition */
  opacity: 0.95;
  object-fit: contain; /* Explicitly reinforce object-fit */
  transform: scale(1); /* Default scale */
}

.artwork-card .wp-block-post-featured-image img:hover {
  opacity: 1;
  transform: scale(1.05); /* Scale up slightly on hover */
}