/* ========== Global CSS ========== */
/*:root {
	--nectar-accent-color: #1d1e1b;
  --nectar-extra-color-1: #ff1053;
  --nectar-extra-color-2: #ed0c00;
  --nectar-extra-color-3: #333333;
  --nectar-black: #000;
  --nectar-white: #fff;
}*/

body .container-wrap .main-content {
	/* ═════ Text Styles ═════ */
	.wpb_text_column {
		&.large-text p {
			font-size: 24px;
			line-height: 30px;
			font-weight: 600;
		}
	}
	/* ═════ Buttons ═════ */
	.nectar-button {
		font-size: 18px;
		line-height: 24px;
		&.see-through {
			overflow: hidden;
			width: 100%;
			&::before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
        width: 200%;
        height: auto;
				aspect-ratio: 1/1;
        transform-origin: center;
        background-color: var(--nectar-accent-color);
        transform: rotate(-22.5deg) translate(-20%, -120%);
				transition: transform 0.5s ease;
			}
			&:hover {
				color: #fff!important;
				&::before {
					transform: rotate(-22.5deg) translate(-20%, -85%);
				}
			}
			&.medium {
        text-align: center;
				max-width: 244px;
				&.has-icon {
					padding-left: 32px;
					padding-right: 46px;
					span {
						transform: translate(0px)!important;
					}
					i {
						right: 64px;
					}
				}
			}
			&.jumbo {
				font-size: 24px;
				line-height: 30px;
        max-width: 25vw;
			}
		}
	}
	.light .nectar-button.see-through {
		&::before {
			background-color: #fff;
		}
		&:hover {
			color: var(--nectar-accent-color)!important;
		}
	}
  /* ═════ CF7 ═════ */
  .wpcf7-form {
    .cf-input-group {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 0.5rem;
      > p {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        align-items: top;
        gap: 1rem;
        margin-bottom: 0;
        
        label {
          font-weight: 600;
          color: var(--nectar-accent-color);
          padding: 0.5rem;
          flex: 2;
        }
        .wpcf7-form-control-wrap {
          flex: 5;
          input, 
          textarea {
            color: var(--nectar-accent-color);
            background-color: transparent;
            border: 1px solid var(--nectar-accent-color);
            border-radius: 0;
            padding: 0.5rem;
          }
          .wpcf7-not-valid-tip {
            background-color: var(--nectar-extra-color-2);
            color: var(--nectar-white);
            font-weight: 400;
            transition: all 0.3s ease-in-out;
            padding: 0.5rem;
            margin: 0;
          }
        }
      }
      &.cf-submit-group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        width: 100%;
        .cf-turnstile {

        }
        .wpcf7-submit {
          width: 100%;
          max-width: 220px;
          font-family: Montserrat;
          font-size: 18px;
          font-weight: 400;
          line-height: 1;
          padding: 0.5rem 1rem;
          margin: 0 0 0.5rem 0;
          background-color: transparent;
          background-image: url('/wp-content/uploads/2025/06/cf-submit-hover-bg.png');
          background-repeat: no-repeat;
          background-position: left 350% top 0;
          background-size: 150% 100%;
          color: var(--nectar-accent-color);
          border: 1px solid var(--nectar-accent-color);
          border-radius: 0;
          cursor: pointer;
          opacity: 1;
          transition: all 0.25s ease-in-out;

          &:hover {
            background-position: left 0;
            color: var(--nectar-white);
          }
        }
        .wpcf7-spinner {
          display: inline-block;
          background-color: var(--nectar-extra-color-1);
          margin: 0;
          transition: all 0.3s ease-in-out;
        }
      }
    }
    .wpcf7-response-output {
      background-color: var(--nectar-extra-color-2);
      color: var(--nectar-white);
      font-size: 18px;
      line-height: 1;
      font-weight: 400;
      transition: all 0.3s ease-in-out;
      padding: 1rem;
      border: 0;
      border-radius: 0;
      margin: 0.5rem 0 0 0;
    }
  }
}