/* Prevent product cards from expanding on hover */
.product-grid-item .wd-product-more-desc,
.product-grid-item .product-more-desc,
.product-grid-item .wd-more-desc {
    display: none !important;
}

/* Keep product card height stable */
.product-grid-item,
.product-grid-item .product-wrapper,
.product-grid-item .product-element-bottom {
    height: auto !important;
    min-height: 0 !important;
}

/* Disable hover expansion/translation */
.product-grid-item:hover .product-wrapper,
.product-grid-item:hover .product-element-bottom {
    transform: none !important;
}

/* Avoid extra hidden hover area */
.product-grid-item .product-element-bottom {
    overflow: visible !important;
}

.wd-product :is(.product-wrapper,.product-element-bottom,.product-list-content,[class*="-information"])>*:not(:is(.product-element-bottom,.wd-entities-title,[class*="wd-product-"],.price)) {
    margin-block:0;margin-top: -5px !important;
}

.wd-coupon-form .input-text {
  max-width:230px;
  border-radius: 14px !important;
  border-color: #F4F4F5 !important;
}


.wd-progress-bar .progress-bar {
  background-color: #2f8a3e !important;
}


.trp-shortcode-switcher {
    position: static;
    display:flow !important;
    overflow: hidden;
    padding: 10px 0;
    border: var(--border, none);
    border-radius: var(--border-radius, 5px);
    background: var(--bg, #fff);
    width: auto;
    box-shadow: none;
}








.elementor .btn {
  box-shadow:var(--btn-box-shadow, unset);
  border-radius: 14px !important;
}




.wd-nav:where(.wd-style-bg) {
    --nav-pd: 5px 12px;
    --nav-color-hover: none !important;
    --nav-bg-hover: none !important;
    --nav-radius: 14px;
    gap: var(--nav-gap-v) calc(var(--nav-gap) - 15px)
}










del .amount {
  color:#FD0F37 !important;
  font-weight:600 !important;
}

.price del {
  color:#FD0F37 !important;
  font-size:90%
}





.wd-product .wd-entities-title {
    font-size: inherit;
    font-weight: 600 !important;
}



.star-rating span {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    overflow: hidden;
    width: 100%;
    text-indent: 99999px;
    color: #FFB900 !important;
}


.wd-coupon-form .button {
  flex:0 0 auto;
  border-radius:var(--btn-accented-brd-radius);
  color:var(--btn-accented-color);
  box-shadow:var(--btn-accented-box-shadow);
  background-color:var(--btn-accented-bgcolor);
  text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
  font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
  font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
  font-style:var(--btn-accented-font-style, var(--btn-font-style, unset));
  border-radius: 14px !important;
}




.woocommerce-cart-form>.cart .cart-actions>.button {
  border-radius: 14px !important;
  color:var(--btn-default-color);
  box-shadow:var(--btn-default-box-shadow);
  background-color:#F0F6EB !important;
  text-transform:var(--btn-default-transform, var(--btn-transform, uppercase));
  font-weight:var(--btn-default-font-weight, var(--btn-font-weight, 600));
  font-family:var(--btn-default-font-family, var(--btn-font-family, inherit));
  font-style:var(--btn-default-font-style, var(--btn-font-style, unset));
  border: 1px !important;
  border-color: #F4F4F5 !important;
}




input[type="search"] {
  box-sizing:border-box; !important;
}







.woocommerce-ordering select {
  cursor:pointer;
  border-radius: 14px !important;
}


.product-grid-item {
    text-align: center !important;
}



.product-grid-item .wd-entities-title,
.product-grid-item .wd-product-cats,
.product-grid-item .price {
    width: 100%;
    text-align: center !important;
    font-weight:600  !important;
}

.product-grid-item .star-rating {
    margin: 5px auto !important;
}




.product-grid-item .wd-compare-btn {
    display: none !important;
}




.wd-nav.wd-style-bg>li>a:before {
  content:'';
  position:absolute;
  inset:0;
  opacity:0;
  border-radius:10px !important;
  background-color:#D0E4BE !important;
  transition:all .25s ease
}


.wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,
.active)>a {
  color:#1F3D26 !important;
  background-color:var(--nav-bg-active);
  box-shadow:var(--nav-shadow-active);
  border:var(--nav-border-active)
}

.wd-nav.wd-style-bg>li:is(:hover,
.wd-opened,
.current-menu-item)>a:before {
  opacity:.35 !important
}

.wd-product.wd-hover-fw-button .wd-add-btn>a {
  width:100%;
  border-radius:14px !important;
  color:var(--btn-accented-color);
  box-shadow:var(--btn-accented-box-shadow);
  background-color:var(--btn-accented-bgcolor);
  text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
  font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
  font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
  font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))
}


.testimon-style-boxed .testimonial-inner {
  padding:10px !important;
  border-radius:var(--wd-brd-radius);
  background-color:var(--bgcolor-white);
  box-shadow:0 0 5px rgba(0,0,0,0.1);
  transition:box-shadow .5s ease
}

.testimonial-rating {
  display:none;
  margin-bottom:0px !important
}


.testimonial-content footer {
  margin-top:0px !important;
  color:var(--color-gray-900);
  font-weight:600
}
p {
  margin-bottom:var(--wd-tags-mb, 0px) !important;
}

.elementor-1832 .elementor-element.elementor-element-d299884 .wd-button-wrapper a {
  background-color:#2F8A3E;
  border-color:#2F8A3E;
  border-radius: 14px !important
}

.wd-button-wrapper .btn-style-link,
.wd-button-wrapper .btn-style-bordered:not(:hover) {
  background-color:transparent !important;
  border-radius: 14px !important
}


.rtl .btn-icon-pos-right {
  flex-direction:row-reverse;
  border-radius: 14px !important;
}

.searchform input[type="text"] {
  padding-inline-end:calc(var(--wd-search-btn-w) + 30px);
  border-radius: 14px !important;
}

.searchform.wd-style-with-bg .searchsubmit {
  border-start-end-radius:var(--wd-form-brd-radius);
  border-end-end-radius:var(--wd-form-brd-radius);
    border-radius: 14px 14px 14px 14px !important;
    background-color: #2F8A3E
}


/* =========================================
   Super Farmers - Price Filter
========================================= */

.widget_price_filter .price_slider_wrapper {
    padding-top: 8px;
}

/* Slider Track */
.widget_price_filter .price_slider {
    height: 4px !important;
    background: #dfe6df !important;
    border-radius: 20px !important;
    border: 0 !important;
    margin: 15px 8px 22px !important;
}

/* Selected range */
.widget_price_filter .ui-slider-range {
    background: #146b35 !important;
    height: 4px !important;
    border-radius: 20px !important;
}

/* Circular Handles */
.widget_price_filter .ui-slider-handle {
    width: 13px !important;
    height: 13px !important;
    top: 50% !important;
    margin-top: -6.5px !important;
    margin-left: -6px !important;

    background: #ffffff !important;
    border: 2px solid #146b35 !important;
    border-radius: 50% !important;

    cursor: pointer !important;
    box-shadow: none !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.widget_price_filter .ui-slider-handle:hover,
.widget_price_filter .ui-slider-handle:focus {
    background: #146b35 !important;
    transform: scale(1.15);
    box-shadow: 0 0 0 3px rgba(20,107,53,.12) !important;
    outline: none !important;
}

/* Right/maximum handle filled */
.widget_price_filter .ui-slider-handle:last-child {
    background: #146b35 !important;
}

/* Hide original filter button */
.widget_price_filter .price_slider_amount .button {
    display: none !important;
}

/* Price area */
.widget_price_filter .price_slider_amount {
    display: block !important;
    text-align: right !important;
}

/* Hide original WoodMart/WooCommerce price label */
.widget_price_filter .price_label {
    display: none !important;
}

/* Custom From / To */
.sf-price-values {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;

    direction: rtl;
    margin-top: 5px;
    font-size: 13px;
    color: #555;
}

.sf-price-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sf-price-title {
    color: #555;
    font-weight: 500;
}

.sf-price-box {
    min-width: 62px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 8px;

    border: 1px solid #e2e2e2;
    border-radius: 5px;

    background: #fff;
    color: #333;

    font-size: 12px;
    font-weight: 500;

    white-space: nowrap;
}

/* Loading state while filtering */
.widget_price_filter.sf-filtering {
    opacity: .65;
    pointer-events: none;
}

/* Mobile */
@media (max-width: 767px) {

    .sf-price-values {
        gap: 6px;
    }

    .sf-price-box {
        min-width: 58px;
        height: 32px;
        font-size: 11px;
    }
}


.widget_price_filter .ui-slider .ui-slider-handle:after {
  content:"";
  display:none !important;
  width:4px;
  height:15px;
  background-color:var(--wd-primary-color)
}




/* =========================================================
   Super Farmers - WooCommerce / WoodMart Price Filter
   ========================================================= */

.widget_price_filter .price_slider_wrapper {
    padding-top: 8px;
}

.widget_price_filter .price_slider {
    height: 4px !important;
    background: #dfe6df !important;
    border-radius: 20px !important;
    border: 0 !important;
    margin: 15px 8px 22px !important;
}

.widget_price_filter .ui-slider-range {
    background: #146b35 !important;
    height: 4px !important;
    border-radius: 20px !important;
}

.widget_price_filter .ui-slider-handle {
    width: 13px !important;
    height: 13px !important;
    top: 50% !important;
    margin-top: -6.5px !important;
    margin-left: -6px !important;

    background: #ffffff !important;
    border: 2px solid #146b35 !important;
    border-radius: 50% !important;

    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.widget_price_filter .ui-slider-handle:hover,
.widget_price_filter .ui-slider-handle:focus {
    background: #146b35 !important;
    transform: scale(1.15);
    box-shadow: 0 0 0 3px rgba(20, 107, 53, .12) !important;
}

.widget_price_filter .ui-slider-handle:last-child {
    background: #146b35 !important;
}

.widget_price_filter .price_slider_amount .button {
    display: none !important;
}

.widget_price_filter .price_slider_amount {
    display: block !important;
    text-align: right !important;
}

.widget_price_filter .price_label {
    display: none !important;
}

.sf-price-values {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    direction: rtl;
    margin-top: 5px;
    font-size: 13px;
    color: #555;
}

.sf-price-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sf-price-title {
    color: #555;
    font-weight: 500;
}

.sf-price-box {
    min-width: 62px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 8px;

    border: 1px solid #e2e2e2;
    border-radius: 5px;

    background: #fff;
    color: #333;

    font-size: 12px;
    font-weight: 500;

    white-space: nowrap;
}

.widget_price_filter.sf-filtering {
    opacity: .65;
    pointer-events: none;
}


/* =========================================================
   Super Farmers - Reset Filters Button
   ========================================================= */

.sf-reset-filters {
    width: 100%;
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 9px 15px;

    background: #195b2d;
    color: #ffffff !important;

    border: 0;
    border-radius: 5px;

    font-family: "Tajawal", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;
    line-height: 1;

    transition:
        background-color .2s ease,
        transform .15s ease,
        box-shadow .2s ease,
        opacity .2s ease;
}

.sf-reset-filters:hover {
    background: #124923;
    color: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
}

.sf-reset-filters:active {
    transform: translateY(1px);
}

.sf-reset-icon {
    width: 17px;
    height: 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.sf-reset-icon svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.sf-reset-text {
    display: inline-block;
}

.sf-reset-filters.sf-resetting {
    opacity: .65;
    pointer-events: none;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 767px) {

    .sf-price-values {
        gap: 6px;
    }

    .sf-price-box {
        min-width: 58px;
        height: 32px;
        font-size: 11px;
    }
}


/* =========================================================
   WooCommerce Cart - Modern Product Rows
   Final Version
   ========================================================= */

/* Main cart table */
.woocommerce-cart table.shop_table.cart {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    background: transparent !important;
}


/* =========================================================
   Table Header
   ========================================================= */

.woocommerce-cart table.shop_table.cart thead th {
    background: #f7f7f7 !important;
    color: #222 !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 12px 10px !important;
    border: 0 !important;
}


/* =========================================================
   Product Card
   ========================================================= */

.woocommerce-cart table.shop_table.cart tbody tr.cart_item {
    background: #ffffff !important;
    border-radius: 14px !important;

    box-shadow: 0 1px 8px rgba(0, 0, 0, .05);

    overflow: hidden !important;
}

/* Product cells */
.woocommerce-cart table.shop_table.cart tbody tr.cart_item td {
    background: transparent !important;

    border-top: 0 !important;
    border-bottom: 0 !important;

    padding: 14px 10px !important;

    vertical-align: middle !important;
}


/* Rounded right side */
.woocommerce-cart table.shop_table.cart tbody tr.cart_item td:first-child {
    border-radius: 14px 0 0 14px !important;
}

/* Rounded left side */
.woocommerce-cart table.shop_table.cart tbody tr.cart_item td:last-child {
    border-radius: 0 14px 14px 0 !important;
}


/* =========================================================
   Product Image
   ========================================================= */

.woocommerce-cart td.product-thumbnail {
    text-align: center !important;
}

.woocommerce-cart td.product-thumbnail img {
    width: 82px !important;
    height: 82px !important;

    object-fit: cover;

    border-radius: 10px !important;
}


/* =========================================================
   Product Name
   ========================================================= */

.woocommerce-cart td.product-name {
    text-align: right !important;

    color: #222 !important;

    font-weight: 600;
}

.woocommerce-cart td.product-name a {
    color: #222 !important;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none !important;
}

.woocommerce-cart td.product-name a:hover {
    color: #195b2d !important;
}


/* Product meta / variations */
.woocommerce-cart td.product-name dl.variation {
    margin-top: 5px !important;
    margin-bottom: 0 !important;

    font-size: 12px;

    color: #777 !important;
}


/* =========================================================
   Stock Status
   ========================================================= */

.woocommerce-cart td.product-name::after {
    content: "متوفر في المخزون";

    display: block;

    margin-top: 5px;

    font-size: 12px;
    font-weight: 500;

    color: #169447;
}


/* =========================================================
   Price
   ========================================================= */

.woocommerce-cart td.product-price {
    text-align: center !important;

    color: #777 !important;

    font-weight: 500;
}

.woocommerce-cart td.product-price .woocommerce-Price-amount {
    color: #777 !important;
}


/* =========================================================
   Subtotal
   ========================================================= */

.woocommerce-cart td.product-subtotal {
    text-align: center !important;

    color: #174f2b !important;

    font-weight: 700 !important;
}

.woocommerce-cart td.product-subtotal .woocommerce-Price-amount {
    color: #174f2b !important;

    font-weight: 700 !important;
}


/* =========================================================
   Quantity
   ========================================================= */

.woocommerce-cart td.product-quantity {
    text-align: center !important;
}

.woocommerce-cart td.product-quantity .quantity {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    height: 40px;

    border: 1px solid #dddddd !important;
    border-radius: 6px !important;

    overflow: hidden;

    background: #ffffff !important;
}


/* Quantity input */
.woocommerce-cart td.product-quantity .quantity input.qty {
    width: 46px !important;
    height: 38px !important;

    border: 0 !important;

    background: #fff !important;

    color: #777 !important;

    text-align: center !important;

    box-shadow: none !important;
    outline: none !important;
}


/* Quantity buttons */
.woocommerce-cart td.product-quantity .quantity button,
.woocommerce-cart td.product-quantity .quantity .minus,
.woocommerce-cart td.product-quantity .quantity .plus {
    width: 34px !important;
    height: 38px !important;

    border: 0 !important;

    background: #ffffff !important;

    color: #111 !important;

    font-size: 16px !important;
    font-weight: 600;

    cursor: pointer;

    box-shadow: none !important;
}


/* Hover */
.woocommerce-cart td.product-quantity .quantity button:hover,
.woocommerce-cart td.product-quantity .quantity .minus:hover,
.woocommerce-cart td.product-quantity .quantity .plus:hover {
    background: #f6f6f6 !important;
}


/* =========================================================
   Remove Button
   FIX DUPLICATE X
   ========================================================= */

.woocommerce-cart td.product-remove {
    text-align: center !important;
}


/* Main remove circle */
.woocommerce-cart td.product-remove a.remove {
    position: relative !important;

    width: 32px !important;
    height: 32px !important;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #f5f5f5 !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 1 !important;

    text-indent: 0 !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* Remove WoodMart generated icon */
.woocommerce-cart td.product-remove a.remove::before {
    content: none !important;
    display: none !important;
}


/* Single clean X */
.woocommerce-cart td.product-remove a.remove::after {
    content: "×" !important;

    position: absolute !important;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex !important;

    align-items: center;
    justify-content: center;

    color: #222 !important;

    font-size: 20px !important;
    font-weight: 400 !important;

    line-height: 1 !important;
}


/* Remove button hover */
.woocommerce-cart td.product-remove a.remove:hover {
    background: #eeeeee !important;
}

.woocommerce-cart td.product-remove a.remove:hover::after {
    color: #c62828 !important;
}


/* =========================================================
   Remove unwanted table borders
   ========================================================= */

.woocommerce-cart table.shop_table.cart tbody td,
.woocommerce-cart table.shop_table.cart tbody th {
    border: 0 !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .woocommerce-cart table.shop_table.cart thead {
        display: none !important;
    }

    .woocommerce-cart table.shop_table.cart,
    .woocommerce-cart table.shop_table.cart tbody,
    .woocommerce-cart table.shop_table.cart tr.cart_item,
    .woocommerce-cart table.shop_table.cart td {
        display: block !important;

        width: 100% !important;
    }


    /* Product card */
    .woocommerce-cart table.shop_table.cart tr.cart_item {
        position: relative;

        padding: 14px !important;

        margin-bottom: 14px !important;

        border-radius: 14px !important;

        background: #fff !important;

        box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
    }


    /* Cells */
    .woocommerce-cart table.shop_table.cart tr.cart_item td {
        padding: 7px 0 !important;

        text-align: right !important;

        border-radius: 0 !important;
    }


    /* Image */
    .woocommerce-cart td.product-thumbnail {
        text-align: center !important;
    }

    .woocommerce-cart td.product-thumbnail img {
        width: 110px !important;
        height: 110px !important;

        border-radius: 12px !important;
    }


    /* Product name */
    .woocommerce-cart td.product-name {
        text-align: center !important;
    }


    /* Remove button */
    .woocommerce-cart td.product-remove {
        position: absolute !important;

        top: 12px;
        left: 12px;

        width: auto !important;

        padding: 0 !important;
    }


    /* Price */
    .woocommerce-cart td.product-price {
        text-align: right !important;
    }

    .woocommerce-cart td.product-price::before {
        content: "السعر: ";

        font-weight: 600;

        color: #555;
    }


    /* Quantity */
    .woocommerce-cart td.product-quantity {
        text-align: right !important;
    }

    .woocommerce-cart td.product-quantity::before {
        content: "الكمية: ";

        display: inline-block;

        margin-left: 8px;

        font-weight: 600;

        color: #555;
    }


    /* Subtotal */
    .woocommerce-cart td.product-subtotal {
        text-align: right !important;
    }

    .woocommerce-cart td.product-subtotal::before {
        content: "المجموع: ";

        font-weight: 600;

        color: #555;
    }
}


/* =========================================================
   Super Farmers - Cart Summary
   NO OUTER CONTAINER
   Container styling is controlled by Elementor / Builder
   ========================================================= */


/* =========================================================
   Main Wrapper
   IMPORTANT: No card / container styling
   ========================================================= */

.sf-cart-summary {
    direction: rtl;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Tajawal", Arial, sans-serif;
}


/* Remove WoodMart outer styling */
.woocommerce-cart .cart_totals,
.woocommerce-cart .wd-cart-totals,
.woocommerce-cart .cart-collaterals .cart_totals {

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* Remove old title */
.woocommerce-cart .cart_totals > h2 {
    display: none !important;
}


/* Hide original WooCommerce totals table
   when custom template is active */
.woocommerce-cart .cart_totals > table.shop_table {
    display: none !important;
}


/* =========================================================
   Standard Rows
   ========================================================= */

.sf-summary-row {

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 12px 2px;

    border-bottom: 1px solid #eeeeee;
}


/* Label */
.sf-summary-label {

    color: #222;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.6;

    text-align: right;
}


/* Products count */
.sf-summary-count {

    margin-right: 5px;

    color: #888;

    font-size: 12px;
    font-weight: 400;
}


/* Value */
.sf-summary-value {

    flex-shrink: 0;

    color: #111;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;

    text-align: left;
}


.sf-summary-value .woocommerce-Price-amount,
.sf-summary-value .amount {

    color: #111;

    font-weight: 700;
}


/* =========================================================
   Coupon
   ========================================================= */

.sf-summary-discount .sf-summary-label,
.sf-summary-discount .sf-summary-value,
.sf-summary-discount .sf-summary-value *,
.sf-summary-discount .woocommerce-Price-amount {

    color: #df1f26 !important;
}


.sf-coupon-name {

    display: inline-block;

    margin-right: 4px;

    font-size: 12px;
    font-weight: 700;
}


.sf-summary-discount .woocommerce-remove-coupon {

    margin-right: 5px;

    color: #999 !important;

    font-size: 11px;

    text-decoration: none !important;
}


/* =========================================================
   Shipping Section
   ========================================================= */

.sf-summary-shipping {

    padding: 12px 2px;

    border-bottom: 1px solid #eeeeee;
}


.sf-summary-shipping-title {

    margin-bottom: 10px;

    color: #222;

    font-size: 14px;
    font-weight: 500;

    text-align: right;
}


/* Reset WooCommerce shipping table */
.sf-summary-shipping table,
.sf-summary-shipping tbody,
.sf-summary-shipping tr,
.sf-summary-shipping th,
.sf-summary-shipping td {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


.sf-summary-shipping th {
    display: none !important;
}


/* Shipping methods */
.sf-summary-shipping ul#shipping_method,
.sf-summary-shipping .woocommerce-shipping-methods {

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


.sf-summary-shipping ul#shipping_method li,
.sf-summary-shipping .woocommerce-shipping-methods li {

    display: flex !important;

    align-items: center;

    gap: 8px;

    margin: 0 0 8px !important;
    padding: 0 !important;

    font-size: 13px;
}


/* Radio */
.sf-summary-shipping input[type="radio"] {

    width: 15px;
    height: 15px;

    margin: 0 !important;

    flex-shrink: 0;

    accent-color: #18823b;
}


/* Shipping label */
.sf-summary-shipping label {

    margin: 0 !important;

    color: #333 !important;

    font-size: 13px;
    font-weight: 500;

    cursor: pointer;
}


/* Shipping price */
.sf-summary-shipping label .amount,
.sf-summary-shipping label .woocommerce-Price-amount {

    margin-right: 4px;

    color: #17672e !important;

    font-weight: 700;
}


/* Shipping destination */
.sf-summary-shipping .woocommerce-shipping-destination {

    margin: 11px 0 3px !important;

    color: #777;

    font-size: 12px;

    line-height: 1.8;

    text-align: right;
}


/* Change address */
.sf-summary-shipping .shipping-calculator-button {

    display: inline-block;

    margin-top: 3px;

    color: #155d2b !important;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;
}


.sf-summary-shipping .shipping-calculator-button:hover {
    color: #0e4720 !important;
}


/* =========================================================
   Tax
   ========================================================= */

.sf-summary-tax .sf-summary-label {

    max-width: 68%;

    font-size: 13px;

    line-height: 1.6;
}


.sf-summary-tax .sf-summary-value,
.sf-summary-tax .sf-summary-value *,
.sf-summary-tax .woocommerce-Price-amount {

    color: #174f2b !important;

    font-weight: 700;
}


/* =========================================================
   Final Total
   ========================================================= */

.sf-summary-total {

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-top: 14px;

    padding: 15px 13px;

    background: #edf7ef;

    border-radius: 10px;
}


.sf-summary-total-label {

    color: #111;

    font-size: 17px;
    font-weight: 800;

    text-align: right;
}


.sf-summary-total-value {

    flex-shrink: 0;

    white-space: nowrap;
}


.sf-summary-total-value strong {
    font-weight: inherit;
}


.sf-summary-total-value .woocommerce-Price-amount,
.sf-summary-total-value .amount {

    color: #12642c !important;

    font-size: 21px;
    font-weight: 800 !important;
}


/* =========================================================
   Checkout Button
   ========================================================= */

.sf-cart-checkout {

    margin-top: 14px;

    padding: 0;
}


.sf-cart-checkout .wc-proceed-to-checkout {

    margin: 0 !important;
    padding: 0 !important;
}


.sf-cart-checkout .checkout-button {

    width: 100% !important;

    min-height: 48px;

    display: flex !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 12px 20px !important;

    background: #17672e !important;

    border: 0 !important;
    border-radius: 10px !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-align: center;

    box-shadow: none !important;

    transition:
        background-color .2s ease,
        transform .15s ease;
}


.sf-cart-checkout .checkout-button:hover {

    background: #115224 !important;

    color: #ffffff !important;
}


.sf-cart-checkout .checkout-button:active {
    transform: translateY(1px);
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .sf-cart-summary {

        width: 100%;

        margin: 0 !important;
        padding: 0 !important;
    }


    .sf-summary-row {

        gap: 12px;

        padding: 10px 0;
    }


    .sf-summary-label,
    .sf-summary-value {

        font-size: 13px;
    }


    .sf-summary-shipping {

        padding: 10px 0;
    }


    .sf-summary-total {

        margin-top: 12px;

        padding: 13px 11px;

        border-radius: 9px;
    }


    .sf-summary-total-label {

        font-size: 16px;
    }


    .sf-summary-total-value .woocommerce-Price-amount,
    .sf-summary-total-value .amount {

        font-size: 19px;
    }


    .sf-cart-checkout {

        margin-top: 12px;
    }
}


/* =========================================================
   Super Farmers - Checkout Progress
   Shortcode: [sf_checkout_progress]
   ========================================================= */

.sf-checkout-progress {

    --sf-green: #1f7a35;
    --sf-gray: #a5a9ad;
    --sf-line: #d5d7d9;

    width: 100%;

    display: flex;
    align-items: flex-start;

    margin: 0;

    padding: 12px 15px 6px;

    direction: rtl;

    font-family: "Tajawal", Arial, sans-serif;
}


/* =========================================================
   Step
   ========================================================= */

.sf-progress-step {

    position: relative;

    flex: 0 0 auto;

    min-width: 90px;

    text-align: center;
}


.sf-step-inner {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 7px;

    color: inherit !important;

    text-decoration: none !important;
}


/* =========================================================
   Circle
   ========================================================= */

.sf-step-circle {

    position: relative;

    z-index: 2;

    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    background: #AACDAA;

    border-radius: 50%;

    color: #fff;

    font-size: 14px;
    font-weight: 700;

    transition:
        background-color .2s ease,
        transform .2s ease;
}


.sf-step-circle svg {

    width: 18px;
    height: 18px;

    fill: #fff;
}


/* =========================================================
   Label
   ========================================================= */

.sf-step-label {

    color: #666;

    font-size: 13px;
    font-weight: 500;

    white-space: nowrap;

    transition: color .2s ease;
}


/* =========================================================
   Line
   ========================================================= */

.sf-progress-line {

    flex: 1 1 auto;

    min-width: 40px;

    height: 2px;

    margin-top: 14px;

    background: var(--sf-line);
}


.sf-progress-line.is-active {
    background: var(--sf-green);
}


/* =========================================================
   Current Step
   ========================================================= */

.sf-progress-step.is-current .sf-step-circle {

    background: var(--sf-green);
}


.sf-progress-step.is-current .sf-step-label {

    color: var(--sf-green);

    font-weight: 700;
}


/* =========================================================
   Completed
   ========================================================= */

.sf-progress-step.is-completed .sf-step-circle {

    background: var(--sf-green);
}


.sf-progress-step.is-completed .sf-step-label {

    color: #3f4943;
}


/* =========================================================
   Hover
   ========================================================= */

.sf-progress-step a.sf-step-inner:hover .sf-step-circle {

    transform: scale(1.06);
}


.sf-progress-step a.sf-step-inner:hover .sf-step-label {

    color: var(--sf-green);
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .sf-checkout-progress {

        padding-left: 0;
        padding-right: 0;
    }


    .sf-progress-step {

        min-width: 68px;
    }


    .sf-step-circle {

        width: 27px;
        height: 27px;

        font-size: 12px;
    }


    .sf-step-circle svg {

        width: 16px;
        height: 16px;
    }


    .sf-step-label {

        font-size: 11px;
    }


    .sf-progress-line {

        min-width: 12px;

        margin-top: 12px;
    }

}




.elementor-54450 .elementor-element.elementor-element-ddf8466 > .elementor-widget-container {

  padding:0px !important;
}