/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}

 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}
/* =========================================
   PM – CONTACTS + SCHEDULE: lepsza widoczność
   ========================================= */

/* Ikonki (FontAwesome) w "Kontakt z nami" */
#contacts .info .icon i{
  color: #EDD8BB !important;
}

/* Linki + teksty w "Kontakt z nami" */
#contacts .info .links,
#contacts .info .links a{
  color: #EDD8BB !important;
  opacity: 0.95;
}

#contacts .info .links a:hover{
  opacity: 1;
}

/* Godziny otwarcia – day + time */
#schedule .day,
#schedule .time,
#schedule .time span{
  color: #EDD8BB !important;
}

/* Tytuły sekcji (jeśli chcesz też złote) */
#contacts .title-main,
#schedule .title-main{
  color: #EDD8BB !important;
}


/* =========================================
   PM – usuń obcą stronę simplybook.it
   ========================================= */

/* 1) Najczyściej: ukryj cały wiersz "strona" */
#contacts .links.website{
  display: none !important;
}

/* 2) (opcjonalnie) jeśli chcesz ZOSTAWIĆ wiersz, ale podmienić na persianmassage.pl:
   usuń powyższe display:none i włącz poniżej */

/*
#contacts .links.website a{
  pointer-events: none;
  font-size: 0; 
}
#contacts .links.website a:after{
  content: "persianmassage.pl";
  font-size: 14px;
  color: #EDD8BB;
}
*/
/* Instagram icon – PM gold */
.btn--action.ig .icon--instagram svg{
  color: #EAC393 !important;
  fill: currentColor !important;
}
/* Instagram icon – force color (SVG + PATH) */
#content-view .btn--action.ig,
#content-view .btn--action.ig .icon--instagram,
#content-view .btn--action.ig .icon--instagram svg{
  color: #EAC393 !important;
}

/* =========================
   STOPKA / KONTAKT – czytelność
   ========================= */

#content-view #schedule,
#content-view #contacts,
#content-view #about-us{
  color: #EDD8BB !important;
}

/* Nagłówki sekcji */
#content-view .title-main,
#content-view .title-section{
  color: #EDD8BB !important;
}

/* Teksty dni/godzin + linki */
#content-view #schedule .day,
#content-view #schedule .time,
#content-view #contacts .info,
#content-view #contacts .info a{
  color: #EDD8BB !important;
  opacity: 0.95;
}

/* Ikonki (telefon, whatsapp, pin, globe, share) */
#content-view #contacts .info .icon i{
  color: #EDD8BB !important;
  opacity: 0.95;
}

/* =========================
   INSTAGRAM – wymuszenie koloru
   (u Ciebie ikona siedzi na :after jako background-image)
   ========================= */

/* Zdejmij ewentualne obramowania/outline, które mogły złapać całe sekcje */
#content-view #contacts,
#content-view #schedule{
  outline: none !important;
  border: none !important;
}

/* Zrób z ikonki maskę i pokoloruj ją na złoto */
#content-view #contacts .btn-bar__social-links a.btn.btn--action.ig:after{
  background: none !important;

  -webkit-mask: url("/v2/themes/minimal/img/social/instagram.svg") center / contain no-repeat !important;
          mask: url("/v2/themes/minimal/img/social/instagram.svg") center / contain no-repeat !important;

  background-color: #EAC393 !important; /* <-- tu zmień na #EDD8BB jeśli wolisz */
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  content: "" !important;
  opacity: 1 !important;
}

/* (opcjonalnie) usuń tło/ramkę przycisku social, żeby była sama ikonka */
#content-view #contacts .btn-bar__social-links a.btn.btn--action.ig{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* KALENDARZ – dni dostępne (niezaznaczone) */
a.day-on.sb-available-date{
  color: #EAC393 !important;
  opacity: 1 !important;
}
/* === INPUTY: imię, email, telefon === */
#content-view input.form-control,
#content-view textarea.form-control {
  background-color: rgba(255,255,255,0.06) !important; /* delikatne rozjaśnienie */
  color: #EDD8BB !important; /* tekst wpisywany */
  border: 1px solid rgba(237,216,187,0.45) !important;
}

/* placeholder (Podaj imię, Podaj e-mail itd.) */
#content-view input.form-control::placeholder {
  color: rgba(237,216,187,0.6) !important;
}

/* focus – kiedy klient klika */
#content-view input.form-control:focus {
  background-color: rgba(255,255,255,0.10) !important;
  border-color: #EDD8BB !important;
  box-shadow: 0 0 0 1px rgba(237,216,187,0.35) !important;
}
/* === FORCE inputy formularza rezerwacji === */
html body input.form-control,
html body textarea.form-control,
html body .form-control,
html body input#sb_client_name,
html body input#sb_client_email,
html body input#sb_client_phone {
  background-color: rgba(255,255,255,0.10) !important;
  color: #EDD8BB !important;
  border: 1px solid rgba(237,216,187,0.55) !important;
}

/* placeholder */
html body input.form-control::placeholder,
html body textarea.form-control::placeholder,
html body input#sb_client_name::placeholder,
html body input#sb_client_email::placeholder,
html body input#sb_client_phone::placeholder {
  color: rgba(237,216,187,0.65) !important;
}

/* focus */
html body input.form-control:focus,
html body textarea.form-control:focus,
html body input#sb_client_name:focus,
html body input#sb_client_email:focus,
html body input#sb_client_phone:focus {
  background-color: rgba(255,255,255,0.14) !important;
  border-color: #EDD8BB !important;
  box-shadow: 0 0 0 2px rgba(237,216,187,0.22) !important;
  outline: none !important;
}
<script>
document.addEventListener("DOMContentLoaded", function () {
  const nameInput = document.querySelector('#sb_client_name');
  if (nameInput) {
    nameInput.placeholder = "Imię i nazwisko";
  }

  const nameLabel = document.querySelector('label[for="sb_client_name"]');
  if (nameLabel) {
    nameLabel.textContent = "Imię i nazwisko";
  }
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
  // Placeholder
  const nameInput = document.querySelector('#sb_client_name');
  if (nameInput) {
    nameInput.placeholder = "Podaj imię i nazwisko";
    nameInput.setAttribute("autocomplete", "name");
  }

  // Label (jeśli istnieje)
  const label = document.querySelector('label[for="sb_client_name"]');
  if (label) {
    label.textContent = "Imię i nazwisko";
  }
});
</script>
/* INFO tuż nad przyciskiem "Zarezerwuj" (krok Klient) */
#sb_client_form .sb-booking-button,
#sb_client_form .reserve_time_btn,
#sb_client_form input.reserve_time_btn{
  position: relative;
}

#sb_client_form .reserve_time_btn:before,
#sb_client_form input.reserve_time_btn:before{
  content: "Rezerwacja wymaga potwierdzenia – otrzymasz wiadomość po jej zatwierdzeniu.";
  display: block;
  margin: 0 0 10px 0;
  padding: 10px 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(237,216,187,0.25);
  border-radius: 10px;
  color: #edd8bb;
  font-size: 13px;
  line-height: 1.35;
}
/* =========================================
   INFO pod przyciskiem "Zarezerwuj" (krok Klient)
   ========================================= */

/* kontener przycisku */
.buttons-container .sb-book-btn-container{
  position: relative;
}

/* tekst pod przyciskiem */
.buttons-container .sb-book-btn-container::after{
  content: "Rezerwacja wymaga potwierdzenia – otrzymasz wiadomość po jej zatwierdzeniu.";
  display: block;
  margin-top: 10px;
  padding: 10px 12px;

  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(237,216,187,0.25);
  border-radius: 10px;

  color: #edd8bb;
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
}

/* opcjonalnie: trochę oddechu pod przyciskiem, żeby nie było "na styk" */
#sb_book_btn{
  margin-bottom: 2px;
}

.buttons-container .sb-book-btn-container::after{
  font-size: 14px;
  max-width: 520px;
}

/* Ukryj blok subskrypcji powiadomień push */
.subscribe,
.push-notifications,
#subscribe,
[class*="subscribe"],
[class*="push"]{
  display:none !important;
}