/*!
_dialog.scss
Source file (relative to compiled *.css file): ./scss/_dialog.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).
*/
.photoberry-studio-dialog-overlay {
  @include overlay;

  > div {
    position : relative;
    }
  }

// Tabs

.photoberry-studio-secondary-tabs-nav {
  display    : flex;
  list-style : none;
  padding    : 0;
  margin     : 0;

  li {
    border              : 1px solid $gray-3;
    padding             : 10px 25px;
    background-color    : $background-color;
    border-bottom-color : $background-color;

    &:not(.photoberry-studio-hidden):last-of-type {
      border-left : 0;
      }

    a {
      font-size       : 14px;
      color           : $gray-6;
      font-weight     : 400;
      text-decoration : none;

      &:focus {
        outline : unset;
        }
      }
    }

  li.photoberry-studio-active {
    background-color : #fff;
    border-bottom    : 1px solid #fff;

    a {
      color       : $primary-color;
      font-weight : 600;
      }
    }

  }

// Title

.photoberry-dialog-title {
  border-bottom : 1px solid $gray-2;
  margin        : 8px 0 20px;
  padding       : 0 0 25px;

  &:has(.photoberry-studio-button-x) {
    padding-right : 40px;
    }

  > h2 {
    text-align : left;
    margin     : 0;
    padding    : 0;
    }

  }

// Content

.photoberry-studio-secondary-tabs-contents {
  padding    : 30px 15px 20px;
  border     : 1px solid $gray-3;
  box-sizing : border-box;
  min-height : 200px;

  > div {
    display : none
    }

  > div.photoberry-studio-active {
    display : block
    }
  }


// Large dialog

.photoberry-studio-dialog-overlay.photoberry-studio-dialog-overlay-xl {
  > * {
    max-width : 1800px;
    width     : 90%;
    }
  }

// Forms

form.photoberry-form {

  .photoberry-studio-field-wrapper {
    margin-bottom : 10px;

    label {
      font-weight : 500;
      font-size   : 14px;
      }

    input {
      @include input();

      & {
        padding     : 5px 10px;
        line-height : 14px;
        box-sizing  : border-box;
        }
      }

    }

  .photoberry-studio-error {
    font-size : 14px;
    color     : $accent-red;
    margin    : 0 0 20px;
    }

  .photoberry-studio-buttons-wrapper {
    margin-top      : 35px;
    display         : flex;
    gap             : 5px;
    flex-wrap       : wrap;
    }

  .photoberry-studio-buttons-right {
    text-align : right;
    justify-content : flex-end;
    }

  a.photoberry-studio-password-reset {
    font-size : 13px;
    color     : var(--ps-link-color);

    }

  }

form.photoberry-form-vertical {

  text-align : left;

  label {
    display       : block;
    margin-bottom : 5px;
    }
  }

// Specific dialogs
#photoberry-comment-auth-container #photoberry-comment-auth {
  max-width : 500px;
  margin: 10% auto 0;

  input {
    width : 100%;
    }
  }

#photoberry-comment-auth-container.photoberry-studio-dialog-overlay {
  display : none;
  z-index : 9999999;
  }

#photoberry-comment-auth-container.photoberry-studio-dialog-overlay.photoberry-studio-active {
  display : block;
  }

// photoberry-studio-proofing-requirements-error

.photoberry-studio-proofing-requirements-error p {
  text-align : center;
  padding    : 25px 0;
  }