/* Kontener sekcji z alternatywną ofertą */
.alternative-offer-container {
  max-width: 800px;       /* Zwiększona szerokość, by tekst się lepiej mieścił */
  margin: 25px auto;      /* Wystarczający odstęp i wycentrowanie */
 /* padding: 10px;
  background-color: #fff; 
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); */
  text-align: center;
}

/* Nagłówek sekcji */
.alternative-offer-container h2 {
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}

/* Paragraf z wyjaśnieniem */
.alternative-offer-container p {
  margin: 0 0 25px;
  font-size: 14px;
  font-weight: bold;
  color: #444;
}

/* Przycisk alternatywnej oferty */
.btn-alternative-offer {
  display: inline-block;
  text-decoration: none;
  padding: 10px 40px;
	min-width: 250px;
  background-color: #036; /* Kolor podstawowy przycisku */
  color: #fff;            /* Biały tekst */

  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Efekt najechania myszką */
.btn-alternative-offer:hover {

		  background-color: #ffd700; /* Żółty kolor po najechaniu */
  color: #000;               /* Czarny tekst dla czytelności na żółtym tle */
}

/* Dodatkowy focus dla klawiatury (accessibility) */
.btn-alternative-offer:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 99, 255, 0.4);
}

.external-icon {
  margin-left: 8px; /* Odstęp między tekstem a ikoną */
  vertical-align: middle;
}
		
		


/* RESPONSYWNOŚĆ */
@media (max-width: 600px) {
    .offer-meta {

        align-items: flex-start;
    }
		
		.offer-tags {
		   margin-left: 0px;
		}
}





















/* KRAJE */

/* Kontener menu – pełna szerokość, jasne tło, przewijanie w poziomie */
.country-submenu-container {
  background-color: #f9f9f9;      /* delikatne jasne tło */
  border: 1px solid #ddd;        /* subtelna ramka wokół */
  border-radius: 6px;            /* lekkie zaokrąglenie narożników */
  padding: 8px 10px;             /* wewnętrzny odstęp kontenera */
  margin-top: 15px;
	scrollbar-width: thin;
  overflow-x: auto;              /* poziomy scroll, gdy zabraknie miejsca */
  -webkit-overflow-scrolling: touch; 
 /* scrollbar-width: none;          ukrywa scrollbar w Firefox */
}

/* Ukrywa scrollbar w Chrome, Safari, Opera */
/*
.country-submenu-container::-webkit-scrollbar {
  display: none;
} */

/* Lista – brak stylu listy, białe tło kontenera i zapobieganie zawijaniu */
.country-submenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

/* Każdy element listy – możliwość dodania ewentualnych dodatkowych styli */
.country-submenu-item {
  display: inline-block;
}

/* Styl przycisków/linków */
.country-submenu-link {
  display: inline-block;
  text-decoration: none;
  color: #333;
  background-color: #fff;           /* tło każdego "przycisku" */
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}

.country-submenu-link.sel {
  color: #fff;
  background-color: #2fa24d;
}


/* Efekt po najechaniu i kliknięciu (hover/active) */
.country-submenu-link:hover {
  background-color: #2fa24d;  /* zielony akcent Travelmaniacy */
  color: #fff;
}
.country-submenu-link:active {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

/* Media query dla dużych rozdzielczości */
@media (min-width: 1200px) {
  .country-submenu-list {
    /* Opcje: space-between, space-around lub space-evenly - wybierz opcję według preferencji */
    justify-content: space-evenly;
  }
}






/* Stare style! */
.main-box {
    margin-bottom: 10px;
		margin-top: 10px;
}
.main-page-news h3 {
    margin: 0;
    line-height: 16px;
}
.main-page-news h3 a {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-decoration: none;
    color: #036;
    margin-bottom: 5px;
}
.main-page-news li a {
    font-size: 15px;
    text-decoration: none;
    color: #036;
    margin: 0;
}
.main-page-news ul {
    color: orange;
    padding-left: 0;
}
.main-country {
    margin-bottom: 10px;
}
.main-country img {
    max-width: 60px;
    border: 1px solid #ddd;
}
.main-trip-row {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.content a {
    color: #2e6fb0;
    text-decoration: none;
}
.text-justify {
    text-align: justify;
}
.nawigacja_zakladki {
    margin: 5px;
    padding: 5px;
    border: 1px solid #888;
    width: 30px;
    font-size: 16px;
    text-align: center;
    display: inline;
}
.nawigacja_teksty {
    margin: 5px;
    padding: 5px;
    border: 1px solid #888;
    width: 75px;
    font-size: 16px;
    text-align: center;
    display: inline;
}
.gal-podpis {
    font-weight: 700;
    font-size: 12px;
}
.gal-foto {
    margin-top: 15px;
    line-height: 1.1em;
    margin-top: 15px;
}
.temperatury td {
    padding: 3px;
}
.country-details {
    word-wrap: break-word;
}
.country-details li {
    margin: 3px 0 0 0;
}
.country-details-inline {
    word-wrap: break-word;
}
.country-details-inline li {
    display: inline;
    margin: 0 35px 0;
}
.ads {
    text-align: center !important;
		margin-top:40px;
		margin-bottom:40px;

}
.art-tag {
    padding: 7px 15px 7px 15px;
}
.art-tag a {
    color: #fff;
}
.bg-blue {
    background-color: #036;
}
.bg-green {
    background-color: #52a226;
}