/*
Theme Name: True Connection Theme
Theme URI: https://trueconnection.co.nz/
Author: Bini Black
Author URI: https://example.com/your-profile/
Description: A custom WordPress theme for True Connection, focusing on relationship and communication coaching.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: true-connection-theme
Tags: custom, responsive, coaching, relationships, communication, modern

This CSS file provides basic styling and theme information for WordPress.
It's the first file WordPress looks at to identify a new theme.
*/

/* Custom CSS for your brand colors and font (from your provided HTML) */
:root {
    /* Your actual brand colors */
    --color-primary: #d7a22e; /* Your specified primary color */
    --color-primary-hover: #b78a27; /* Slightly darker primary on hover */
    --color-background-main: #23235e; /* Your specified background color */
    --color-section-dark: #2a2a6a; /* Slightly lighter dark for alternating sections */
    --color-text-light: #F8F8F8; /* Main text color on dark backgrounds */
    --color-text-secondary: #CCCCCC; /* Lighter text for less emphasis */
    --color-card-light: #FFFFFF; /* For cards that pop out on dark backgrounds */
    --color-border-dark: #444488; /* For borders on dark backgrounds */
}

body {
    font-family: 'Merriweather', serif; /* Your specified font family */
    color: var(--color-text-light); /* Default text color for the dark background */
    background-color: var(--color-background-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased; /* For better font rendering */
    -moz-osx-font-smoothing: grayscale; /* For better font rendering */
}

.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-text-light);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--color-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.section-heading {
    color: var(--color-primary);
    font-weight: 700;
    margin-bottom: 1.5rem;
}

/* Mobile menu specific styles */
.mobile-menu-hidden {
    display: none;
}

.mobile-menu-hidden.active {
    display: flex; /* Show when active */
    flex-direction: column;
    position: absolute;
    top: 4rem; /* Adjust based on header height */
    left: 0;
    width: 100%;
    background-color: var(--color-background-main); /* Mobile menu background */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    z-index: 10;
    border-bottom-left-radius: 1rem; /* Rounded corners for mobile menu */
    border-bottom-right-radius: 1rem;
    overflow: hidden; /* Ensures rounded corners are visible */
}
.mobile-menu-hidden.active a {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-border-dark);
    text-align: center;
    color: var(--color-text-light); /* Mobile menu link color */
}
.mobile-menu-hidden.active a:last-child {
    border-bottom: none; /* No border on the last item */
}

@media (min-width: 768px) {
    .mobile-menu-hidden {
        display: none !important; /* Hide on desktop */
    }
}

/* Tailwind CSS configuration (will be handled by the script tag in header.php) */
/*
tailwind.config = {
    theme: {
        extend: {
            colors: {
                primary: 'var(--color-primary)',
                'primary-hover': 'var(--color-primary-hover)',
                'bg-main': 'var(--color-background-main)',
                'bg-section-dark': 'var(--color-section-dark)',
                'text-light': 'var(--color-text-light)',
                'text-secondary': 'var(--color-text-secondary)',
                'card-light': 'var(--color-card-light)',
                'border-dark': 'var(--color-border-dark)',
            }
        }
    }
}
*/