#header{
    background-color:#4E1E5C;
border-bottom:#4E1E5C 3px solid;
}

.kontener{
    background-color:#F1EBF9;
}

.register-table .table-col .table-col-title{
    background-color:#4E1E5C !important;
border-top: #4E1E5C 3px solid;
    height: 47px;
line-height: 47px;
    padding: 0 10px 0 10px;
}

.table-col.table-col-1:nth-child(2n) {
    background-color: #e0f7fa; /* Jasny niebieski */
}

.register-table .table-col-1 div:nth-child(odd){
    background-color:#BF9CCA;
}

.register-table .table-col-1 div:nth-child(even){
    background-color:#F1EBF9;
}

.register-table .table-col-1 .table-row-2{
    background-color:#F1EBF9 !important;
}

.register-table .table-col .table-row-2{
    background-color:#F1EBF9 !important;
}

.register-table .table-col div:nth-child(odd){
    background-color:#BF9CCA;
}
.register-table .table-col div:nth-child(even){
    background-color:#F1EBF9 !important;
}


#footer{
border-top: #4E1E5C 3px solid;
}

#footer a{
color:#4E1E5C;
}

/*stylizacja przycisków w kolejnych krokach rejestracji hostingu*/

/* Style dla przycisków .fancy-button .register-button oraz .fancy-button */
.fancy-button.register-button,
input.fancy-button {
    background-color: #4E1E5C; /* Kolor tła */
    color: white; /* Kolor czcionki */
    border: 2px solid #4E1E5C; /* Obramowanie */
    font-weight: bold; /* Pogrubienie czcionki */
    border-radius: 5px; /* Zaokrąglenie rogów */
    cursor: pointer; /* Kursor wskazujący */
    transition: all 0.3s ease; /* Płynna animacja */
    background-image: linear-gradient(to top, #4E1E5C, #BF9CCA); /* Gradient i obrazek */
    box-shadow: none; /* Brak cienia */
    padding: 5px 10px; /* Wewnętrzne odstępy */
    font-size: 16px; /* Rozmiar czcionki */
}

/* Efekt hover dla przycisków .fancy-button .register-button oraz .fancy-button */
.fancy-button.register-button:hover,
input.fancy-button:hover {
    background-color: transparent; /* Przezroczyste tło */
    color: #4E1E5C; /* Kolor czcionki po najechaniu */
    border-color: white; /* Białe obramowanie */
    transform: scale(1.1); /* Powiększenie przycisku */
    background-image: none; /* Usunięcie gradientu i obrazka */
    border-color: #4E1E5C; /* Kolor obramowania po najechaniu */
}

.opis{
background-color:#BF9CCA;
}

/* Podstawowe style dla przycisku */
.register-table .table-col div input.fancy-button {
    background-color: #4E1E5C; /* Kolor tła */
    color: white; /* Kolor czcionki */
    border: 2px solid #4E1E5C; /* Obramowanie */
    font-weight: bold; /* Pogrubienie czcionki */
    border-radius: 5px; /* Zaokrąglenie rogów */
    cursor: pointer; /* Kursor wskazujący */
    transition: all 0.3s ease; /* Płynna animacja */
background-image:url(../images/cart-btn.png),        linear-gradient(to top, #4E1E5C, #BF9CCA);
box-shadow:none;
}

/* Efekt po najechaniu myszką */
.register-table .table-col div input.fancy-button:hover {
    background-color: transparent; /* Przezroczyste tło */
    color: #4E1E5C;
    border-color: white; /* Białe obramowanie */
    transform: scale(1.1); /* Powiększenie przycisku */
background-image:none;
border-color:#4E1E5C;
}


/* --------------------------
-----------------------------*/

.register-table {
  gap: 2px; /* Odstępy między kolumnami */
  padding: 2px;
  max-width: 1200px; /* Maksymalna szerokość tabeli */
  margin: 0 auto; /* Wyśrodkowanie tabeli */
}

.table-col {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.table-col-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #333;
}

.table-row-2,
.table-col div {
  margin-bottom: 2px;
  font-size: 14px;
  color: #555;
}

.price-box {
  font-size: 20px;
  font-weight: bold;
  color: #28a745;
  margin-top: 2px;
}