/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.banner-sparco {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  min-height: 380px;
}

.banner-sparco .band-blue-big {
  position: absolute;
  top: 0;
  left: -10%;
  width: 40%;
  height: 100%;
  background: linear-gradient(135deg, #223a90, #142a73);
  clip-path: polygon(0 0, 85% 0, 60% 100%, 0 100%);
  z-index: 1;
  opacity: 0.9;
}

.banner-sparco .band-blue-small {
  position: absolute;
  top: 0;
  left: 20%;
  width: 12%;
  height: 100%;
  background: linear-gradient(135deg, #2b49b6, #1c2f83);
  clip-path: polygon(10% 0, 100% 0, 78% 100%, 0 100%);
  z-index: 2;
  opacity: 0.9;
}

.banner-sparco .band-red {
  position: absolute;
  top: 0;
  left: 35%;
  width: 6px;
  height: 100%;
  background: #e11d2e;
  transform: skewX(-18deg);
  z-index: 3;
  opacity: 0.95;
}

/* Ховаємо стандартні PNG-прапори Polylang у хедері */
.ct-language-switcher img,
.current-lang img {
    display: none !important;
}

/* Рамка для всіх прапорів у language switcher */
.ct-language-switcher a[lang],
.current-lang a[lang] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0.5px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-sizing: border-box;
}

.ct-language-switcher a[lang="pl-PL"] {
    background-image: url("/wp-content/polylang/pl.svg");
}

.ct-language-switcher a[lang="uk"] {
    background-image: url("/wp-content/polylang/ua.svg");
}

.ct-language-switcher a[lang="de-DE"] {
    background-image: url("/wp-content/polylang/de.svg");
}

.ct-language-switcher a[lang="en-GB"] {
    background-image: url("/wp-content/polylang/gb.svg");
}

.ct-language-switcher a[lang="fr-FR"] {
    background-image: url("/wp-content/polylang/fr.svg");
}

.ct-language-switcher a[lang="es-ES"] {
    background-image: url("/wp-content/polylang/es.svg");
}

.ct-language-switcher a[lang="hu-HU"] {
    background-image: url("/wp-content/polylang/hu.svg");
}

.ct-language-switcher a[lang="ro-RO"] {
    background-image: url("/wp-content/polylang/ro.svg");
}

.ct-language-switcher a[lang="sk-SK"] {
    background-image: url("/wp-content/polylang/sk.svg");
}

.ct-language-switcher a[lang="sv-SE"] {
    background-image: url("/wp-content/polylang/se.svg");
}

.ct-language-switcher a[lang="sr-RS"] {
    background-image: url("/wp-content/polylang/rs.svg");
}

.ct-language-switcher a[lang="ru-RU"] {
    background-image: url("/wp-content/polylang/ru.svg");
}

.ct-language-switcher a[lang="cs-CZ"] {
    background-image: url("/wp-content/polylang/cz.svg");
}

.ct-language-switcher a[lang="ja"] {
    background-image: url("/wp-content/polylang/jp.svg");
}

.ct-language-switcher a[lang="it-IT"] {
    background-image: url("/wp-content/polylang/it.svg");
}

.ct-language-switcher a {
    display: block;
    width: 24px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: opacity .2s ease;
}

.ct-language-switcher .current-lang a {
    transform: scale(1.25);
}

/* hover */
.ct-language-switcher li:hover a {
    transform: scale(1.15);
}

.kt-blocks-info-box-link-wrap a,
.kt-blocks-info-box-textcontent a {
    text-decoration: none !important;
}

.kt-blocks-info-box-link-wrap a:hover,
.kt-blocks-info-box-textcontent a:hover {
    text-decoration: none !important;
}

[data-vertical-spacing*=bottom] {
    padding-bottom: 0 !important;
}

.wp-block-getwid-image-hotspot.svg-hotspot .wp-block-getwid-image-hotspot__dot {
    position: absolute;
    background-color: transparent !important;
    overflow: visible;
    border-radius: 50%;
    animation: svg-pulse 2s infinite;
    box-shadow: 0 0 0 0 var(--theme-palette-color-2);
}

.wp-block-getwid-image-hotspot.svg-hotspot .wp-block-getwid-image-hotspot__dot-icon::before {
    content: none !important;
}

.wp-block-getwid-image-hotspot.svg-hotspot .wp-block-getwid-image-hotspot__dot-icon {
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2025/12/sparco-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent !important;
    position: relative;
    z-index: 2;
}

@keyframes svg-pulse {
  0% {
    box-shadow: 0 0 0 0 var(--theme-palette-color-2);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}