/* 
Theme Name: Kozwelder
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Lekki motyw potomny dla Hello Elementor, stworzony przez Freeline, aby bezpiecznie rozwijać wygląd strony bez nadpisywania zmian po aktualizacjach.
Author: Freeline
Author URI: https://freeline.pl/
Template: hello-elementor
Version: 1.0
Text Domain: hello-kozwelder-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


header .elementor-sticky--active .main-navbar{
	box-shadow: 0px 5px 10px rgba(200,200,200, 0.5);
}

#menu-header {
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  transform: translateY(0);
	backdrop-filter: blur(3px);
}

#menu-header.menu-hidden {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}


.card-hover .elementor-icon{
    transition: all 0.2s;
}


.card-hover:hover .elementor-icon{
     transform:rotate(-45deg);
}

.card-hover .card-badge{
    transition: padding 0.2s ease;
}


.card-hover:hover .card-badge{
    padding: 24px 8px 8px 8px !important;
}


.btn {
  display: inline-flex !important;
}

.btn a.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 8px 8px 24px !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;

  text-decoration: none;

  font-family: var(--e-global-typography-button-font-family), Sans-serif;
  font-size: var(--e-global-typography-button-font-size);
  font-weight: var(--e-global-typography-button-font-weight);
  font-style: var(--e-global-typography-button-font-style);
  line-height: var(--e-global-typography-button-line-height);
  letter-spacing: var(--e-global-typography-button-letter-spacing);
}

.btn a .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
/* Hover animation */
.btn a.elementor-button {
  position: relative;
  overflow: hidden;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.btn a .elementor-button-content-wrapper {
  transition: gap 0.25s ease;
}

.btn a .elementor-button-content-wrapper::after {
  transition:
    transform 0.25s ease,
    background-size 0.25s ease,
    box-shadow 0.25s ease;
}

.btn a.elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.btn a.elementor-button:hover .elementor-button-content-wrapper {
  gap: 18px;
}

.btn a.elementor-button:hover .elementor-button-content-wrapper::after {
  transform: translateX(2px) scale(1.04);
  background-size: 18px 18px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.btn a.elementor-button:active {
  transform: translateY(0) scale(0.98);
}


.btn a .elementor-button-content-wrapper::after {
  content: "";
  display: inline-block;

  width: 32px;
  height: 32px;
  flex: 0 0 32px;

  border-radius: 50%;
  background-color: #fff;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
.btn-phone a .elementor-button-content-wrapper::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M222.37 158.46l-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62Z'/%3E%3C/svg%3E");
}
/* Variants */
.btn.btn-primary a.elementor-button {
  background-color: var(--e-global-color-primary) !important;
}

.btn.btn-primary a.elementor-button:hover {
  background-color: var(--e-global-color-0b2bc64) !important;
}

/* Ghost */
.btn.btn-ghost a.elementor-button {
  background-color: var(--e-global-color-7383f5a) !important;
  color: #111 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

.btn.btn-ghost a.elementor-button:hover {
  background-color: var(--e-global-color-6751c1d) !important;
  color: #000 !important;
  border-color: var(--e-global-color-6751c1d) !important;
}


@media (prefers-reduced-motion: reduce) {
  .btn a.elementor-button,
  .btn a .elementor-button-content-wrapper,
  .btn a .elementor-button-content-wrapper::after {
    transition: none;
  }
}


.corner {
  --r: 24px; /* promień łuku */

  width: 40px;
  height: 40px;

  background: radial-gradient(
    circle at bottom right,
    transparent 0 40px,
    var(--e-global-color-7383f5a) 40px
  );
	transform: rotate(180deg);
}



.project-grid .project-featured-image {
  background-size: 100% auto;
  transition: background-size 0.3s ease;
}

.project-grid a:hover .project-featured-image {
  background-size: 600px auto !important;
}


.process-steps{
    text-align: center;
    width:64px;
    height: 64px;
    align-content: center;
}