/* 
Theme Name: Alqimunay Theme
Text Domain: alqimunya-theme
Version: 0.9
Description: Custom theme for Alqimunay website
Author: Nicols Rojas
*/
html {
    scroll-behavior: smooth;
  }
.article__user-img {
    width: 40px;
}

.resources-card__image {
    height: 15em !important;
}

.resources-featured__card-image {
    height: 20em !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.single_add_to_cart_button,
#mc-embedded-subscribe,
.woocommerce-MyAccount-downloads-file,
.order-again .button {

    padding: var(--paddings--1xs) var(--paddings--m) var(--paddings--1xs) var(--paddings--s) !important;
    border: var(--border-size--main) solid var(--color-palette--primary--black) !important;
    border-radius: var(--corner-radius--xl) !important;
    background-color: var(--color-palette--primary--black) !important;
    display: flex !important;

    transition: all 200ms cubic-bezier(0.9, 0.9, 0.6, 1) !important;

    font-family: var(--font-family--primary);
    color: #2b2b2b;
    line-height: var(--font-height--160);
    letter-spacing: var(--font-spacing--0-05em);
    font-weight: 300;
    gap: 8px;
}

/* Hover */


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
#mc-embedded-subscribe:hover {
    box-shadow: inset 4px -5px 12px -6px var(--color-palette--primary--white), inset -12px 5px 15px -9px var(--color-palette--primary--white) !important;
    background-color: #2a2a2a00 !important;
    background-image: repeating-radial-gradient(circle at 100% 0, #bedde8, #fd70ff 32%, #7054ff) !important;
    border-style: none !important;
    border-color: #2a2a2a00 !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
#mc-embedded-subscribe:hover{
    background-color: transparent !important;
    transform: scale(1.04) !important;
}

.share-button,
#mc-embedded-subscribe {
    cursor: pointer;
    height: auto !important;
}

.faq__wrapper {
    background-color: var(--color-palette--primary--white);
}

.article__text em {
    display: inline;
}

.article__text em {
    font-family: var(--font-family--secondary);
    letter-spacing: var(--font-spacing--0-05em);
    flex-flow: row;
    font-style: italic;
    font-weight: 400;
}

.resources-posts__section {
    width: 100%;
}

.projects-list__img-link {
    opacity: 0;
}

.wc-block-components-checkout-step__description,
.wc-block-checkout__terms {
    color: var(--color-palette--primary--black);
    font-family: Space Grotesk, sans-serif;
    line-height: var(--font-height--160);
}

.page-margin {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media(max-width: 991px) {
    .page-margin {
        padding-top: 120px;
    }

}

.wc-block-components-title {
    font-weight: bold;
}

.wc-block-components-form .wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-blocks-components-select .wc-blocks-components-select__container,
.wc-block-components-textarea,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],
.wc-block-components-checkbox__label,
.wc-block-components-address-card__address-section,
.wc-block-components-panel__button,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-components-product-metadata,
.wc-block-formatted-money-amount,
.wc-block-components-product-name,
.wc-block-components-notice-banner__content {
    background-color: transparent !important;
    font-family: Space Grotesk, sans-serif !important;
}

/*  Checkout button */
.wc-block-components-button {
    padding: var(--paddings--1xs) var(--paddings--m) var(--paddings--1xs) var(--paddings--s) !important;
    border: var(--border-size--main) solid var(--color-palette--primary--black) !important;
    border-radius: var(--corner-radius--xl) !important;
    background-color: var(--color-palette--primary--black) !important;
    display: flex !important;

    transition: all 200ms cubic-bezier(0.9, 0.9, 0.6, 1) !important;

    font-family: var(--font-family--primary);
    color: #2b2b2b;
    line-height: var(--font-height--160);
    letter-spacing: var(--font-spacing--0-05em);
    font-weight: 300;
    gap: 8px;

    color: var(--color-palette--primary--white);

}

.wc-block-components-button:hover {
    background-color: transparent !important;
    transform: scale(1.04) !important;

    box-shadow: inset 4px -5px 12px -6px var(--color-palette--primary--white), inset -12px 5px 15px -9px var(--color-palette--primary--white) !important;
    background-color: #2a2a2a00 !important;
    background-image: repeating-radial-gradient(circle at 100% 0, #bedde8, #fd70ff 32%, #7054ff) !important;
    border-style: none !important;
    border-color: #2a2a2a00 !important;
}

.article__body a {
    display: inline;
    color: #333;
    text-decoration: underline;
    white-space: normal;
}

.aligncenter {
    display: block;
    /* Ensures the image behaves like a block-level element */
    margin-left: auto;
    /* Automatically calculates left margin */
    margin-right: auto;
    /* Automatically calculates right margin */
    text-align: center;
    /* Ensures any content inside aligns properly (just in case) */
}

.alignleft {
    float: left;
    /* Floats the element to the left */
    margin-right: 1.5em;
    /* Adds spacing to the right of the floated element */
    max-width: 100%;
    /* Prevents overflow */
    height: auto;
    /* Maintains aspect ratio */
}

.alignright {
    float: right;
    /* Floats the element to the right */
    margin-left: 1.5em;
    /* Adds spacing to the left of the floated element */
    max-width: 100%;
    /* Prevents overflow */
    height: auto;
    /* Maintains aspect ratio */
}
.entry-title{
    margin-bottom: 45px;
}
.wp-video-shortcode,
.wp-video{
    max-width: calc(-20px + 100vw) !important;
}
img{
    height: auto;
}

#cookie-settings{
    cursor: pointer;
}
#wpcc-floating-icon{
    opacity: 0 !important;
    pointer-events: none !important;
}
.pm--box *{
    font-family: 'Space Grotesk' !important;
}

.nav-links{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    font-size: 14px;
}
.nav-links *{
    color: #2A2A2A;
}
.nav-links a:hover{
    text-decoration: underline;
}


/* hover */
.pum-theme-516 .pum-container, .pum-theme-lightbox .pum-container {
    border: none !important;
    box-shadow: none !important;
}
.pum *{
    font-family: 'Space Grotesk' !important;
}
.pum-container.popmake{
    padding: 30px !important;
}
#pum_popup_title_525{
    display: none;
}

.text-center{
    text-align: center;
}
.pum-container.popmake{
    border-radius: 30px !important;
    background-color: #F5F0F3;
    box-shadow: 1px 9px 36.6px 0px rgba(121, 118, 118, 0.06);

    padding: 3% 5% 2% !important;
}
.pum-container.popmake .pop-title{
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -2.05px;
    color: #2A2A2A;
    font-weight: 300 !important;
}
.pum .secondary-font {
    font-family: var(--font-family--secondary) !important;
    font-weight: 400 !important;
}
#mc-embedded-subscribe{
    line-height: normal !important;
    display: flex;
    align-items: center;
}
.pum .description{
    font-size: 18px;
    line-height: 160%;
    margin-top: 30px;
    margin-inline: 60px;
}
.pum .foot{
    display: flex !important;
    justify-content: center;
}
.pum .pum-close{
    right: 13px !important;
    top: 11px !important;
    box-shadow: none !important;
    border: none !important;
}
#mc_embed_signup .mc-field-group input{
    border-radius: 12px !important;
    border: 0.75px solid var(--Primary-Black, #2A2A2A) !important;
    background: #FFF !important;
}
@media(max-width: 991px){
    .pum-container.popmake{
        padding: 10% 5% 3% !important;
    }
    .pum .description{
        margin-inline: 0;
        font-size: 14px;
    }
    #mc-embedded-subscribe{
        font-size: 16px !important;
        margin-top: 20px !important;
    }
}

.language-switcher-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-button {
    background-color: transparent;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dropdown-button::after {
    content: '▼';
    margin-right: 12px;
    font-size: 12px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    padding: 10px 30px 10px 10px;
    list-style: none;
    margin: 0;
    z-index: 1000;
    border-radius: 6px;
    box-shadow: 1px 9px 36.5px #7976760f;
}

.dropdown-menu li {
    padding: 5px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dropdown-menu li:hover {
    background-color: #f1f1f1;
}

.language-flag {
    width: 20px;
    height: auto;
    margin-right: 10px;
}
.nav-bar{
    overflow: visible;
}
.nav-links-contariner {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#mce-EMAIL{
    text-align: center;
}
.dropdown-menu li {
    font-family: 'Space Grotesk' !important;
}
#mc_embed_signup .button{
    margin: 0 !important;
}
/* .language-switcher-dropdown{
    padding-bottom: 10px;
} */
.woocommerce-MyAccount-downloads-file{
    width: min-content;
}
.entry-title,
.woocommerce-order-downloads__title,
.woocommerce-order-details__title,
.woocommerce-column__title
{
    margin-bottom: 20px;
    font-weight: 400 !important;
}
.woocommerce-thankyou-order-received{
    margin-bottom: 35px;
}
.woocommerce-customer-details address{
    padding: 26px 50px !important;
    width: fit-content !important;
}
.order-again .button {
    color: white !important;
    width: fit-content;
}
#mc_embed_signup .mc-field-group{
    margin-top: 10px;
    margin-bottom: 20px;
}
#mc_embed_signup .mc-field-group input {
    display: block;
    width: 100%;
    padding: 8px 0;
    text-indent: 2%;
}
#mc-embedded-subscribe{
    color: white;
}
@media(min-width: 1921px) {
    .margin-section{
        width: 1920px;
    }
}
address,
.woocommerce-order-overview__order,
.woocommerce-order-overview__date,
.woocommerce-order-overview__email,
.woocommerce-order-overview__total,
.nobr,
.product-name,
.procuct-total,
.woocommerce-thankyou-order-received,
.woocommerce-Price-amount,
bdi,
.woocommerce-table__product-table, th{
    font-family: 'Space Grotesk' !important;
}
#mce-error-response,
#mce-success-response{
    font-family: 'Space Grotesk' !important;
    font-size: 16px;
    line-height: 160%;
    color: white;
}

#mce-EMAIL {
    font-family: 'Space Grotesk' !important;
    letter-spacing: var(--font-spacing--0-05em);
    padding: 18px 30px 17px;
    border-radius: 40px;
    width: max-content;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px;
}
.footer-section {
    justify-content: space-between;
}
@media(max-width: 991px){
    #mc-embedded-subscribe {
        margin-inline: auto;
    }
    #mce-EMAIL{
        text-align: center;
    }
    .mobile-column{
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        /* align-items: center; */
    }
    .categories-container {
        gap: 12px;
        /* justify-content: center; */
    }
}

@media(min-width: 992px){
    .only-mobile{
        display: none;
    }
}

.visual-block__video-wrapper{
    position: absolute !important;
}

.flex-center {
    display: flex;
    justify-content: center;
    gap: 1em;
}
.categories-container{
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
}
.category-item{
    border: #99CEFF solid 1px;
    border-radius: 25px;
    color: #3C3C3C;
    font-weight: 700;
    padding: 2px 24px;
}
.category-item.active{
    border: #2A2A2A solid 1px;
    background: #2A2A2A;
    color: #F5F0F3;
}
.product-hero__section{
    height: auto !important;
    align-items: end;
}
@media (max-width: 680px) {
    .d-inline{
        display: inline !important;
    }
}

.home-hero__buttons.gap-v-s {
    flex-flow: row wrap;
}
