/* 
  Main file for implementing custom design     
*/

/* Hide the reCAPTCHA badge - only allowed if reCAPTCHA v3 is used and you're showing legal disclosure elsewhere */
.grecaptcha-badge {
    visibility: hidden;
}

/* Add pointer cursor for clickable elements */
form label,
.pointer {
  cursor: pointer;
}

.site-main {
  .gform-theme--api, 
  .gform-theme--framework {
      --gf-field-img-choice-card-check-ind-bg-color: var(--theme-palette-color-9);
      --gf-field-img-choice-card-check-ind-icon-color: var(--theme-palette-color-4);
  }
}

.gsection_title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.gsection_description {
  margin-bottom: 1rem;
  max-width: 800px;
}

.wp-block-image {
  img {
    border-radius: 20px;
  }
}

.wp-block-post-content {

  .wp-block-gallery {

    img {
      border-radius: 20px;
    }
  }
}

.ct-widget {

  a {
    color: var(--theme-link-initial-color);
    text-decoration: underline;
  }
}

.wp-block-separator:before,
.ct-footer [data-row*=middle]::before,
.ct-header [data-row*=middle]::after {
    content: '';
    display: flex;
    width: 100%;
    height: 4px; /* border thickness */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;

    background: linear-gradient(
        to right,
        var(--wp--preset--color--palette-color-9) 0%,
        var(--wp--preset--color--palette-color-9) 33.33%,
        var(--wp--preset--color--palette-color-2) 33.33%,
        var(--wp--preset--color--palette-color-2) 66.66%,
        var(--wp--preset--color--palette-color-10) 66.66%,
        var(--wp--preset--color--palette-color-10) 100%
    );
}

.ct-footer [data-row*=middle] {
  position: relative;

  &::before {
    top: 0;
    bottom: auto;
    z-index: 0;
  }
}

@media (max-width: 999.98px) {
  .ct-footer {
    img {
      max-width: 100px !important;
    }
  }

  .ct-footer [data-row*="middle"] .widget-title,
  .wp-block-heading {
    font-size: 20px !important;
  }
  
  [data-footer*="type-1"] .ct-footer [data-id="menu"] ul {
    flex-direction: column;
  }

  .vdlp-header-image {
    max-height: 460px;
  }
}

.wp-block-separator {
  background-color: unset;
  width: 100%;
  border: none;
  position: relative;
  height: 4px !important; /* border thickness */
}

#main-container {
  .button, .ct-button, .added_to_cart, [type=submit] {
      font-family: var(--theme-button-font-family, var(--theme-font-family));
      font-size: var(--theme-button-font-size);
      font-weight: var(--theme-button-font-weight);
      font-style: var(--theme-button-font-style);
      line-height: var(--theme-button-line-height);
      letter-spacing: var(--theme-button-letter-spacing);
      text-transform: var(--theme-button-text-transform);
      -webkit-text-decoration: var(--theme-button-text-decoration);
      text-decoration: var(--theme-button-text-decoration);
      min-height: var(--theme-button-min-height);
      padding: var(--theme-button-padding);
  }
}

/* VDLP: Blocksy mega menu/submenu scroll on small/low-height viewports */
@media (max-height: 860px), (max-width: 1024px) {
  .ct-header .sub-menu {
    max-height: calc(100vh - 120px); /* adjust offset for header height */
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
}