/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1738912062
Updated: 2025-02-07 07:07:42

*/

html,
body {
    overflow-x: hidden;
}

::placeholder {
    color: #AFAFAF !important;
}

/*span.elementor-icon-list-text {
    overflow-wrap: anywhere !important;
}*/

.blend-mode-cls::before {
    mix-blend-mode: multiply !important;
}

.elementor-icon-box-title {
    padding: 0;
    margin: 0;
}

.bg-grd-black {
    background: linear-gradient(180deg, #00000000 0%, #000000 100%) !important;
    border-radius: 15px !important;
}

.bg-grd-black .elementor-cta__content {
    background: linear-gradient(180deg, #00000000 0%, #000000 100%) !important;
    border-radius: 15px;
}

/* Color */
.temptress {
    color: #3A2332;
}

.deep-amethyst {
    color: #9F809C;
}

/* Header */
i.ee-search-form__icon.nicon.nicon-search {
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Shop */
#shop-cate-menu .e-n-menu-title {
    width: 200px !important;
    text-align: center !important;
    justify-content: center !important;
}

.custom-sort-dropdown {
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#loop-info .tag-item {
    width: 1.4rem;
    height: 1.4rem;
    font-size: 12px;
    margin: 0;
}

/* Single Product */
table th,
td {
    background-color: #ffffff !important;
    padding: 0 !important;
}

.reset_variations {
    display: none !important;
}

#shop-variation .woocommerce-variation.single_variation {
    display: flex;
    flex-direction: column-reverse;
}

label.wapf-input-label

/*สลับฝั่ง text กับ radio */
    {
    display: flex !important;
    justify-content: space-between !important;
    flex-direction: row-reverse !important;
}

.wapf-checkable,
.wapf-field-select

/* ใส่ style ให้แต่ละ radio */
    {
    padding: 15px !important;
    border: 2px solid #9F809C;
    border-radius: 6px;
    margin-bottom: 5px;
}

.wapf-checked {
    background-color: #9f809c29;
}

.wapf-label-text {
    padding: 0 !important;
}

.wapf-field-container {
    padding: 0;
}

/*.wapf-field-label.wapf--above {
    margin-bottom: 10px;
}*/
select.wapf-input {
    width: 40%;
}

abbr[title] {
    text-decoration: none;
    color: red !important;
}

#quan-top .wapf-product-totals {
    display: none !important;
}


/* Loop Product */
.elementor-widget-image a {
    display: block !important;
}

#quan-loop button.minus.qib-button,
button.plus.qib-button {
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #ebebeb !important;
}

#quan-loop .quantity {
    display: flex;
    flex-flow: row-reverse;
}

#quan-loop body .qib-button-wrapper {
    float: right !important;
}

#quan-loop .qib-button-wrapper {
    margin-left: 60% !important;
}

#quan-loop button.minus.qib-button,
button.plus.qib-button {
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #ebebeb !important;
}

#quan-loop .qib-button-wrapper button.qib-button {
    height: 30px !important;
}

.cate-prod {
    pointer-events: none;
}

.prod-title {
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-tag {
    min-height: 2rem;
    flex-wrap: wrap;
}

.list-tag.sm .tag-item {
    /*width: 1.3125rem;
	height: 1.3125rem;*/
    width: 1.8rem;
    height: 1.8rem;
    font-size: 14px;
    /*font-size: 0.6875em;*/
}

.tag-item {
    width: 1.5rem;
    height: 1.5rem;
    /*width: 1.3125rem;
 	height: 1.3125rem;
	font-size: 0.6875em;*/
    font-size: 14px;
    /*padding: 0.125rem 0;*/
    margin: 0.1875rem 0.125rem;
}

.list-tag .tag-item {
    position: relative;
    border-radius: 100%;
    display: inline-flex;
    align-items: center !important;
    text-align: center;
    justify-content: center !important;
    box-sizing: border-box;
}

.vetgetarian {
    color: #76C3AE;
    background: #FFF;
    box-shadow: 0 0 0 1px #76C3AE !important;
}

.vegan {
    color: #FFF;
    background: #76C3AE;
}

.keto {
    color: #FFF;
    background: #f16e82;
}

.halal {
    color: #FFF;
    background: #9BD3DD;
}

.kosher {
    color: #FFF;
    background: #E2CA9A;
}

.paleo {
    color: #FFF;
    background: #AFCC7A;
}

.dairy-free {
    color: #FFF;
    background: #f6b0a6;
}

.egg-free {
    color: #FFF;
    background: #EFDB2D;
}

.gluten-free {
    color: #FFF;
    background: #565D59;
}

.lactose-free {
    color: #FFF;
    background: #2C456B;
}

.nut-free {
    color: #FFF;
    background: #B6ABA5;
}

.refined-sugar-free {
    color: #FFF;
    background: #919EE4;
}

.pescatarian {
    color: #FFF;
    background: #4DB6AC;
}

.high-protein {
    color: #FFF;
    background: #388E3C;
}

.contains-dairy {
    color: #FFF;
    background: #cd6155;
}

.contains-seafood {
    color: #FFF;
    background: #5dade2;
}

.contains-gluten {
    color: #FFF;
    background: #f7dc6f;
}

.contains-seeds {
    color: #FFF;
    background: #935116;
}

.contains-soya {
    color: #f4d03f;
    background: #FFF;
    box-shadow: 0 0 0 1px #f4d03f !important;
}

.brand-all {
    color: #3A2332;
    border-radius: 100%;
    border: 1px solid #3A2332;
}

/* Woocommerce */
.price {
    color: #3A2332 !important;
}

/* span.woocommerce-Price-amount.amount::after {
    content: '\00a0SAR';
}

span.woocommerce-Price-currencySymbol {
    display: none;
} */

body .qib-button-wrapper {
    align-items: flex-end !important;
    justify-content: left !important;
}

/* Checkout */
.wc-block-components-checkout-place-order-button {
    color: #ffffff;
    background-color: #3A2332;
    border: none;
    border-radius: 6px;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #9F809C;
}

.wc-block-components-form .wc-block-components-checkout-step {
    margin: 0 !important;
}

a.wc-block-components-checkout-return-to-cart-button {
    padding: 15px 50px;
    color: #A0CB51;
    background-color: #ffffff;
    border: 1px solid #A0CB51;
    border-radius: 6px;
    text-align: center !important;
    align-content: center !important;
}

a.wc-block-components-checkout-return-to-cart-button svg {
    width: 0 !important;
}

/* = Delivery & Pick up =*/
a.dps-order-type-btn.dps-order-type-btn-delivery.btn.button::before {
    content: url(/wp-content/uploads/truck-svg.svg);
    zoom: 15%;
    padding-right: 50px !important;
}

a.dps-order-type-btn.dps-order-type-btn-pickup.btn.button::before {
    content: url(/wp-content/uploads/icon-pickup-svg.svg);
    zoom: 15%;
    padding-right: 50px !important;
}

/*:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover {
	background-color: #A0CB5124 !important;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button {
	background-color: #A0CB5124 !important;
	padding: 15px 50px;
    border-radius: 6px;
    border: 1px solid #A0CB51;
	font-family: 'DM Sans';
    font-weight: 400;
    font-size: 16px;
}*/
#dps-datetime-picker::before {
    content: 'Methods';
    color: #000000;
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 18px;
}

#dps-datetime-picker h3 {
    display: none;
}


/**======================================================================**/
/* 																Product Fields																					  */
/**======================================================================**/
/* Field Group = Power Boxes*/
/*.wapf-field-container.wapf-field-checkboxes.nut-dried-fruit, .wapf-field-container.wapf-field-checkboxes.banana-bread {
    padding: 15px !important;
    border: 2px solid #9F809C;
    border-radius: 6px;
    margin-bottom: 5px;
}
.nut-dried-fruit .wapf-field-label.wapf--above, .banana-bread .wapf-field-label.wapf--above {
    display: none;
}
.nut-dried-fruit .wapf-checkable, .banana-bread .wapf-checkable
 {
    border: none;
    padding: 0 !important;
}*/
/* End Power Nut/Dried Fruit Pack, Banana Bread */
/*.wapf-field-container.wapf-field-select.assorted-juices {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}*/

#gform_wrapper_1 {
    direction: ltr !important;
    unicode-bidi: embed !important;
    text-align: left !important;
}

#field_1_5 {
    grid-column: 1 / span 6;
    grid-row: 1;
}

#field_1_13 {
    grid-row: 1 / span 5;
    grid-column: 7 / span 6;
}

.gf_page_steps {
    position: relative !important;
    justify-content: center !important;
}

.gf_page_steps>div {
    flex-direction: column;
}

.gform-theme--framework .gf_step_completed .gf_step_number::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.gf_page_steps>.gf_step {
    position: relative;
}

.gf_page_steps>.gf_step:not(:last-of-type):before {
    content: "";
    width: calc(100% + 50px);
    height: 1px;
    display: block;
    position: absolute;
    top: 16px;
    left: 32px;
    background-color: #9F809C;
}

.gf_page_steps>.gf_step .gf_step_number {
    background-color: #fff;
    color: #9F809C;
}

.gf_page_steps>.gf_step.gf_step_active .gf_step_number,
.gf_page_steps>.gf_step.gf_step_completed .gf_step_number {
    position: relative;
    background-color: #9F809C !important;
    color: #fff;
    border-color: #9F809C !important;
}

.gform-theme--framework .gf_step_completed .gf_step_number::after {
    background-color: #9F809C !important;
    display: none !important;
}

.gform_required_legend {
    display: none !important;
}

#field_1_6 .gfield_radio,
#field_1_8 .gfield_radio {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

#field_1_6 #input_1_6 .gchoice label,
#field_1_8 #input_1_8 .gchoice label {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    color: #D5D5D5;
    margin: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border-radius: 50%;
    cursor: pointer;
}

#field_1_5 #input_1_5 .gchoice input,
#field_1_6 #input_1_6 .gchoice input,
#field_1_8 #input_1_8 .gchoice input,
#field_1_9 #input_1_9 .gchoice input {
    visibility: hidden;
    position: absolute;
}

#field_1_6 #input_1_6 .gchoice input:checked+label,
#field_1_8 #input_1_8 .gchoice input:checked+label {
    background-color: #3A2332;
    color: #fff;
}

#input_1_5 .gchoice,
#input_1_9 .gchoice {
    display: block !important;
}

#input_1_5 .gchoice label,
#input_1_9 .gchoice label {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    color: #3A2332;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 6px;
    width: 100%;
    height: 65px;
    cursor: pointer;
}

#input_1_5 .gchoice input:checked+label,
#input_1_9 .gchoice input:checked+label {
    background-color: #A0CB5124;
    border: 1px solid #A0CB51;
}

legend.gfield_label.gform-field-label,
.gfield h4 {
    font-family: 'Sofia Sans';
    font-size: 20px;
    color: #3A2332;
}

#gform_fields_1 {
    row-gap: 15px;
}

ul.plan-pack-list {
    list-style: none;
    padding: 0;
    color: #9F809C;
}

ul.plan-pack-list svg {
    color: #A0CB51;
    fill: #A0CB51;
    margin-right: 6px;
}

ul.plan-pack-list li {
    font-size: 16px;
    margin-bottom: 10px;
}

fieldset.my-group-fieldset {
    border: 1px solid #D5D5D5 !important;
    padding: 30px !important;
    border-radius: 20px !important;
    grid-column: span 12;
}

#input_1_19,
#input_1_20,
#input_1_21,
#input_1_25,
#input_1_27,
#input_1_28,
#input_1_29,
#input_1_30 {
    border: 0;
    outline: unset;
    padding: 0;
    font-weight: 700;
}

#field_1_22,
#field_1_31 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 16px;
}

#field_1_22 label,
#field_1_31 label {
    font-weight: 700;
}

#input_1_22,
#input_1_31 {
    text-align: right;
    outline: unset !important;
    border: 0 !important;
    font-weight: 700;
}

#field_1_23,
#field_1_32 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #9F809C;
    padding: 15px 30px;
    width: calc(100% + 60px);
    transform: translateX(-30px);
    margin-bottom: 50px;
}

#field_1_23 label,
#field_1_32 label {
    font-weight: 700;
    margin: 0;
    color: #fff;
}

#input_1_23,
#input_1_32 {
    text-align: right;
    outline: unset !important;
    border: 0 !important;
    color: #fff;
}

.img-wrap {
    margin-bottom: 20px;
}

.img-wrap img {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

#gform_next_button_1_33 {
    background-color: #a0cb51;
    width: 100%;
    outline: unset;
    border: 0;
    margin: 10px 0 20px;
}

input#gform_next_button_1_33:hover {
    background-color: #3a2332;
}

#gform_previous_button_1 {
    margin: 10px 5px;
}

#gform_submit_button_1 {
    background-color: #a0cb51;
    width: 50%;
    outline: unset;
    border: 0;
    margin: 10px 5px;
}

#gform_submit_button_1:hover {
    background-color: #3a2332;
}

fieldset.my-group-fieldset fieldset {
    margin-bottom: 30px;
}

h5.summary-title {
    text-transform: uppercase;
    border-bottom: 1px solid #e7e9eb;
    padding-bottom: 20px;
}

.food-options-wrap {
    margin-bottom: 30px;
}

.food-options-wrap .option-title {
    font-size: 20px;
    font-weight: 700;
}

.food-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.food-options .option-price {
    font-size: 14px;
    color: #7e7e7e;
}

.option-required-text {
    font-size: 12px;
    font-weight: 400;
    margin: 0 6px;
    padding: 3px 8px;
    background-color: #a0cb51;
    color: #fff;
    border-radius: 30px;
}

.checkbox-error {
    font-size: 14px;
    margin: 10px 0;
}

.woocommerce-cart-form__cart-item .product-name dl.variation>dt {
    display: block;
    width: 100%;
    font-weight: 600;
}

.single-rms_menu .rms-fluid-container {
    width: 92%;
    max-width: 1200px;
    margin: 70px auto;
}

.rms-delivery-modal-container .rms-modal {
    height: 635px !important;
    max-height: 635px !important;
}

#input_1_17>.gchoice {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#input_1_17 .gfield-choice-input {
    position: absolute;
    opacity: 0 !important;
}

#input_1_17 .gform-field-label {
    display: block;
    width: 100%;
    height: 100%;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 16px;
    font-weight: 700;
    color: var(--e-global-color-primary);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e7e9eb;
    margin: 0;
    cursor: pointer;
}

#input_1_17 .gform-field-label .woocommerce-Price-amount {
    font-family: var(--e-global-typography-text-font-family);
    font-weight: 400;
}

#input_1_17 .gfield-choice-input:checked+label {
    background-color: #A0CB5124;
    border: 1px solid #A0CB51;
}

.rms-glider .rms-glider-item-wrap {
    min-width: 120px;
    padding: 10px 5px !important;
}

.rms-categories-filter-container-top div.rms-glider a {
    border: 1px solid #D5D5D5;
    box-shadow: unset !important;
    border-radius: 6px !important;
}

.rms-category-block>a {
    border: 1px solid #D5D5D5 !important;
    box-shadow: unset !important;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

.rms-header-flex-container>.rms-left {
    display: none !important;
}

.allergen-wrapper {
    position: relative;
    padding: 0;
}

.allergen-item,
.allergen-wrapper li.tag-item {
    position: static;
    font-size: 11px;
    background-color: #9f7f99;
    color: #fff !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center !important;
    text-align: center;
    justify-content: center !important;
    box-sizing: border-box;
}

.allergen-item a,
.allergen-wrapper li.tag-item a {
    color: inherit;
}

.tag-item.brand-all {
    border-color: #BFE3DA;
    color: #BFE3DA;
}

.allergen-item:before,
.allergen-wrapper li.tag-item:before {
    display: none;
    content: attr(title);
    position: absolute;
    top: -25px;
    background: #3A2332;
    color: #fff;
    width: auto;
    padding: 2px 8px;
    font-size: 12px;
    min-width: 60px;
    line-height: 1.5;
    border-radius: 5px;
}

.allergen-item:hover:before,
.allergen-wrapper li.tag-item:hover:before {
    display: inline-block;
}

.sf-field-taxonomy-product_cat ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
    padding: 0;
}

.sf-field-taxonomy-product_cat ul>li {
    position: relative;
    cursor: pointer;
}

.sf-field-taxonomy-product_cat ul>li>.sf-input-radio {
    position: absolute;
    opacity: 0;
}

.sf-field-taxonomy-product_cat ul>li>label.sf-label-radio {
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 16px;
    padding: 20px 10px;
    background: #F4D8A400 0% 0% no-repeat padding-box;
    border: 1px solid #D5D5D5;
    border-radius: 6px;
    color: #3A2332;
    min-width: 150px;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sf-field-taxonomy-product_cat ul>li:hover>label.sf-label-radio,
.sf-field-taxonomy-product_cat ul>li.sf-option-active>label.sf-label-radio {
    border: 2px solid #A0CB51;
    color: #A0CB51;
    background-color: #A0CB5124;
}

.woocommerce-notices-wrapper .woocommerce-message {
    margin-bottom: 0 !important;
}

.item-product-categories {
    display: inline-block;
    background-color: #3a2332;
    color: #fff;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 6px;
    line-height: 1;
}

.woocommerce ul.products.elementor-grid li.product img {
    width: calc(100% + 30px) !important;
    max-width: calc(100% + 30px) !important;
    margin-top: -15px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.woocommerce ul.products.elementor-grid li.product form.cart {
    margin-bottom: 0;
}

.woocommerce ul.products.elementor-grid li.product .button {
    display: block;
    text-align: center;
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
}

.woocommerce ul.products.elementor-grid li.product .qib-button-wrapper {
    transform: scale(0.8) translateX(20px);
    float: right;
    margin-top: -42px;
}

.woocommerce ul.products.elementor-grid li.product a.added_to_cart.wc-forward {
    font-size: 14px !important;
    text-transform: uppercase;
    text-align: center;
    color: #9f7f99;
}

body.cart tr.woocommerce-cart-form__cart-item.cart_item .quantity.wqpmb_quantity,
.quantity.wqpmb_quantity {
    display: inline-flex;
    align-items: center;
}

.qib-button-wrapper .quantity input.input-text.qty.text {
    font-size: 16px !important;
}

.shop-loop-grid-wrap .elementor-products-nothing-found {
    margin-top: 60px;
}

input#payment_method_paymob-18234-card-payment-link-vpc-sar {
    display: inline-block !important;
}

.elementor-menu-cart__main .variation {
  font-size: 14px !important;
  grid-template-columns: 1fr !important;
}

@media screen and (min-width: 599px) {
    #input_1_17 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
}

@media screen and (min-width: 768px) {
    fieldset.my-group-fieldset {
        grid-column: span 6;
    }

    .food-options {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .food-options > label {
        width: calc((100% - 15px) / 2);
    }
}