/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* General CSS */
.article > :first-child {
  margin: -8px 0px 12px 0px;
}
.info-wrapper {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
border: 2px solid #D9DEF6;
}
/**** TABLE ****/
table,
.wp-block-table {
  border-collapse: collapse;
  width: 100%;
  overflow: hidden;
  table-layout: auto !important;
border-radius: 8px;
}
.wp-block-table th,
.wp-block-table td {
  border: none;
}
table th,
.wp-block-table thead {
  padding: 16px 8px !important;
  text-align: left;
  background-color: var(--bg-dark);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
table tr:nth-child(even) {
  background: #f4f7ff;
}
table td {
  padding: 14px 12px !important;
  text-align: left;
  font-size: 15px;
}
table th img {
  max-width: 40px !important;
}
.responsive {
  overflow: auto;
  border-radius: 12px;
  margin: 20px 0px !important;
  max-width: 360px;
  min-width: 100%;
 border: 2px solid #d9def6;
}
/* Payments  */
.hidden-pay {
  position: absolute;
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  min-width: 155px;
  justify-content: center;
  padding: 8px;
  box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
  top: 70px;
  left: -8px;
  z-index: 3;
}
.hidden-pay-rev {
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  min-width: 155px;
  justify-content: center;
  padding: 8px;
  box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
  top: 30px;
  right: -8px;
  z-index: 3;
}
.pay-wrapper img {
  width: 45px;
  align-self: center;
  align-items: center;
  height: 30px;
}
.count {
  background-color: var(--bg-hero);
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 2px;
  cursor: pointer;
  width: 45px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  transition: background 1s ease-in;
}
.marked {
  background: var(--accent);
  color: #fff;
}
/* CTA Articles */
.cta-article {
  margin: 12px 0;
}
.good {
  color: var(--color-good);
}
.meh {
  color: var(--color-meh);
}
.bad {
  color: var(--color-bad);
}

/* Styling UL LI  */
.mini-pros,
.pros-container ul,
.cons-container ul,
.pros,
.cons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding-inline-start: 0px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 22px;
}
.pros-container ul,
.cons-container ul {
  margin-top: 0;
}
.mini-pros li {
  background: var(--bg-lite-green);
  padding: 10px;
  border-radius: 8px;
}
.pros-container ul li {
  background: var(--bg-lite-green);
  padding: 10px;
  border-radius: 8px;
  border: 2px solid #fff;
}
.cons-container ul li {
  background: #f4dee470;
  padding: 10px;
  border-radius: 8px;
  border: 2px solid #fff;
}
.mini-pros li::before,
.pros-container ul li::before,
.pros li::before {
  content: "";
  background-image: url(/wp-content/uploads/check-pros.svg);
  background-size: contain;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  position: relative;
  top: 0.5rem;
  margin-right: 0.4rem;
}
.cons-container ul li::before,
.cons li::before {
  content: "";
  background-image: url(/wp-content/uploads/cross-vermelho.svg);
  background-size: contain;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  position: relative;
  top: 0.5rem;
  margin-right: 0.4rem;
}
/* proTIP */
.pro-tip-bad {
  padding: 12px;
  border: 1px solid var(--color-bad);
  margin: 16px 0;
  border-radius: 12px;
  background: #f4433625;
}
.pro-tip {
  padding: 22px;
  margin: 16px 0;
  border-radius: 12px;
  background: var(--bg-hero);
}
.pro-tip-lite {
  padding: 22px;
  margin: 16px 0;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #eeeeee;
}
.pro-tip-dark{
	padding: 22px;
  margin: 16px 0;
  border-radius: 12px;
  background: var(--bg-dark);
  border: 1px solid #eeeeee;
	color: #fff;
}
.pro-tip h3 {
  margin-top: 8px;
}

/* grid boxes */

.text-box {
  padding: 22px;
  margin: 16px 0;
  border-radius: 12px;
  border: 1px solid #eeeeee;
  box-shadow: rgba(100, 100, 111, 0.05) 0px 7px 29px 0px;
}
.text-box h3 {
  margin-top: 16px;
}

/* Top */
.top:before {
    background-image: url(/wp-content/uploads/top-melhor.png);
    background-size: 30px;
    display: inline-block;
    width: 30px;
    height: 26px;
    content: "";
	margin-right: 12px;
}

/* FAQ */
.open svg {
  rotate: 180deg;
}
.faq .accordion-title-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
/* click states */
[is="open"] {
  display: grid !important;
}
[is="pressed"] svg,
[is="pressed"] i {
  rotate: 180deg;
}
.intro-btn-hero:hover{
	background: var(--bg-dark)!important;
	color: #fff;
}
/* Menu  */

/* Review CTA */
.review-cta {
  display: grid;
  align-items: initial;
  grid-gap: 16px;
  background-color: var(--font-lite);
  border-radius: 20px;
  overflow: hidden;
  grid-template-columns: 120px 160px 1fr 95px;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 12px;
  border: 2px solid #d9def6;
box-shadow: 0 0 16px 0 #7787DE40;
}
.image-review-cta {
  min-height: 120px;
  display: flex;
  justify-content: center;
  align-self: center !important;
  align-items: center;
  padding: 16px;
	border: 7px double #fff;
	border-radius: 120px;
}
.bonus-container-review-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bonus-label-review-cta {
  font-weight: 500;
  font-size: 14px;
}
.promo-review-cta {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.4;
}
.features-review-cta {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: 6px;
}
.feature-li-cta {
  display: flex;
  justify-content: center;
  column-gap: 4px;
  align-items: center;
  font-size: 14px;
}
.feature-li-cta svg{
	max-width: 16px;
}
.icon-li-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 12px;
}
.btn-review-cta {
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: #FE6F18;
  color: var(--font-lite)!important;
  font-size: 13px;
  font-weight: 600;
  border-radius: 12px;
}
.is-layout-grid {
  grid-gap: 10px;
	margin: 16px 0;
}
#brx-header.sticky.scrolling > *{
	background: rgba( 34, 37, 58, 0.55 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 7px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 6px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}

/* Bonus CTA */
.top-cta {
    width: 100%;
    display: grid;
    align-items: initial;
    grid-gap: 16px;
    grid-template-columns: 1.4fr 310px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    background-image: url(/wp-content/uploads/background-stadium.webp);
    background-size: cover;
    background-blend-mode: overlay;
    background-color: #1C2745;
    border-radius: 12px;
    position: relative;
    min-height: 180px;
    align-items: center;
	margin: 16px 0;
}
.top-cta-title-container {
    display: flex;
    flex-direction: column;
    column-gap: 16px;
    row-gap: 16px;
    align-items: flex-start;
}
.top-cta-title {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
	line-height: 26px;
}
.top-cta-btn, .table-bonus {
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 20px;
    font-size: 13px;
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.1;
    border: 1px solid var(--accent);
    border-radius: 8px;
    transition: background-color 0.3s ease-in;
    gap: 8px;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    background-color: var(--accent);
}
.top-cta-engage {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: var(--font-lite);
    border: 1px solid #eeeeee;
    border-radius: 16px;
    width: 100%;
	position: relative;
}
.top-cta-engage-img {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 80px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    align-items: center;
}
.top-cta-engage-img img{
	max-height: 45px;
	object-fit: scale-down;
}
.top-cta-rating-container {
    display: flex;
    align-items: center;
    column-gap: 6px;
    position: absolute;
    background-color: var(--font-lite);
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    border-radius: 8px;
    bottom: -32px;
}
.top-cta-rating-icon {
    color: #ffbd38;
    fill: #ffbd38;
    font-size: 16px;
}
.top-cta-rating-code-ctnr {
    display: flex;
    align-items: center;
    column-gap: 3px;
    align-self: center !important;
}
.top-cta-rating-master {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    width: fit-content;
}
.top-cta-rating-max {
    font-size: 1.4rem;
    font-weight: 400;
    color: #a6a6a6;
    text-align: left;
}
.top-cta-best-for-ctnr {
    display: flex;
    align-items: center;
    column-gap: 6px;
    position: absolute;
    background-color: var(--font-lite);
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
    border-radius: 8px 8px 0 0;
    top: -14px;
    left: 2%;
}
.top-cta-rating-best-for-icon {
    position: relative;
    bottom: 0px;
    right: -2px;
    background-color: #ffffff;
    border-radius: 10px;
	width: 10px;
	height: 10px;
}
.top-cta-best-for-label {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.styled-ol{
	list-style-type: none;
    counter-reset: item;
    margin-left: 0px;
    padding-left: 0px;
    position: relative;
}
.styled-ol::before{
		content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 19px;
    height: calc(100% - 50px);
    width: 1px;
    background: #EEEEEE;
    z-index: 0;
}
.styled-ol li {
	counter-increment: item;
    padding: 12px 0px;
    padding-left: 48px;
    line-height: 30px;
}
.styled-ol li::before {
    margin-right: 10px;
    content: counter(item);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--accent);
    font-size: 15px;
    font-weight: 800;
    border-radius: 8px;
    z-index: 1;
    left: 3px;
    position: absolute;
		color:#fff;
}

/* Media queries */

@media only screen and (max-width: 991px) {
  .review-cta {
    grid-template-columns: 120px 180px 1fr;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
  }

  .image-review-cta {
    min-height: 95px;
    padding: 10px;
    border-radius: 16px;
  }

  .btn-container-review-cta {
    grid-column: 1 / 4;
    width: 100%;
  }

  .btn-review-cta {
    min-width: 100%;
  }
}

@media only screen and (max-width: 766px) {
  .hidden-pay {
    top: 30px;
    right: 0px;
    left: 40%;
  }
	.table-bonus{
		min-width: 100%;padding: 16px;
	}
  .review-cta {
    grid-template-columns: 0.65fr 1fr;
  }
  .features-review-cta {
    display: none;
  }
	.top-cta{
		grid-template-columns: 1fr;
		grid-gap: 36px;
	}
	    .top-cta-rating-container {
        bottom: 0px;
        right: 0px;
        border-radius: 4px 0 8px 0;
        column-gap: 2px;
    }
	.top-cta-rating-icon {
        font-size: 12px;
    }
	    .top-cta-rating-master {
        font-size: 1.2rem;
    }
	    .top-cta-rating-max {
        line-height: 1;
        font-size: 0.7rem;
    }
	.bricks-mobile-menu-wrapper {
		padding: 0px 3%;
	}
	.top-cta-engage{
		order: -1;
		margin: 12px -12px 0px 0px;
	}
	.top-cta-title-container .top-cta-btn{
		border: 1px solid #fff;
	}
}

/* ===== [cards] — link building interno ===== */
ul.link-cards {
  list-style: none;
  padding: 0;
  margin: 24px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.link-cards.cols-1 { grid-template-columns: 1fr; }
.link-cards.cols-2 { grid-template-columns: repeat(2, 1fr); }
.link-cards.cols-4 { grid-template-columns: repeat(4, 1fr); }
.link-cards > li { display: flex; margin: 0; }

.link-card {
  position: relative;               /* referência do stretched link */
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.link-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
}
.link-card:focus-within {           /* acessibilidade: navegação por teclado */
  outline: 2px solid #0168ff;
  outline-offset: 2px;
}

.link-card-img {
  margin: 0;                        /* reset do <figure> */
}
.link-card-img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}
.link-card-img.is-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  padding: 20px;
}
.link-card-img.is-logo img {
  width: auto;
  height: auto;
  max-width: 70%;
  max-height: 90px;
  object-fit: contain;
}

.link-card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px 16px;
  flex: 1;
}
.link-card-title {
  margin: 0;                        /* reset do h3/h4 */
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.link-card-title a {
  color: #1b2134;
  text-decoration: none;
}
.link-card-title a::after {         /* stretched link: card todo clicável */
  content: "";
  position: absolute;
  inset: 0;
}
.link-card-excerpt {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #5a6072;
}
.link-card-more {
  margin-top: auto;
  font-size: 13px;
  font-weight: 600;
  color: #0168ff;
}

@media (max-width: 900px) {
  ul.link-cards, .link-cards.cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  ul.link-cards, .link-cards.cols-2, .link-cards.cols-4 { grid-template-columns: 1fr; }
	.link-card-img.is-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  padding: 10px;
}
}
/* Linha secundária do promo nos cartões CTA (condição do bónus) */
.promo-cta-sub {
	display: block;
	font-size: 0.62em;
	font-weight: 400;
	text-transform: none;
	line-height: 1.35;
	margin-top: 2px;
}


/**** FONTE — Roboto alojada localmente (12-10-2026). O tema declarava "Roboto" sem a carregar
      e fora do Android a página caía para Times. Fonte variável: 400-700 num só ficheiro. ****/
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("fonts/roboto-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("fonts/roboto-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
body{font-family:"Roboto",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;}

/**** ÍNDICE da página (template 86, elemento tocnav — 12-10-2026) ****/
.hp-toc{width:100%;border:2px solid #D9DEF6;border-radius:12px;background:#fff;padding:.75rem 1rem;margin-top:.5rem}
.hp-toc summary{cursor:pointer;font-weight:600;font-size:16px}
.hp-toc ul{margin:.6rem 0 0;padding-left:1.2rem;columns:2;column-gap:2rem}
.hp-toc li{margin:.25rem 0;font-size:15px;break-inside:avoid}
.hp-toc a{color:var(--font-dark);text-decoration:underline}
@media (max-width:767px){.hp-toc ul{columns:1}}

/**** Caixa «Zahlungen» sem métodos atribuídos: esconde o rótulo, mantém a largura ****/
.pay:not(:has(img)) .features-brand{visibility:hidden}

/**** ALTERNATIVEN — shortcode [wv_alternativen] no template de marca (12-10-2026) ****/
.wv-alt{width:100%;margin:2rem 0}
.wv-alt-h{font-size:24px;margin:0 0 .4rem}
.wv-alt-sub{margin:0 0 1rem;color:var(--font-dark)}
.wv-alt-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wv-alt-list a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid #D9DEF6;border-radius:12px;background:#fff;text-decoration:none;color:var(--font-dark);height:100%}
.wv-alt-list a:hover{border-color:var(--accent)}
.wv-alt-logo{display:flex;align-items:center;justify-content:center;width:100%;height:64px;border-radius:8px;padding:8px}
.wv-alt-logo img{max-height:48px;width:auto;max-width:100%;object-fit:contain}
.wv-alt-name{font-weight:600;text-decoration:underline}
.wv-alt-note{font-size:14px;color:var(--accent)}
.wv-notenlink{font-size:13px;margin-top:30px;text-align:right;width:100%}
.wv-notenlink a{color:var(--accent);text-decoration:underline}
@media (max-width:767px){.wv-alt-list{grid-template-columns:1fr}}

/* ===== 13-10-2026 · fonte, espaçamento e caixas de aviso ===== */
/* Fonte = Roboto (como o wettanbieter.bet), com fontes de recurso sem serifa */
body,h1,h2,h3,h4,h5,h6,p,li,td,th,input,button,select,textarea{font-family:"Roboto",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
/* Espaço entre títulos */
body h2{margin-top:32px}
body h3{margin-top:24px}
section#top-brd.brxe-section{padding-top:12px}
/* Caixas de aviso por cima da tabela (modelo do .ch) */
.wv-hinweis{display:flex;gap:12px;align-items:flex-start;background:#f7f8fc;border:1px solid #e3e7f2;border-radius:12px;padding:12px 16px;margin:0 0 10px;font-size:15px;line-height:1.6;color:#52514e}
.wv-hinweis p{margin:0}
.wv-hinweis strong{color:#2d3557}
.wv-hinweis p a,.wv-hinweis p a:visited{color:#0168ff!important;text-decoration:underline}
.wv-hinweis::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-top:3px;border-radius:4px}
.wv-hinweis--de::before{background:linear-gradient(#000 0 33.34%,#dd0000 33.34% 66.67%,#ffce00 66.67% 100%)}
.wv-hinweis--info::before{border-radius:50%;background:#2a78d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='11' y='10' width='2' height='8' rx='1' fill='%23fff'/%3E%3Ccircle cx='12' cy='7' r='1.3' fill='%23fff'/%3E%3C/svg%3E") center/20px 20px no-repeat}

/* Menu móvel (≤767 px): dropdowns empilhados, aberto ou fechado (estavam lado a lado: 1.085 px num ecrã de 390) */
@media (max-width:767px){
 #brxe-mahzhv .brx-nav-nested-items,#brxe-qwgbuq{flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;max-width:100vw}
 #brxe-qwgbuq > .brxe-dropdown{width:100%}
 #brxe-sgtqvq{left:0;width:100%}
 #brxe-wvgu01,#brxe-wvgu02{grid-template-columns:1fr;width:100%}
 #brxe-qwgbuq .brxe-dropdown,#brxe-qwgbuq .brx-dropdown-content{min-width:0;max-width:100%}
}
/* Faixa da Bundesliga: não alargar a página no telemóvel (scrollWidth era 1.085 px num ecrã de 390) */
#brxe-ligabr{overflow:hidden;max-width:100%}
#brxe-ligabr .lg-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#brxe-ligabr .lg-bar::-webkit-scrollbar{display:none}

/* Rede de segurança no telemóvel: nada pode alargar a página na horizontal (clip não estraga o sticky) */
@media (max-width:767px){html,body{overflow-x:clip}}

/* Causa real da largura de 1.085 px no telemóvel: os nomes .lg-nom (absolute) escapavam ao corte da faixa */
#brxe-ligabr .lg-lst,#brxe-ligabr .lg-it{position:relative}

/* ===== 14-10-2026 · Homepage: fonte Roboto (= .bet), autor, destaques, top 3, faixa Aktuell (sessão Juliano) ===== */
@font-face{font-family:'Roboto';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/roboto-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/roboto-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
html body, html body :is(h1,h2,h3,h4,h5,h6,p,span,a,li,td,th,strong,b,em,div,button,input,select,textarea,label,summary,figcaption,small,blockquote) { font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important; }

/* Figuras e gráficos no conteúdo */
.wp-block-image figcaption { font-size: 13px; color: #5b6478; text-align: center; margin-top: 8px; }
.wp-block-image img { border-radius: 10px; border: 1px solid #D9DEF6; height: auto; }

/* Cartão de autor */
.wv-author { background:#fff; border:2px solid #D9DEF6; border-radius:14px; padding:24px; display:grid; gap:16px; }
.wv-author__top { display:flex; gap:16px; align-items:center; }
.wv-author__img { width:84px; height:84px; border-radius:50%; background:var(--bg-hero); border:2px solid #D9DEF6; object-fit:cover; flex:0 0 84px; }
.wv-author__name { font-size:20px; font-weight:800; color:var(--font-dark); margin:0; line-height:1.2; }
.wv-author__role { font-size:14px; color:#5b6478; margin-top:4px; }
.wv-author__badge { display:inline-flex; align-items:center; gap:6px; margin-top:8px; font-size:12px; font-weight:700; color:#0f7a4f; background:var(--bg-lite-green); border-radius:999px; padding:4px 10px; }
.wv-author__bio { margin:0; font-size:15px; line-height:1.7; }
.wv-author__chips { display:flex; flex-wrap:wrap; gap:8px; }
.wv-author__chips span { font-size:12px; font-weight:600; background:var(--bg-hero); border:1px solid #D9DEF6; border-radius:999px; padding:5px 12px; color:var(--font-dark); }
.wv-author__facts { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.wv-author__facts div { background:var(--bg-hero); border-radius:10px; padding:12px; font-size:13px; line-height:1.4; }
.wv-author__facts strong { display:block; font-size:18px; font-weight:800; color:var(--accent); }
.wv-author__links { display:flex; flex-wrap:wrap; gap:6px 18px; border-top:1px solid #E4E8F5; padding-top:14px; font-size:14px; }
.wv-author__links a { color:var(--accent); font-weight:600; text-decoration:none; }
.wv-author__links a:hover { text-decoration:underline; }
@media (max-width:600px){ .wv-author__facts{grid-template-columns:1fr;} .wv-author{padding:18px;} }

/* Cartões em destaque (estilo .si) */
.wv-nv-wrap { display:grid; gap:8px; width:100%; }
.wv-nv-wrap h2 { margin:0; }
.wv-nv-sub { color:#5b6478; margin:0 0 12px; }
.wv-nv { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.wv-nv__card { background:#fff; border:1px solid #D9DEF6; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s; }
.wv-nv__card:hover { box-shadow:0 8px 24px rgba(27,33,52,.10); transform:translateY(-2px); }
.wv-nv__img { display:block; aspect-ratio:16/9; overflow:hidden; background:var(--bg-hero); }
.wv-nv__img img { width:100%; height:100%; object-fit:cover; display:block; border:0; border-radius:0; }
.wv-nv__body { padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px; flex:1; }
.wv-nv__tag { font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#5b6478; }
.wv-nv__title { font-size:15px; font-weight:700; line-height:1.35; margin:0; }
.wv-nv__title a { color:var(--font-dark); text-decoration:none; }
.wv-nv__meta { font-size:12px; color:#7a8399; }
.wv-nv__more { margin-top:auto; font-size:13px; font-weight:700; color:var(--accent); text-decoration:none; }
@media (max-width:991px){ .wv-nv{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .wv-nv{grid-template-columns:1fr;} }

/* Top 3 acima do rodapé */
.wv-t3-wrap { text-align:center; width:100%; }
.wv-t3-sub { color:#5b6478; font-size:14px; max-width:720px; margin:0 auto 18px; }
.wv-t3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:780px; margin:0 auto; align-items:end; }
.wv-t3__card { background:#fff; border:1px solid #D9DEF6; border-radius:12px; overflow:hidden; position:relative; }
.wv-t3__card--1 { order:2; border:2px solid var(--accent); box-shadow:0 10px 28px rgba(1,104,255,.15); transform:translateY(-8px); }
.wv-t3__card--2 { order:1; } .wv-t3__card--3 { order:3; }
.wv-t3__pos { position:absolute; top:8px; left:8px; width:22px; height:22px; border-radius:50%; background:#fff; color:var(--font-dark); font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.wv-t3__card--1 .wv-t3__pos { background:var(--accent); color:#fff; }
.wv-t3__head { display:flex; align-items:center; justify-content:center; height:76px; padding:10px 20px; }
.wv-t3__head img { max-height:44px; max-width:150px; width:auto; object-fit:contain; border:0; }
.wv-t3__body { padding:12px 12px 14px; display:grid; gap:4px; }
.wv-t3__name { font-weight:800; font-size:16px; }
.wv-t3__lbl { font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#7a8399; }
.wv-t3__bonus { font-weight:700; font-size:14px; }
.wv-t3__rate { font-size:14px; } .wv-t3__rate b { font-size:18px; } .wv-t3__rate span { color:#7a8399; }
.wv-t3__rate i { color:var(--color-meh); font-style:normal; }
.wv-t3__btn { display:block; margin-top:8px; background:var(--color-meh); color:var(--font-dark); font-weight:800; font-size:13px; text-transform:uppercase; border-radius:8px; padding:10px; text-decoration:none; }
.wv-t3__btn:hover { filter:brightness(.95); }
.wv-t3__note { font-size:11px; color:#7a8399; text-align:right; padding:0 10px 8px; }
@media (max-width:700px){ .wv-t3{grid-template-columns:1fr; max-width:360px;} .wv-t3__card--1,.wv-t3__card--2,.wv-t3__card--3{order:initial; transform:none;} }

.wv-author{width:100%;}

/* Topo: autor à direita da intro (como no .si) */
#brxe-ac16ff #brxe-2b97ed{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:16px;align-items:center}
#brxe-ac16ff #brxe-2b97ed > #brxe-dc1c1e{grid-column:1 / -1}
#brxe-ac16ff #brxe-2b97ed > .art-intro{grid-column:1;margin-bottom:0}
#brxe-ac16ff #brxe-2b97ed > #brxe-krjdlr{grid-column:2;grid-row:2;align-self:center;margin:0!important}
#brxe-ac16ff #brxe-2b97ed > #brxe-tocnav{grid-column:1 / -1}
#brxe-ac16ff #brxe-534847{background:transparent!important;border-radius:0!important;padding:0!important;gap:12px!important;align-items:center!important;box-shadow:none!important;flex-wrap:nowrap!important}
#brxe-ac16ff #brxe-5dc51e{flex-direction:column!important;align-items:flex-start!important;row-gap:6px}
#brxe-ac16ff #brxe-5dc51e > div{border:0!important;padding-left:0!important;padding-right:0!important;margin:0!important}
#brxe-ac16ff #brxe-9b52b8{width:56px!important;height:56px!important;border:2px solid var(--accent);border-radius:50%;object-fit:cover}
@media (max-width:767px){
 #brxe-ac16ff #brxe-2b97ed{grid-template-columns:1fr}
 #brxe-ac16ff #brxe-2b97ed > #brxe-krjdlr{grid-column:1;grid-row:auto}
}

/* Faixa «Aktuell» (eventos) no cabeçalho — como no .si */
#aktuell-bar{background:#f7f9fc;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #e8eaee}
.wv-ak{display:flex;align-items:center;gap:10px;width:100%;min-height:30px}
.wv-ak__lbl{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#0168FF}
.wv-ak__lbl::before{content:"";width:6px;height:6px;border-radius:50%;background:#e11d48}
.wv-ak__list{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}
.wv-ak__item{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:4px 12px 4px 4px;border:1px solid #e3e8f0;border-radius:999px;background:#fff;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s,box-shadow .15s}
.wv-ak__item:hover{border-color:#b9d4ff;background:#f2f7ff;box-shadow:0 2px 8px rgba(1,104,255,.10)}
.wv-ak__img{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background-color:#e9eef5;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(15,23,42,.10)}
.wv-ak__name{font-size:13px;font-weight:600;color:#1f2937;line-height:1}
.wv-ak__item:hover .wv-ak__name{color:#0168FF}
.wv-ak__when{font-size:11px;font-weight:700;color:#6b7280;line-height:1;padding-left:7px;border-left:1px solid #e8eaee}
@media (max-width:767px){
 .wv-ak{gap:8px} .wv-ak__lbl{font-size:9px;letter-spacing:.4px;gap:4px}
 .wv-ak__list{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:14px;mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .wv-ak__list::-webkit-scrollbar{display:none}
 .wv-ak__name{font-size:12.5px} .wv-ak__img{width:22px;height:22px} .wv-ak__item{padding:3px 10px 3px 3px;gap:7px}
}

/* Barra de classificação com 2 competições (copiada do .bet, 14-10-2026) */
#lg-slot{--wb-dark:#15181D;--wb-gold:#F3B61F;padding:0!important}
#lg-slot{background:var(--wb-dark);border-bottom:1px solid #24395a}
.lg-faixa{display:flex;align-items:center;gap:8px;width:100%;max-width:1200px;margin:0 auto;padding:5px 16px;min-width:0}
.lg-radio{position:absolute;opacity:0;pointer-events:none}
.lg-tabs{display:flex;flex:0 0 auto;gap:4px;padding-right:8px;border-right:1px solid #24395a}
.lg-tab{font-size:10px;font-weight:800;letter-spacing:.6px;line-height:1;text-transform:uppercase;color:#5f7fa8;padding:4px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease}
.lg-tab:hover{color:#8fb3e0}
.lg-tab .lg-curto{display:none}
#lg-bundesliga:checked~.lg-tabs label[for="lg-bundesliga"],#lg-champions:checked~.lg-tabs label[for="lg-champions"]{color:#141b2d;background:#f5c451}
.lg-lst{display:none}
#lg-bundesliga:checked~.lg-lst[data-liga="bundesliga"],#lg-champions:checked~.lg-lst[data-liga="champions"]{display:flex;align-items:center;min-width:0;flex:1 1 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.lg-lst::-webkit-scrollbar{display:none}
.lg-it{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;white-space:nowrap}
.lg-pos{font-size:10px;font-weight:700;line-height:1;color:#5f7fa8;min-width:15px;text-align:right}
.lg-esc{flex:0 0 auto;width:18px;height:18px;object-fit:contain;display:block}
.lg-nom{font-size:11px;font-weight:600;line-height:1;color:#e8eef7}
.lg-pts{font-size:11px;font-weight:700;line-height:1;color:var(--wb-gold)}
.lg-top .lg-pos{color:var(--wb-gold)}
@media (max-width:900px){.lg-nom{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lg-it{padding:3px 5px;gap:3px}}
@media (max-width:767px){.lg-faixa{gap:6px;padding:5px 12px}.lg-tab{font-size:9px;letter-spacing:.3px;padding:4px 5px}.lg-tab .lg-longo{display:none}.lg-tab .lg-curto{display:inline}#lg-bundesliga:checked~.lg-lst[data-liga="bundesliga"],#lg-champions:checked~.lg-lst[data-liga="champions"]{padding-right:12px;mask-image:linear-gradient(90deg,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent)}}
.lg-comp{height:16px;width:auto;flex:0 0 auto;display:block;opacity:.55;transition:opacity .15s ease}
.lg-tab{display:inline-flex;align-items:center;gap:6px}
.lg-tab:hover .lg-comp{opacity:.85}
#lg-bundesliga:checked~.lg-tabs label[for="lg-bundesliga"] .lg-comp,#lg-champions:checked~.lg-tabs label[for="lg-champions"] .lg-comp{opacity:1}
@media (max-width:767px){.lg-comp{height:14px}.lg-tab{gap:4px}}
#lg-slot{background:var(--wb-dark);border-bottom-color:#252A31}
.lg-pts,.lg-top .lg-pos{color:var(--wb-gold)}
#lg-bundesliga:checked~.lg-tabs label[for="lg-bundesliga"],#lg-champions:checked~.lg-tabs label[for="lg-champions"]{background:var(--wb-gold);color:var(--wb-dark)}

/* Top 3 e destaques: centrar dentro do contentor (o contentor Bricks alinha à esquerda) */
#top3-anbieter > .brxe-container, #ratgeber-karten > .brxe-container { align-items: center; }
#top3-anbieter .brxe-text-basic, #ratgeber-karten .brxe-text-basic { width: 100%; }
.wv-t3-wrap h2 { text-align: center; }

/* Rodapé à imagem do .si (14-10-2026) */
#brxe-323225{padding:64px 14px 32px;background-color:var(--bg-dark)}
#brxe-4a6677{column-gap:8px;row-gap:8px;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
#brxe-4702d2{width:40%;display:flex;flex-wrap:wrap;gap:16px}
#brxe-1b6910,#brxe-b2f454{width:100%;display:flex;flex-direction:column;gap:16px}
#brxe-c68b9b{font-size:14px;line-height:1.7;color:#e0e0e0;width:100%}
#brxe-c68b9b a{color:#fff;text-decoration:underline}
#brxe-969268{width:100%;display:flex;align-items:center;column-gap:20px;margin:8px 0 24px}
#brxe-wvshar{gap:8px}
#brxe-b40681{width:58%}
#brxe-c0ae39{font-size:12px;line-height:1.75;color:#d1d1d1;text-align:right;width:100%;margin-bottom:32px}
#brxe-c0ae39 a{color:#fff!important;text-decoration:underline}
#brxe-c0ae39 hr{border:0;border-top:1px solid #3d4761;margin:12px 0}
#brxe-c0ae39 .wv-noga-links{margin-top:10px;font-size:14px;line-height:1.9}
#brxe-c0ae39 .wv-noga-scope{margin-top:18px;padding-top:14px;border-top:1px solid #3d4761}
#brxe-c0ae39 .wv-noga-scope img,#brxe-oifezj img{vertical-align:-1px;margin-right:8px;border-radius:2px;border:1px solid #6b7490;display:inline-block}
#brxe-oifezj{width:100%;display:flex;flex-direction:column}
#brxe-oifezj .website-title{color:#f5f5f5;font-weight:600;text-align:right}
#brxe-933bf8{width:100%;display:flex;justify-content:space-between;align-items:center}
#brxe-49e07f{display:flex;align-items:center;gap:14px;color:#e0e0e0}
@media (max-width:991px){
 #brxe-4702d2,#brxe-b40681{width:100%}
 #brxe-c0ae39,#brxe-oifezj .website-title{text-align:left}
 #brxe-969268{margin:8px 0}
}
@media (min-width:992px){
 #brxe-4a6677{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:flex-start!important}
 #brxe-4702d2{width:40%!important}
 #brxe-b40681{width:58%!important}
 #brxe-c0ae39,#brxe-c0ae39 p{text-align:right!important}
 #brxe-oifezj,#brxe-933bf8{width:100%!important}
}

/* Topo como no .si: intro completa, sem «Mehr anzeigen» e sem caixa de índice (14-10-2026, pedido do Juliano) */
#brxe-ac16ff .art-intro{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;display:block!important}
#brxe-ac16ff .art-intro-toggle{display:none!important}
#brxe-ac16ff #brxe-tocnav{display:none!important}

/* Menos espaço branco entre secções (14-10-2026, pedido do Juliano) */
#brxe-ac16ff{padding-top:2rem!important;padding-bottom:1.5rem!important}
#brxe-22b2e4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
#brxe-9e9005{padding-top:1.5rem!important;padding-bottom:1rem!important}
#autor{padding-top:.75rem!important;padding-bottom:.75rem!important}
#ratgeber-karten{padding-top:1.5rem!important;padding-bottom:.5rem!important}
#top3-anbieter{padding-top:1rem!important;padding-bottom:2rem!important}
#top-brd{padding-top:1.25rem!important;padding-bottom:1rem!important}
.wv-nv-sub{margin-bottom:8px}
.wv-t3-sub{margin-bottom:12px}

/* Tabelas dos eventos: emblemas e melhor odd (14-10-2026) */
.wp-block-table img.wv-esc{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:6px;display:inline-block}
.wp-block-table .wv-best{background:#e3f6e8;color:#0f6b2f;font-weight:700;border-radius:4px;padding:1px 5px;white-space:nowrap}
/* Cartões de evento: contagem / próxima jornada */
.wv-nv__tag--live{color:#e11d48!important}
/* Botão «Bonus» do cabeçalho: visível (pílula dourada) */
#brxe-bonbtn{background:#DD0000!important;color:#fff!important;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:7px 14px!important;gap:6px;display:inline-flex;align-items:center;line-height:1}
#brxe-bonbtn:hover{background:#B00000!important}
#brxe-bonbtn i{color:#fff!important}

/* 21-10-2026 — varredura de transbordos (69 páginas × 1300/1100/768/390 px) */
/* Menu no telemóvel: a lista «Wettanbieter im Test» tinha 3 colunas em ~190 px (nomes por cima dos logos)
   e os links saíam em azul-escuro sobre o fundo escuro do menu */
@media (max-width:767px){
 #brxe-mahzhv .wm-grid3{grid-template-columns:1fr;gap:0}
 #brxe-mahzhv .wm-a{color:#fff!important}
 #brxe-mahzhv .wm-t small{color:#9fb0c8;white-space:normal}
 #brxe-mahzhv .wm-h{color:#9fb0c8}
}
/* Faixa «Aktuell»: entre 768 e 1099 px os chips não cabiam e ficavam cortados sem scroll — passa a deslizar como no telemóvel */
@media (min-width:768px) and (max-width:1099px){
 .wv-ak__list{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:14px;mask-image:linear-gradient(90deg,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent)}
 .wv-ak__list::-webkit-scrollbar{display:none}
}
/* Reviews (template das marcas): no tablet a grelha do topo tinha width:700px fixo e encostava/saía à direita */
@media (max-width:991px){
 #brxe-b1314b{width:100%!important;max-width:700px;grid-template-columns:minmax(0,1fr)!important}
 #brxe-b1314b > *{min-width:0}
}
/* Fontes e listas com URLs longos não empurram o texto para fora no telemóvel */
#brx-content li,#brx-content p,#brx-content td{overflow-wrap:break-word}
/* Mega-menu em tablet: títulos compridos («Alle Zahlungsmethoden») quebram em vez de passar 8 px da coluna */
@media (min-width:768px) and (max-width:1099px){#brxe-mahzhv .wm-t{hyphens:auto;overflow-wrap:break-word}}

/* 29-10-2026 (Juliano, revisão mobile): nas fichas com barra fixa de afiliado (#brxe-f5cdc5), o «Nach oben» tapava a seta do «Zum Anbieter» — sobe acima da barra */
@media (max-width:767px){body:has(#brxe-f5cdc5) .brxe-back-to-top{bottom:96px!important}}