/* 
Theme Name: Hello Redigital - Pizza Drive
Theme URI: https://redigital.pl/
Description: Hello Redigital is custom made base for our friends
Author: Redigital Team
Author URI: https://redigital.pl/
Template: hello-elementor
Version: 1.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: redigital, speed, seo
*/

/*Custom styles here */

/*Cookie yes styles */
.cky-consent-bar {
		margin: 20px !important;
    border-radius: 20px !important;
    background-color: rgba(255, 255, 255, 0.75) !important; /* Białe tło z 75% przezroczystości */
    backdrop-filter: blur(10px) !important; /* Rozmycie tła o wartości 10px */
    -webkit-backdrop-filter: blur(10px) !important; /* Dla wsparcia w przeglądarkach WebKit */
}
.cky-btn {
	border-radius: 24px !important;
	border-width: 1px !important;
	margin-right: 8px !important;
}
.cky-notice-btn-wrapper {
		flex-wrap: unset !important;
		flex-direction: row-reverse !important;
		align-content: center !important;
		align-self: center !important;
		justify-content: center !important;
		align-items: end !important;
}
.cky-title{
	display:none !important;
}
/* Kolor tekstu zaznaczonego */
::selection {
  background-color: #25459C;
  color: #ffffff;
}

/* Safari (konieczne dla pełnej kompatybilności) */
::-moz-selection {
  background-color: #25459C;
  color: #ffffff;
}

/* Tap highlight kolor na mobile */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

/* Rank Math Style */
.rank-math-breadcrumb {
  color: #FFE6CC !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 14px !important;
  letter-spacing: -0.5px !important;
}

.rank-math-breadcrumb a {
  color: #FFE6CC !important;
  font-weight: 300 !important;
  text-decoration: none;
  line-height: 14px !important;
  letter-spacing: -0.5px !important;
}

.rank-math-breadcrumb a:hover {
  color: #dddddd !important;
  line-height: 14px !important;
  letter-spacing: -0.5px !important;
}

/* --- Animacja ikony w przycisku Elementor --- */

/* Celujemy w przycisk z naszą specjalną klasą */
.przycisk-z-ikona {
  /* Zapewnia, że zawartość nie będzie "skakać" podczas animacji */
  transition: all 0.2s ease-in-out;
}

/* Styl dla kontenera, w którym jest tekst i ikona */
.przycisk-z-ikona .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; /* Zawsze centruje zawartość */
}

/* Domyślny stan ikony - ukryta */
.przycisk-z-ikona .elementor-button-icon {
  /* Ukrywamy ikonę, zerując jej szerokość i przezroczystość */
  max-width: 0;
  opacity: 0;
  overflow: hidden; /* Ważne, aby ikona nie wystawała poza "pudełko" o zerowej szerokości */
  margin-left: 0;
  
  /* Definiujemy płynne przejście dla wszystkich właściwości */
  transition: max-width 0.2s ease-in-out, opacity 0.2s ease, margin-left 0.2s ease-in-out;
}

/* Stan po najechaniu myszką na przycisk */
.przycisk-z-ikona:hover .elementor-button-icon {
  /* Odkrywamy ikonę, nadając jej maksymalną szerokość i pełną widoczność */
  max-width: 50px; /* Bezpieczny zapas miejsca na ikonę */
  opacity: 1;
  
  /* Dodajemy elegancki odstęp między ikoną a tekstem */
  margin-left: 4px; 
}