/*
 Theme Name: Araba Child (Hotel Skaut)
 Template: araba
 Text Domain: araba-child
*/

/* Hotel Skaut: wyrównanie ikony koszyka i przycisku "Wybierz Pokój" */

.header-action {
  display: flex;
  align-items: center;
  margin-left: auto; /* dociśnij blok akcji do prawej, bez ruszania menu */
}

.header-action .header-action-list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-action .header-cart-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #000;
}

.header-action .header-cart-link i {
  line-height: 1;
}

.header-action .header-cart-link:hover {
  color: #27ae60;
}

.header-action > ul > li.header-cart {
  margin-right: 8px;
}

/* Badge z liczbą produktów w koszyku przy ikonie */
.header-cart-count {
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background-color: #e53935;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
}

.header-cart .header-cart-link {
  position: relative;
}

/* Ukrycie nadmiarowego pola ilości:
   - na stronie produktu (pokoju),
   - oraz na stronie zamówienia (checkout) */
.single-product .quantity,
.single-product .qty.input-text,
.single-product .screen-reader-text[for^="quantity_"],
.woocommerce-checkout .screen-reader-text[for^="quantity_"],
.woocommerce-checkout .qty.input-text {
  display: none !important;
}

.woocommerce-cart .wcbk-cart-days {
  font-weight: 600;
  display: inline-block;
}

/* Wycentrowanie „Ilość dni” w koszyku */
.woocommerce-cart th.product-quantity {
  text-align: center;
  vertical-align: middle;
}

.woocommerce-cart td.product-quantity {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* Hotel Skaut: poprawiona typografia treści stron
   – dotyczy wszystkich podstron z treścią (np. Atrakcje, Oferta, Kontakt) */

.page .entry-content,
.page .post-content,
.page .page-content,
.single .entry-content {
  font-size: 17px;
  line-height: 1.7;
  color: #333;
}

.page .entry-content p,
.page .post-content p,
.page .page-content p,
.single .entry-content p {
  margin-bottom: 1.1em;
}

.page .entry-content h2,
.page .post-content h2,
.page .page-content h2,
.single .entry-content h2 {
  margin-top: 2em;
  margin-bottom: 0.7em;
  font-size: 1.8rem;
}

.page .entry-content h3,
.page .post-content h3,
.page .page-content h3,
.single .entry-content h3 {
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  font-size: 1.4rem;
}

.page .entry-content ul,
.page .entry-content ol,
.page .post-content ul,
.page .post-content ol,
.page .page-content ul,
.page .page-content ol,
.single .entry-content ul,
.single .entry-content ol {
  margin: 0 0 1.2em 1.4em;
  padding-left: 0;
}

.page .entry-content li,
.page .post-content li,
.page .page-content li,
.single .entry-content li {
  margin-bottom: 0.35em;
}

/* Hotel Skaut: tytuł podstrony z obrazkiem w tle
   – korzysta z obrazka wyróżniającego danej strony */
.page-title-area.has-header-image {
  background: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.page-title-area.has-header-image::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  opacity: 0.85;
  position: absolute;
  background-color: #35783C9C; /* podobny efekt jak background-overlay na sliderze */
  background-image: none;
  mix-blend-mode: normal;
}

.page-title-area.has-header-image .page-title-content {
  position: relative;
  z-index: 1;
}