/* Hero Section Styling */
.hero-section {
    width: 100%;
    height: 70vh; /* Reduce height evenly */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px;
}

/* Light Theme Background */
body:not(.dark-theme) .hero-section {
    background-image: url('../images/hero_bg_light_theme_resized.jpg');
}

/* Dark Theme Background */
body.dark-theme .hero-section {
    background-image: url('../images/hero_bg_dark_theme_resized.jpg');
}

/* Content Styling */
.hero-content {
    color: #fff;
    padding: 0 20px;
    max-width: 1200px;
}

/*UNLOCK YOUR GREATES SELF */
.hero-heading {
    font-family: 'Lato', sans-serif; /* Updated font family */
    font-size: 1.5rem; /* Increased for impact */
    font-weight: 500;
    margin-bottom: 50px; /* Added more space */
    line-height: 1.9; /* Improved line height */
    background-color: #E91E63; /* Background color for heading */
    color: #f5f5f5;
    padding: 10px 50px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
}

/*Reveal the Path to Transform......*/
.hero-subheading { 
    font-family: 'Playfair Display', serif;
    font-size: 4rem; /* Slightly larger */
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 0.9; /* Improved readability */
    margin-bottom: 60px; /*added more space */
}

/*Create your Truka Wheel of Life and uncover.......... */
.hero-description {
    font-family: 'Source Serif Pro', serif; /* Updated font family */
    font-size: 1.5rem; /* Larger for better readability */
    line-height: 1.6; /* Improved readability */
    margin-bottom: 60px;
    color: #f7f7f7;
}

.hero-authors {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem; /* Reduced size */
    font-style: italic;
    margin-bottom: 50px; /* Adjusted spacing */
    font-weight: 400; /* Thinner font */
    opacity: 0.8; /* Increased transparency */
}

/* Button Styling */
.hero-buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.hero-btn {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem; /* Larger buttons */
    padding: 30px 30px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    width: 250px; /* Add fixed width for equal size */
    text-align: center; /* Ensure the text aligns properly */
}

.hero-btn.primary {
    background-color: #FACE78;
    color: #000;
    font-weight: 700;
}

.hero-btn.primary:hover {
    background-color: #E9B056;
}

.hero-btn.secondary {
    background-color: #52604F;
    color: #FFF;
    font-weight: 700;
}

.hero-btn.secondary:hover {
    background-color: #3F4B3E;
}

/* Light Theme Adjustments */
body:not(.dark-theme) .hero-subheading {
    color: #3F4B3E; /* Dark green for visibility in light theme */
}

body:not(.dark-theme) .hero-description {
    color: #52604F; /* Slightly brighter Truka dark green */
}

body:not(.dark-theme) .hero-authors {
    color: #707A60; /* Muted green tone for subtle visibility */
    opacity: 0.8; /* Reduced transparency in light theme */
}


/*blend the background in light theme for visiblitliy  */

body:not(.dark-theme) .hero-section {
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)),
        url('../images/hero_bg_light_theme_resized.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}