/*
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
*/

/* ================================
   Katushka SVG Preloader Styles
   ================================ */

#katushka-preloader {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sk-katushka-spinner svg {
  display: block;
  margin: auto;
  animation: rot-1 2s linear infinite;
}

.sk-katushka-spinner .animated-stroke {
  stroke: #fff;
  fill: #7e7e7e;
  fill-opacity: 0.3;
  stroke-width: 2;
  opacity: 0.55;
  transform: scale(0.97);
  transform-origin: center center;
  animation: rot-2 1.5s ease-in-out infinite;
}

@keyframes rot-1 {
  0% {
    transform: rotate(0deg) translateZ(0);
  }
  100% {
    transform: rotate(360deg) translateZ(0);
  }
}

@keyframes rot-2 {
  0% {
    stroke-dasharray: 5,150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120,150;
    stroke-dashoffset: -50;
  }
  100% {
    stroke-dasharray: 5,150;
    stroke-dashoffset: -150;
  }
}

/* ========== SIZE swatches ONLY (text type) – hard reset ========== */
form.isw-swatches.isw-swatches--in-single .isw-swatch--isw_text .isw-term {
  /* kill inherited sizing/layout that breaks the square */
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 2px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;

  /* enforce square */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;         /* << set your size here */
  height: 38px !important;        /* << set your size here */
  box-sizing: border-box !important;
  margin-right: 8px !important;

  /* typography */
  font-size: 16px !important;     /* adjust to fit inside the square */

  /* visuals */
  background: #fff !important;
  color: #777777 !important;
  border: 1px solid #d8d8d6 !important;
  border-radius: 6px !important;  /* 0 = sharp, 50% = circular */
  transition: border-color .2s ease, background-color .2s ease, color .2s ease !important;

  /* keep alignment consistent with inline elements around it */
  vertical-align: middle !important;
}

/* Hover */
form.isw-swatches.isw-swatches--in-single .isw-swatch--isw_text .isw-term:hover {
  border-color: #111 !important;
  background: #d8d8d8 !important;
  color: #111 !important;
}

/* Selected/active */
form.isw-swatches.isw-swatches--in-single .isw-swatch--isw_text .isw-term.isw-selected,
form.isw-swatches.isw-swatches--in-single .isw-swatch--isw_text .isw-term.selected,
form.isw-swatches.isw-swatches--in-single .isw-swatch--isw_text .isw-term.isw-active {
  border-color: #111 !important;
  background: #d8d8d8 !important;
  color: #111 !important;

/* Optional: tighter size on very small screens */
@media (max-width: 480px) {
  form.isw-swatches.isw-swatches--in-single .isw-swatch--isw_text .isw-term {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
  }
}