/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

/* Keep Woo Photo Reviews rating summary compatible with XStore star markup. */
#reviews .wcpr-stars-count .star-rating {
  line-height: 1;
  margin: 0;
  overflow: hidden;
}

#reviews .wcpr-stars-count .star-rating span {
  height: 1em;
  font-size: 0;
  line-height: 1;
}

#comments .woocommerce-noreviews ~ .wcpr-overall-rating-and-rating-count {
  display: none !important;
}

/* Center MailPoet welcome popup on mobile and keep its controls reachable. */
@media screen and (max-width: 767px) {
  .mailpoet_form_popup_overlay.active {
    display: block !important;
  }

  div.mailpoet_form_popup.active,
  div#mp_form_popup1.mailpoet_form_popup.active,
  div#mailpoet_form_1.mailpoet_form_popup.active {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: min(92vw, 380px) !important;
    max-width: 92vw !important;
    max-height: calc(100vh - 150px) !important;
    max-height: calc(100dvh - 150px) !important;
    overflow-y: auto !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box;
    z-index: 100001 !important;
    -webkit-overflow-scrolling: touch;
  }

  div.mailpoet_form_popup.active form.mailpoet_form,
  div#mp_form_popup1.mailpoet_form_popup.active form.mailpoet_form,
  div#mailpoet_form_1.mailpoet_form_popup.active form.mailpoet_form {
    padding: 24px 20px calc(24px + env(safe-area-inset-bottom)) !important;
  }

  div.mailpoet_form_popup.active h1.mailpoet-heading,
  div#mp_form_popup1.mailpoet_form_popup.active h1.mailpoet-heading,
  div#mailpoet_form_1.mailpoet_form_popup.active h1.mailpoet-heading {
    margin-bottom: 8px !important;
  }

  div.mailpoet_form_popup.active h2.mailpoet-heading,
  div.mailpoet_form_popup.active .mailpoet_paragraph,
  div#mp_form_popup1.mailpoet_form_popup.active h2.mailpoet-heading,
  div#mp_form_popup1.mailpoet_form_popup.active .mailpoet_paragraph,
  div#mailpoet_form_1.mailpoet_form_popup.active h2.mailpoet-heading,
  div#mailpoet_form_1.mailpoet_form_popup.active .mailpoet_paragraph {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) and (max-height: 700px) {
  div.mailpoet_form_popup.active,
  div#mp_form_popup1.mailpoet_form_popup.active,
  div#mailpoet_form_1.mailpoet_form_popup.active {
    max-height: calc(100vh - 110px) !important;
    max-height: calc(100dvh - 110px) !important;
  }
}