/*!
_sessions.scss
Source file (relative to compiled *.css file): ./scss/_sessions.scss

This file is included in PhotoBerry Studio. For licensing and copyright notices, please see ../../license.txt (relative to *.css file) or ../../../license.txt (relative to *.scss file).
*/
body:has(.photoberry-gallery-items :checked) #photoberry-session-nav-title h1 {
  display: none;
  }

body:not(:has(.photoberry-gallery-items :checked)) .photoberry-session-require-selection {
  display: none;
  }

.photoberry-invite,
.single-photoberry-session {
  background-color : var(--ps-background-color);

  &, p, h1, h2, h3, a {
    color       : var(--ps-font-color);
    font-family : var(--ps-font-family);
    }

  h2 {
    font-size: var( --ps-h2-font-size);
    }

  h3 {
    font-size: var( --ps-h3-font-size);
    }

  a {
    box-shadow      : unset;
    text-shadow     : unset;
    min-height      : unset;
    text-decoration : none;

    &:focus {
      box-shadow : unset;
      outline    : unset;
      }

    }

  .photoberry-session-subset-title {
    margin: 10px 0 30px;
    font-size: clamp(16px, 18px, 1.4vw);
    }

  .photoberry-session {
    width       : var(--ps-section-width);
    max-width   : var(--ps-max-section-width);
    margin      : auto;
    padding-top : 50px;

    .photoberry-session-title-wrapper {
      display: flex;
      margin-bottom: 10px;
      align-items : center;
      flex-wrap: wrap;
      gap: 10px;

    }

    .photoberry-session-title {
      padding     : 0;
      margin      : 0;
      line-height : 1.8em;
      font-weight: 500;
      }

    .photoberry-session-date {
      font-size : var(--ps-font-size-small);
      margin    : 0 0 40px;
      padding   : 0;
      color     : var(--ps-secondary-color);
      }

    .photoberry-proofing-welcome, .photoberry-final-welcome {
      margin    : 0 0 40px;
      padding   : 0;
      font-size : 14px;
      }

    }
  }

.photoberry-session .photoberry-gallery-contents {

  margin-bottom: 30px;

  // Masonry
  .photoberry-gallery-items.photoberry-studio-masonry li {
    > div {
        position: relative;
      }
    }

  // Grid

  .photoberry-gallery-items.photoberry-studio-grid-cropped li,
  .photoberry-gallery-items.photoberry-studio-grid li {
        position: relative;
    }

  @include photoberry-gallery-item-interactions(true);
  }


.photoberry-studio-images-list {
  padding         : 0;
  margin          : 0 0 25px;
  list-style-type : none;
  display         : flex;
  flex-wrap       : wrap;
  justify-content: center;

  li {
    width    : 150px;
    height   : 150px;
    margin   : 5px;
    overflow : hidden;
    position : relative;
    }

  li img {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    width      : 100%;
    height     : 100%;
    transform  : translate(-50%, -50%);
    object-fit : cover;
    }

  }

/* Final */

.photoberry-studio-button-session-view {
  margin-left: 10px;
  display: inline-block;
}