/* ===== CasinoGamesHouse – Slots page polish (scoped, px units) ===== */

.cgh-game {
    --cgh-card: #ffffff;
    --cgh-border: #e5e7eb;   /* gray-200 */
    --cgh-muted: #6b7280;    /* gray-500 */
    --cgh-text:  #111827;    /* gray-900 */
    --cgh-soft:  #f8fafc;    /* slate-50 */
    --cgh-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.cgh-game .entry-header{
    margin-top:100px;
    margin-bottom:16px;
}
.cgh-game .entry-title{ line-height:1.15; }

/* --- hero / screenshots --------------------------------------------------- */
.cgh-hero{ display:grid; gap:16px; align-items:start; margin:16px 0 20px; }
.cgh-screens{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cgh-screens figure{ margin:0; }
.cgh-screens img{
    width:100%; height:auto; border-radius:14px; box-shadow:var(--cgh-shadow);
}
.cgh-ph{
    background:var(--cgh-soft);
    border:1px dashed var(--cgh-border);
    border-radius:14px;
    padding:36px; text-align:center; color:var(--cgh-muted);
    font-weight:500;
}

/* Primary CTA */
.cgh-cta{
    display:inline-block; margin-top:4px;
    padding:12px 18px; border-radius:10px;
    background:#111827; color:#fff; text-decoration:none;
    border:1px solid #0b1220;
    transition:transform .08s ease, box-shadow .2s ease, background .2s ease;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.cgh-cta:hover{ background:#0f172a; transform:translateY(-1px); }

/* --- game frame ------------------------------------------------------------ */
.cgh-iframe{ margin:24px 0 32px; }
.cgh-iframe iframe{
    width:100% !important;
    border:0; border-radius:14px;
    box-shadow:var(--cgh-shadow);
    min-height:560px; /* provider permitting */
}

/* --- quick facts table ----------------------------------------------------- */
.cgh-quick-facts{ margin:36px 0; }
.cgh-quick-facts h2{ margin:0 0 14px; }
.cgh-table{
    width:100%; border-collapse:separate; border-spacing:0;
    background:var(--cgh-card); border:1px solid var(--cgh-border);
    border-radius:14px; overflow:hidden; box-shadow:var(--cgh-shadow);
}
.cgh-table th,.cgh-table td{
    padding:14px 16px; text-align:left; vertical-align:top;
    border-bottom:1px solid var(--cgh-border);
}
.cgh-table th{
    width:220px; white-space:nowrap; color:#374151; font-weight:600;
    background:#fafafa;
}
.cgh-table tr:last-child th,.cgh-table tr:last-child td{ border-bottom:0; }

/* --- content sections ------------------------------------------------------ */
.cgh-content > h2{ margin:36px 0 16px; font-size:32px; }
.cgh-content > p{ color:var(--cgh-text); line-height:1.75; font-size:17px; }
.cgh-muted{ opacity:.8; }

/* Pros / Cons as cards */
.cgh-pros-cons{
    display:grid; gap:20px; grid-template-columns:1fr 1fr; margin:28px 0 36px;
}
.cgh-pros-cons > div{
    background:var(--cgh-card);
    border:1px solid var(--cgh-border);
    border-radius:14px; padding:16px 18px;
    box-shadow:var(--cgh-shadow);
}
.cgh-pros-cons h3{ margin:6px 0 8px; }
.cgh-pros-cons ul{ margin:0; padding-left:18px; }
.cgh-pros-cons li{ margin:6px 0; color:var(--cgh-text); }

/* Bonus Features list spacing */
.cgh-content h3{ margin:18px 0 6px; font-size:20px; }
.cgh-content h3 + p{ margin:2px 0 10px; }

/* FAQ accordion */
.cgh-faq {
    margin-bottom: 100px;
}
.cgh-faq details{
    background:var(--cgh-card);
    border:1px solid var(--cgh-border);
    border-radius:12px; padding:14px 16px; margin:10px 0;
    box-shadow:var(--cgh-shadow);
}
.cgh-faq summary{
    cursor:pointer; font-weight:600; outline:none; list-style:none;
}
.cgh-faq summary::-webkit-details-marker{ display:none; }
.cgh-faq summary:after{
    content:'▸'; float:right; transition:transform .15s ease;
    color:var(--cgh-muted);
}
.cgh-faq details[open] summary:after{ transform:rotate(90deg); }
.cgh-faq p{ margin:10px 0 0; line-height:1.7; color:var(--cgh-text); }

/* Small “note” text */
.cgh-note{ font-size:15px; opacity:.7; margin:4px 0 16px; }

/* Responsive */
@media (max-width:1024px){
    .cgh-screens{ grid-template-columns:1fr; }
}
@media (max-width:768px){
    .cgh-pros-cons{ grid-template-columns:1fr; }
    .cgh-game .entry-header{ margin-top:32px; }
    .cgh-table th{ width:160px; }
}