/* ===================================================================
   lang-articles.css — Language section article stylesheet
   penny-slot-machines.com
   Version : 1.1 | March 2026
   Covers  : real-money, free-slots, classic-slots, table-games,
             video-poker and general slot review pages across all
             language sections (/francais/, /espanol/, /deutsch/ etc.)
   Usage   : <link rel="stylesheet" href="/css/lang-articles.css">
=================================================================== */


/* ===================================================================
   HEADINGS
=================================================================== */

h1 {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin-top: 21px;
}

h2 {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    margin-top: 54px;
    margin-bottom: 10px;
    -webkit-text-size-adjust: 100%;
    padding-bottom: 6px;
    border-bottom: 2px solid #e0e0f0;
}

h2:first-child {
    margin-top: 0;
}

h3 {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 26px;
    color: #000;
    margin-top: 32px;
    margin-bottom: 6px;
}

h3:first-child {
    margin-top: 0;
}


/* ===================================================================
   BODY TEXT
=================================================================== */

p {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-text-size-adjust: 100%;
}

p:last-child {
    margin-bottom: 0;
}

/* Intro paragraph — slightly larger, sits above the fold */
p.rm-intro {
    font-size: 17px;
    line-height: 28px;
    color: #222;
    margin-bottom: 28px;
}

/* Legal / jurisdiction notice */
p.legal-note,
p.rm-legal-note {
    font-size: 14px;
    line-height: 22px;
    color: #555;
    background: #f5f5ff;
    border-left: 4px solid #99c;
    padding: 10px 14px;
    margin-top: 0;
    margin-bottom: 32px;
    border-radius: 0 4px 4px 0;
}

p.legal-note a,
p.rm-legal-note a {
    color: #339;
}

/* Small note inside a step body (e.g. credit card warning) */
p.rm-note {
    font-size: 14px;
    line-height: 21px;
    color: #555;
    margin-top: 10px;
    margin-bottom: 0;
}

/* Game page title — large centred heading above the game card */
.game-header {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 13px 0 0;
}

@media screen and (max-width: 480px) {
    .game-header {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 2px;
    }
}


/* Blue italic subheading (carried over from slot-articles.css) */
.subheading {
    display: block;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #309;
    font-style: italic;
    font-weight: bold;
    margin: 3px 0 4px;
}


/* ===================================================================
   INLINE ELEMENTS
=================================================================== */

strong { font-weight: bold; color: #000; }
em     { font-style: italic; }

.article-body a:link    { color: #00c !important; text-decoration: underline !important; }
.article-body a:visited { color: #00c !important; text-decoration: underline !important; }
.article-body a:hover   { color: #c00 !important; text-decoration: underline !important; }

/* Card-link — bold styled link used in article bodies.
   Overrides any Freeway-generated inline a:link resets. */
a.card-link {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #00f !important;
    text-decoration: underline !important;
    display: inline-block;
}
a.card-link:hover { color: #c00 !important; }


/* ===================================================================
   LISTS
=================================================================== */

ul,
ul.rm-list {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    margin-top: 8px;
    margin-bottom: 24px;
    padding-left: 28px;
    list-style-type: disc;
}

li { margin-bottom: 2px; }

/* Nested lists */
ul ul {
    margin-top: 6px;
    margin-bottom: 0;
}

/* Game lists (Las Vegas, Europe etc.) */
ul.rm-games-list {
    margin-bottom: 28px;
}

/* Responsible gambling list — extra breathing room */
ul.rm-rg-list {
    line-height: 32px;
    margin-bottom: 28px;
}

/* Game section subheading (🎰 Las Vegas / North America etc.) */
h3.games-subhead {
    font-size: 18px;
    margin-top: 36px;
    margin-bottom: 4px;
    color: #333;
}


/* ===================================================================
   STEP BLOCKS  (How To Play sections)
=================================================================== */

.step-block {
    margin-top: 36px;
    margin-bottom: 8px;
    border-left: 4px solid #ccf;
    padding-left: 18px;
}

/* Step header bar */
.step-box {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #000;
    color: #fff;
    padding: 10px 16px;
    margin-bottom: 16px;
    margin-left: -22px;   /* bleed back to cover the border-left */
    border-radius: 0 4px 4px 0;
}

/* "ÉTAPE 1" / "STEP 1" badge */
.step-num {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: #ccf;
    color: #000;
    padding: 3px 9px;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Step title text */
.step-title {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
}

/* Step body paragraph — inherits base p styles, slight tweak */
p.step-body {
    margin-top: 0;
    margin-bottom: 18px;
    color: #222;
}

/* H3 inside a step block — tighter top margin */
.step-block h3 {
    margin-top: 24px;
    margin-bottom: 5px;
    font-size: 17px;
    color: #339;
}

.step-block h3:first-of-type {
    margin-top: 6px;
}


/* ===================================================================
   FAQ SECTION
=================================================================== */

section.rm-faq {
    margin-top: 54px;
    border-top: 2px solid #e0e0f0;
    padding-top: 8px;
}

section.rm-faq h2 {
    margin-top: 24px;
    border-bottom: none;
}

.faq-item {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e8e8f4;
}

.faq-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* FAQ question heading — blue, matching site convention */
h3.faq-q,
h3.faq,
.faq-question {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #309;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 6px;
}

/* FAQ answer */
.faq-a p {
    margin-bottom: 0;
    color: #222;
}


/* ===================================================================
   END OF LANG-ARTICLES STYLESHEET
=================================================================== */