/*
Theme Name:     Twenty Twenty-Five Child
Theme URI:      https://jaimemasc.com/
Description:    Child theme for the Twenty Twenty-Five theme
Author:         Jaime Mascarenhas
Author URI:     https://jaimemasc.com/
Template:       twentytwentyfive
Version:        1.0.0
Tags:           block-template
Text Domain:    twentytwentyfive-child
*/

/* slider carousel plugin*/
/* increase the navbar z-index.*/
.is-position-sticky { z-index: 11; }
/*lower the z-index of the slider dots navigation*/
.swiper-pagination,
.cb-button-next,
.cb-button-prev {
    z-index: 9;
}

/*modify focus highlight on carousel arrows and on cliked links*/
a:focus,
.wp-block-cb-carousel-v2 .cb-button-next:focus,
.wp-block-cb-carousel-v2 .cb-button-prev:focus {
    outline: 0;
    outline: dashed #222222;
}

/* chefyongwu custom styles*/
.u-c-gold {
    text-decoration: underline;
    text-decoration-color: #D4AF37; 
    text-decoration-thickness: 0.15em; 
}

.c-gold {
    color: #D4AF37;
}

.gold-blur-bg::before {
    display: block;
    content: "";
    position: absolute;
    top: calc( 50% - 6.5rem );
    left: calc( 50% - 10rem );
    width: 20rem;
    height: 13rem;
    filter: blur(160px);
    background: linear-gradient(180deg, #D4AF37 0%, rgba(212, 175, 55, 0.5) 0.01%, rgba(255, 221, 68, 0.2) 100%);
}

.c-gradient-plate {
    background-image: radial-gradient(circle, rgba(255, 255, 255, .9), rgba(255, 255, 255, .45)), linear-gradient(#000, #000);
    -webkit-background-clip: text;
    background-clip: text;
}

.c-gradient-plate-high {
    background-image: radial-gradient(circle farthest-side at 45%, #fff, rgba(255, 255, 255, .43)), linear-gradient(#000, #000);
    -webkit-background-clip: text;
    background-clip: text;
}

.evo-testimonial-video .elementor-wrapper  {
    --video-aspect-ratio: 301 / 450 !important;
}

.evo-testimonial-video .elementor-custom-embed-image-overlay::before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 48.14%, rgba(26, 26, 26, 0.8) 73.28%);
    opacity: 0.5;
}

.evo-btn-gold .elementor-button-wrapper {
    padding: 1px;
    position: relative;
}

.evo-btn-gold a.elementor-button {
    background-image: radial-gradient(circle, rgba(212, 175, 55, .9), rgba(212, 175, 55, .5)), linear-gradient(#000, #000);
    position: relative;
    box-shadow: 0 0 0 calc( 1px + 0px ) hsla(0,0%,100%,.1);
}

.evo-btn-gold .elementor-button-wrapper::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(75% 100% at 50% 0,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 75%);
    border-radius: 30px;
    opacity: 0;
    transition: all 0.5s cubic-bezier(.4,0,.2,1);
}


.evo-btn-gold .elementor-button-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: calc( 10% );
    height: 1px;
    width: 80%;
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0));
    transition: all 0.5s cubic-bezier(.4,0,.2,1);
}

.evo-btn-gold a.elementor-button:hover {
    box-shadow: 0 0 0 calc( 1px + 0px ) hsla(0,0%,100%,.1), 0px 1px 20px rgba(212, 175, 55, .3);
}

.evo-btn-gold .elementor-button-wrapper:hover::before {
    opacity: 1;
}

.evo-btn-gold .elementor-button-wrapper:hover::after {
    opacity: 0.4;
}

.evo-btn-gold.evo-btn-dark-gold a.elementor-button {
    background-image: none;
}

.evo-btn-gold.evo-btn-dark-gold .elementor-button-wrapper::before {
    background-image: radial-gradient(75% 100% at 50% 0,rgba(212, 175, 55,.6) 0,rgba(212, 175, 55,0) 75%);
}


.evo-btn-gold.evo-btn-dark-gold .elementor-button-wrapper::after {
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(212, 175, 55,0.9), rgba(255,255,255,0));
}

/* página pedido completado */
.wc-block-order-confirmation-summary ul {
    padding: 16px;    
}

.wc-block-order-confirmation-summary ul > li {
    flex: 1 0 auto;
}

.wc-block-order-confirmation-order-note {
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    border-radius: 4px;
    /* border-spacing: 0; */
    width: 100%;
}

.wp-block-woocommerce-order-confirmation-summary.wc-block-order-confirmation-summary {
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}

.wp-block-woocommerce-order-confirmation-totals.wc-block-order-confirmation-totals.alignwide {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.wc-block-order-confirmation-order-note p {
    border-left-width: 0;
    border-radius: 0;
    border-right-width: 0;
    border-top: 0;
    font-weight: inherit;
    margin: 0;
    padding: 16px;
    text-align: left;
}

.wc-block-order-confirmation-order-note p:last-child {
    border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}

main#wp--skip-link--target {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    align-content: flex-end;
    gap: 1.675rem
}

/*
main.wp-block-group > div {
    width: 100%;
}
*/

/**
 * LOGIN SCREEN
 */
.login #login {
    width: 100%;
    max-width: 560px;
}
.login #login #login-message p a {
    text-decoration: unset;
    color: #D4AF37;
}
.login #login .notice.notice-info.message {
    background: transparent;
    color: #ffffff;
    border: none;
    padding: 0;
}
.login #login .notice.notice-info.message p {
    font-size: 1.25rem;
}
.login #login form[name="resetpassform"],
.login #login form[name="loginform"],
.login #login form[name="lostpasswordform"] {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    background: transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 1.25em;
    padding: 1.675rem;
}
.login #login form[name="resetpassform"] .user-pass1-wrap,
.login #login form[name="loginform"] .user-pass1-wrap,
.login #login form[name="lostpasswordform"] .user-pass1-wrap {
    font-size: 1.25rem;
}
.login #login form[name="resetpassform"] .user-pass1-wrap p label,
.login #login form[name="loginform"] .user-pass1-wrap p label,
.login #login form[name="lostpasswordform"] .user-pass1-wrap p label {
    font-size: 1.25rem;
}
.login #login form[name="resetpassform"] .button-primary,
.login #login form[name="loginform"] .button-primary,
.login #login form[name="lostpasswordform"] .button-primary {
    background: transparent !important;
    border-color: #b2b2b2 !important;
    color: #b2b2b2;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    margin-top: 1.675rem;
}
.login #login form[name="resetpassform"] .button-primary:hover,
.login #login form[name="loginform"] .button-primary:hover,
.login #login form[name="lostpasswordform"] .button-primary:hover {
        border-color: #ffffff !important;
        color: #ffffff;
}
.login #login form[name="resetpassform"] .button.wp-generate-pw,
.login #login form[name="loginform"] .button.wp-generate-pw,
.login #login form[name="lostpasswordform"] .button.wp-generate-pw {
    color: var(--e-global-color-text);
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1em;
    transition-duration: 0.3s;
    border-radius: 30px 30px 30px 30px;
    border-color: transparent;
    padding: 13px 35px 13px 35px;
    background-image: radial-gradient(circle, rgba(212, 175, 55, .9), rgba(212, 175, 55, .5)), linear-gradient(#000, #000);
    position: relative;
    box-shadow: 0 0 0 calc(1px + 0px) hsla(0, 0%, 100%, .1);
    margin-top: 1.675rem;
}
.login #login form[name="resetpassform"] .button.wp-generate-pw:hover,
.login #login form[name="loginform"] .button.wp-generate-pw:hover,
.login #login form[name="lostpasswordform"] .button.wp-generate-pw:hover {
    color: #ffffff;
    box-shadow: 0 0 0 calc( 1px + 0px ) hsla(0,0%,100%,.1), 0px 1px 20px rgba(212, 175, 55, .3);
}
.login #login #nav a,
.login #login #backtoblog a{
    color: #ffffff;
}
.login .language-switcher #language-switcher .dashicons.dashicons-translation {
    color: #ffffff;
}