/*
 * pages.css - Casino UK777Bet
 * Content area styles only (NO header/footer styles)
 * Enqueued on inner pages (not front-page)
 */

/* Content typography */
.entry-content {
    font-size: 1.05rem;
    line-height: 1.85;
    color: #e0e0e8;
}

.entry-content h2 {
    font-size: 1.8rem;
    margin-top: 48px;
    margin-bottom: 16px;
    color: #f0f0f5;
    border-bottom: 1px solid #2a2a35;
    padding-bottom: 12px;
}

.entry-content h3 {
    font-size: 1.35rem;
    margin-top: 32px;
    margin-bottom: 12px;
    color: #f0f0f5;
}

.entry-content h4 {
    font-size: 1.1rem;
    margin-top: 24px;
    margin-bottom: 8px;
    color: #d4a843;
}

.entry-content p {
    margin-bottom: 1.2em;
    color: #d0d0d8;
}

.entry-content a {
    color: #d4a843;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.entry-content a:hover {
    color: #e8c56b;
}

.entry-content ul,
.entry-content ol {
    padding-left: 1.5em;
    margin-bottom: 1.5em;
}

.entry-content li {
    margin-bottom: 8px;
    color: #d0d0d8;
    line-height: 1.7;
}

.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 24px 0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.entry-content blockquote {
    border-left: 4px solid #d4a843;
    padding: 16px 24px;
    margin: 24px 0;
    background: rgba(212,168,67,0.06);
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #c0c0c8;
}

.entry-content blockquote p {
    margin-bottom: 0;
}

.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 0.9rem;
}

.entry-content th,
.entry-content td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #2a2a35;
}

.entry-content th {
    background: #16161e;
    color: #d4a843;
    font-weight: 700;
}

.entry-content td {
    color: #c0c0c8;
}

.entry-content tr:hover td {
    background: rgba(212,168,67,0.04);
}

.entry-content code {
    background: #1a1a2e;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
    color: #d4a843;
}

.entry-content pre {
    background: #16161e;
    border: 1px solid #2a2a35;
    border-radius: 8px;
    padding: 20px;
    overflow-x: auto;
    margin: 24px 0;
}

.entry-content pre code {
    background: none;
    padding: 0;
    color: #e0e0e8;
}

.entry-content hr {
    border: none;
    border-top: 1px solid #2a2a35;
    margin: 40px 0;
}

/* Image alignments */
.entry-content .alignleft {
    float: left;
    margin: 8px 24px 16px 0;
    max-width: 50%;
}

.entry-content .alignright {
    float: right;
    margin: 8px 0 16px 24px;
    max-width: 50%;
}

.entry-content .aligncenter {
    display: block;
    margin: 24px auto;
}

.entry-content .wp-caption {
    max-width: 100%;
    margin: 24px 0;
}

.entry-content .wp-caption-text {
    font-size: 0.8rem;
    color: #909098;
    text-align: center;
    padding: 8px;
    font-style: italic;
}

/* Highlight boxes */
.entry-content .info-box {
    background: rgba(52, 152, 219, 0.08);
    border: 1px solid rgba(52, 152, 219, 0.2);
    border-left: 4px solid #3498db;
    border-radius: 0 8px 8px 0;
    padding: 20px 24px;
    margin: 24px 0;
}

.entry-content .warning-box {
    background: rgba(230, 57, 70, 0.08);
    border: 1px solid rgba(230, 57, 70, 0.2);
    border-left: 4px solid #e63946;
    border-radius: 0 8px 8px 0;
    padding: 20px 24px;
    margin: 24px 0;
}

.entry-content .success-box {
    background: rgba(46, 204, 113, 0.08);
    border: 1px solid rgba(46, 204, 113, 0.2);
    border-left: 4px solid #2ecc71;
    border-radius: 0 8px 8px 0;
    padding: 20px 24px;
    margin: 24px 0;
}

.entry-content .gold-box {
    background: rgba(212, 168, 67, 0.08);
    border: 1px solid rgba(212, 168, 67, 0.2);
    border-left: 4px solid #d4a843;
    border-radius: 0 8px 8px 0;
    padding: 20px 24px;
    margin: 24px 0;
}

/* Two-column layout for content */
.entry-content .columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 24px 0;
}

.entry-content .columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 24px 0;
}

/* Styled lists */
.entry-content .check-list {
    list-style: none;
    padding: 0;
}

.entry-content .check-list li {
    padding: 8px 0 8px 32px;
    position: relative;
}

.entry-content .check-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #2ecc71;
    font-weight: 700;
}

.entry-content .star-list {
    list-style: none;
    padding: 0;
}

.entry-content .star-list li {
    padding: 8px 0 8px 32px;
    position: relative;
}

.entry-content .star-list li::before {
    content: '★';
    position: absolute;
    left: 0;
    color: #d4a843;
}

/* Game table on slots page */
.game-table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
}

.game-table th {
    background: #16161e;
    color: #d4a843;
    padding: 12px 16px;
    text-align: left;
    font-weight: 700;
    border-bottom: 2px solid #d4a843;
}

.game-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #2a2a35;
    color: #d0d0d8;
}

.game-table tr:hover td {
    background: rgba(212,168,67,0.04);
}

.game-table .rtp-high {
    color: #2ecc71;
    font-weight: 600;
}

.game-table .rtp-med {
    color: #d4a843;
    font-weight: 600;
}

.game-table .rtp-low {
    color: #e63946;
    font-weight: 600;
}

/* Responsive content tables */
@media (max-width: 768px) {
    .entry-content table {
        font-size: 0.8rem;
    }
    .entry-content th,
    .entry-content td {
        padding: 8px 10px;
    }
    .entry-content .columns-2,
    .entry-content .columns-3 {
        grid-template-columns: 1fr;
    }
    .entry-content .alignleft,
    .entry-content .alignright {
        float: none;
        max-width: 100%;
        margin: 16px 0;
    }
    .entry-content h2 {
        font-size: 1.4rem;
    }
    .entry-content h3 {
        font-size: 1.15rem;
    }
}