/*
Theme Name: Zilom Child
Theme URI: https://gaviaspreview.com/wp/zilom/
Author URI: http://gaviasthemes.com/
Author: Gaviasthemes Team
Description: Child theme for the Zilom theme.
Template: zilom
*/

/*
 * === Show Course Lession correctly on mobile ===
 */
@media (max-width: 991px) {
    .tutor-spotlight-mode #tutor-single-entry-content {
        padding-left: 0 !important;
    }
}

/*  === Style Proceed to Checkout Button === */
.wp-block-woocommerce-proceed-to-checkout-block a,
.wp-block-woocommerce-proceed-to-checkout-block button {
  display: inline-block;
  background-color: #0073aa; /* WooCommerce blue */
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 28px;
  border-radius: 6px;
  border: none;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.wp-block-woocommerce-proceed-to-checkout-block a:hover,
.wp-block-woocommerce-proceed-to-checkout-block button:hover {
  background-color: #005f8d;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile{
	padding-top: 0;
}


/* === Mobile Header Alignment === */
.header-mobile .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px; /* Equal spacing between icons */
}

/* === Mobile Header Cart Icon === */
.header-mobile .mobile-cart {
  position: relative;
}

.header-mobile .mobile-cart .cart-link {
  font-size: 20px;
  color: #333;
  text-decoration: none;
}

.header-mobile .mobile-cart .cart-link:hover {
  color: #000;
}

.header-mobile .mobile-cart .cart-count {
  position: absolute;
  top: -6px;
  right: -10px;
  background: #e53935;
  color: #fff;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1;
}

/* Equal icon spacing consistency */
.header-mobile .gva-user,
.header-mobile .mobile-cart,
.header-mobile .canvas-menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ FINAL: Show complete course thumbnail image in Zilom theme */

.tutor-course-thumbnail {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: #fff; /* optional for clean look */
}

.tutor-course-thumbnail img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  position: relative !important;
  border-radius: 8px;
}
.tutor-course-thumbnail .tutor-ratio{
	padding-top: 0!important;
}


/* ✅ Make Paper Plane Clickable For Newsletter On Home Page */
.form-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer; /* makes icon look clickable */
}

/* Make entire span clickable */
.form-action * {
/*   pointer-events: none; */
}

/* Only submit button receives click */
.form-action .newsletter-submit {
  pointer-events: auto;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0;  /* hide it */
  cursor: pointer;
}

/* solid white cart panel */
.gv-sticky-wrapper{
	z-index: 50;
}