/*
 Theme Name:     Kadence Child
 Theme URI:      https://www.kadencewp.com/
 Description:    Child theme for Kadence
 Author:         HoReCa / (ваше ім’я або бренд)
 Author URI:     https://your-site.com/
 Template:       kadence
 Version:        1.0.0
 Text Domain:    kadence-child
*/

/* Import parent styles */
@import url("../kadence/style.css");

/* Place your custom CSS below */
p.stock {
    font-size: 13px!important;
    font-weight: 500;
    margin: 5px 0;
}
.entry-hero-container-inner .entry-header {
    min-height: 0!important;
    padding: 10px 0;
}
.woocommerce ul.products li.product .entry-content-wrap{
    margin: 0!important;
    border-radius: 0!important;
}
.content-area {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.woocommerce ul.products li.product a img {
    height: 200px!important;
    object-fit: contain;
    border-radius: 6px;
}
.kadence-breadcrumbs a {
    text-decoration: none;
}
.grid-cols {
    column-gap: .4rem!important;
    row-gap: .4rem!important;
}
.desc-right-element {
    float: right;
    width: 450px;
    margin: 0 0 10px 10px;
    text-align: center;
    font-style: italic;
}
.desc-right-element img {
    margin-bottom: 15px;
}
.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single, .wpc-sorting-form .select2-container--default .select2-selection--single {
    border-radius: 10px!important;
}
.product-short-description{
    font-size: 12px;
    max-height: 30px;
    overflow: hidden;
    line-height: 1.2;
}
.wpc-filter-title {
    margin-bottom: 6px!important;
    font-size: 13px;
}
.woocommerce ul.products.woo-archive-btn-button li.product .price {
    margin-bottom: 0!important;
}

/* ---------- БЛОК БАНЕРІВ — унікальний префікс, щоб не конфліктувати з темою ---------- */
.caffee-banners-grid {
  box-sizing: border-box;
  width: 100%;
  max-width: 1240px;
  margin: 32px auto;
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* дві колонки на десктопі */
  gap: 18px;
  align-items: stretch;
  justify-items: stretch;
  display: flex;
  flex-wrap: wrap;
}

/* Окрема карта-банер (лінк) */
.caffee-banner {
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  background-color: #111; /* підкладка якщо зображення не завантажилось */
  min-height: 160px;
}

/* Зображення: покриває блок */
.caffee-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(.2,.9,.2,1);
  will-change: transform;
}

/* Ховер / фокус (клікабельність доступна клавіатурою) */
.caffee-banner:hover img,
.caffee-banner:focus img {
  transform: scale(1.08);
}

/* Легке затемнення шару під текстом */
.caffee-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.08));
  z-index: 1;
  transition: background 0.25s ease;
}

/* Текст поверх зображення */
.caffee-banner .caffee-banner-text {
  position: absolute;
  z-index: 2;
  left: 6%;
  right: 6%;
  bottom: 20%;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.05;
  text-shadow: 0 2px 8px rgba(0,0,0,0.45);
  font-size: clamp(16px, 2.4vw, 28px); /* адаптивний розмір */
  pointer-events: none;
}

/* Пропорції банерів (сучасні браузери підтримують aspect-ratio) */
.caffee-square {
  width: 35%;
}

.caffee-long {
  width: 60%;
}

/* fallback для старих браузерів: використовується padding-top trick, якщо aspect-ratio не підтримується */
@supports not (aspect-ratio: 1 / 1) {
  .caffee-square { height: 0; padding-top: 100%; }
  .caffee-long   { height: 0; padding-top: 50%; }
  .caffee-banner img { position: absolute; top: 0; left: 0; height: 100%; }
}

/* Мобільна адаптація: один стовпець, сильніше затемнення, центрований текст */
@media (max-width: 768px) {
  .caffee-banners-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 0 12px;
  }
  .caffee-banner::before {
    background: rgba(0,0,0,0.52);
  }
  .caffee-banner .caffee-banner-text {
    bottom: 50%;
    transform: translateY(50%);
    text-align: center;
    font-size: clamp(14px, 4.5vw, 20px);
    padding: 0 8%;
  }
}

/* Доступність: видима фокусна рамка при навігації клавіатурою */
.caffee-banner:focus {
  outline: 3px solid rgba(255,255,255,0.15);
  outline-offset: 3px;
  border-radius: 12px;
}

/* Якщо зображення не завантажено — ховаємо тег щоб не залишати пусте місце */
.caffee-banner img[src=""] { display:none; }


/* -------------------- */
.page-id-2642 .entry-content-wrap, .page-id-1716 .entry-content-wrap {
  padding: 0;
  background-color: #EEEBE6;
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
  padding: 10px 15px;
  background-color: white;
  border-radius: .25rem;
  width: calc(20% - 10px)!important;
}
@media screen and (max-width: 1000px) {
    .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
        width: calc(25% - 10px)!important;
    }
}
@media screen and (max-width: 700px) {
    .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
        width: calc(50% - 10px)!important;
    }
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img {
  object-fit: contain;
  height: 80px;
  margin-bottom: 5px;
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p {
  text-align: center;
  width: 100%;
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p small {
  display: none;
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a {
  color: #3a3a3a;
  text-decoration: none;
}
.pwb-brands-cols-outer {
  gap: 10px!important;
}
.pwb-before-loop {
  text-align: right;
  margin-top: -70px;
}
.pwb-before-loop img {
  object-fit: contain;
  height: 100px;
  max-width: 250px;
}
.pwb-carousel .pwb-slick-slide a img {
  object-fit: contain;
  width: 100%;
  height: 80px;
}




.widget-area .widget-title {
    text-transform: none!important;
}


/* CSS стилі */
.single-post table {
  width: 100%;
  border-collapse: collapse; /* Об'єднує подвійні межі в одну */
  border: 1px solid #ccc;    /* Зовнішня рамка всієї таблиці */
}

.single-post table th,
.single-post table td {
  border: 1px solid #ccc;    /* Рамка для кожної клітинки */
  padding: 4px 6px;         /* Відступи всередині клітинок для зручності читання */
  text-align: left;          /* Вирівнювання тексту */
}

/* Опціонально: темніший шар для заголовка */
.single-post table th {
  background-color: #f2f2f2;
}




.woocommerce div.product .product_meta>span {
  font-size: 100%!important;
  font-weight: normal!important;
  color: var(--global-palette4)!important;
}
.woocommerce div.product .product_meta>span a {
  text-decoration: none;
}
.woocommerce table.shop_attributes th {
  width: 200px!important;
}
.woocommerce table.shop_attributes td {
  font-style: normal!important;
}




.woo-category-description {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.8s ease-in-out;
}
.woo-category-description.is-expanded {
    max-height: 5000px;
}
.woo-category-description-toggle {
    display: block;
    margin: 15px auto 0;
    padding: 8px 20px;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    color: #b06a34;
    border: 1px solid #b06a34;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 3px;
    transition: background 0.2s ease;
}
.woo-category-description-toggle:hover {
    background: #b06a34;
}

.loop-entry .entry-content-wrap {
    padding: 1rem 1.5rem 1.5rem!important;
}