.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-909bb62:#CF3141;--e-global-color-ec409a1:#FAF4E8;--e-global-color-766574e:#FD3531;--e-global-color-041305c:#DD0000;--e-global-color-67c32f8:#BC0000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f42b94e-font-family:"Bebas Neue";--e-global-typography-f42b94e-font-size:25px;--e-global-typography-f42b94e-font-weight:400;--e-global-typography-f42b94e-text-transform:uppercase;--e-global-typography-f42b94e-font-style:normal;--e-global-typography-f42b94e-text-decoration:none;--e-global-typography-f42b94e-line-height:1.3em;--e-global-typography-f42b94e-letter-spacing:1.53px;--e-global-typography-fe3d6d0-font-family:"Open Sans";--e-global-typography-fe3d6d0-font-size:16px;--e-global-typography-fe3d6d0-font-weight:400;--e-global-typography-fe3d6d0-line-height:1.8em;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Bazowa klasa na "zakreślany" fragment */
.ring {
  position: relative;
  z-index: 0;
  /* Dostrajanie bez grzebania w CSS globalnie: */
  --pad: .3em;          /* ile "oddechu" wokół tekstu */
  --scale: 1;           /* ewentualne przeskalowanie tła */
  --svg: url("https://bemorestudio.pl/wp-content/uploads/2025/10/ikony-30.svg"); /* tu wstaw URL do SVG */
}

/* Pseudo-element z SVG pod tekstem */
.ring::after {
  content: "";
  position: absolute;
  z-index: -1; /* pod tekstem */
  inset: calc(-1 * var(--pad));
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* zachowaj proporcje kółka */
  transform: scale(var(--scale));
  pointer-events: none;
}

/* (Opcjonalnie) zablokuj łamanie w środku, jeśli chcesz mieć ring na jedną linię */
.ring.nowrap { white-space: nowrap; }

/* (Opcjonalnie) responsywne dostrojenie na mobile */
@media (max-width: 767px) {
  .ring { --pad: .22em; }
}

.u-svg{
  position: relative;
  display: inline-block;     /* żeby ::after miało 100% szerokości */
  z-index: 0;
  --svg: url("https://bemorestudio.pl/wp-content/uploads/2025/09/Projekt-bez-nazwy-38.svg");
  --h: .45em;                /* wysokość „maznięcia” */
  --offset: .05em;           /* jak bardzo podsunąć linię pod literami (+ w dół) */
  --pad-x: .08em;            /* margines po bokach, żeby nie „ścinało” końców */
}

.u-svg::after{
  content: "";
  position: absolute;
  left: calc(-1 * var(--pad-x));
  right: calc(-1 * var(--pad-x));
  height: var(--h);
  bottom: calc(-1 * var(--offset));
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;     /* rozciąga SVG do pełnej szerokości tekstu */
  z-index: -1;                    /* pod tekstem */
  pointer-events: none;
}/* End custom CSS */