/*
Theme Name: Minimog Child
Theme URI: http://minimog.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: minimog
Text Domain:  minimog-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* =========================================================
   GLOBAL / MOBILE-FIRST (base styles for phones and small screens)
   Put default styles here; override at larger breakpoints below.
   ========================================================= */

/* Header wrapper stays centered on all screens; expands with media queries if needed */
.header-wrap {
  max-width: 1400px;
  margin: 0 auto;
}

/* Hide header-above bar when pinned/small screens */
.header-above.hide-on-pinned.hide-sm {
  display: none;
}

/* Top bar defaults (mobile) */
#page-top-bar {
  background: transparent;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0;
  position: relative; /* was specified separately; keep default here */
}

/* Page header default (mobile) */
.home header#page-header:not(.header-pinned) {
  margin: 0;             /* remove desktop margin on mobile */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* WooCommerce / cart / product defaults (mobile) */
.woocommerce-product-gallery__image {
  background: #fff;
  border-radius: 30px;
}

.single-product .woo-single-gallery.thumbs-slider-vertical .minimog-thumbs-swiper {
  height: 78%;
}

.fly-cart-footer .button.checkout {
  border-radius: 100px;
  color: #fff;
}

h3.fly-cart-title {
  font-size: 20px;
  position: relative;
  top: -10px;
  font-weight: 500;
}

.minimog-product:not(.style-list).group-style-01 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a {
  background: #000;
  color: #fff;
  border-radius: 100px;
}

/* Elementor hero default (mobile) — keep neutral; we’ll shift on desktop */
.elementor-element[data-widget_type="hero-banner.default"] {
  /* no negative margin on mobile to avoid overlap */
}

/* If this Tailwind-style utility exists on elements, keep mobile height automatic */
.md\:h-\[600px\] {
  /* On mobile we prefer natural height; override later on desktop */
  height: auto;
}
.woosc_table tbody tr.tr-add_to_cart .button {
    color: white;
}
@media(max-width:767px){
	.single-product .woo-single-gallery .minimog-main-swiper .swiper-slide .minimog-lazy-image, .single-product .woo-single-gallery .minimog-main-swiper .swiper-slide img {
    padding: 0px;
    object-fit: cover;
    min-height: 400px;
}
}
/* ==================================================================
   ≥ 1000px — TABLET / SMALL DESKTOP
   Put layout shifts that need more horizontal space here.
   ================================================================== */
@media (min-width: 1000px) {

  /* Header sizing and margin for wider screens */
  .home header#page-header:not(.header-pinned) {
    margin: 30px;
    margin-top: 0;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Top bar width + inner container styling for desktop */
    .home #page-top-bar {
    background: transparent;
    padding: 0;
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    margin-bottom: 0;
  }

  /* If your theme uses .container inside #page-top-bar, style it here (desktop intent) */
  #page-top-bar .container {
    background: #000;
    padding: 7px 10px;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
  }

  /* Hero banner pulls up and sits above content on larger screens */
  .elementor-element[data-widget_type="hero-banner.default"] {
    margin-top: -180px;
    z-index: 1;
  }

  /* Add breathing room above hero inner container */
  .elementor-element[data-widget_type="hero-banner.default"] .main-container-hero {
    padding-top: 100px;
  }

  /* Force a taller hero only on wider screens */
  .md\:h-\[600px\] {
    height: 800px;
  }

  /* Make the right column sticky on product/section templates that use this node */
  .elementor-element.elementor-element-cefdf3f.e-con-full.e-flex.e-con.e-child {
/*     position: sticky; */
/*     top: 110px; */
/*     height: 540px; */
  }
}

/* =========================================================
   ≥ 1200px — MEDIUM DESKTOP
   Broaden header/top-bar widths.
   ========================================================= */
@media (min-width: 1200px) {
    .home #page-top-bar,
  .home header#page-header:not(.header-pinned) {
    width: 1250px;
  }
}

/* =========================================================
   ≥ 1500px — LARGE DESKTOP / WIDE
   Final max widths for big screens.
   ========================================================= */
@media (min-width: 1500px) {
    .home #page-top-bar,
  .home header#page-header:not(.header-pinned) {
    width: 1350px;
  }
}