.elementor-kit-5{--e-global-color-primary:#333333;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ba3ca83:#ECAC0D;--e-global-color-ed6b0ce:#131354;--e-global-typography-primary-font-family:"Pacifico";--e-global-typography-primary-font-size:25px;--e-global-typography-primary-font-weight:100;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-5 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-5 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-5 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-5 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h5{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h6{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h5{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h6{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.fullwidth-button .elementor-button {
    width: 100% !Important;
}


.yayextra-description {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
}

/* Remove table styling */
.variations {
    background: transparent !important;
    border: none !important;
}

/* Remove row borders/backgrounds */
.variations tr,
.variations td,
.variations th {
    background: transparent !important;
    border: none !important;
}

/* Optional: spacing */
.variations td {
    padding: 0;
}

.variations,
.variations tbody,
.variations tr,
.variations td,
.variations th {
    display: block;
    width: 100%;
}

.variations tr {
    margin-bottom: 5px;
}

/* Make sure the label sits above and aligns left */
.variations th.label {
    display: block;
    text-align: left;
    width: 100%;
}

/* Remove bold styling */
.variations th.label label {
    font-weight: normal !important;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

/* Make the dropdown take full width underneath */
.variations td.value {
    display: block;
    width: 100%;
}

/* Stack them vertically */
.variations tr {
    display: block;
    margin-bottom: 0px;
}

.variations th.label {
    padding: 0px !important;
}

table.variations {
    margin-bottom: 0px !important;
}

.woocommerce-variation-price bdi {
    display: none !important;
}


/* 1. Set up the master grid layout for BOTH simple and variable product forms */
.woocommerce-variation-add-to-cart,
form.cart {
    display: grid !important;
    grid-template-columns: auto 1fr; /* Column 1 for quantity, Column 2 for button */
    align-items: center !important;  /* Vertically aligns box and button */
    text-align: left !important;
}

/* 2. Force text fields to span the full width at the top */
.woocommerce-variation-add-to-cart .yayextra-option-set,
form.cart .yayextra-option-set {
    grid-column: 1 / span 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* 3. Force subtotal to span full width below text fields */
.woocommerce-variation-add-to-cart .yayextra-extra-subtotal-price,
form.cart .yayextra-extra-subtotal-price {
    grid-column: 1 / span 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin-bottom: 5px !important;
}

/* 4. Force total price to span full width below subtotal */
.woocommerce-variation-add-to-cart .yayextra-total-price,
form.cart .yayextra-total-price {
    grid-column: 1 / span 2 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* 5. Place quantity box on row 4, column 1 */
.woocommerce-variation-add-to-cart .quantity,
form.cart .quantity {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 15px 0 0 !important; /* Gaps the right side, clears theme margins */
    display: inline-block !important;
    float: none !important;
}

/* 6. Place Add to Cart button on row 4, column 2 */
.woocommerce-variation-add-to-cart .single_add_to_cart_button,
form.cart .single_add_to_cart_button {
    grid-column: 2 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    justify-self: start !important; /* Keeps button from stretching full width */
    display: inline-block !important;
    float: none !important;
}


/* Force entire add-to-cart area into vertical stack */
.elementor-add-to-cart.elementor-product-variable form.variations_form {
    display: flex !important;
    flex-direction: column !important;
}

/* Make variations table full width */
.elementor-add-to-cart.elementor-product-variable .variations {
    width: 100% !important;
    display: table !important;
}

/* Ensure label + select stack properly */
.elementor-add-to-cart.elementor-product-variable .variations tr {
    display: block !important;
    width: 100% !important;
}

.elementor-add-to-cart.elementor-product-variable .variations th,
.elementor-add-to-cart.elementor-product-variable .variations td {
    display: block !important;
    width: 100% !important;
}

/* Fix select alignment */
.elementor-add-to-cart.elementor-product-variable select {
    width: 100% !important;
    display: block !important;
}

/* Push everything below options */
.elementor-add-to-cart.elementor-product-variable .single_variation_wrap {
    width: 100% !important;
    margin-top: 15px;
}/* End custom CSS */