/**
 * Theme Name: bankBonus-child
 * Template: bankbonus-copy
 * Author: bnarulan
 * Version: 1.0
 */


input[type=radio]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: transparent !important;
	}

/* Codex test-domain fixes: pagination and icon fonts */
@font-face {
  font-family: "mmg-icons";
  src: url("/wp-content/themes/bankbonus-copy/assets/fonts/mmg-icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.keep-reading .articles_list > nav.navigation.pagination {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
  clear: both;
  margin: 32px 0 0;
  padding: 18px 0 0;
  border-top: 3px solid var(--global--color-border, #28303d);
}

.keep-reading .articles_list > nav.navigation.pagination .nav-links {
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin: 0;
}

.keep-reading .articles_list > nav.navigation.pagination .page-numbers {
  width: auto;
  height: auto;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 10px;
  line-height: 1;
}

.keep-reading .articles_list > nav.navigation.pagination .page-numbers.prev,
.keep-reading .articles_list > nav.navigation.pagination .page-numbers.next {
  min-width: 68px;
}

/* BankBonus 2026: page meta left alignment on service/footer pages */
.single aside.meta .row .col-12.d-sm-flex,
.single aside.meta .row .col-12.d-sm-flex.align-items-center,
.single aside.meta .row .col-12.d-sm-flex.align-items-center.justify-content-between {
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: .5rem;
}
.single aside.meta .row .col-12.d-sm-flex > div:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.single aside.meta .meta__author,
.single aside.meta .meta__date,
.single aside.meta .meta__readtime {
    text-align: left !important;
}
.single aside.meta .meta__authorimg {
    flex: 0 0 auto;
}
.category__empty-note {
    background: var(--bs-bonus-card-bg);
    border: 1px solid rgba(166,166,166,.45);
    border-radius: 24px;
    padding: 24px;
    color: var(--bs-body-color);
}
.category__empty-note a { color: var(--clr-main); text-decoration: underline; text-underline-offset: 4px; }
.credit-calculator__intro,
.credit-calculator__note {
    max-width: 820px;
    margin: 0 auto 20px;
    color: var(--bs-body-color);
}

/* BankBonus 2026: stable article/service meta alignment */
.container__main.single article > aside.meta.container,
.container__main.single article > aside.bankbonus-post-meta {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}
.bankbonus-meta-author-line,
.single aside.meta .bankbonus-meta-author-line,
.single aside.meta .row .col-12.bankbonus-meta-author-line {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .5rem !important;
    text-align: left !important;
}
.bankbonus-meta-lines,
.single aside.meta .bankbonus-meta-lines {
    text-align: left !important;
}
.single aside.meta .meta__author,
.single aside.meta .meta__date,
.single aside.meta .meta__readtime {
    text-align: left !important;
}
.single aside.meta .meta__authorimg {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}


/* BankBonus rating tooltip: hover + click fallback */
.rating-tooltip { position: relative; display: inline-flex; align-items: center; margin-left: .35rem; cursor: help; vertical-align: middle; }
.rating-tooltip .tooltip-content { display: block; opacity: 0; visibility: hidden; pointer-events: none; position: absolute; z-index: 9999; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); width: min(360px, 82vw); padding: 16px 18px; border-radius: 14px; background: #fff; color: #333; box-shadow: 0 14px 38px rgba(0,0,0,.16); font-size: 15px; line-height: 1.45; text-align: left; transition: opacity .15s ease, visibility .15s ease; }
.rating-tooltip:hover .tooltip-content, .rating-tooltip:focus-within .tooltip-content, .rating-tooltip.active .tooltip-content { opacity: 1; visibility: visible; pointer-events: auto; }
.rating-tooltip .tooltip-arrow { position:absolute; left:50%; bottom:-6px; width:12px; height:12px; background:#fff; transform:translateX(-50%) rotate(45deg); }
.rating-tooltip .tooltip-text { margin:0; }


/* BankBonus rating context fix: bonuses use /5, bank reviews use /10 */
dl.offer-deets dd.deets__rating {
  overflow: visible !important;
  position: relative;
}
.rating-tooltip.bankbonus-bonus-rating-tooltip .tooltip-content,
dl.offer-deets .rating-tooltip .tooltip-content {
  width: min(360px, 78vw);
  white-space: normal;
}
@media (max-width: 767.98px) {
  dl.offer-deets .rating-tooltip .tooltip-content {
    left: auto;
    right: -8px;
    transform: none;
    max-width: 82vw;
  }
  dl.offer-deets .rating-tooltip .tooltip-arrow {
    left: auto;
    right: 14px;
    transform: rotate(45deg);
  }
}
.bankbonus-bank-rating-denominator {
  font-size: .52em;
  font-weight: 700;
  color: var(--bs-body-color, #111);
  white-space: nowrap;
}