/*
Theme Name:Togo Child
Theme URI: https://togo.uxper.co/
Author: Uxper
Author URI: http://uxper.co/
Description: This is a child theme of Togo
Template: togo
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.4
License URI: https://choosealicense.com/licenses/gpl-2.0/
Text Domain: togo-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* ==========================================================================
   Premium Mini Cart (Topbar Drawer) Styling Fixes
   ========================================================================== */

/* Align title and close button in the top header */
.mini-cart-lightbox-inner .mini-cart-lightbox-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 24px !important;
  border-bottom: 1px solid #eee !important;
  box-shadow: none !important;
  height: 56px !important;
}

.mini-cart-lightbox-inner .mini-cart-heading-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
}

.mini-cart-lightbox-inner .mini-cart-lightbox-close {
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  color: #1a1a1a !important;
  transition: opacity 0.2s ease !important;
}

.mini-cart-lightbox-inner .mini-cart-lightbox-close:hover {
  opacity: 0.7 !important;
}

.mini-cart-lightbox-inner .mini-cart-lightbox-close svg {
  width: 14px !important;
  height: 14px !important;
}

/* Ensure the items wrapper takes flex space and scrolls */
.mini-cart-lightbox-inner .pa-woo-mc__items-wrapper {
  flex: 1 !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

/* Fix item wrapper container flex layout and horizontal divider line */
.mini-cart-lightbox-inner .pa-woo-mc__item-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 20px 24px !important;
  position: relative !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* Fix thumbnail sizing and rounded corners */
.mini-cart-lightbox-inner .pa-woo-mc__product-thumbnail {
  flex: 0 0 76px !important;
  width: 76px !important;
  height: 76px !important;
  max-width: 76px !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  position: relative !important;
  margin-right: 16px !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__product-thumbnail a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__product-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  float: none !important;
  margin: 0 !important;
}

/* Use display contents to flatten grid structure and place elements correctly */
.mini-cart-lightbox-inner .pa-woo-mc__title-row,
.mini-cart-lightbox-inner .pa-woo-mc__price-row {
  display: contents !important;
}

/* Product data grid container */
.mini-cart-lightbox-inner .pa-woo-mc__product-data {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  row-gap: 6px !important;
  column-gap: 4px !important;
  padding-right: 32px !important; /* Make room for the absolute trash icon on the right */
}

/* Quantity display styling */
.mini-cart-lightbox-inner .pa-woo-mc__item-qty {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  margin: 0 !important;
}

/* Hide minus and plus quantity buttons */
.mini-cart-lightbox-inner .pa-woo-mc__item-qty .pa-woo-mc__qty-btn {
  display: none !important;
}

/* Style input value as raw text next to the title */
.mini-cart-lightbox-inner input.pa-woo-mc__input[type=number] {
  width: auto !important;
  max-width: 14px !important;
  border: none !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  appearance: textfield !important;
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  pointer-events: none !important;
  text-align: left !important;
}

.mini-cart-lightbox-inner input.pa-woo-mc__input[type=number]::-webkit-inner-spin-button,
.mini-cart-lightbox-inner input.pa-woo-mc__input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Append the ' × ' multiplication sign after quantity */
.mini-cart-lightbox-inner .pa-woo-mc__item-qty::after {
  content: " \00d7" !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin-left: 2px !important;
}

/* Product title */
.mini-cart-lightbox-inner .pa-woo-mc__title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__title:hover {
  color: #ff4a22 !important;
}

/* Price field under the title */
.mini-cart-lightbox-inner .pa-woo-mc__item-price {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
}

/* Trash bin icon positioned absolute on the right */
.mini-cart-lightbox-inner .pa-woo-mc__remove-item {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  z-index: 10 !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__remove-item svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__remove-item svg path {
  fill: #ff3b30 !important; /* Red trash icon */
  transition: opacity 0.2s ease !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__remove-item:hover svg path {
  opacity: 0.7 !important;
}

/* Subtotal & Footer buttons styling */
.mini-cart-lightbox-inner .pa-woo-mc__cart-footer {
  padding: 20px 0 0 0 !important;
  margin-top: auto !important;
  border-top: 1px solid #eee !important;
  background-color: #fff !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__cart-subtotal {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 24px 16px 24px !important;
  margin-bottom: 0 !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__subtotal-heading {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__cart-subtotal .pa-woo-mc__subtotal {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__cart-buttons {
  display: flex !important;
  gap: 0 !important;
  margin-top: 0 !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__mc-btn {
  flex: 1 !important;
  padding: 15px 20px !important;
  text-align: center !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-transform: capitalize !important;
  letter-spacing: 0px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
  border: none !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__view-cart {
  background-color: #1a1a1a !important;
  color: #fff !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__view-cart:hover {
  background-color: #333 !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__checkout {
  background-color: #ff4a22 !important;
  color: #fff !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__checkout:hover {
  background-color: #e03d18 !important;
}

/* Empty message wrapper */
.mini-cart-lightbox-inner .pa-woo-mc__empty-msg-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 20px !important;
  text-align: center !important;
  position: static !important;
  transform: none !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__empty-msg {
  font-size: 16px !important;
  color: #666 !important;
  margin-top: 15px !important;
  margin-bottom: 20px !important;
}

.mini-cart-lightbox-inner .pa-woo-mc__empty-msg-btn {
  display: inline-flex !important;
  background-color: #ff4a22 !important;
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}


/* ==========================================================================
   Standard WooCommerce Mini Cart Footer & Buttons Styling
   ========================================================================== */

.mini-cart-lightbox-inner .widget_shopping_cart_footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 20px 0 0 0 !important;
  margin-top: auto !important;
  border-top: 1px solid #eee !important;
  background-color: #fff !important;
  height: auto !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 24px 16px 24px !important;
  margin-bottom: 0 !important;
  border-top: none !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__total strong {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__total .amount {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__buttons {
  display: flex !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__buttons a.button {
  flex: 1 !important;
  padding: 15px 20px !important;
  text-align: center !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-transform: capitalize !important;
  letter-spacing: 0px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  height: 52px !important;
  line-height: normal !important;
  max-width: none !important;
}

/* "View cart" button styling */
.mini-cart-lightbox-inner .woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background-color: #1a1a1a !important;
  color: #fff !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
  background-color: #333 !important;
}

/* "Checkout" button styling */
.mini-cart-lightbox-inner .woocommerce-mini-cart__buttons a.button.checkout {
  background-color: #ff4a22 !important;
  color: #fff !important;
}

.mini-cart-lightbox-inner .woocommerce-mini-cart__buttons a.button.checkout:hover {
  background-color: #e03d18 !important;
}

body.admin-bar .mini-cart-lightbox-inner {
  padding-top: 32px !important;
}