.elementor-217 .elementor-element.elementor-element-e9a4d7a{--display:flex;--position:fixed;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--margin-top:0px;--margin-bottom:08px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:100;}.elementor-217 .elementor-element.elementor-element-e9a4d7a:not(.elementor-motion-effects-element-type-background), .elementor-217 .elementor-element.elementor-element-e9a4d7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF1EB;}body:not(.rtl) .elementor-217 .elementor-element.elementor-element-e9a4d7a{left:0px;}body.rtl .elementor-217 .elementor-element.elementor-element-e9a4d7a{right:0px;}.elementor-217 .elementor-element.elementor-element-8ae5bc4{--display:flex;}.elementor-217 .elementor-element.elementor-element-8ae5bc4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-217 .elementor-element.elementor-element-9f6cebe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 35px;text-align:start;}.elementor-217 .elementor-element.elementor-element-da37cd5{--display:flex;--justify-content:space-around;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-217 .elementor-element.elementor-element-e0918aa{--main-alignment:right;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:var( --e-global-color-accent );--toggle-button-icon-color:var( --e-global-color-accent );--toggle-button-background-color:var( --e-global-color-secondary );--toggle-button-border-color:var( --e-global-color-secondary );--toggle-button-hover-text-color:var( --e-global-color-secondary );--toggle-button-border-radius:0px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-217 .elementor-element.elementor-element-e0918aa .elementor-menu-cart__toggle .elementor-button{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-217 .elementor-element.elementor-element-e0918aa .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-217 .elementor-element.elementor-element-8ae5bc4{--width:33.478%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-217 .elementor-element.elementor-element-8ae5bc4.e-con{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-217 .elementor-element.elementor-element-9f6cebe{text-align:center;}.elementor-217 .elementor-element.elementor-element-9f6cebe img{width:100%;max-width:100%;}.elementor-217 .elementor-element.elementor-element-da37cd5{--width:50%;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-217 .elementor-element.elementor-element-e0918aa{z-index:200;}}@media(min-width:768px){.elementor-217 .elementor-element.elementor-element-e9a4d7a{--width:100%;}.elementor-217 .elementor-element.elementor-element-8ae5bc4{--width:12.027%;}}/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-e0918aa *//* ===== 1. LOAD BRAND FONTS ===== */
@font-face {
  font-family: "Mello Neulis Alt";
  src: url("https://shop.mellopets.co/mellopets/wp-content/uploads/2026/10/NeulisAlt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mello Paralucent";
  src: url("https://shop.mellopets.co/mellopets/wp-content/uploads/2026/10/fonnts.com-Paralucent_Text_Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ===== 2. HEADER CART TRIGGER BUTTON (RED PILL) ===== */
.elementor-menu-cart__toggle.elementor-button {
  background-color: #C03235 !important;
  color: #FFF1EB !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(192, 50, 53, 0.22) !important;
  transition: all 0.2s ease !important;
}

.elementor-menu-cart__toggle.elementor-button:hover {
  background-color: #9F2527 !important;
  color: #FFF1EB !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(192, 50, 53, 0.3) !important;
}

/* Text wrapper: align price and label */
.elementor-menu-cart__toggle .elementor-button-text,
.elementor-menu-cart__toggle .elementor-menu-cart__toggle_wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #FFF1EB !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
}

/* Price formatting */
.elementor-menu-cart__toggle .woocommerce-Price-amount,
.elementor-menu-cart__toggle .elementor-menu-cart__subtotal {
  color: #FFF1EB !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Append "Cart" right after price */
.elementor-menu-cart__toggle .woocommerce-Price-amount::after,
.elementor-menu-cart__toggle .elementor-menu-cart__subtotal::after {
  content: " Cart" !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #FFF1EB !important;
  margin-left: 4px !important;
}

/* Bag icon in #FFF1EB */
.elementor-menu-cart__toggle .elementor-button-icon {
  color: #FFF1EB !important;
  fill: #FFF1EB !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 4px !important;
}

/* Counter badge: creamy background with red number */
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]::before {
  background-color: #FFF1EB !important;
  color: #C03235 !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}


/* ===== 3. SLIDE-OUT DRAWER CONTAINER ===== */
.elementor-menu-cart__container .elementor-menu-cart__main {
  background-color: #fbf5ef !important;
  border-left: 1.5px solid #ebd9cf !important;
  font-family: "Mello Neulis Alt", sans-serif !important;
  color: #292421 !important;
  padding: 24px 20px !important;
}

/* Close icon */
.elementor-menu-cart__close-button {
  color: #292421 !important;
  font-size: 20px !important;
  transition: color 0.2s ease !important;
}
.elementor-menu-cart__close-button:hover {
  color: #C03235 !important;
}


/* ===== 4. CART PRODUCT ITEMS & THUMBNAILS ===== */
.elementor-menu-cart__product {
  padding: 16px 0 !important;
  border-bottom: 1px solid #ebd9cf !important;
}

/* Hide any injected custom thumbnails so the drawer shows ONLY its single native image */
.elementor-menu-cart__product .mello-checkout-thumb,
.elementor-menu-cart__product-name .mello-checkout-thumb {
  display: none !important;
}

/* Product thumbnail */
.elementor-menu-cart__product-image img {
  width: 52px !important;
  height: 52px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  border: 1px solid #ebd9cf !important;
  display: block !important;
}

/* Product title - Paralucent Bold */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a {
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  color: #292421 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}
.elementor-menu-cart__product-name a:hover {
  color: #C03235 !important;
}

/* Quantity & Item price */
.elementor-menu-cart__product-price {
  font-family: "Mello Neulis Alt", sans-serif !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
  color: #63534b !important;
  margin-top: 4px !important;
}

.elementor-menu-cart__product-price .amount {
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  color: #C03235 !important;
}

/* Remove (X) item button */
.elementor-menu-cart__product-remove {
  color: #8c827a !important;
}
.elementor-menu-cart__product-remove:hover {
  color: #C03235 !important;
}


/* ===== 5. SUBTOTAL AREA ===== */
.elementor-menu-cart__subtotal {
  padding: 18px 0 14px 0 !important;
  border-top: 1.5px solid #ebd9cf !important;
  font-family: "Mello Neulis Alt", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #292421 !important;
}

.elementor-menu-cart__subtotal strong {
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
}

.elementor-menu-cart__subtotal .amount {
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #C03235 !important;
}


/* ===== 6. ACTION BUTTONS ===== */
/* View Cart Button (Secondary Pill) */
.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background-color: transparent !important;
  border: 1.5px solid #ebd9cf !important;
  color: #292421 !important;
  border-radius: 9999px !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
  background-color: #ebd9cf !important;
  color: #292421 !important;
}

/* Checkout Button (Primary Brand Red Pill) */
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
  background-color: #C03235 !important;
  border: 1.5px solid #C03235 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  font-family: "Mello Paralucent", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(192, 50, 53, 0.2) !important;
  transition: all 0.2s ease !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
  background-color: #9F2527 !important;
  border-color: #9F2527 !important;
  color: #ffffff !important;
}/* End custom CSS */