/* ============================================================
   styles.css — Extracted inline styles from index.html
   Superfood Theme | superfood.qodeinteractive.com
   ============================================================ */


/* -------------------------------------------------------
   1. WordPress Emoji / Smiley Image Reset
------------------------------------------------------- */
img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}


/* -------------------------------------------------------
   2. WordPress Block / Navigation Global Styles
------------------------------------------------------- */
.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}


/* -------------------------------------------------------
   3. WooCommerce Inline — Form Required Visibility
------------------------------------------------------- */
.woocommerce form .form-row .required {
    visibility: visible;
}


/* -------------------------------------------------------
   4. Theme Module Inline Styles (superfood-elated-modules)
------------------------------------------------------- */

/* Page-specific top padding override */
.page-id-4906 .eltdf-content .eltdf-content-inner>.eltdf-container>.eltdf-container-inner,
.page-id-4906 .eltdf-content .eltdf-content-inner>.eltdf-full-width>.eltdf-full-width-inner {
    padding-top: 0px;
}

/* Chrome Fix */
.eltdf-vertical-align-containers .eltdf-position-center:before,
.eltdf-vertical-align-containers .eltdf-position-left:before,
.eltdf-vertical-align-containers .eltdf-position-right:before {
    margin-right: 0;
}

/* Smooth transition loader — hide on non-transition pages */
body:not(.page-id-3720) .eltdf-smooth-transition-loader {
    display: none !important;
}

/* WooCommerce cart — coupon button spacing */
.eltdf-woocommerce-page table.cart td.actions .coupon+.button {
    margin-top: 6px;
    margin-left: 24px;
}

/* Product Single — Rating Stars Style */
.eltdf-woo-single-page .eltdf-woo-accordions #reviews .comment-respond .stars {
    margin: 0;
}


/* -------------------------------------------------------
   5. WPBakery Page Builder — vc_custom Row/Column Styles
------------------------------------------------------- */
.vc_custom_1484321816927 {
    padding-top: 86px !important;
    padding-bottom: 98px !important;
    background-color: #f7f5f2 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1481879383225 {
    padding-top: 110px !important;
    padding-bottom: 61px !important;
}

.vc_custom_1479377910239 {
    padding-bottom: 100px !important;
}

.vc_custom_1484320896897 {
    background-image: url(https://superfood.qodeinteractive.com/wp-content/uploads/2016/11/tea-home-new-gray-2.jpg?id=7971) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1479391833811 {
    padding-bottom: 18px !important;
}

.vc_custom_1484235088459 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    background-color: #50c5bb !important;
}

.vc_custom_1484559434264 {
    background-image: url(https://superfood.qodeinteractive.com/wp-content/uploads/2016/11/tea-home-new-gray-coffee-1.jpg?id=8003) !important;
}

.vc_custom_1474281536962 {
    padding-top: 0px !important;
}

.vc_custom_1474285720223 {
    padding-top: 0px !important;
}

.vc_custom_1479379014280 {
    padding-top: 98px !important;
    padding-bottom: 43px !important;
}

.vc_custom_1482140033181 {
    margin-top: -160px !important;
}

.vc_custom_1474289994877 {
    padding-top: 0px !important;
}

.vc_custom_1474289413480 {
    padding-top: 0px !important;
}

.vc_custom_1482764281512 {
    padding-top: 250px !important;
    padding-bottom: 260px !important;
}

.vc_custom_1482764581657 {
    padding-top: 0px !important;
}


/* -------------------------------------------------------
   6. Revolution Slider Plugin — elated-style Arrow Styles
------------------------------------------------------- */
.elated-style.tparrows {
    background: none;
    width: 72px;
    height: 72px;
}

.elated-style.tparrows:before {
    display: none;
}

.elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow,
.elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow {
    position: relative;
    height: 100%;
    width: 72px;
    display: inline-block;
    vertical-align: middle;
    color: #383838;
    font-size: 72px;
    line-height: 1;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease-out, color .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
}

.elated-style.tparrows.tp-leftarrow.rs-touchhover .eltdf-nav-arrow {
    transform: translate3d(-10px, 0, 0);
}

.elated-style.tparrows.tp-rightarrow.rs-touchhover .eltdf-nav-arrow {
    transform: translate3d(10px, 0, 0);
}

/* Light header arrow colours */
.eltdf-light-header .elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow,
.eltdf-light-header .elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow,
.eltdf-light-slider-navigation .elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow,
.eltdf-light-header.eltdf-dark-slider-navigation .elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow,
.eltdf-light-slider-navigation .elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow,
.eltdf-light-header.eltdf-dark-slider-navigation .elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow {
    color: #fff;
}

/* Dark header arrow colours */
.eltdf-dark-header .elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow,
.eltdf-dark-header .elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow,
.eltdf-dark-slider-navigation .elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow,
.eltdf-dark-header.eltdf-light-slider-navigation .elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow,
.eltdf-dark-slider-navigation .elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow,
.eltdf-dark-header.eltdf-light-slider-navigation .elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow {
    color: #383838;
}

/* Arrow icon font */
.elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow:before,
.elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow:before {
    display: inline-block;
    vertical-align: top;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.elated-style.tparrows.tp-leftarrow .eltdf-nav-arrow:before {
    content: "\f053";
}

.elated-style.tparrows.tp-rightarrow .eltdf-nav-arrow:before {
    content: "\f054";
}

/* -------------------------------------------------------
   7. Custom WhatsApp Button Styles
   ------------------------------------------------------- */
.whatsapp-btn-container {
    margin-top: 10px !important;
    width: 100%;
    /* Ensure container is full width */
}

.whatsapp-button {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: #fff !important;
}

.whatsapp-button:hover {
    background-color: #128C7E !important;
    border-color: #128C7E !important;
}

.eltdf-pli-text-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
    /* Add some side padding */
    box-sizing: border-box;
}

/* Ensure both buttons are same width */
.eltdf-pli-text-inner .eltdf-pli-add-to-cart {
    width: 100% !important;
}

.eltdf-pli-text-inner .eltdf-pli-add-to-cart a.button {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    text-align: center;
}