/* Стилі кнопок в статтях */
.wp-block-button .wp-block-button__link {
  border-radius: 4px;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
  line-height: 34px;
  font-weight: 700;
}

/* Стилі шапки */

/* Стилі кольору посилань в кнопках шапки */
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link, .ast-builder-menu-1 .menu-item > .menu-link {
  color: #fff;
}

/* Рамка десктоп для перемикача мов */

  .astra-child-lang-switcher {
    border: 1px solid var(--ac-burger-bg);
    border-radius: 4px;
	padding: 7px;
  }

/* Позиціонування в правому блоці */
.ast-grid-right-center-section {
  justify-content: flex-end;
  flex-grow: 1;
}

/* Відступи в шапці до країв екран менше 380 пікс */
@media (max-width: 380px) {
	.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
	  padding-left: 12px;
	  padding-right: 12px;
	}	
}

.wp-block-faq-block-for-gutenberg-faq button{
  padding-top: 12px;
}

/* Елементи в шапці мобільні екран менше 760 пікс */

/* Стилі кнопок херо блоку на мобільних */

@media (max-width: 768px) {
  .casino-buttons .casino-btn {
    display: grid;
    grid-template-columns: 24px 1fr 24px;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    max-width: 300px;
  }

  .casino-buttons .casino-btn .casino-btn-icon-left {
    justify-self: start;
  }

  .casino-buttons .casino-btn .casino-btn-text {
    justify-self: center;
    text-align: center;
    width: 100%;
  }

  .casino-buttons .casino-btn .casino-btn-icon-right {
    justify-self: end;
  }
}

@media (max-width: 760px) {
	
.casino-btn-icon-right{
  width: 24px;
  height: 24px;		
}

/* Розміри бургера */
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  width: 42px;
  height: 42px;
  border-radius: 4px;
}

/* Розміри та позиції іконки в бургері */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  width: 15px;
  height: 15px;
}
	
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
  padding: 0;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle,
.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{
  display: inline-block;
}

.ast-header-break-point .main-header-bar {
  line-height: 40px;
}
	
/* Перемикач мов */
	
.astra-child-lang-switcher summary, .astra-child-lang-switcher summary .astra-child-lang-code {
  font-size: 14px;
}
	
.astra-child-lang-switcher {
  border: 1px solid var(--ac-burger-bg);
  border-radius: 4px;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
	
.site-header-section > * {
  padding: 0px 6px;
}

.astra-child-lang-list a {
  gap: 0px;
  padding: 0px 15px;
}
	
.astra-child-lang-list a .astra-child-lang-code{
  padding: 0px 10px;		
}
	
}

/* Стилізація таблиць */

/* Таблиці Gutenberg: тільки геометрія (без кольорів) */
.wp-block-table {
  margin: 24px 0;
}

.wp-block-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}

/* Забираємо стандартну лінію під thead */
.wp-block-table table thead {
  border-bottom: none;
}

.wp-block-table table th,
.wp-block-table table td {
  text-align: left;
  word-break: break-word;
  padding: 20px 25px;
  border: 0;
  font-weight: 600;
  font-size: 16px;
  font-family: Segoe UI, Arial, sans-serif;
}

/* Вертикальний розділювач між колонками */
.wp-block-table table th:not(:last-child),
.wp-block-table table td:not(:last-child) {
  border-right-width: 1px;
  border-right-style: solid;
}

/* Горизонтальні розділювачі між рядками body */
.wp-block-table table tbody tr:not(:last-child) td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* М’якші кути таблиці */
.wp-block-table table thead tr:first-child th:first-child {
  border-top-left-radius: 12px;
}
.wp-block-table table thead tr:first-child th:last-child {
  border-top-right-radius: 12px;
}
.wp-block-table table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
.wp-block-table table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Трохи темніший бордер від темного фону рядка */
.wp-block-table table th:not(:last-child),
.wp-block-table table td:not(:last-child),
.wp-block-table table tbody tr:not(:last-child) td,
.wp-block-table table {
  border-color: color-mix(in srgb, var(--ac-table-row-dark-bg) 88%, #000 12%);
}

/* strong у таблиці */
.wp-block-table table td strong{
  color: var(--ac-table-header-bg) !important;
}
/* 1) Якщо є tbody th -> стилізуємо їх як header */
.wp-block-table table:has(tbody th) tbody th {
  background: var(--ac-table-header-bg);
  color: var(--ac-table-header-text);
  font-weight: 700;
}

.wp-block-table table:has(tbody th) tbody th strong {
  color: inherit !important;
}

/* 2) Якщо НЕМАЄ tbody th і НЕМАЄ thead th -> перший рядок tbody як header */
.wp-block-table table:not(:has(tbody th)):not(:has(thead th)) tbody > tr:first-child > td {
  background: var(--ac-table-header-bg);
  color: var(--ac-table-header-text);
  font-weight: 700;
}

.wp-block-table table:not(:has(tbody th)):not(:has(thead th)) tbody > tr:first-child > td strong {
  color: inherit !important;
}




/* Стилі кнопок в шапці десктоп */

.ast-custom-button{
  font-size: 15px;
  font-weight: 500;
  line-height: 42px;
  padding: 0 42px;
  border-radius: 4px;
  transition: filter .2s ease;
}
.ast-custom-button:hover,
.ast-custom-button:active{
  filter: brightness(0.9); /* трохи темніше */
}

/* Стилі FAQ */

.wp-block-faq-block-for-gutenberg-faq .question p{
  font-size: 18px;
  font-weight: 700;
  
}
.wp-block-faq-block-for-gutenberg-faq .question, .wp-block-faq-block-for-gutenberg-faq .answer{
  padding: 20px;
}
@media (max-width: 760px) {
.astra-child-faq-toggle{
  padding-top: 9px;	
}
}

/* Стилі CATFISH */

/* Кнопка десктоп */

.astra-child-catfish-action .wp-block-button .wp-block-button__link{
  font-size: 15px;
  font-weight: 700;
  height: 52px;
  line-height: 52px;
  padding: 0 58px;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1.4;
}

/* Блок CATFISH десктоп */

.astra-child-catfish {
  padding: 15px 0;
}

.astra-child-catfish-content{
  gap: 115px;
}

.astra-child-catfish-bonus{
  padding-top: 7px;
}

/* Кнопка закриття декстоп */

.astra-child-catfish-close{
  font-size: 42px;
  padding: 2px 11px;
  top: -65px;
}

@media (max-width: 1280px) {
	
.astra-child-catfish-rating-label{
  font-size: 10px;
}
.astra-child-catfish-rating-value{
  font-size: 13px;		
}

/* Блок CATFISH десктоп */

.astra-child-catfish {
  padding: 8px;
}

.astra-child-catfish-item{
  padding: 8px 0px;
  column-gap: 25px;
}
	
.astra-child-catfish-content{
  line-height: 1.4;
}

.astra-child-catfish-bonus{
  padding-top: 0px;
  line-height: 1.4;
}

/* Кнопка закриття декстоп */

.astra-child-catfish-close {
  font-size: 20px;
  padding: 0px 5px;
  top: -32px;
}
}

@media (max-width: 381px) {
.astra-child-catfish {
  padding: 0px;
}
}
@media (max-width: 502px) {
/* Кнопка десктоп */

.astra-child-catfish-action .wp-block-button .wp-block-button__link{
  font-size: 11px;
  padding: 0 20px;
}
}

/* Стилізація SimpleTOC */

.simpletoc-header{
  padding: 18px;
}

.simpletoc-header .simpletoc-title {
  font-weight: 700;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  letter-spacing: .5px;
  line-height: 1.4;
}

.simpletoc-toggle {
  font-weight: 700;
  font-size: 18px;
  padding: 15px;
}

.simpletoc-list li::before {
  width: 24px;
  height: 24px;
}
.simpletoc-list li{
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 6px 0;
  padding-left: 34px;
  padding-top: 3px;
  font-family: Montserrat, sans-serif;
}

.simpletoc-wrap .simpletoc-list{
  padding: 6px;
}