/* ==========================================================================
   PokerFirma 2026 — hand-built content blocks (inline-styled HTML in page content)
   Restyled onto the design system with attribute selectors; content is not changed.
   ========================================================================== */

/* ---------- expert quote (as rendered after wpautop):
   <div style="display:flex;align-items:center…"> <p><img round></p> <div> <p><span>„</span></p> <p style="…18px…">quote</p> <p>von <strong>Name</strong></p> </div> </div>
   Often wrapped in an [su_box] with an empty title: that box is neutralised. ---------- */
.pf26 .su-box:has(img[style*="border-radius: 50%"]){background:none!important;margin:36px 0 0!important}
.pf26 .su-box:has(img[style*="border-radius: 50%"])>.su-box-title{display:none!important}
.pf26 .su-box:has(img[style*="border-radius: 50%"])>.su-box-content{padding:0!important;background:none!important}
.pf26-article div[style*="display: flex"][style*="align-items: center"]:has(img[style*="border-radius: 50%"]){display:grid!important;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"q q" "img by";gap:14px 12px;align-items:center;margin:36px 0 0!important;padding:0!important;background:none!important}
.pf26 .su-box div[style*="display: flex"]:has(img[style*="border-radius: 50%"]){margin-top:0!important}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>p:has(img){grid-area:img;margin:0!important;line-height:0}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"]) img[style*="border-radius: 50%"]{width:40px!important;height:40px!important;margin:0!important;border-radius:0!important;object-fit:cover;object-position:top}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div{display:contents}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div>p:has(>span:only-child){display:none!important}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div>p[style*="font-size: 18px"]{grid-area:q;margin:0!important;font:700 var(--pf26-fs-quote)/1.3 var(--pf-head)!important;letter-spacing:-.01em;color:var(--pf-green)!important}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div>p[style*="font-size: 18px"]::before{content:"„"}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div>p[style*="font-size: 18px"]::after{content:"“"}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div>p:last-child:not([style*="font-size: 18px"]){grid-area:by;margin:0!important;font:400 15px/1.4 var(--pf-body)!important;color:var(--pf-text)!important}
.pf26-article div[style*="display: flex"]:has(img[style*="border-radius: 50%"])>div>p:last-child strong{color:var(--pf-ink)!important}

/* ---------- responsible-gambling + affiliate disclaimers → notice panel ---------- */
.pf26 :is(.gluecksspiel-disclaimer-container,.affiliate-disclaimer-container){margin:32px 0 0!important;padding:24px 28px!important;border:0!important;border-left:4px solid var(--pf-amber)!important;border-radius:0!important;background:var(--pf-grey)!important;box-shadow:none!important;color:var(--pf-text)!important;font-family:var(--pf-body)!important}
.pf26 .gluecksspiel-disclaimer-header{display:flex!important;align-items:center;gap:10px;margin:0 0 10px!important}
.pf26 .gluecksspiel-disclaimer-icon{margin:0!important;font-size:18px!important}
.pf26 .gluecksspiel-disclaimer-heading{margin:0!important;font:800 18px/1.3 var(--pf-head)!important;color:var(--pf-ink)!important}
.pf26 :is(.gluecksspiel-disclaimer-content,.affiliate-disclaimer-content),.pf26 :is(.gluecksspiel-disclaimer-container,.affiliate-disclaimer-container) p{margin:0!important;font-size:15px!important;line-height:1.6!important;color:var(--pf-text)!important}
.pf26 :is(.gluecksspiel-disclaimer-container,.affiliate-disclaimer-container) p+p{margin-top:10px!important}
.pf26 :is(.gluecksspiel-disclaimer-container,.affiliate-disclaimer-container) a{color:var(--pf-green)!important;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--pf-mint)!important;text-underline-offset:3px}

/* ---------- feature cards: <div flex gap:30px> <div flex:1 1 33% …> <h3>…</h3> <div>text <a.button>…</a></div> ---------- */
.pf26-article div[style*="display: flex"][style*="gap: 30px"]:has(> div[style*="calc(33.333%"]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pf26-gap)!important;margin:32px 0 0!important}
.pf26-article div[style*="calc(33.333%"]{display:flex;flex-direction:column;gap:10px;min-width:0!important;margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;background:var(--pf-grey)!important}
.pf26-article div[style*="calc(33.333%"]>:is(h2,h3,h4){margin:0!important;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;text-align:left!important;font:800 var(--pf26-fs-h4)/1.25 var(--pf-head)!important;color:var(--pf-ink)!important}
.pf26-article div[style*="calc(33.333%"]>:is(h2,h3,h4) strong{font-weight:inherit}
.pf26-article div[style*="calc(33.333%"]>div{margin:0!important;text-align:left!important;font-size:16px;line-height:1.6;color:var(--pf-text);display:flex;flex-direction:column;gap:12px;flex:1}
.pf26-article div[style*="calc(33.333%"] a.button{margin-top:auto;align-self:flex-start;padding:0;border:0;background:none;box-shadow:none;font:700 15px/1.3 var(--pf-body);letter-spacing:0!important;color:var(--pf-green);text-decoration:none;text-transform:none}
.pf26-article div[style*="calc(33.333%"] a.button::after{content:" →"}
.pf26-article div[style*="calc(33.333%"] a.button:hover{color:#000;text-decoration:underline;text-underline-offset:4px}
@media (max-width:899px){.pf26-article div[style*="display: flex"][style*="gap: 30px"]:has(> div[style*="calc(33.333%"]){grid-template-columns:minmax(0,1fr)}}

/* ---------- decorative amber bars + stray amber centred headings ---------- */
.pf26-article div[style*="width: 60px"][style*="height: 4px"]{display:none!important}
.pf26-article h3[style*="color: #f1a03c"]{color:var(--pf-ink)!important;text-align:left!important;font-family:var(--pf-head)!important}

.pf26 .gluecksspiel-disclaimer-container strong{color:var(--pf-ink)!important}