.mc_mode_reading {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mc_mode_reading.reading-active {
 border-radius: 5px;
background: #D9D9D9;
}

.mc_mode_reading.reading-active * {
  color: #000 !important;
}

.mc_mode_reading.reading-active h1,
.mc_mode_reading.reading-active h2,
.mc_mode_reading.reading-active h3,
.mc_mode_reading.reading-active h4,
.mc_mode_reading.reading-active h5,
.mc_mode_reading.reading-active h6,
.mc_mode_reading.reading-active p,
.mc_mode_reading.reading-active span,
.mc_mode_reading.reading-active a,
.mc_mode_reading.reading-active li {
  color: #000 !important;
}

.reading-mode-toggle {
  cursor: pointer;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

.reading-mode-toggle:hover a {
 	background:  #2D5181 !important;
}

.reading-mode-toggle:hover a {
    background: #2D5181 !important;
}

.reading-mode-toggle:active  a {
    background: #062043 !important;
}

.reading-mode-toggle a:focus-visible  {
    background: #95B0D5  !important;

    outline-offset: 0px  !important;
    border-radius: 5px  !important;
}

.reading-mode-toggle.active a{
  background-color: #062043 !important;
  opacity: 1;
}

.reading-mode-toggle.active * span{
  color: #fff !important;
}


/* baza – żeby radius był zawsze */
.reading-mode-toggle .elementor-button {
  border-radius: 5px;
}

/* hover */
.reading-mode-toggle .elementor-button:hover {
  background: #2D5181 !important;
}

/* press / active (moment kliknięcia) */
.reading-mode-toggle .elementor-button:active {
  background: #062043 !important;
}

/* focus klawiaturą */
.reading-mode-toggle .elementor-button:focus-visible {
  background: #95B0D5 !important;
  outline: 2px solid #2C79E0 !important;
  outline-offset: 0px;
}

/* jeśli Elementor dodaje swój box-shadow na focus */
.reading-mode-toggle .elementor-button:focus,
.reading-mode-toggle .elementor-button:focus-visible {
  box-shadow: none !important;
}


/* wspólne */
.reading-mode-toggle .elementor-button{
  border-radius: 5px;
}

/* hover */
.reading-mode-toggle .elementor-button:hover{
  background: #2D5181 !important;
}

/* focus klawiaturą */
.reading-mode-toggle .elementor-button:focus-visible{
  background: #95B0D5 !important;
  outline: 2px solid #2C79E0 !important;
  
  box-shadow: none !important;
}

/* stan "włączony" (wrapper ma klasę .active) */
.reading-mode-toggle.active .elementor-button{
  background: #062043 !important;
}


/* upewnij się, że rodzic nie ucina obramowania */
.reading-mode-toggle,
.reading-mode-toggle .elementor-widget-container {
  overflow: visible !important;
}

/* focus ring na przycisku Elementora */
.reading-mode-toggle a.elementor-button:focus,
.reading-mode-toggle a.elementor-button:focus-visible {

  outline-offset: 0px !important;
  border-radius: 5px !important;
  background: #95B0D5 !important;
	color:#000 !important;
  /* Elementor czasem daje swój glow */
  box-shadow: none !important;
}

/* stan aktywny (Twoja klasa na wrapperze) */
.reading-mode-toggle.active a.elementor-button {
  background: #062043 !important;
}

/* hover */
.reading-mode-toggle a.elementor-button:hover {
  background: #2D5181 !important;
}