/* Main Menu */
.main-menu{
    position: relative;
    z-index: 5;
}

.main-menu nav ul li a span{
    transition: all 0.3s ease;
}

.main-menu nav ul li a:hover span{
    transition: all 0.3s ease;
    color: var(--wp--preset--color--custom-light-green);
}

.main-menu nav ul li:nth-child(2) span:after {
    content: 'NEW';
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--custom-dark-green);
    background-color: var(--wp--preset--color--custom-light-green);
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 50px;
    width: 35px;
    height: 15px;
    letter-spacing: 0.5px;
    position: absolute;
    top: -17px;
    right: -20px;
    transform: rotate(12deg);
}

.main-menu p.login-btn a{
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 25px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.3s ease;
    &:hover{
        background-color: var(--wp--preset--color--custom-light-green);
        color: var(--wp--preset--color--custom-dark-green);
    }
}

/* Button blocks */
.wp-block-button a{
    transition: all 0.3s ease;
    padding: 9px 20px;
}

.wp-block-button:not(.is-style-outline) a:hover{
    border: 2px solid var(--wp--preset--color--custom-light-green);
    background-color: var(--wp--preset--color--custom-dark-green);
    color: var(--wp--preset--color--custom-light-green);
    transition: all 0.3s ease;
}

.wp-block-button.is-style-outline a:hover{
    background-color: transparent;
    color: var(--wp--preset--color--white);
    transition: all 0.3s ease;    
}

/* Popup item */
.popup-container .popup-item{
    background-color: #fff;
    padding: 5px 15px 5px 7px;
    border-radius: 25px;
    color: var(--wp--preset--color--custom-dark-green);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 3;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 1.2s ease, transform 1.2s ease;
}

.popup-container .popup-item:nth-child(2){
    bottom: 110px;
    left: 0px;
    top: auto;
    right: auto;
}

.popup-item.is-visible{
    opacity: 1;
    transform: translateY(0);
    animation: subtleBounce 2s ease 2s infinite;
}

@keyframes subtleBounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0);
    }
}

.popup-item span{
    width: 32px;
    height: 32px;
    background-color: var(--wp--preset--color--custom-light-green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-item span svg{
    width: 16px;
}


.cta-bg-pattern-1{
    background-image: url('https://recruitilize.com/wp-content/uploads/2026/01/Layer_1.svg');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.support-icon{
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background-color: var(--wp--preset--color--custom-dark-green);
    display: flex;
    align-items: center;
    justify-content: center;
}

.support-icon svg{
    width: 28px;
    height: 28px;
}

.support-icon svg path{
    fill: var(--wp--preset--color--custom-light-green);
}

.ginput_container input,
.ginput_container select,
.ginput_container textarea{
    padding: 20px 10px !important;
    border-color: #c9c9c9 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    outline: none !important;
    color: inherit !important;
}

.ginput_container select{
    height: 50px;
    padding: 0 10px !important;
}

.ginput_container textarea{
    padding: 10px !important;
}

.ginput_container input:focus,
.ginput_container textarea:focus{
    border-color: var(--wp--preset--color--custom-dark-green) !important;
}

label.gfield_label{
    font-size: 15px !important;
    font-weight: 400 !important;
}

.gform-theme--foundation .gform_fields{
    column-gap: 35px !important;
    row-gap: 35px !important;
}

input#gform_submit_button_1{
    background-color: var(--wp--preset--color--custom-light-green);
    color: var(--wp--preset--color--custom-dark-green);
    border-radius: 30px;
    box-shadow: none;
    transition: all 0.3s ease;
    padding: 12px 20px;
    border: 2px solid var(--wp--preset--color--custom-light-green);
    font-weight: 400;
}

ul.wp-block-list.check-list{
    padding-left: 0px;
    list-style: none;
}

ul.wp-block-list.check-list li{
    margin-bottom: 15px;
    position: relative;
    padding-left: 35px;
}

ul.wp-block-list.check-list li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: var(--wp--preset--color--custom-dark-green);
    border-radius: 50%;
}

ul.wp-block-list.check-list li::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: var(--wp--preset--color--custom-light-green);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560'%3E%3Cpath d='M538.7 65c-31-39-86.4-48.5-128.6-22.1-70 43.8-137.8 117.1-184.1 172.4-10.3 12.3-20.4 24.4-29.1 35.5l-51.2-28.4C102.9 198.6 49.2 210 19.8 249s-25.6 93.7 8.9 128.3l126 126c21.2 21.2 50.9 31.5 80.7 28s56.3-20.4 72-46c5.8-9.4 11.9-18.8 18-28.1 11.9-18.1 29.1-43.7 50.1-73.1 42.4-59.4 98.3-131.5 155.8-188.9 35.2-35.2 38.4-91.3 7.4-130.3zM494.9 99.9c13.3 16.7 11.9 40.7-3.2 55.8-60.6 60.6-118.6 135.5-161.8 196-21.5 30.1-39.1 56.3-51.3 75-6.4 9.7-12.7 19.5-18.8 29.4-6.7 10.9-18.1 18.2-30.9 19.7-12.8 1.5-25.5-2.9-34.6-12l-126-126c-14.8-14.8-16.4-38.3-3.8-55s35.6-21.6 53.9-11.4l51.2 28.4c24.3 13.5 54.5 7 71.5-14.4 8.5-10.7 17.8-22.2 27.8-34.1 45.8-54.7 108.9-122.1 170.9-160.9 18.1-11.3 41.8-7.2 55.1 9.5z'/%3E%3C/svg%3E");
    mask-size: 14px 14px;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560'%3E%3Cpath d='M538.7 65c-31-39-86.4-48.5-128.6-22.1-70 43.8-137.8 117.1-184.1 172.4-10.3 12.3-20.4 24.4-29.1 35.5l-51.2-28.4C102.9 198.6 49.2 210 19.8 249s-25.6 93.7 8.9 128.3l126 126c21.2 21.2 50.9 31.5 80.7 28s56.3-20.4 72-46c5.8-9.4 11.9-18.8 18-28.1 11.9-18.1 29.1-43.7 50.1-73.1 42.4-59.4 98.3-131.5 155.8-188.9 35.2-35.2 38.4-91.3 7.4-130.3zM494.9 99.9c13.3 16.7 11.9 40.7-3.2 55.8-60.6 60.6-118.6 135.5-161.8 196-21.5 30.1-39.1 56.3-51.3 75-6.4 9.7-12.7 19.5-18.8 29.4-6.7 10.9-18.1 18.2-30.9 19.7-12.8 1.5-25.5-2.9-34.6-12l-126-126c-14.8-14.8-16.4-38.3-3.8-55s35.6-21.6 53.9-11.4l51.2 28.4c24.3 13.5 54.5 7 71.5-14.4 8.5-10.7 17.8-22.2 27.8-34.1 45.8-54.7 108.9-122.1 170.9-160.9 18.1-11.3 41.8-7.2 55.1 9.5z'/%3E%3C/svg%3E");
    -webkit-mask-size: 14px 14px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

.wp-block-accordion-item .wp-block-accordion-panel{
    margin-top: 8px !important;
    padding-right: 25px !important;
}

.product-card{
    box-shadow: 0 5px 20px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.10);
}

/* Pricing toggle */
.pricing-toggle__control{
    position: relative;
    display: flex;
    border: 2px solid #17261e;
    background-color: #fff;
    border-radius: 50px;
    padding: 0;
    gap: 2px;
    margin: 0 auto;
    width: fit-content;
}

.pricing-toggle__control::before{
    content: '';
    position: absolute;
    top: 2px;
    left: var(--indicator-left, 2px);
    width: var(--indicator-width, 2px);
    height: calc(100% - 4px);
    background-color: var(--wp--preset--color--custom-dark-green);
    border-radius: 50px;
    transition: width 0.3s ease, left 0.3s ease;
    z-index: 0;
}

.pricing-toggle__control p{
    position: relative;
    z-index: 1;
    padding: 11px 20px;
    margin: 0;
    cursor: pointer;
    border-radius: 50px;
    transition: color 0.3s ease;
    color: #17261e;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.pricing-toggle__control p.active{
    color: var(--wp--preset--color--custom-light-green);
}

.pricing-toggle__control p span{
    display: inline-block;
    margin-left: 4px;
    padding: 2px 5px;
    background-color: var(--wp--preset--color--custom-light-green);
    color: var(--wp--preset--color--custom-dark-green);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.is-layout-flex.yearly-pricing,
.wp-block-button.yearly-buy-btn{
    display: none;
}

footer.wp-block-template-part{
    margin-top: 0 !important;
}

ul.wp-block-post-template-is-layout-grid.news-archive{
    gap: 36px;
}

/* Checkout styles */
.edd-blocks-form__cart #edd_checkout_cart{
    background-color: var(--wp--preset--color--custom-off-white);
}

/* Documentation */

.documentation-menu ul.wp-block-list{
    padding-left: 4px;
    margin-top: 10px;
}

.documentation-menu ul.wp-block-list li{
    list-style: none;
    margin-bottom: 5px;
}

.documentation-menu ul.wp-block-list li a{
    text-decoration: none;
    transition: all 0.3s ease;
}

.documentation-menu ul.wp-block-list li a:hover{
    color: var(--wp--preset--color--custom-light-green);
}


/* Account / Login block (auth-based) */
.wp-block-recruitilize-account-login .recruitilize-account-login__link {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 25px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.3s ease;
    display: inline-block;
}

.wp-block-recruitilize-account-login .recruitilize-account-login__link:hover {
    background-color: var(--wp--preset--color--custom-light-green);
    color: var(--wp--preset--color--custom-dark-green);
}

/* My account page */
.my-account-tiles > .wp-block-group{
    text-align: center;
}

.my-account-tiles > .wp-block-group i{
    font-size: 42px;
    text-align: center;
    color: var(--wp--preset--color--custom-dark-green);
}

.my-account-tiles > .wp-block-group a{
    text-decoration: none;
    color: var(--wp--preset--color--custom-dark-green);
    transition: all 0.3s ease;
}

.yoast-breadcrumbs span,
.yoast-breadcrumbs span a{
    color: var(--wp--preset--color--custom-dark-green);
}

.yoast-breadcrumbs span a{
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.yoast-breadcrumbs span a:hover{
    border-bottom: 2px solid var(--wp--preset--color--custom-dark-green);
}

form#edd_profile_editor_form fieldset{
    border: none;
    padding: 0;
    margin: 0 0 25px 0;
}

form#edd_profile_editor_form legend{
    font-weight: 600;
    padding: 0;
    font-size: 18px;
}

#edd-purchase-button,
.edd-submit,
[type=submit].edd-submit,
.edd-submit.button.blue{
    border-radius: 9999px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: var(--wp--preset--font-family--inter);
    padding: 9px 20px;
    background-color: var(--wp--preset--color--custom-light-green);
    border-top-color: var(--wp--preset--color--custom-light-green);
    border-top-width: 2px;
    border-top-style: solid;
    border-right-color: var(--wp--preset--color--custom-light-green);
    border-right-width: 2px;
    border-right-style: solid;
    border-bottom-color: var(--wp--preset--color--custom-light-green);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-color: var(--wp--preset--color--custom-light-green);
    border-left-width: 2px;
    border-left-style: solid;
    color: var(--wp--preset--color--custom-dark-green);
}

#edd-purchase-button:hover,
.edd-submit:hover,
[type=submit].edd-submit:hover,
.edd-submit.button.blue:hover{
    border: 2px solid var(--wp--preset--color--custom-light-green);
    background-color: var(--wp--preset--color--custom-dark-green);
    color: var(--wp--preset--color--custom-light-green);
    transition: all 0.3s ease;    
}

p.edd-blocks-form__group.edd-blocks-form__group-lost-password a{
    text-decoration: none;
    color: var(--wp--preset--color--custom-dark-green);
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

p.edd-blocks-form__group.edd-blocks-form__group-lost-password a:hover{
    transition: all 0.3s ease;
    border-bottom: 2px solid var(--wp--preset--color--custom-dark-green);
}

.edd-blocks-form{
    border: none;
    padding: 0;
}

.edd-blocks-form input[type=email],
.edd-blocks-form input[type=password],
.edd-blocks-form input[type=tel],
.edd-blocks-form input[type=text],
.edd-blocks-form select,
form#edd_profile_editor_form input[type=email],
form#edd_profile_editor_form input[type=password],
form#edd_profile_editor_form input[type=tel],
form#edd_profile_editor_form input[type=text],
form#edd_profile_editor_form select{
    border: 1px solid #c9c9c9;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
}

form#edd_profile_editor_form label{
    display: block;
}

#edd_profile_display_name_wrap{
    display: none;
}

a.social-icon{
    color: var(--wp--preset--color--custom-off-white);
    transition: all 0.3s ease;
    font-size: 22px;
}

a.social-icon:hover{
    color: var(--wp--preset--color--custom-light-green);
}

footer ul.wp-block-list{
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
}

footer ul.wp-block-list li{
    margin-bottom: 5px;
}

footer ul.wp-block-list li a{
    text-decoration: none !important;
    transition: all 0.3s ease;
}

footer ul.wp-block-list li a:hover{
    color: var(--wp--preset--color--custom-light-green);
    transition: all 0.3s ease;
}