/*
 Theme Name:   Fruitables
 Description:  A child theme of Hello Elementor
 Author:       Wordpress Developer
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Import parent styles */
/* @import url("../hello-elementor/style.css"); */

/* Header */
/* End - Header */

/* Footer  */


/* woocommerce cart */

.woocommerce form.twc-cart-table {}

.woocommerce form.twc-cart-table table,
.woocommerce form.twc-cart-table table thead tr th,
.woocommerce form.twc-cart-table table tbody tr td,
.woocommerce form.twc-cart-table table tbody tr th {
    border: none;
}

.woocommerce form.twc-cart-table table thead tr th {
    border-bottom: 1px solid #000;
    padding: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.woocommerce form.twc-cart-table table tbody tr td,
.woocommerce form.twc-cart-table table tbody tr th {
    border-bottom: 1px solid #dee2e6;
    background: none;
}

.woocommerce form.twc-cart-table table tbody tr td img {
    width: 80px;
    border-radius: 50%;
}

.woocommerce form.twc-cart-table table tbody tr th a,
.woocommerce form.twc-cart-table table tbody tr td {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #747d88;
}

.woocommerce form.twc-cart-table table tr td.actions {
    padding: 40px 0px;
    border-bottom: none;
}

.woocommerce form.twc-cart-table table div.twc-coupon {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.woocommerce form.twc-cart-table table div.twc-coupon .input-text {
    min-width: 250px;
    border-radius: 50px;
    padding: 12px 16px !important;
}

.woocommerce form.twc-cart-table table tr td.actions button.button,
.woocommerce form.twc-cart-table table div.twc-coupon button {
    padding: 16px 24px;
    border: 1px solid #ffb524 !important;
    border-radius: 50px;
    background-color: #fff;
    color: #81c408;
}

.woocommerce form.twc-cart-table table tr td.actions button.button:hover,
.woocommerce form.twc-cart-table table div.twc-coupon button:hover {
    color: #fff;
    background-color: #ffb524;
}

/* Support page  */

li.jet-form-builder-choice--item.wp-block-choice-is-layout-flex.is-checked {
    background: #81c408;
    color: #fff;
}

.jet-form-builder-row.field-type-choices-field {
    border: 1.5px solid black;
    border-radius: 10px;
    margin: 30px;
    padding: 20px;
}

.jet-form-builder__label-text {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
}

.support-section {
    background-color: #ecedee;
    border-radius: 10px;
    width: 118%;
    color: #000000;
}

.jet-form-builder__field-wrap .input#product_name {
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
}

h1.wp-block-heading.alignfull.has-text-align-center.support-page-heading.has-x-large-font-size {
    color: #81c408;
    padding: 50px 0px 50px 0px;
}

.jet-form-builder__field-wrap {
    border: none;
    border-radius: 10px;
}

.layout-column .jet-form-builder__field {
    border: 1.5px solid black;
}

ul.is-content-justification-center.wp-container-jet-forms-choices-field-is-layout-1 {
    background-color: white;
    padding: 10px;
    border-radius: 15px;
}

ul.is-content-justification-center.wp-container-jet-forms-choices-field-is-layout-1 li {
    border: 1.5px solid black;
    gap: 15px;
    margin: 10px 20px;
    width: 110px;
}

ul.is-content-justification-center.wp-container-jet-forms-choices-field-is-layout-1 li p {
    font-size: 14px;
    font-weight: bold;
}

.jet-form-builder-choice--item-control-input {
    width: 20px;
    height: 20px;
    accent-color: rgb(31, 100, 236);
    cursor: pointer;
}

/* ------------------ */
/* Hover Effects Below */
/* ------------------ */

* {
    transition: all 0.3s ease-in-out;
}

ul.is-content-justification-center.wp-container-jet-forms-choices-field-is-layout-1 li:hover {
    border-color: #81c408;
    box-shadow: 0 0 10px rgba(129, 196, 8, 0.5);
    cursor: pointer;
}

.jet-form-builder__field-wrap:hover {
    border-color: #81c408;
    box-shadow: 0 0 10px rgba(129, 196, 8, 0.3);
}

.layout-column .jet-form-builder__field:hover {
    border-color: #81c408;
    box-shadow: 0 0 10px rgba(129, 196, 8, 0.3);
}

.jet-form-builder-row.field-type-choices-field:hover {
    border-color: #81c408;
    box-shadow: 0 0 12px rgba(129, 196, 8, 0.4);
}

.jet-form-builder__field-wrap .input#product_name:hover {
    border: 2px solid #81c408;
    box-shadow: 0 0 8px rgba(129, 196, 8, 0.3);
}

ul.jet-form-builder-choice{
    background-color: white;
    padding:10px;
    border-radius: 15px;
}
ul.jet-form-builder-choice li{
    border: 1.5px solid black;
    gap:15px;
    margin: 10px 20px;
    width: 110px;
}
ul.jet-form-builder-choice li p{
    font-size: 15px;
    font-weight: bold;
}
.suppot-page-total-price{
    width: 800px;
    padding: 0px 0px 30px 0px;
}
.support-total-price{
    border: 1.5px solid black;
    border-radius: 10px;
   padding: 10px;
}

h4.wp-block-heading {
    color: #81c408 !important;
    margin: 0 0 0 15px;
    font-size: 18px;
}

.jet-form-builder__calculated-field-val{
    font-size: 20px;
    font-weight: bold;
}

.jet-form-builder__action-button-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px; 
}

button.jet-form-builder__action-button {
    background-color: #81C408 !important;
    color: white !important;
    font-size: 20px !important;
    width: 100px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button.jet-form-builder__action-button:hover {
    background-color: #FFB524 !important;
    color: #ffffff !important;
}

button.jet-form-builder__action-button.support-next-button.jet-form-builder__next-page {
    width: 300px !important;
    border-radius: 20px !important;
    height: 70px;
}

.is-layout-constrained > .alignwide{
    gap: 530px;
}

/* contact-page section container */

.contact-page-section {
    background-color: #ecedee;
    border-radius: 10px;
    width: 118%;
    color: #000000;
}

h1.wp-block-heading.contact-page-title{
    padding: 50px 0px 50px 0px;
    color: #81c408;
}

.wp-block-columns.contact-page-button{
   padding: 0px 0px 30px 0px;
}
button.jet-form-builder__action-button.submit-type-reload{
    width: 120px;
}

@media (max-width: 1024px) {
    .support-section,
    .contact-page-section {
        width: 100%;
        padding: 20px;
    }

    .suppot-page-total-price {
        width: 100%;
        padding: 0px 10px 30px 10px;
    }

    .support-total-price {
        padding: 10px;
    }

    ul.is-content-justification-center.wp-container-jet-forms-choices-field-is-layout-1 li,
    ul.jet-form-builder-choice li {
        width: 100%;
        margin: 10px 0;
    }

    button.jet-form-builder__action-button.support-next-button.jet-form-builder__next-page {
        width: 100% !important;
        height: auto;
        padding: 15px;
    }

    .is-layout-constrained > .alignwide {
        gap: 50px;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    h1.wp-block-heading.alignfull.has-text-align-center.support-page-heading.has-x-large-font-size,
    h1.wp-block-heading.contact-page-title {
        font-size: 28px;
        padding: 30px 0;
    }

    .jet-form-builder__label-text {
        font-size: 16px;
    }

    .jet-form-builder__calculated-field-val {
        font-size: 18px;
    }

    button.jet-form-builder__action-button {
        width: 100%;
        font-size: 18px !important;
    }

    .jet-form-builder-row.field-type-choices-field {
        margin: 20px 10px;
        padding: 15px;
    }

    .wp-block-columns.contact-page-button {
        padding: 0px 10px 30px 10px;
    }
}

@media (max-width: 480px) {
    .jet-form-builder__label-text {
        font-size: 14px;
    }

    ul.is-content-justification-center.wp-container-jet-forms-choices-field-is-layout-1 li p,
    ul.jet-form-builder-choice li p {
        font-size: 12px;
    }

    .jet-form-builder__field-wrap .input#product_name {
        font-size: 14px;
    }

    .jet-form-builder__calculated-field-val {
        font-size: 16px;
    }

    button.jet-form-builder__action-button {
        font-size: 16px !important;
        padding: 10px 15px;
    }
}