.elementor-kit-6{--e-global-color-primary:#734F41;--e-global-color-secondary:#FDEDCE;--e-global-color-text:#211612;--e-global-color-accent:#DAC6BE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==== Elementor pagination: виправляємо саме цей HTML ==== */

/* 1) Скидаємо все, що тема домальовує на prev/next */
nav.elementor-pagination .page-numbers.prev::before,
nav.elementor-pagination .page-numbers.prev::after,
nav.elementor-pagination a.page-numbers.next::before,
nav.elementor-pagination a.page-numbers.next::after{
  content:none !important;
  background:none !important;
  mask:none !important;
  -webkit-mask:none !important;
}

/* 2) Ховаємо текст "Previous/Next", фіксуємо коробку */
nav.elementor-pagination .page-numbers.prev,
nav.elementor-pagination a.page-numbers.next{
  position:relative !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  font-size:0 !important;              /* прибере текст, але збереже розмір кнопки */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  border:1px solid #DAC6BE !important;
  border-radius:12px !important;
  background:#FFF !important;
  color:#734F41 !important;
}

/* 3) Малюємо ОДНУ нашу стрілку строго по центру */
nav.elementor-pagination .page-numbers.prev::after{
  content:"2039" !important;          /* ‹ */
  position:absolute !important;
  top:50% !important; left:50% !important;
  transform:translate(-50%,-50%) !important;
  font-size:18px !important; line-height:1 !important;
  color:inherit !important; pointer-events:none !important;
}
nav.elementor-pagination a.page-numbers.next::after{
  content:"203A" !important;          /* › */
  position:absolute !important;
  top:50% !important; left:50% !important;
  transform:translate(-50%,-50%) !important;
  font-size:18px !important; line-height:1 !important;
  color:inherit !important; pointer-events:none !important;
}

/* 4) Стани: hover/active, щоб колір був єдиний */
nav.elementor-pagination a.page-numbers:hover,
nav.elementor-pagination .page-numbers.current{
  background:#734F41 !important; border-color:#734F41 !important; color:#FFF !important;
}

/* 5) Disabled prev як <span> — робимо «сірою» і неклікабельною */
nav.elementor-pagination .page-numbers.prev{
  opacity:.45 !important; pointer-events:none !important;
}

/* 6) Мобільно — компактніше */
@media (max-width:767px){
  nav.elementor-pagination .page-numbers.prev,
  nav.elementor-pagination a.page-numbers.next{
    width:40px !important; height:40px !important;
  }
}/* End custom CSS */