/* /texas-holdem-bonus-poker-casino — AISHTMLNEWDESIGN-426 Page-owned styles. EVERY selector is scoped to #page-texas-holdem-bonus-poker-casino or a thbp- prefixed class: this sheet must never style body, a bare element, #ais-header or #ais-footer. The document reset (html,body{margin:0}) is owned by the shared layout sheet. Font is Inter; no body/UI text below 16px. VISUAL DIRECTION — "CHALK CIRCLE". Texas Hold'em Bonus is a table game played against the dealer on a MARKED LAYOUT: the player's decision moves from one printed circle to the next (Ante, Flop, Turn, River, with the Bonus spot to the side). This page is drawn as that layout's DIAGRAM, not as a photograph of the table — chalk- white hairlines and outlined position spots on graphite slate, with a single vermilion marking colour for the live position. Deliberately no baize green and no gold: the felt is the cliché this page exists to avoid. Structure follows the game — every multi-item band is a numbered SEQUENCE of marked positions rather than a wall of identical cards. */ #page-texas-holdem-bonus-poker-casino{ --thbp-ink:#12162a; --thbp-ink-2:#1a2039; --thbp-ink-3:#252c49; --thbp-paper:#f1f2f7; --thbp-white:#ffffff; --thbp-mark:#d13a20; --thbp-mark-hi:#ff7a5c; --thbp-mark-soft:#fdece7; --thbp-t-dark:#14182a; --thbp-t-mid:#3c4459; --thbp-t-light:#e4e8f3; --thbp-t-dim:#c3cadb; --thbp-line:#d5d8e4; --thbp-line-ink:rgba(255,255,255,.16); --thbp-chalk:rgba(255,255,255,.34); --thbp-pad:clamp(56px,7vw,104px); font-family:"Inter",system-ui,sans-serif; font-size:16px; line-height:1.6; color:var(--thbp-t-dark); background:var(--thbp-paper); overflow-x:hidden; } #page-texas-holdem-bonus-poker-casino, #page-texas-holdem-bonus-poker-casino *, #page-texas-holdem-bonus-poker-casino *::before, #page-texas-holdem-bonus-poker-casino *::after{box-sizing:border-box;} #page-texas-holdem-bonus-poker-casino p, #page-texas-holdem-bonus-poker-casino h1, #page-texas-holdem-bonus-poker-casino h2, #page-texas-holdem-bonus-poker-casino h3, #page-texas-holdem-bonus-poker-casino h4, #page-texas-holdem-bonus-poker-casino ul, #page-texas-holdem-bonus-poker-casino ol, #page-texas-holdem-bonus-poker-casino dl, #page-texas-holdem-bonus-poker-casino dd, #page-texas-holdem-bonus-poker-casino figure, #page-texas-holdem-bonus-poker-casino blockquote{margin:0;padding:0;} #page-texas-holdem-bonus-poker-casino ul, #page-texas-holdem-bonus-poker-casino ol{list-style:none;} #page-texas-holdem-bonus-poker-casino img{max-width:100%;height:auto;display:block;} #page-texas-holdem-bonus-poker-casino :focus-visible{ outline:3px solid var(--thbp-mark-hi);outline-offset:3px;border-radius:2px; } /* ── shared shells ───────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-wrap{ width:100%;max-width:1220px;margin-inline:auto;padding-inline:clamp(18px,4vw,40px); } #page-texas-holdem-bonus-poker-casino .thbp-h2{ font-size:clamp(30px,3.4vw,46px);line-height:1.14;font-weight:800;letter-spacing:-.02em; color:var(--thbp-t-dark);margin-bottom:28px;max-width:22ch; } #page-texas-holdem-bonus-poker-casino .thbp-h2::before{ content:"";display:block;width:34px;height:34px;margin-bottom:18px;border-radius:50%; border:2px dashed var(--thbp-mark); } #page-texas-holdem-bonus-poker-casino .thbp-h2--onink{color:var(--thbp-t-light);} #page-texas-holdem-bonus-poker-casino .thbp-h2--onink::before{border-color:var(--thbp-mark-hi);} #page-texas-holdem-bonus-poker-casino .thbp-h2--onmark{color:var(--thbp-white);max-width:24ch;} #page-texas-holdem-bonus-poker-casino .thbp-h2--onmark::before{border-color:rgba(255,255,255,.75);} #page-texas-holdem-bonus-poker-casino .thbp-h3{ font-size:clamp(22px,2.2vw,30px);line-height:1.2;font-weight:700;color:var(--thbp-t-dark); margin:0 0 16px; } #page-texas-holdem-bonus-poker-casino .thbp-h3--band{ font-size:clamp(24px,2.6vw,34px);margin-bottom:28px; } #page-texas-holdem-bonus-poker-casino .thbp-lead{ font-size:clamp(17px,1.25vw,19px);line-height:1.72;color:var(--thbp-t-mid);max-width:74ch; } #page-texas-holdem-bonus-poker-casino .thbp-lead--onink{color:var(--thbp-t-dim);} #page-texas-holdem-bonus-poker-casino .thbp-body{ font-size:17px;line-height:1.72;color:var(--thbp-t-mid);max-width:74ch;margin-top:16px; } /* in-copy links — the wrapper id is written into every anchor rule so it out-specifies the baseline '#page- a{color:inherit}' block */ /* Item 2. The in-copy link colour was --thbp-mark #d13a20: 4.84:1 on the white Boost band but only 4.33:1 on the #f1f2f7 Other Offerings band, below AA's 4.5. Darkened to #a82d18, the same hue: 6.88:1 on white and 6.15:1 on paper. */ #page-texas-holdem-bonus-poker-casino a.thbp-link{ color:#a82d18;font-weight:600; box-shadow:inset 0 -1px 0 0 rgba(168,45,24,.45);transition:box-shadow .16s ease,color .16s ease; } #page-texas-holdem-bonus-poker-casino a.thbp-link:hover, #page-texas-holdem-bonus-poker-casino a.thbp-link:focus-visible{ color:#a52c14;box-shadow:inset 0 -2px 0 0 var(--thbp-mark); } #page-texas-holdem-bonus-poker-casino a.thbp-more{ display:inline-flex;align-items:center;gap:8px;min-height:28px; font-size:16px;font-weight:600;color:var(--thbp-mark); box-shadow:inset 0 -1px 0 0 rgba(209,58,32,.45);transition:gap .16s ease,color .16s ease; } #page-texas-holdem-bonus-poker-casino a.thbp-more::after{content:"→";font-weight:700;} #page-texas-holdem-bonus-poker-casino a.thbp-more:hover, #page-texas-holdem-bonus-poker-casino a.thbp-more:focus-visible{gap:12px;color:#a52c14;} /* ── buttons ─────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-btn{ display:inline-flex;align-items:center;justify-content:center;gap:10px; min-height:52px;padding:14px 30px;border-radius:999px;border:2px solid transparent; font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em; cursor:pointer;text-align:center; transition:transform .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease; } #page-texas-holdem-bonus-poker-casino .thbp-btn--mark{ background:var(--thbp-mark);color:var(--thbp-white); box-shadow:0 0 0 5px rgba(209,58,32,.14); } #page-texas-holdem-bonus-poker-casino .thbp-btn--mark:hover{ background:#a52c14;box-shadow:0 0 0 9px rgba(209,58,32,.16); } #page-texas-holdem-bonus-poker-casino .thbp-btn--mark:active{transform:translateY(1px);} #page-texas-holdem-bonus-poker-casino .thbp-btn--ink{ background:var(--thbp-ink);color:var(--thbp-white); box-shadow:0 0 0 5px rgba(255,255,255,.24); } #page-texas-holdem-bonus-poker-casino .thbp-btn--ink:hover{ background:#000;box-shadow:0 0 0 9px rgba(255,255,255,.3); } #page-texas-holdem-bonus-poker-casino .thbp-btn--ink:active{transform:translateY(1px);} /* Items 3 and 4. grid-column matters for the intro, boost and talent bands, whose CTA is a child of a two-column grid -- without it the button centres inside column one and still sits 240-290px off the section centre. Inert in the block parents the other 25 sit in. */ #page-texas-holdem-bonus-poker-casino .thbp-act{margin-top:40px;text-align:center;grid-column:1/-1;} #page-texas-holdem-bonus-poker-casino .thbp-act--left{text-align:left;} /* ── HERO — rule 24: full-bleed, static gradient, no media ───── */ #page-texas-holdem-bonus-poker-casino .thbp-hero{ width:100%;padding:clamp(72px,9vw,132px) clamp(18px,4vw,40px) clamp(64px,7vw,104px); background-color:var(--thbp-ink); background-image: radial-gradient(circle at 50% 34%, rgba(255,255,255,.055) 0 190px, transparent 191px), radial-gradient(circle at 50% 34%, rgba(255,122,92,.16) 0 191px, transparent 193px), radial-gradient(circle at 16% 78%, rgba(255,255,255,.05) 0 118px, transparent 119px), radial-gradient(circle at 84% 22%, rgba(255,255,255,.05) 0 88px, transparent 89px), linear-gradient(168deg,#1c2340 0%,#12162a 52%,#0d1020 100%); } #page-texas-holdem-bonus-poker-casino .thbp-hero__in{ max-width:900px;margin-inline:auto;text-align:center; } #page-texas-holdem-bonus-poker-casino .thbp-hero__h1{ font-size:clamp(36px,5vw,66px);line-height:1.06;font-weight:900;letter-spacing:-.028em; color:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-hero__p{ margin-top:26px;font-size:clamp(17px,1.35vw,20px);line-height:1.72;color:var(--thbp-t-dim); } #page-texas-holdem-bonus-poker-casino .thbp-hero__act{margin-top:38px;} /* ── breadcrumb ──────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-crumb{ background:var(--thbp-ink-2);border-bottom:1px solid var(--thbp-line-ink); } #page-texas-holdem-bonus-poker-casino .thbp-crumb .thbp-wrap{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-block:16px; font-size:16px;color:var(--thbp-t-dim); } #page-texas-holdem-bonus-poker-casino a.thbp-crumb__home{ display:inline-flex;align-items:center;gap:8px;color:var(--thbp-t-dim);font-weight:600; transition:color .16s ease; } #page-texas-holdem-bonus-poker-casino a.thbp-crumb__home:hover{color:var(--thbp-mark-hi);} #page-texas-holdem-bonus-poker-casino .thbp-crumb__home img{filter:brightness(0) invert(1);opacity:.8;} #page-texas-holdem-bonus-poker-casino .thbp-crumb__here{color:var(--thbp-white);font-weight:600;} /* ── intro band ──────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-intro{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-intro__grid{ display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(28px,4vw,64px);align-items:center; } #page-texas-holdem-bonus-poker-casino .thbp-intro__fig{ position:relative;border:1px solid var(--thbp-line);border-radius:20px;overflow:hidden; background:var(--thbp-paper); } #page-texas-holdem-bonus-poker-casino .thbp-intro__fig img{width:100%;} /* ── stats rail — the chip line ──────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-stats{ background:var(--thbp-ink);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-stats__rail{ display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 14px; border-top:1px dashed var(--thbp-chalk);padding-top:38px; } #page-texas-holdem-bonus-poker-casino .thbp-spot{ display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px; } #page-texas-holdem-bonus-poker-casino .thbp-spot__n{ display:flex;align-items:center;justify-content:center; width:clamp(84px,7vw,104px);aspect-ratio:1;border-radius:50%; border:2px solid var(--thbp-chalk); font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.02em;color:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-spot:nth-child(4) .thbp-spot__n{ border-color:var(--thbp-mark-hi);color:var(--thbp-mark-hi); } #page-texas-holdem-bonus-poker-casino .thbp-spot__l{font-size:16px;color:var(--thbp-t-dim);max-width:18ch;} /* ── ledger (why choose) — numbered positions ────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-why{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-ledger{ counter-reset:thbp-pos;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(28px,4vw,72px); } #page-texas-holdem-bonus-poker-casino .thbp-ledger__row{ counter-increment:thbp-pos;position:relative; padding:26px 0 26px 66px;border-top:1px solid var(--thbp-line); } #page-texas-holdem-bonus-poker-casino .thbp-ledger__row::before{ content:counter(thbp-pos,decimal-leading-zero); position:absolute;left:0;top:24px; display:flex;align-items:center;justify-content:center; width:44px;height:44px;border-radius:50%; border:1.5px solid var(--thbp-line);background:var(--thbp-white); font-size:16px;font-weight:700;color:var(--thbp-mark); } #page-texas-holdem-bonus-poker-casino .thbp-ledger__t{ font-size:19px;line-height:1.35;font-weight:700;color:var(--thbp-t-dark);margin-bottom:8px; } #page-texas-holdem-bonus-poker-casino .thbp-ledger__p{font-size:16px;line-height:1.7;color:var(--thbp-t-mid);} /* ── collaborate band ────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-collab{ background-color:var(--thbp-mark); background-image:linear-gradient(112deg,#d13a20 0%,#b02f16 58%,#8f2610 100%); padding-block:clamp(48px,6vw,88px); } #page-texas-holdem-bonus-poker-casino .thbp-collab__in{text-align:center;} #page-texas-holdem-bonus-poker-casino .thbp-collab__in .thbp-h2{margin-inline:auto;} #page-texas-holdem-bonus-poker-casino .thbp-collab__in .thbp-h2::before{margin-inline:auto;} #page-texas-holdem-bonus-poker-casino .thbp-collab__p{ font-size:clamp(18px,1.6vw,22px);font-weight:600;color:rgba(255,255,255,.94); } #page-texas-holdem-bonus-poker-casino .thbp-collab__act{margin-top:30px;} /* ── iGaming band ────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-igaming{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-igaming .thbp-h3{margin-top:48px;} #page-texas-holdem-bonus-poker-casino .thbp-chips{display:flex;flex-wrap:wrap;gap:10px;} #page-texas-holdem-bonus-poker-casino .thbp-chip{ padding:11px 20px;border-radius:999px;border:1px dashed var(--thbp-line); background:var(--thbp-paper);font-size:16px;font-weight:600;color:var(--thbp-t-mid); } /* Six tiles, three across, two exact rows -- auto-fit(180px) resolved to five columns, which stranded the sixth tile alone on a second row. */ #page-texas-holdem-bonus-poker-casino .thbp-games{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px; } #page-texas-holdem-bonus-poker-casino a.thbp-game__a{ display:flex;flex-direction:column;height:100%; border:1px solid var(--thbp-line);border-radius:18px;overflow:hidden; background:var(--thbp-paper);color:var(--thbp-t-dark); transition:border-color .16s ease,transform .16s ease; } #page-texas-holdem-bonus-poker-casino a.thbp-game__a:hover, #page-texas-holdem-bonus-poker-casino a.thbp-game__a:focus-visible{ border-color:var(--thbp-mark);transform:translateY(-3px); } /* The tiles are 397x388, 398x270, 397x506 ... . A 4:3 box with object-fit:cover CROPPED every one of them -- that is the "images look cropped" report. Each image now keeps its own ratio and is shown whole. */ #page-texas-holdem-bonus-poker-casino .thbp-game__a img{ display:block;width:100%;height:auto;object-fit:contain; } /* Bottom-aligned so the six captions share a baseline per row even though the six images are six different shapes. */ #page-texas-holdem-bonus-poker-casino .thbp-game__t{ margin-top:auto;font-size:17px;font-weight:700;padding:14px 16px;background:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-provs{ display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px; } #page-texas-holdem-bonus-poker-casino .thbp-prov{ display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px; padding:20px 14px;border:1px solid var(--thbp-line);border-radius:14px;background:var(--thbp-white); transition:border-color .16s ease; } #page-texas-holdem-bonus-poker-casino .thbp-prov:hover{border-color:var(--thbp-mark);} #page-texas-holdem-bonus-poker-casino .thbp-prov img{max-height:44px;width:auto;object-fit:contain;} #page-texas-holdem-bonus-poker-casino .thbp-prov__t{ font-size:16px;font-weight:600;color:var(--thbp-t-mid);text-align:center; } /* ── portfolio shelves ───────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-portfolio{ background:var(--thbp-ink-2);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-shelf__t{ display:flex;align-items:center;gap:14px;margin:40px 0 18px; font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--thbp-t-light); } #page-texas-holdem-bonus-poker-casino .thbp-shelf__t::after{ content:"";flex:1;height:1px;background:var(--thbp-line-ink); } #page-texas-holdem-bonus-poker-casino .thbp-shelf{ display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px; } #page-texas-holdem-bonus-poker-casino .thbp-shelf li{ display:flex;align-items:center;justify-content:center;min-height:96px;padding:16px; border:1px solid var(--thbp-line-ink);border-radius:14px;background:rgba(255,255,255,.94); } #page-texas-holdem-bonus-poker-casino .thbp-shelf img{max-height:56px;width:auto;object-fit:contain;} /* ── app screenshots ─────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-shots{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } /* Screenshots rail, matched to omaha-poker-software .ops-rail. Sources are real 767x431 app screens; the rail carries them at their own ratio up to 430px wide -- that slide width is what the prev/next step is derived from at runtime. The nowrap below is load-bearing: an earlier revision layered rail rules over a wrapping block without re-declaring wrap, so the old value survived underneath and the rail never scrolled -- it stacked to 2479px while every rail property measured as correctly applied. */ #page-texas-holdem-bonus-poker-casino .thbp-shots__grid{ display:flex;flex-wrap:nowrap;justify-content:flex-start; gap:18px;overflow-x:auto;margin:0;padding:6px 2px 22px;list-style:none; scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch; } #page-texas-holdem-bonus-poker-casino .thbp-shots__grid li{ flex:0 0 clamp(280px,78vw,430px);scroll-snap-align:start; border:0;border-radius:0;overflow:visible;background:none; } #page-texas-holdem-bonus-poker-casino .thbp-shots__grid img{ display:block;width:100%;height:auto;aspect-ratio:767/431;object-fit:contain; border-radius:14px;border:1px solid var(--thbp-line);background:var(--thbp-white); } /* prev/next controls. The rail stays a plain overflow-x container, so swipe, trackpad and keyboard keep working; these are an addition, never the only way to move. */ #page-texas-holdem-bonus-poker-casino .thbp-shots__nav{display:flex;gap:12px;justify-content:flex-end;margin-top:4px;} #page-texas-holdem-bonus-poker-casino .thbp-shots__nav .thbp-shots__step{ width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center; border:1px solid var(--thbp-mark);border-radius:50%; background:transparent;color:var(--thbp-mark);cursor:pointer; /* explicit: a page-level button rule sets 26px here, so omitting padding does not fall back to the UA default -- it inflates the control to 54x84. */ padding:1px 6px;box-sizing:border-box; transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease; } #page-texas-holdem-bonus-poker-casino .thbp-shots__nav .thbp-shots__step:hover:not([disabled]), #page-texas-holdem-bonus-poker-casino .thbp-shots__nav .thbp-shots__step:focus-visible{background:var(--thbp-mark);color:#fff;} #page-texas-holdem-bonus-poker-casino .thbp-shots__nav .thbp-shots__step[disabled]{opacity:.34;cursor:default;} @media (max-width:560px){#page-texas-holdem-bonus-poker-casino .thbp-shots__nav{justify-content:center;}} /* ── feature ledger (18) ─────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-feat{ background:var(--thbp-ink);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-feat__grid{ counter-reset:thbp-feat;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:0 clamp(24px,3vw,56px); } #page-texas-holdem-bonus-poker-casino .thbp-feat__cell{ counter-increment:thbp-feat;position:relative;padding:24px 0 24px 58px; border-top:1px dashed var(--thbp-line-ink); } #page-texas-holdem-bonus-poker-casino .thbp-feat__cell::before{ content:counter(thbp-feat,decimal-leading-zero); position:absolute;left:0;top:22px; display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%; border:1.5px dashed var(--thbp-mark-hi);color:var(--thbp-mark-hi);font-size:16px;font-weight:700; } #page-texas-holdem-bonus-poker-casino .thbp-feat__t{ font-size:18px;line-height:1.35;font-weight:700;color:var(--thbp-white);margin-bottom:8px; } #page-texas-holdem-bonus-poker-casino .thbp-feat__p{font-size:16px;line-height:1.7;color:var(--thbp-t-dim);} /* ── variants tile grid ──────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-variants{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-variants__grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px; margin:0;padding:0;list-style:none; } #page-texas-holdem-bonus-poker-casino .thbp-variants__grid li{ border:1px solid var(--thbp-line);border-radius:4px;overflow:hidden;background:var(--thbp-paper); padding:16px 10px 14px;text-align:center; transition:border-color .16s ease,transform .16s ease; } #page-texas-holdem-bonus-poker-casino .thbp-variants__grid li:hover{ border-color:var(--thbp-mark);transform:translateY(-3px); } /* The marks are 669x375 and 214x120 -- both ~16:9. A SQUARE cell with object-fit:cover cut roughly 44% off the width of every one of them, which is the "some images look cropped" report. The cell now carries the art's own ratio, so all 30 are shown whole. */ #page-texas-holdem-bonus-poker-casino .thbp-variants__grid img{ display:block;width:100%;max-width:190px;height:auto;aspect-ratio:214/120; object-fit:contain;margin:0 auto; } /* ── panels with check bullets ───────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-future{ background:var(--thbp-ink-2);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-future__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-panel{ padding:30px;border:1px solid var(--thbp-line-ink);border-radius:20px; background:rgba(255,255,255,.04); } #page-texas-holdem-bonus-poker-casino .thbp-panel__t{ font-size:20px;line-height:1.3;font-weight:700;color:var(--thbp-white);margin-bottom:12px; } #page-texas-holdem-bonus-poker-casino .thbp-panel__p{font-size:16px;line-height:1.7;color:var(--thbp-t-dim);} #page-texas-holdem-bonus-poker-casino .thbp-checks{ display:flex;flex-direction:column;gap:10px;margin-top:20px; padding-top:20px;border-top:1px dashed var(--thbp-line-ink); } #page-texas-holdem-bonus-poker-casino .thbp-checks li{ display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.55;color:var(--thbp-t-light); } #page-texas-holdem-bonus-poker-casino .thbp-checks img{margin-top:4px;flex:none;} /* ── offer grid (12) ─────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-offer{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-offer__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px; background:var(--thbp-line);border:1px solid var(--thbp-line);border-radius:20px;overflow:hidden; } #page-texas-holdem-bonus-poker-casino .thbp-offer__cell{ background:var(--thbp-white);padding:28px;transition:background-color .16s ease; } #page-texas-holdem-bonus-poker-casino .thbp-offer__cell:hover{background:var(--thbp-mark-soft);} #page-texas-holdem-bonus-poker-casino .thbp-offer__t{ font-size:19px;line-height:1.3;font-weight:700;color:var(--thbp-t-dark);margin-bottom:10px; } #page-texas-holdem-bonus-poker-casino .thbp-offer__t::before{ content:"";display:inline-block;vertical-align:middle; width:11px;height:11px;margin-right:10px;border-radius:50%;border:2px solid var(--thbp-mark); } #page-texas-holdem-bonus-poker-casino .thbp-offer__p{font-size:16px;line-height:1.7;color:var(--thbp-t-mid);} /* ── multi-platform ──────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-multi{ background:var(--thbp-ink);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-multi__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-deploy{ padding:30px;border:1px solid var(--thbp-line-ink);border-radius:20px;background:var(--thbp-ink-2); } #page-texas-holdem-bonus-poker-casino .thbp-deploy__icon{margin-bottom:18px;} #page-texas-holdem-bonus-poker-casino .thbp-deploy__t{ font-size:19px;line-height:1.3;font-weight:700;color:var(--thbp-white);margin-bottom:12px; } #page-texas-holdem-bonus-poker-casino .thbp-deploy__p{font-size:16px;line-height:1.7;color:var(--thbp-t-dim);} #page-texas-holdem-bonus-poker-casino .thbp-checks--dark img{ filter:brightness(0) saturate(100%) invert(38%) sepia(72%) saturate(2200%) hue-rotate(348deg) brightness(88%) contrast(96%); } /* ── boost band ──────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-boost{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-boost__grid{ display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,4vw,64px);align-items:start; } #page-texas-holdem-bonus-poker-casino .thbp-boost__fig{ border:1px solid var(--thbp-line);border-radius:20px;overflow:hidden;background:var(--thbp-paper); position:sticky;top:24px; } #page-texas-holdem-bonus-poker-casino .thbp-cloud{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 28px; } #page-texas-holdem-bonus-poker-casino .thbp-cloud li{ padding:13px 0;border-bottom:1px dashed var(--thbp-line); } /* The "Boost Your Business with Our Game Offerings!" list carried an underline on all eighteen links on top of the dashed row rule, which read as a solid band of underscoring. Scoped to this cloud ONLY -- in-copy .thbp-link elsewhere on the page keeps its underline, and these stay distinguishable by the mark colour, the weight, and the underline returning on hover/focus. */ #page-texas-holdem-bonus-poker-casino .thbp-cloud a.thbp-link{ box-shadow:none;text-decoration:none; } #page-texas-holdem-bonus-poker-casino .thbp-cloud a.thbp-link:hover, #page-texas-holdem-bonus-poker-casino .thbp-cloud a.thbp-link:focus-visible{ box-shadow:inset 0 -2px 0 0 var(--thbp-mark); } /* ── process steps ───────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-process{ background:var(--thbp-ink-2);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-steps{ counter-reset:thbp-step;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-step{ counter-increment:thbp-step;position:relative;padding:56px 26px 26px; border:1px dashed var(--thbp-line-ink);border-radius:20px;background:rgba(255,255,255,.03); } #page-texas-holdem-bonus-poker-casino .thbp-step::before{ content:counter(thbp-step,decimal-leading-zero); position:absolute;top:-19px;left:26px; display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%; background:var(--thbp-mark);color:var(--thbp-white);font-size:16px;font-weight:800; box-shadow:0 0 0 6px var(--thbp-ink-2); } #page-texas-holdem-bonus-poker-casino .thbp-step__t{ font-size:19px;font-weight:700;color:var(--thbp-white);margin-bottom:14px; } #page-texas-holdem-bonus-poker-casino .thbp-step__l{display:flex;flex-direction:column;gap:9px;} #page-texas-holdem-bonus-poker-casino .thbp-step__l li{ position:relative;padding-left:20px;font-size:16px;line-height:1.6;color:var(--thbp-t-dim); } #page-texas-holdem-bonus-poker-casino .thbp-step__l li::before{ content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%; border:1.5px solid var(--thbp-mark-hi); } /* ── technology table ────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-tech{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-tech__table{ width:100%;border-collapse:collapse;background:var(--thbp-white); border:1px solid var(--thbp-line);border-radius:18px;overflow:hidden; } #page-texas-holdem-bonus-poker-casino .thbp-tech__table th, #page-texas-holdem-bonus-poker-casino .thbp-tech__table td{ padding:20px 24px;text-align:left;font-size:17px;line-height:1.6; border-bottom:1px solid var(--thbp-line); } #page-texas-holdem-bonus-poker-casino .thbp-tech__table tr:last-child th, #page-texas-holdem-bonus-poker-casino .thbp-tech__table tr:last-child td{border-bottom:0;} #page-texas-holdem-bonus-poker-casino .thbp-tech__table th{ width:34%;font-weight:700;color:var(--thbp-t-dark);background:var(--thbp-paper); } #page-texas-holdem-bonus-poker-casino .thbp-tech__table td{color:var(--thbp-t-mid);} /* ── case studies ────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-cases{ background:var(--thbp-ink);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-cases__list{display:flex;flex-direction:column;} #page-texas-holdem-bonus-poker-casino .thbp-case{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px; padding:28px 0;border-top:1px dashed var(--thbp-chalk); } #page-texas-holdem-bonus-poker-casino .thbp-case__t{ flex:1 1 460px;font-size:clamp(18px,1.7vw,22px);line-height:1.4;font-weight:700;color:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-case a.thbp-more{color:var(--thbp-mark-hi);box-shadow:inset 0 -1px 0 0 rgba(255,122,92,.5);} #page-texas-holdem-bonus-poker-casino .thbp-case a.thbp-more:hover, #page-texas-holdem-bonus-poker-casino .thbp-case a.thbp-more:focus-visible{color:#ffa78f;} /* ── engagement models ───────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-models{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-models__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0; } #page-texas-holdem-bonus-poker-casino .thbp-model{ padding:30px clamp(20px,2.4vw,34px);border-left:1px dashed var(--thbp-line); } #page-texas-holdem-bonus-poker-casino .thbp-model:first-child{border-left:0;padding-left:0;} #page-texas-holdem-bonus-poker-casino .thbp-model__icon{margin-bottom:18px; /* Item 5. These three SVGs contain only #FFFFFF and none -- pure white art -- and the card behind them is #ffffff, so they rendered at 1.0:1: nothing at all. Recoloured to the page's mark via filter; verified by sampling after. */ filter:brightness(0) saturate(100%) invert(26%) sepia(63%) saturate(2400%) hue-rotate(357deg) brightness(92%) contrast(95%); } #page-texas-holdem-bonus-poker-casino .thbp-model__t{ font-size:20px;line-height:1.3;font-weight:700;color:var(--thbp-t-dark);margin-bottom:12px; } #page-texas-holdem-bonus-poker-casino .thbp-model__p{font-size:16px;line-height:1.72;color:var(--thbp-t-mid);} /* ── markets ─────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-markets{ background:var(--thbp-ink-2);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-flags{display:flex;flex-wrap:wrap;gap:12px;} #page-texas-holdem-bonus-poker-casino .thbp-flags li{ display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px; border:1px solid var(--thbp-line-ink);background:rgba(255,255,255,.05); font-size:16px;font-weight:600;color:var(--thbp-t-light); } #page-texas-holdem-bonus-poker-casino .thbp-flags img{border-radius:3px;} /* ── services ────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-services{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-services__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-svc{ padding:30px;border:1px solid var(--thbp-line);border-radius:20px;background:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-svc__t{ font-size:20px;line-height:1.3;font-weight:700;color:var(--thbp-t-dark);margin-bottom:12px; } #page-texas-holdem-bonus-poker-casino .thbp-svc__p{font-size:16px;line-height:1.7;color:var(--thbp-t-mid);} #page-texas-holdem-bonus-poker-casino .thbp-marks{ display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px; border-top:1px dashed var(--thbp-line); } #page-texas-holdem-bonus-poker-casino .thbp-marks li{ padding:8px 15px;border-radius:999px;background:var(--thbp-mark-soft); font-size:16px;font-weight:600;color:#8f2610; } /* ── hire specialists ────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-hire{ background:var(--thbp-ink);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-hire__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 clamp(24px,3vw,56px); } #page-texas-holdem-bonus-poker-casino .thbp-hire__cell{ padding:26px 0;border-top:1px solid var(--thbp-line-ink); } #page-texas-holdem-bonus-poker-casino .thbp-hire__t{ font-size:19px;line-height:1.32;font-weight:700;color:var(--thbp-white);margin-bottom:10px; } #page-texas-holdem-bonus-poker-casino .thbp-hire__t::before{ content:"";display:inline-block;vertical-align:middle;width:11px;height:11px;margin-right:10px; border-radius:50%;background:var(--thbp-mark-hi); } #page-texas-holdem-bonus-poker-casino .thbp-hire__p{font-size:16px;line-height:1.7;color:var(--thbp-t-dim);} /* ── product family ──────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-family{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-family__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-family__cell{ padding:28px;border:1px dashed var(--thbp-line);border-radius:20px;background:var(--thbp-paper); } #page-texas-holdem-bonus-poker-casino .thbp-family__t{ font-size:20px;font-weight:700;color:var(--thbp-t-dark);margin-bottom:10px; } #page-texas-holdem-bonus-poker-casino .thbp-family__p{font-size:16px;line-height:1.7;color:var(--thbp-t-mid);} /* ── talent band ─────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-talent{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-talent__grid{ display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px,4vw,64px);align-items:center; } #page-texas-holdem-bonus-poker-casino .thbp-talent__fig{ border:1px solid var(--thbp-line);border-radius:20px;overflow:hidden;background:var(--thbp-white); } /* ── demo panels ─────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-demos{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-demos__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-demo{ border:1px solid var(--thbp-line);border-radius:20px;overflow:hidden;background:var(--thbp-paper); display:flex;flex-direction:column; } /* Item 6. Thumbnails were rendering 366x366 from a 500x500 source with object-fit:fill. Fixed at 170x171; the source is square so cover crops about half a percent, and the art is not line-work that cropping would cut. */ #page-texas-holdem-bonus-poker-casino .thbp-demo__shot{width:170px;height:171px;max-width:100%;object-fit:cover;display:block;margin-inline:auto;} #page-texas-holdem-bonus-poker-casino .thbp-demo__t{ font-size:20px;font-weight:700;color:var(--thbp-t-dark);padding:22px 24px 12px; } #page-texas-holdem-bonus-poker-casino .thbp-demo__dl{ display:grid;grid-template-columns:auto 1fr;gap:6px 16px;padding:0 24px 14px; font-size:16px;line-height:1.6; } #page-texas-holdem-bonus-poker-casino .thbp-demo__dl dt{font-weight:600;color:var(--thbp-t-mid);} #page-texas-holdem-bonus-poker-casino .thbp-demo__dl dd{color:var(--thbp-t-dark);word-break:break-word;} #page-texas-holdem-bonus-poker-casino .thbp-demo__sub{ padding:6px 24px 10px;font-size:16px;font-weight:700;letter-spacing:.05em; text-transform:uppercase;color:var(--thbp-mark); } #page-texas-holdem-bonus-poker-casino .thbp-demo__act{ margin-top:auto;padding:16px 24px 24px;border-top:1px dashed var(--thbp-line);text-align:center;} /* Item 7. "View Demo" was a bare inline link -- no border, no background, no padding -- so it read as body text rather than an action. Boxed and centred. Scoped to .thbp-demo__act so the "Admin Log in URL" link, which shares the .thbp-more class higher up the same card, is left as an inline link. */ #page-texas-holdem-bonus-poker-casino .thbp-demo__act a.thbp-more{ display:inline-flex;justify-content:center;min-height:44px;padding:10px 22px; border:1px solid #a82d18;border-radius:3px;color:#a82d18; box-shadow:none;text-decoration:none; } #page-texas-holdem-bonus-poker-casino .thbp-demo__act a.thbp-more:hover{background:#a82d18;color:#fff;} /* ── brands band ─────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-brands{ background:var(--thbp-ink);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-reasons{ display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:34px; } #page-texas-holdem-bonus-poker-casino .thbp-reasons li{ padding:20px 22px;border:1px solid var(--thbp-line-ink);border-radius:16px; background:rgba(255,255,255,.04);font-size:17px;font-weight:600;color:var(--thbp-t-light); } /* ── reading list ────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-reading{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-reading__list{ display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:0 32px; } #page-texas-holdem-bonus-poker-casino .thbp-reading__list li{ padding:15px 0;border-bottom:1px dashed var(--thbp-line); } /* ── FAQ ─────────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-faq{ background:var(--thbp-ink-2);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-faq__list{display:flex;flex-direction:column;gap:12px;} #page-texas-holdem-bonus-poker-casino .thbp-q{ border:1px solid var(--thbp-line-ink);border-radius:16px;background:rgba(255,255,255,.04); overflow:hidden; } #page-texas-holdem-bonus-poker-casino .thbp-q[open]{border-color:var(--thbp-mark-hi);} #page-texas-holdem-bonus-poker-casino .thbp-q__s{ display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;list-style:none; } #page-texas-holdem-bonus-poker-casino .thbp-q__s::-webkit-details-marker{display:none;} #page-texas-holdem-bonus-poker-casino .thbp-q__s::after{ content:"+";margin-left:auto;flex:none; display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%; border:1.5px solid var(--thbp-chalk);color:var(--thbp-white);font-size:20px;font-weight:700;line-height:1; transition:transform .18s ease,border-color .18s ease,background-color .18s ease; } #page-texas-holdem-bonus-poker-casino .thbp-q[open] .thbp-q__s::after{ content:"–";border-color:var(--thbp-mark);background:var(--thbp-mark); } #page-texas-holdem-bonus-poker-casino .thbp-q__t{ font-size:18px;line-height:1.4;font-weight:600;color:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-q__a{padding:0 24px 24px;} #page-texas-holdem-bonus-poker-casino .thbp-q__a p{font-size:16px;line-height:1.72;color:var(--thbp-t-dim);} /* ── stories ─────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-stories{ background:var(--thbp-white);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-stories__list{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px; } #page-texas-holdem-bonus-poker-casino .thbp-story{ border:1px solid var(--thbp-line);border-radius:20px;overflow:hidden;background:var(--thbp-paper); display:flex;flex-direction:column; } #page-texas-holdem-bonus-poker-casino .thbp-story__media{position:relative;} #page-texas-holdem-bonus-poker-casino .thbp-vid{ position:relative;display:block;width:100%;padding:0;border:0;background:var(--thbp-ink); cursor:pointer;line-height:0; } #page-texas-holdem-bonus-poker-casino .thbp-vid img{width:100%;aspect-ratio:16/10;object-fit:cover; transition:opacity .16s ease;} #page-texas-holdem-bonus-poker-casino .thbp-vid:hover img{opacity:.82;} #page-texas-holdem-bonus-poker-casino .thbp-vid__play{ position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%; background:var(--thbp-mark);box-shadow:0 0 0 6px rgba(255,255,255,.28); transition:transform .16s ease; } #page-texas-holdem-bonus-poker-casino .thbp-vid__play::after{ content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%); border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff; } #page-texas-holdem-bonus-poker-casino .thbp-vid:hover .thbp-vid__play{transform:scale(1.07);} #page-texas-holdem-bonus-poker-casino .thbp-story__frame{ width:100%;aspect-ratio:16/10;border:0;display:block; } #page-texas-holdem-bonus-poker-casino .thbp-story__q{padding:24px;} #page-texas-holdem-bonus-poker-casino .thbp-story__q p{font-size:16px;line-height:1.72;color:var(--thbp-t-mid);} #page-texas-holdem-bonus-poker-casino .thbp-stories__more{margin-top:28px;text-align:center;} /* ── areas ───────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-areas{ background:var(--thbp-paper);padding-block:var(--thbp-pad); } #page-texas-holdem-bonus-poker-casino .thbp-areas__grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px; } #page-texas-holdem-bonus-poker-casino .thbp-desk{ padding:26px;border:1px solid var(--thbp-line);border-radius:18px;background:var(--thbp-white); } #page-texas-holdem-bonus-poker-casino .thbp-desk__t{ display:flex;align-items:center;gap:10px;margin-bottom:12px; font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--thbp-t-dark); } #page-texas-holdem-bonus-poker-casino a.thbp-desk__tel{ display:inline-block;margin-bottom:10px;font-size:17px;font-weight:700;color:var(--thbp-mark); transition:color .16s ease; } #page-texas-holdem-bonus-poker-casino a.thbp-desk__tel:hover, #page-texas-holdem-bonus-poker-casino a.thbp-desk__tel:focus-visible{color:#a52c14;} #page-texas-holdem-bonus-poker-casino .thbp-desk__p{font-size:16px;line-height:1.65;color:var(--thbp-t-mid);} /* ── modal ───────────────────────────────────────────────────── */ #page-texas-holdem-bonus-poker-casino .thbp-modal{ position:fixed;inset:0;z-index:9999;display:none; align-items: flex-start;justify-content:center;padding:100px 20px 20px 20px; overflow-y: auto; background:rgba(9,11,20,.72); } #page-texas-holdem-bonus-poker-casino .thbp-modal.is-open{display:flex;} #page-texas-holdem-bonus-poker-casino .thbp-modal__box{ position:relative;width:100%;max-width:640px;max-height:92vh;overflow:auto; background:var(--thbp-white);border-radius:20px;padding:44px 18px 18px; } #page-texas-holdem-bonus-poker-casino .thbp-modal__x{ position:absolute;top:12px;right:12px; display:flex;align-items:center;justify-content:center;width:44px;height:44px; border:1px solid var(--thbp-line);border-radius:50%;background:var(--thbp-white); color:var(--thbp-t-dark);cursor:pointer;transition:background-color .16s ease,color .16s ease; } #page-texas-holdem-bonus-poker-casino .thbp-modal__x:hover{background:var(--thbp-mark);color:#fff;border-color:var(--thbp-mark);} #page-texas-holdem-bonus-poker-casino .thbp-modal__box iframe{ width:100%;min-height:860px;border:0;display:block; } /* ── responsive ──────────────────────────────────────────────── */ @media (max-width:1024px){ #page-texas-holdem-bonus-poker-casino .thbp-intro__grid, #page-texas-holdem-bonus-poker-casino .thbp-boost__grid, #page-texas-holdem-bonus-poker-casino .thbp-talent__grid{grid-template-columns:1fr;} #page-texas-holdem-bonus-poker-casino .thbp-boost__fig{position:static;} #page-texas-holdem-bonus-poker-casino .thbp-model{border-left:0;padding-inline:0; border-top:1px dashed var(--thbp-line);} #page-texas-holdem-bonus-poker-casino .thbp-model:first-child{border-top:0;padding-top:0;} } @media (max-width:1180px){ #page-texas-holdem-bonus-poker-casino .thbp-stats__rail{grid-template-columns:repeat(4,minmax(0,1fr));} } @media (max-width:760px){ #page-texas-holdem-bonus-poker-casino .thbp-stats__rail{grid-template-columns:repeat(2,minmax(0,1fr));} #page-texas-holdem-bonus-poker-casino .thbp-ledger{grid-template-columns:1fr;} #page-texas-holdem-bonus-poker-casino .thbp-h2{max-width:none;} #page-texas-holdem-bonus-poker-casino .thbp-spot__n{width:88px;height:88px;} #page-texas-holdem-bonus-poker-casino .thbp-panel, #page-texas-holdem-bonus-poker-casino .thbp-deploy, #page-texas-holdem-bonus-poker-casino .thbp-svc, #page-texas-holdem-bonus-poker-casino .thbp-family__cell, #page-texas-holdem-bonus-poker-casino .thbp-offer__cell{padding:24px;} #page-texas-holdem-bonus-poker-casino .thbp-btn{width:100%;} #page-texas-holdem-bonus-poker-casino .thbp-tech__table th{width:40%;} #page-texas-holdem-bonus-poker-casino .thbp-tech__table th, #page-texas-holdem-bonus-poker-casino .thbp-tech__table td{padding:16px;} #page-texas-holdem-bonus-poker-casino .thbp-modal__box{padding:44px 12px 12px;} } @media (max-width:420px){ #page-texas-holdem-bonus-poker-casino .thbp-variants__grid{grid-template-columns:repeat(2,1fr);} #page-texas-holdem-bonus-poker-casino .thbp-shelf{grid-template-columns:repeat(2,1fr);} #page-texas-holdem-bonus-poker-casino .thbp-ledger__row, #page-texas-holdem-bonus-poker-casino .thbp-feat__cell{padding-left:52px;} } @media (prefers-reduced-motion:reduce){ #page-texas-holdem-bonus-poker-casino *, #page-texas-holdem-bonus-poker-casino *::before, #page-texas-holdem-bonus-poker-casino *::after{ animation:none !important;transition-duration:.01ms !important; } } /* Games We Provide: source had TWO tabs (Casino Originals, Live Game API); "Our diverse iGaming software We Provide" was the first line inside the first tab, not a third pill. Restored as two labelled groups; colour inherited rather than tokenised so it reads on whatever band this section sits on. */ .thbp-grp{margin:0 0 38px;} .thbp-grp:last-of-type{margin-bottom:0;} .thbp-grp > h4{margin:0 0 6px;font-size:clamp(19px,1.6vw,22px);font-weight:700;line-height:1.3;letter-spacing:-.008em;} .thbp-grp > h5{margin:0 0 12px;font-size:16px;font-weight:600;opacity:.78;} /* The "Best Solutions for iGaming" description rendered larger than the body copy beneath it. Sized to this page's body text (16px) at the user's request, applied across every page carrying this section. Scoped to the section because .thbp-lead is used elsewhere on this page. Line-height is left alone — it is unitless, so it tracks the new size. */ #page-texas-holdem-bonus-poker-casino .thbp-igaming .thbp-lead{font-size:16px;} /* ══════════════════════════════════════════════════════════════════════════ Items 1 and 8 — redesigned against /omaha-poker-software. Reference values were read with the design-clone extractor against the live omaha page, not eyeballed: .ops-logos grid, 1px gaps over a dark ground, 1px border, radius 4, 2 cols base / 3 at 620 / 6 at 980, cells 18px 14px centred, art capped 170px, labels 16px/600 .ops-mosaic 3 columns, gap 22px, tiles radius 4 with a 1px rule .ops-folio__grp border-top 1px + padding-top 22px, no card chrome .ops-rail flex, column-gap 18px, items flex:0 0 clamp(280px,78vw,430px), scroll-snap, art aspect-ratio 767/431, radius 14, contain .ops-variants icon 88x88, object-fit contain, margin 0 auto 12px The house palette is kept throughout: omaha's own ink (#141a26) and rule colours are NOT imported. Only proportion, structure and radius are cloned, which is what "use it as the design reference" has meant on the four sibling pages already done this way. ══════════════════════════════════════════════════════════════════════════ */ /* item 1a — iGaming provider wall becomes a hairline lattice */ #page-texas-holdem-bonus-poker-casino .thbp-provs{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px; background:var(--thbp-line);border:1px solid var(--thbp-line); border-radius:4px;overflow:hidden;margin-top:26px; } #page-texas-holdem-bonus-poker-casino .thbp-prov{ padding:18px 14px;border:0;border-radius:0;background:var(--thbp-white); gap:10px; } #page-texas-holdem-bonus-poker-casino .thbp-prov img{max-height:none;width:100%;max-width:170px;height:auto;margin-inline:auto;} #page-texas-holdem-bonus-poker-casino .thbp-prov__t{font-size:16px;font-weight:600;} @media (min-width:620px){#page-texas-holdem-bonus-poker-casino .thbp-provs{grid-template-columns:repeat(3,minmax(0,1fr));}} @media (min-width:980px){#page-texas-holdem-bonus-poker-casino .thbp-provs{grid-template-columns:repeat(6,minmax(0,1fr));}} /* item 1b — game tiles take the mosaic's flat 4px corner, not an 18px pill */ /* The tile was a flex column: image on top, caption in a bar beneath. Because the grid rows are equal height and the source images are not, every short image left a blank slab between the art and its label -- visible on all six tiles. The reference does not stack them: .ops-tile is position:relative with the art filling it and the caption absolutely positioned over a gradient. Rebuilt that way, so there is no empty space left to show. */ #page-texas-holdem-bonus-poker-casino a.thbp-game__a{ position:relative;display:block;height:100%;border-radius:4px;overflow:hidden; } #page-texas-holdem-bonus-poker-casino a.thbp-game__a img{ display:block;width:100%;height:100%;min-height:230px;object-fit:cover; } #page-texas-holdem-bonus-poker-casino .thbp-game__t{ position:absolute;left:0;right:0;bottom:0;margin:0;padding:16px; font-size:19px;line-height:1.3;font-weight:700;color:#fff; background:linear-gradient(180deg,rgba(18,22,42,0) 0%,rgba(18,22,42,.88) 58%); } /* item 1c — Portfolio shelves become ruled groups rather than free-floating rows */ #page-texas-holdem-bonus-poker-casino .thbp-shelf__t{margin:0 0 18px;} #page-texas-holdem-bonus-poker-casino .thbp-shelf__t::after{display:none;} #page-texas-holdem-bonus-poker-casino .thbp-shelf{gap:22px;} #page-texas-holdem-bonus-poker-casino .thbp-shelf li{border-radius:4px;} /* item 1d — screenshots become a snap rail at the reference's proportions */ /* (removed: a second .thbp-shots__grid block that re-declared the rail without re-declaring wrap, leaving the earlier wrapping value in force. The rail now lives in exactly one place, above.) */ /* (removed: a square fixed-size override on the variant art, and the comment claiming it was "the reference's" size. It was not. It overrode the rule above, whose own comment records why a square box was wrong -- and that square size is the one the reference ABANDONED for exactly this reason: omaha's stylesheet notes the square box letterboxed the art to 88x49 of painted picture. The marks are 214x120 and 669x375 landscape; they now fill the cell width at their own ratio, as the reference does. Cell radius is set with the rest of the cell, above.) */ /* item 8 — Why Leading Brands: ruled cells instead of rounded pills, so the band reads as one lattice rather than five detached lozenges */ /* Five items in an auto-fit grid leave three empty cells on the second row. Drawing the lattice as a background behind 1px gaps painted those holes as solid slabs -- the same defect that appeared on a sibling page and was fixed the same way. The rules now sit on the cells, so an unfilled cell is simply absent. */ #page-texas-holdem-bonus-poker-casino .thbp-reasons{ display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0; background:none;border:0;border-top:1px solid var(--thbp-line-ink); border-left:1px solid var(--thbp-line-ink);margin-top:34px; } #page-texas-holdem-bonus-poker-casino .thbp-reasons li{ border:0;border-right:1px solid var(--thbp-line-ink); border-bottom:1px solid var(--thbp-line-ink);border-radius:0; background:var(--thbp-ink-2);padding:22px 24px; } /* Item 3, properly this time. The previous pass only darkened the mark red to fix an AA failure; both sections still rendered every content line in rust, so the lists read as a block of links rather than as content. Set to the page's own text colour, with the mark kept for hover and for the underline, so the affordance survives. */ #page-texas-holdem-bonus-poker-casino .thbp-boost a.thbp-link, #page-texas-holdem-bonus-poker-casino .thbp-reading a.thbp-link{ color:var(--thbp-t-dark); } #page-texas-holdem-bonus-poker-casino .thbp-boost a.thbp-link:hover, #page-texas-holdem-bonus-poker-casino .thbp-reading a.thbp-link:hover{ color:#a82d18; } /* iGaming games: the reference is a STAGGERED mosaic, not a uniform grid. Looking at /omaha-poker-software properly for the first time: .ops-mosaic is three .ops-mcol column-stacks, each tile kept at its own aspect ratio via --ops-ar, so the tiles interlock at different heights -- Black Jack tall, Roulette short, Slot Game tall. That irregularity IS the design. This page ships the same varied-ratio source set: 397x388, 398x270, 397x506, 397x388, 398x506, 397x270 -- ratios 1.02, 1.47, 0.79, 1.02, 0.79, 1.47. The previous pass put them in an equal-row grid and used object-fit:cover, which forced all six to one height and cropped the art. Same height for every tile is precisely what the reference does not do. Rebuilt as a three-column flow with tiles at their natural ratios. The width/height attributes are already on every , so height:auto yields the true ratio with no per-tile custom property and no markup change. */ #page-texas-holdem-bonus-poker-casino .thbp-games{ display:block;column-count:3;column-gap:22px;margin-top:26px; } #page-texas-holdem-bonus-poker-casino .thbp-game{break-inside:avoid;margin:0 0 22px;} #page-texas-holdem-bonus-poker-casino a.thbp-game__a{ position:relative;display:block;height:auto;border-radius:4px;overflow:hidden; } #page-texas-holdem-bonus-poker-casino a.thbp-game__a img{ display:block;width:100%;height:auto;min-height:0;object-fit:fill; } @media (max-width:900px){#page-texas-holdem-bonus-poker-casino .thbp-games{column-count:2;}} @media (max-width:560px){#page-texas-holdem-bonus-poker-casino .thbp-games{column-count:1;}} /* Portfolio rebuilt against the reference, having looked at it this time. /omaha-poker-software renders each portfolio group as: a full-width rule ACROSS the band, then the group heading beneath it (.ops-folio__grp = border-top 1px #333d51 + padding-top 22px), then a left-aligned FLEX row of logo chips at gap 12px, each chip sized to its own logo -- the Belgium chip is wide, the narrow marks are narrow. This page had an auto-fill grid at minmax(140px,1fr), which forces every chip to an identical width regardless of the logo inside it. That uniformity is the same mistake the game mosaic had: the reference's irregular, content-sized rhythm is the design, and a tidy grid erases it. The five groups here carry the same five headings as the reference -- Compliances, Data Partners, Trusted Partners, Awards & Certifications, Licensing Partners -- so the grouping maps one to one. */ #page-texas-holdem-bonus-poker-casino .thbp-shelf__t{ display:block;border-top:1px solid var(--thbp-line-ink); padding-top:22px;margin:34px 0 18px; font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase; } #page-texas-holdem-bonus-poker-casino .thbp-shelf__t::after{display:none;} #page-texas-holdem-bonus-poker-casino .thbp-shelf{ display:flex;flex-wrap:wrap;gap:12px;grid-template-columns:none; } #page-texas-holdem-bonus-poker-casino .thbp-shelf li{ flex:0 0 auto;width:auto;min-width:0;min-height:96px;padding:16px 20px; } #page-texas-holdem-bonus-poker-casino .thbp-shelf img{max-height:56px;width:auto;max-width:none;object-fit:contain;}