/*
Theme Name: qualIP Soft 2025
Theme URI: https://qualipsoft.com
Author: qualIP Soft
Author URI: https://qualipsoft.com
Description: Fork of the Twenty Twenty Five theme by qualIP Soft
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qualipsoft2025
Tags: qualipsoft, qualip, qip
*/

/**********
 * Basics *
 **********/

.wp-site-blocks body {
  color-scheme: dark;
}

/*************
 * Constants *
 *************/

body {
  /* --qip-product-metadata-left-column-min-width: 8em; */
  --qip-product-metadata-left-column-min-width: 6em;

  /* Missing variable in latest Wordpress or Pinterest or Woocommerce? */
  --checkbox-input-size: 1rem;

  /*
  body {
	--wp--custom--spacing--outer: 0px;
  }
  */
}

/***********
 * Generic *
 ***********/

/* Hide empty group */
body .wp-block-group:not(:has(> *)) {
  display: none;
}

.wp-block-eedee-block-gutenslider.force-no-arrows .eedee-gutenslider-prev,
ol > li::marker {
  content: counters(list-item, '.') '. ';
}

/*********************
 * Generic - Classes *
 *********************/

/* flex-fixed class for when "Dimension/Width Fixed" option still allows shrinking */
.flex-fixed {
  flex-grow: 0;
  flex-shrink: 0;
}

.align-items-flex-start {
  align-items: flex-start;
}

.no-column-gap {
  column-gap: 0px ! important;
}

/* Force to be as wide as the container */
.width-100pc.wp-block-site-logo a > img,
.width-100pc:not(.wp-block-site-logo) {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/*
.undo-spacing-outer {
  margin-left: calc(0px - var(--wp--custom--spacing--outer));
}
*/
.undo-global-padding,
.wp-site-blocks .undo-global-padding {
  margin-left: calc(0px - var(--wp--style--root--padding-left)) ! important;
}

/* Force to be as wide as the page */
.width-100vw {
  width: 100vw;
  max-width: 100vw;
}
/*
.width-100vw:not(.undo-spacing-outer),
.alignfull.width-100vw:not(.undo-spacing-outer),
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull.width-100vw:not(.undo-spacing-outer),
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"].width-100vw:not(.undo-spacing-outer),
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull.width-100vw:not(.undo-spacing-outer),
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"].width-100vw:not(.undo-spacing-outer) {
  width: calc(100vw - 2 * var(--wp--custom--spacing--outer));
  max-width: calc(100vw - 2 * var(--wp--custom--spacing--outer));
}
*/

.featured-image-no-margin .wp-block-post-featured-image {
  margin: 0px;
}
.product-image-no-margin .wc-block-components-product-image {
  margin: 0px;
}

.margin-left-auto {
  margin-left: auto ! important;
}

.default-margins,
body .is-layout-flex > .default-margins,
body .is-layout-flow > .default-margins,
body .is-layout-constrained > :where(.default-margins:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin: var(--wp--preset--spacing--30);
  margin-block-start: var(--wp--preset--spacing--30);
  margin-block-end: var(--wp--preset--spacing--30);
  margin-inline-start: var(--wp--preset--spacing--30);
  margin-inline-end: var(--wp--preset--spacing--30);
}
body .is-layout-constrained > :where(.default-margins:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin: var(--wp--preset--spacing--30) !important;
}

/* Make almost anything unselectable */
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Make sticky */
.is-sticky {
  position: sticky;
}

.no-padding {
    padding: 0;
}

.weight-normal {
    font-weight: normal ! important;
}

.position-relative {
	position: relative;
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-clip {
	overflow: clip;
}

.inline-block {
	display: inline-block;
}

.width-fit-content {
	width: fit-content;
}

/*****************
 * Styling start *
 *****************/

/* Make "Hide on mobile" work. */
@media screen and (max-width: 30em) {
  body .uag-hide-mob {
    display:none;
  }
}


/* gallery lightbox > image container */
body div.wp-lightbox-overlay .lightbox-image-container {
  /* Change the z-index to be under the max, so we can put the button on top */
  /* maximum: 2147483647 */
  z-index: 999999999;
}

/* WooComerce product-gallery dialog / gallery lightbox close-button */
body .wc-block-product-gallery dialog .wc-block-product-galler-dialog__header-right button.wc-block-product-gallery-dialog__close,
body div.wp-lightbox-overlay > button[aria-label="Close"],
.wp-block-navigation__responsive-container-close {
  /* One type of button is completely transparent, the other has no background color, make them the same */
  background-color: var(--wp--preset--color--link-base) ! important;

  /* Close button position is normally at flex-end */
  position: absolute;
  /* Place it above everything else to be able to click it no matter what */
  /* maximum: 2147483647 */
  z-index: 2147483647;

  top: 10%;
  right: 10%;

  /* Make it square */
  width: fit-content;
  height: fit-content;
  min-width: unset;
  min-height: unset;
  line-height: 0px; /* Avoid inter-line spacing */

  padding: 3px; /* For spacing around the X */
}

/* image close button set size */
body div.wp-lightbox-overlay > button[aria-label="Close"] > svg {
  width: 24px;
  height: 24px;
}

/* WooComerce product-gallery / image close button > svg > path */
body .wc-block-product-gallery dialog .wc-block-product-galler-dialog__header-right button.wc-block-product-gallery-dialog__close > svg >path,
body div.wp-lightbox-overlay > button[aria-label="Close"] > svg > path {
  /* Stay consistent between product-gallery and others */
  fill: var(--wp--preset--color--input-background) ! important;
}

/* WooComerce product-gallery dialog / image lightbox */
body .wc-block-product-gallery dialog,
div.wp-lightbox-overlay > div.scrim {
  background-color: rgba(0, 0, 0, 0.92) !important; /* Set transparency */
  margin: 0px; /* browser default margin on dekstop and cell are different */
}

/* When the menu button is not shown */
@media (min-width: 600px) {
  button.wp-block-navigation__responsive-container-open:not(.always-shown) + .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
	margin: 0px auto 0px auto;

	/*
	span.wp-block-navigation-item__label {
	  border: 0px solid transparent ! important;
	}
	*/
  }
}

/* Change autofill input/select color site-wide */
div :is(input, select):is(
  :autofill,
  :-internal-autofill-selected,
  :-webkit-autofill,
  ) {
  color: var(--wp--preset--color--main-text) !important;
  -webkit-text-fill-color: var(--wp--preset--color--main-text) !important;

  background-color: var(--wp--preset--color--input-background) !important;
  box-shadow: 0 0 0 100vw var(--wp--preset--color--input-background) inset !important;
  -webkit-box-shadow: 0 0 0 100vw var(--wp--preset--color--input-background) inset !important;

  border: 1px solid var(--wp--preset--color--link-base) !important;
}

/* Hide Google's reCaptcha badge/logo */
/* TODO This could be done only on non-Contact pages */
.grecaptcha-badge {
  display: none ! important;
}


/***************
 * Images Grid *
 ***************/

/*
 * For manual images grid:
 *   .is-layout-flex.images-grid
 * For query loop images grid:
 *   .is-layout-flow.images-grid > ul
 * Make them squared:
 *   .images-grid.squared
 */
.images-grid {
  --qip--scrollbar-width: 3.5rem;
  --qip--images-grid--gap: var(--wp--preset--spacing--30);
  --qip--images-grid--num-per-page--desktop: 5;
  --qip--images-grid--num-per-page--tablet: 3;
  --qip--images-grid--num-per-page--mobile: 3;
  --qip--images-grid--available-width: calc(min(100vw - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right) - var(--qip--scrollbar-width), var(--wp--style--global--content-size)));
  --qip--images-grid--image-width--desktop: calc(( var(--qip--images-grid--available-width) - var(--qip--images-grid--gap) * (var(--qip--images-grid--num-per-page--desktop) - 1)) / var(--qip--images-grid--num-per-page--desktop));
  --qip--images-grid--image-width--tablet: calc(( var(--qip--images-grid--available-width) - var(--qip--images-grid--gap) * (var(--qip--images-grid--num-per-page--tablet) - 1)) / var(--qip--images-grid--num-per-page--tablet));
  --qip--images-grid--image-width--mobile: calc(( var(--qip--images-grid--available-width) - var(--qip--images-grid--gap) * (var(--qip--images-grid--num-per-page--mobile) - 1)) / var(--qip--images-grid--num-per-page--mobile));
}
.images-grid.num-per-page-desktop-5 {
  --qip--images-grid--num-per-page--desktop: 5;
}
.images-grid.num-per-page-desktop-6 {
  --qip--images-grid--num-per-page--desktop: 6;
}
.wp-block-details:has( .images-grid ) {
  padding-left: 0px;
}
.is-layout-flex.images-grid,
.is-layout-flow.images-grid > ul {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-items: flex-start;
  align-content: center;
  gap: var(--qip--images-grid--gap);
}
.is-layout-flow.images-grid > ul {
  justify-content: center;
}
.is-layout-flex.images-grid figure,
.is-layout-flow.images-grid > ul,
.is-layout-flow.images-grid > ul > li,
.is-layout-flow.images-grid.wp-block-woocommerce-product-collection > ul,
.is-layout-flow.images-grid.wp-block-woocommerce-product-collection > ul > li {
  margin: 0px ! important;
}
.is-layout-flow.images-grid figure:has(+.wp-block-post-title) {
  margin: 0px auto;
}
.is-layout-flex.images-grid figcaption,
.is-layout-flow.images-grid figcaption {
  margin-bottom: 0px;
}

/* Allow images to shrink to 1/3 (+spacing) of the width of the screen:
 * 30% + >=3% + 30% + >=3% + 30%
 * */
.images-grid:not(.squared) figure,
.images-grid:not(.squared) figure > img,
.images-grid:not(.squared) figure > a > img,
.images-grid:not(.squared) figure > div.components-resizable-box__container,
.images-grid:not(.squared) .wc-block-components-product-image > img,
.images-grid:not(.squared) .wc-block-components-product-image > a > img {
  /* Limiting the width makes rectangle images look too small. */
  /* max-width: 30vw; */

  /* Instead, limit the height of images (mostly squares) to allow rectangle ones to be larger. */
  width: auto ! important; /* important because post-feature-image sets width on figure style */
  height: auto;
  max-width: fit-content;
}
.is-layout-flex.images-grid, .is-layout-flow.images-grid > ul {
    gap: var(--qip--images-grid--gap);
}
.images-grid figcaption {
  font-weight: bold;
}
.images-grid > * {
  text-align: center;
}

.theme-modern-gallery {
  background-color: #222222;
  padding: 2rem;
}
.theme-modern-gallery h5 {
  padding-bottom: 2rem;
}
.theme-modern-gallery figure {
  border: 2rem solid black;
}
.theme-modern-gallery .is-layout-flex.images-grid,
.theme-modern-gallery .is-layout-flow.images-grid > ul {
  justify-content: space-evenly;
  justify-content: center;
  gap: var(--qip--images-grid--gap);
}
.images-grid .wp-block-post-title,
.images-grid .wp-block-post-title > a {
  color: var(--wp--preset--color--link-base);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

@media (min-width: 1025px) {
  /* Desktop */
  .is-layout-flow.images-grid figure +.wp-block-post-title /*,
  .is-layout-flow.images-grid .wc-block-components-product-image +.wp-block-post-title */
  {
    max-width: var(--qip--images-grid--image-width--dekstop); /* implies square images limited on max-height below */
  }
  .images-grid .wp-block-post-title,
  .images-grid .wp-block-post-title > a {
    max-width: var(--qip--images-grid--image-width--desktop);
  }
  .images-grid:not(.squared) figure,
  .images-grid:not(.squared) figure > img,
  .images-grid:not(.squared) figure > a > img,
  .images-grid:not(.squared) figure > div.components-resizable-box__container,
  .images-grid:not(.squared) .wc-block-components-product-image > img,
  .images-grid:not(.squared) .wc-block-components-product-image > a > img,
  .images-grid:not(.squared) .wc-block-product {
    max-height: var(--qip--images-grid--image-width--desktop);
  }
  .images-grid.squared figure,
  .images-grid.squared figure > img,
  .images-grid.squared figure > a > img,
  .images-grid.squared figure > div.components-resizable-box__container,
  .images-grid.squared .wc-block-components-product-image,
  .images-grid.squared .wc-block-components-product-image > img,
  .images-grid.squared .wc-block-components-product-image >  a > img,
  .images-grid.squared .wc-block-product {
    /* Instead, limit the height of images (mostly squares) to allow rectangle ones to be larger. */
    width: var(--qip--images-grid--image-width--desktop) ! important; /* important because post-feature-image and friends sets width on figure style */
    height: var(--qip--images-grid--image-width--desktop) ! important;
    max-width: var(--qip--images-grid--image-width--desktop) ! important; /* important because post-feature-image and friends sets width on figure style */;
    max-height: var(--qip--images-grid--image-width--desktop) ! important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet */
  .is-layout-flow.images-grid figure +.wp-block-post-title /*,
  .is-layout-flow.images-grid .wc-block-components-product-image +.wp-block-post-title */
  {
    max-width: var(--qip--images-grid--image-width--tablet); /* implies square images limited on max-height below */
  }
  .images-grid .wp-block-post-title,
  .images-grid .wp-block-post-title > a {
    max-width: var(--qip--images-grid--image-width--tablet);
  }
  .images-grid:not(.squared) figure,
  .images-grid:not(.squared) figure > img,
  .images-grid:not(.squared) figure > a > img,
  .images-grid:not(.squared) figure > div.components-resizable-box__container,
  .images-grid:not(.squared) .wc-block-components-product-image > img,
  .images-grid:not(.squared) .wc-block-components-product-image > a > img,
  .images-grid:not(.squared) .wc-block-product {
    max-height: var(--qip--images-grid--image-width--tablet);
  }
  .images-grid.squared figure,
  .images-grid.squared figure > img,
  .images-grid.squared figure > a > img,
  .images-grid.squared figure > div.components-resizable-box__container,
  .images-grid.squared .wc-block-components-product-image,
  .images-grid.squared .wc-block-components-product-image > img,
  .images-grid.squared .wc-block-components-product-image >  a > img,
  .images-grid.squared .wc-block-product {
    /* Instead, limit the height of images (mostly squares) to allow rectangle ones to be larger. */
    width: var(--qip--images-grid--image-width--tablet) ! important; /* important because post-feature-image and friends sets width on figure style */
    height: var(--qip--images-grid--image-width--tablet) ! important;
    max-width: var(--qip--images-grid--image-width--tablet) ! important; /* important because post-feature-image and friends sets width on figure style */;
    max-height: var(--qip--images-grid--image-width--tablet) ! important;
  }
}
@media (max-width: 767px) {
  /* Mobile */
  .is-layout-flow.images-grid figure +.wp-block-post-title /*,
  .is-layout-flow.images-grid .wc-block-components-product-image +.wp-block-post-title */
  {
    max-width: var(--qip--images-grid--image-width--mobile); /* implies square images limited on max-height below */
  }
  /* Allow images to shrink to 1/3 (+spacing) of the width of the screen */
  .images-grid .wp-block-post-title,
  .images-grid .wp-block-post-title > a {
    max-width: var(--qip--images-grid--image-width--mobile);
  }
  .images-grid:not(.squared) figure,
  .images-grid:not(.squared) figure > img,
  .images-grid:not(.squared) figure > a > img,
  .images-grid:not(.squared) figure > div.components-resizable-box__container,
  .images-grid:not(.squared) .wc-block-components-product-image > img,
  .images-grid:not(.squared) .wc-block-components-product-image > a > img,
  .images-grid:not(.squared) .wc-block-product {
    max-height: var(--qip--images-grid--image-width--mobile);
  }
  .images-grid.squared figure,
  .images-grid.squared figure > img,
  .images-grid.squared figure > a > img,
  .images-grid.squared figure > div.components-resizable-box__container,
  .images-grid.squared .wc-block-components-product-image,
  .images-grid.squared .wc-block-components-product-image > img,
  .images-grid.squared .wc-block-components-product-image >  a > img,
  .images-grid.squared .wc-block-product {
    /* Instead, limit the height of images (mostly squares) to allow rectangle ones to be larger. */
    width: var(--qip--images-grid--image-width--mobile) ! important; /* important because post-feature-image and friends sets width on figure style */
    height: var(--qip--images-grid--image-width--mobile) ! important;
    max-width: var(--qip--images-grid--image-width--mobile) ! important; /* important because post-feature-image and friends sets width on figure style */
    max-height: var(--qip--images-grid--image-width--mobile) ! important;
  }
  .images-grid.squared figure + div:has(> h3, .wc-block-components-product-price, wc-block-components-product-button),
  .images-grid.squared div:has(> div.wc-block-components-product-image):has(> h3, .wc-block-components-product-price, wc-block-components-product-button) {
    width: var(--qip--images-grid--image-width--mobile);
    max-width: var(--qip--images-grid--image-width--mobile);
  }

  .theme-modern-gallery {
    padding: 3vw;
  }
  .theme-modern-gallery h5 {
    padding-bottom: 4vw;
  }
  .theme-modern-gallery figure {
    border-width: 3vw;
  }
  .theme-modern-gallery .is-layout-flex.images-grid,
  .theme-modern-gallery .is-layout-flow.images-grid > ul {
    gap: var(--qip--images-grid--gap);
  }
}

/************
 * MailPoet *
 ************/

#mailpoet_captcha_form .mailpoet_validate_success {
  /* Like #mp_form_popup5 */
  border-radius: 0px;
  background: #000000;
  color: #777777;
  text-align: left;
}
#mailpoet_captcha_form .mailpoet_validate_success {
  padding: 1em;
}

div.mailpoet_form_popup,
#mailpoet_captcha_form .mailpoet_validate_success {
  /* box-shadow: 0 4px 35px 0 rgba(195,65,2,.2); */
  box-shadow: none;
  border: 1px solid var(--wp--preset--color--link-base);
}

/* Fix the layout of mailpoet's captcha/confirm page */
p:empty:has( + .mailpoet_form.mailpoet_form_successfully_send) {
    display: none;
  }
  .mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    position: relative;
    transform: translate(-50%);
    width: fit-content;
  }
  #mailpoet_captcha_form .mailpoet_validate_error {
    margin: 0;
  }

/* Override mailpoet's own CSS */
#mailpoet_form_6 a,
#mailpoet_form_6.mailpoet_form_html a,
#mailpoet_form_6.mailpoet_form_iframe a,
.mailpoet_form_html a,
.mailpoet_form_iframe a {
  color: var(--wp--preset--color--link-base);
  text-decoration: none;
}
#mailpoet_form_6 a:hover,
#mailpoet_form_6.mailpoet_form_html a:hover,
#mailpoet_form_6.mailpoet_form_iframe a:hover,
.mailpoet_form_html a:hover,
.mailpoet_form_iframe a:hover {
    color: var(--wp--preset--color--link-hover);
}

/* Control pop-up version of the form */
.mailpoet_form.mailpoet_form_popup {
  background: #000000 ! important;
  animation: flip-popup 1s 1 ease-in-out ! important;
  border: 0.33em solid var(--wp--preset--color--link-base) ! important;
  border-radius: 0px ! important;
  bottom: unset ! important;
  left: 50% ! important;
  max-height: 100vh ! important;
  /* padding: 0.5em ! important; */
  right: unset ! important;
  top: 50% ! important;
  transform: translate(-50%, -50%) ! important;
  width: calc(50% + 1em) ! important;
  min-width: calc(50% + 1em) ! important;
}
.mailpoet_form.mailpoet_form_popup > form.mailpoet_form.mailpoet_form_popup.mailpoet_form_form {
  border: 0px solid transparent ! important;
  bottom: unset ! important;
  left: 0px ! important;
  height: 100% ! important;
  max-height: 100% ! important;
  padding: 0px ! important;
  right: unset ! important;
  top: 0px ! important;
  transform: none ! important;
  width: 100% ! important;
  min-width: 100% ! important;
}

.mailpoet_form_popup_overlay.active {
  background-color: var(--wp--preset--color--link-base);
  opacity: 0.6;
}
@keyframes fade-in-overlay {
  0% {
    opacity: 0
  }
  100% {
    opacity: .6
  }
}

.mailpoet_form_close_icon {
  width: 3em;
  height: 3em;
}

.mailpoet_form.mailpoet_form_popup .mailpoet-heading {
  font-size: revert !important;
  /* line-height: 1.4 !important; */
  margin: revert !important;
}

.mailpoet_form.mailpoet_form_popup .mailpoet_paragraph,
.mailpoet_form:not(.mailpoet_form_popup) .mailpoet_paragraph {
  margin-bottom: 0.5em ! important;
  input {
    padding: 0.6em ! important;
  }
}

.mailpoet_form.mailpoet_form_popup .mailpoet_paragraph .mailpoet_submit,
.mailpoet_form:not(.mailpoet_form_popup) .mailpoet_paragraph .mailpoet_submit {
  padding: 0.6em ! important;
  font-size: var(--wp--preset--font-size--medium) ! important;
}

.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:not(:first-child),
.mailpoet_form:not(.mailpoet_form_popup) .mailpoet_form_column:not(:first-child) {
  margin-left: 0.5em ! important;
}

/* MailPoet: make mobile version pop-up too */
@media (min-width: 1025px) {
  /* Desktop */
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet */
}
@media (max-width: 500px) {
  /* Mobile */
  .mailpoet_form.mailpoet_form_popup {
    /* padding: 0.5em ! important; */
    width: calc(85% + 0em) ! important;
    min-width: calc(85% + 0em) ! important;
  }
  /* Make logo smaller on mobile */
  .mailpoet_form_popup.mailpoet_form_image {
    display: revert;
    position: relative;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .mailpoet_form_popup.mailpoet_form_image,
  .mailpoet_form_popup.mailpoet_form_image img {
    width: 50vw ! important;
    height: 50vw ! important;
  }

  .mailpoet_form_popup_overlay.active {
    display: revert;
  }

  .mailpoet_form_image {
    display: revert;
  }
}
@container columns (width < 400px) {
  .mailpoet_form_columns.mailpoet_stack_on_mobile .mailpoet_form_column:not(:first-child) {
    margin-left: 0px ! important;
  }
}

/*********************
 * Newsletter plugin *
 *********************/

body .tnp-subscription input.tnp-submit,
body .tnp-profile input.tnp-submit,
body .tnp-unsubscribe button.tnp-submit,
body .tnp-reactivate button.tnp-submit {
  background-color: var(--wp--preset--color--button-background);
  color: var(--wp--preset--color--button-text);
  cursor: pointer;

  &:hover,
  &:focus,
  &:focus-visible {
    background-color: var(--wp--preset--color--button-background-hover);
    color: var(--wp--preset--color--button-text-hover);
  }
}

/**********************
 * Block: Gutenslider *
 **********************/

/* Gutenslider fix padding using .gutenslider-no-padding */
.wp-block-eedee-block-gutenslider.content-change.gutenslider-no-padding .slide-content{
  padding: 0;
}

/* Hide gutenslider slides after the first-child until the slider is initialized. */
.wp-block-eedee-block-gutenslider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:not(:first-child) {
  display: none;
}

/* Hide gutenslider arrows completely when they are not used */
.wp-block-eedee-block-gutenslider:is([class*="arrows-lg-none"], [class*="arrows-md-none"], [class*="arrows-sm-none"]) :is(.eedee-gutenslider-prev, .eedee-gutenslider-next) {
  display: none;
}

/* Hide gutenslider for other device types (phones, tablets, desktops) */
.wp-block-eedee-block-gutenslider:has(.swiper:not(.swiper-initialized)) {
  /* @media (pointer:none), (pointer:coarse) { */
    @media (max-width: 600px) {
      /* Styles for phones */
      &.ed-mobile-hidden {
        display: none;
      }
    }
    @media (min-width: 601px) and (max-width: 960px) {
      /* Styles for tablets */
      &.ed-tablet-hidden {
        display: none;
      }
    }
  /* } */
  @media (pointer:fine) and (min-width: 961px) {
    /* Styles for desktops */
    &.ed-desktop-hidden {
      display: none;
    }
  }
}

/****************************
 * Block: Filter everything *
 ***************************/

div .wpc-filters-main-wrap a.wpc-filters-reset-button,
li.wpc-chip-reset-all a {
  background-color: var(--wp--preset--color--button-background);
  color: var(--wp--preset--color--button-text);
}
body div .wpc-filters-main-wrap a.wpc-filters-submit-button {
  background-color: var(--wp--preset--color--button-background-hover);
  color: var(--wp--preset--color--button-text-hover);
}
div .wpc-filters-main-wrap .wpc-filters-widget-controls-container a,
div .wpc-filters-main-wrap a.wpc-filters-reset-button,
div .wpc-filters-main-wrap a.wpc-filters-submit-button {
  border: 0px solid transparent;
  border-radius: unset;
}
div .wpc-filter-chips-list a,
body div .wpc-filter-chips-list li.wpc-filter-chip a {
  background-color: var(--wp--preset--color--input-background);
  color: var(--wp--preset--color--input-text);
  border: 0px solid transparent;
  border-radius: unset;

  > br {
    display: none;
  }
}
/* Remove empty paragraph with lots of margin */
.wpc-filters-main-wrap .wpc-filter-header > p:empty {
  display: none;
  margin: 0px;
}

body .wpc-filters-main-wrap ul.wpc-filters-ul-list {
  margin: 0px;
}

body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
  border: 0px solid transparent;
  border-radius: unset;
}
div .wpc-filter-chips-list li,
body div .wpc-filter-chips-list li.wpc-filter-chip,
div li.wpc-filter-chip {
  font-size: var(--wp--preset--font-size--small);
}
div .wpc-custom-selected-terms ul.wpc-filter-chips-list {
  flex-direction: column;
}
div:has(.wpc-filter-chips-list, .widget_wpc_filters_widget) {
  min-width: 10em; /* 10em is great for "Beautiful Harmony" + "X" */
}
div .wpc-filters-section:not(.wpc-filter-post_meta_num) .wpc-filter-content ul.wpc-filters-ul-list {
  /* Does not work in firefox or IOS */
  &::-webkit-scrollbar {
    border-radius: 0px;
    background-color: var(--wp--preset--color--input-background) ! important;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: var(--wp--preset--color--link-base);
  }
  &::-webkit-scrollbar-track {
    border-radius: 0px;
  }
}
div.wpc-filter-title {
  /* background: var(--wp--preset--color--heading-background); */
  font-size: var(--wp--custom--typography--font-size--heading-six);
  font-weight: 500;
  margin-bottom: 0px;
}

/* Filter everything: When no results were found, hide the spacings */
.wpc-posts-found[data-found=""] > p {
  margin: 0px;
}
.wpc-posts-found[data-found=""] + .wpc-custom-selected-terms {
  display: none;
}

body div.wpc-filters-open-button-container a.wpc-filters-open-widget,
body div.wpc-filters-open-button-container a.wpc-open-close-filters-button {
  background-color: var(--wp--preset--color--button-background);
  border: none;
}
span.wpc-icon-html-wrapper span {
  background-color: var(--wp--preset--color--main-text);
  height: 2px;
}
span.wpc-icon-html-wrapper span::after {
  background-color: var(--wp--preset--color--input-text);
  width: 5px;
  height: 5px;
}
span.wpc-icon-html-wrapper br {
  display: none;
}
.wpc-filters-button-text {
  color: var(--wp--preset--color--main-text);
}

/* Filter everything: remove the new margin-bottom on the li */
body .wpc-filters-main-wrap ul.wpc-filters-ul-list li.wpc-term-item {
  margin-bottom: 0px;
}

body .wpc-filters-main-wrap ul.wpc-filters-ul-list + p:has(.wpc-see-more-control, .wpc-see-less-control) {
  margin-top: 0.5em;
  margin-bottom: 0px;
}
body .wpc-filters-main-wrap ul.wpc-filters-ul-list + p:has(.wpc-see-more-control, .wpc-see-less-control) > br {
  display: none;
}

.wpc-filters-main-wrap a.wpc-toggle-a {
  border-bottom-style: none;
}

/* Filter everything: make WooCommerce sorting selects 100% width besides filter_everything_widget */
.wc-block-catalog-sorting:has(~.widget_wpc_filters_widget) select,
.widget_wpc_filters_widget ~.wc-block-catalog-sorting select {
  width: 100%;
}

/*********************************
 * Block: Easy table of contents *
 *********************************/

body div#ez-toc-container .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-left: 0 !important;
}
body div#ez-toc-container {
  background-color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--link-base);
  width: auto;
}
.ez-toc-title {
  color: var(--wp--preset--color--heading-text);
}
.ez-toc-link,
#ez-toc-container a {
  color: var(--wp--preset--color--link-base);
    word-break: break-all;
}
#ez-toc-container a:hover {
#ez-toc-container a:active,
#ez-toc-container a:focus,
  color: var(--wp--preset--color--link-hover);
}
#ez-toc-container a:visited {
  color: var(--wp--preset--color--link-visited);
}
/* Fix outline and borders not visible */
body #ez-toc-container li,
body #ez-toc-container ol,
body #ez-toc-container ul {
  overflow: visible;
}

/* vim: set sw=2 sts=2 ts=4: */