/*
Theme Name: Selfer Child Theme
Theme URI: http://demo.softhopper.net/selfer/
Author: SoftHopper
Author URI: http://softhopper.net
Template: selfer
Description: This is a child theme for Selfer.
Version: 1.0
Text Domain: selfer-child
*/

/*  [ Add your custom CSS below ]
================================ */


/*Zmiana przycisku Arrow z koloru pomarańcz na szary
  tylko element z ts-hidden + btn + btn-primary + ts-btn-arrow */
.ts-btn-effect .ts-hidden.btn.btn-primary.ts-btn-arrow {
  background-color: #1d2124 !important;
  border-color: #1d2124 !important;
  color: #fff !important;
}

.ts-btn-effect .ts-hidden.btn.btn-primary.ts-btn-arrow:hover,
.ts-btn-effect .ts-hidden.btn.btn-primary.ts-btn-arrow:focus,
.ts-btn-effect .ts-hidden.btn.btn-primary.ts-btn-arrow:active {
  background-color: #1d2124 !important;
  border-color: #1d2124 !important;
}

/* Komórki z danymi kontaktowymi - wyśrodkowanie */
.selfer-contact-info {
  display: flex;
  flex-direction: column;   /* obrazek, nagłówek, opis jeden pod drugim */
  align-items: center;      /* wyśrodkowanie w poziomie */
  justify-content: center;  /* wyśrodkowanie w pionie (jeśli kolumny mają równą wysokość) */
  text-align: center;       /* wyśrodkowanie tekstu */
  height: 100%;             /* potrzebne do pionowego centrowania w siatce */
}

.selfer-contact-info img {
  display: block;
  margin: 0 auto;
}

/* stan podstawowy */
.ts-circle__xs.bg-dark {
  background-color: #4a1dfd !important; /* fioletowy */
  border-color: #4a1dfd !important;
}

/* na hover zachowaj stary kolor (czyli oryginalny bg-dark Bootstrapowy #343a40) */
.ts-circle__xs.bg-dark:hover {
  background-color: #343a40 !important; /* lub inny, jaki był wcześniej */
  border-color: #343a40 !important;
}

/*Przycisk contactform7 /*
/* wygląd jak przycisk strzałki w górę */
.wpcf7-submit.btn.btn-primary.ts-btn-arrow {
  background-color: #4a1dfd !important;
  border-color: #4a1dfd !important;
  color: #fff !important;
  border-radius: 0 !important;         /* jak rounded-0 */
  box-shadow: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

/* hover/focus – zostaw „ten co był” (bg-dark) */
.wpcf7-submit.btn.btn-primary.ts-btn-arrow:hover,
.wpcf7-submit.btn.btn-primary.ts-btn-arrow:focus {
  background-color: #343a40 !important; /* oryginalny dark */
  border-color: #343a40 !important;
  color: #fff !important;
}

/* drobny „klik” */
.wpcf7-submit.btn.btn-primary.ts-btn-arrow:active {
  transform: translateY(1px);
}

/* nie ucina tekstu i dopasowuje się do treści */
.wpcf7-submit.btn.btn-primary.ts-btn-arrow {
  display: inline-flex !important;   /* centrowanie i brak ucinania */
  align-items: center;
  justify-content: center;

  width: auto !important;            /* żadnych sztywnych szerokości */
  min-width: 0 !important;
  max-width: 100% !important;

  height: auto !important;           /* brak sztywnej wysokości */
  line-height: 1.2 !important;

  padding: 0.875rem 1.25rem !important; /* więcej miejsca na tekst */
  box-sizing: border-box;

  white-space: nowrap !important;    /* nie łamie wiersza, nie ucina końcówki */
  overflow: visible !important;
  text-overflow: clip !important;
}

/* na wszelki wypadek – jeśli to .ts-btn-arrow narzuca wymiary */
.ts-btn-arrow {
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.wpcf7-response-output {
  border-color: #4a1dfd !important;
  color: #fff; /* opcjonalnie, jeśli chcesz zmienić też kolor tekstu */
  font-size: 100%;
  font-weight: 600;
	
}