/* style/blog-sg777-casino-experience.css */

/* Custom properties for colors */
:root {
    --sg777-primary-color: #F2C14E; /* Main brand color */
    --sg777-secondary-color: #FFD36B; /* Auxiliary brand color / Glow */
    --sg777-card-bg: #111111;
    --sg777-background: #0A0A0A;
    --sg777-text-main: #FFF6D6;
    --sg777-border-color: #3A2A12;
    --sg777-button-gradient: linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);
    --sg777-white-text: #ffffff; /* For buttons on dark backgrounds */
    --sg777-dark-text: #333333; /* For text on light backgrounds */
}

/* Base styles for the page content */
.page-blog-sg777-casino-experience {
    font-family: Arial, sans-serif;
    color: var(--sg777-text-main); /* Main text color for dark background */
    background-color: var(--sg777-background); /* Page background */
    line-height: 1.6;
}

.page-blog-sg777-casino-experience__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.page-blog-sg777-casino-experience__section-padding {
    padding: 60px 0;
}

.page-blog-sg777-casino-experience__dark-section {
    background-color: var(--sg777-card-bg); /* Use card background for some sections */
}

/* Hero Section */
.page-blog-sg777-casino-experience__hero-section {
    position: relative;
    overflow: hidden;
    padding-top: 10px; /* Small padding top, body padding-top handles header offset */
    background: var(--sg777-background); /* Ensure background for hero */
}