@import "variables";
@import "mixins";


:root {
  --generator-for-pdf-loader-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --generator-for-pdf-loader-padding: 8px 15px;
  --generator-for-pdf-loader-border-radius: 10px;
  --generator-for-pdf-loader-background-color: rgba(255, 255, 255, 0.8);
  --generator-for-pdf-loader-arrow-background-color: var(--generator-for-pdf-loader-background-color);
  --generator-for-pdf-loader-width: 30px;
  --generator-for-pdf-loader-color: #000;
}

// Print styles
@media print {
  .pagebreak {
    break-after: page;
  }
  .elementor-location-header,
  .elementor-location-footer {
    display: none !important;
  }
}

body.pdfGen {
  // Hide header and footer + cookie banners + any popups
  .elementor-location-header,
  .elementor-location-footer,
  .cky-consent-container,
  .site-header,
  #cookie-law-info-bar,
  .dialog-widget{
    display: none !important;
  }
  .pagebreak {
    break-after: page;
  }
}


.generator-for-pdf-button {
  display: inline-block;

  a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .generator-for-pdf-loader {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -80%);
    padding: var(--generator-for-pdf-loader-padding);
    border-radius: var(--generator-for-pdf-loader-border-radius);
    display: flex;
    background-color: var(--generator-for-pdf-loader-background-color);
    box-shadow: var(--generator-for-pdf-loader-box-shadow);
    opacity: 0;
    transition: all 0.2s ease-in-out;

    // Create a arrow down
    &:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -1px);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid var(--generator-for-pdf-loader-arrow-background-color);
        z-index: 1;
    }

    &.show {
      transform: translate(-50%, -100%);
      opacity: 1;
    }

    .spinner {
      line-height: 0;
      font-size: 0;
      svg {
        margin-top: 1px;
        width: var(--generator-for-pdf-loader-width);
        height: auto;
        fill: var(--generator-for-pdf-loader-color);
      }

    }
  }
}