/*
Theme Name: OpenAI Developers Light
Description: A WordPress theme based on the OpenAI Developers website design. Features a modern, clean interface with light mode only, responsive navigation, and integrated search functionality.
Version: 1.0
Author: Custom Theme
License: GPL v2 or later
*/

/* Include the original CSS from the Astro build */
@import url('_astro/_slug_.BtgZTCNM.css');

/* Force light mode - Override dark mode styles */
html {
    background-color: #ffffff !important;
    color: #111827 !important;
}

body {
    background-color: #ffffff !important;
    color: #111827 !important;
}

/* Remove all dark mode styles */
.dark, 
[class*="dark:"] {
    display: initial !important;
}

/* Override any dark mode background colors */
main,
main.dark,
main:is(.dark *) {
    background-color: #ffffff !important;
    color: #111827 !important;
}

header,
header.dark,
header:is(.dark *) {
    background-color: #ffffff !important;
    color: #111827 !important;
}

nav,
nav.dark,
nav:is(.dark *) {
    background-color: #ffffff !important;
    color: #4b5563 !important;
}

/* Force white background on all elements */
[class*="bg-black"],
[class*="dark:bg-black"],
.bg-black {
    background-color: #ffffff !important;
}

[class*="bg-gray-900"],
[class*="dark:bg-gray-900"],
.bg-gray-900 {
    background-color: #f3f4f6 !important;
}

[class*="bg-gray-800"],
[class*="dark:bg-gray-800"],
.bg-gray-800 {
    background-color: #f9fafb !important;
}

/* Force text colors to be dark on light background */
[class*="text-white"],
[class*="dark:text-white"],
.text-white:not(.resource-item h4) {
    color: #111827 !important;
}

[class*="text-gray-100"],
[class*="dark:text-gray-100"],
.text-gray-100 {
    color: #1f2937 !important;
}

[class*="text-gray-200"],
[class*="dark:text-gray-200"],
.text-gray-200 {
    color: #374151 !important;
}

[class*="text-gray-300"],
[class*="dark:text-gray-300"],
.text-gray-300 {
    color: #4b5563 !important;
}

/* Keep white text on images/cards */
.resource-item h4,
a[href*="#"] h4,
.relative h4 {
    color: #ffffff !important;
}

/* Custom WordPress specific styles */
.wp-post {
    margin-bottom: 2rem;
}

.wp-post-title {
    margin-bottom: 1rem;
}

.wp-post-meta {
    color: #666;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.wp-post-content {
    line-height: 1.6;
}

/* WordPress editor styles */
.alignwide {
    width: 100vw;
    max-width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

/* WordPress navigation styles */
.wp-block-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wp-block-navigation li {
    display: inline-block;
}

.wp-block-navigation a {
    text-decoration: none;
    padding: 0.5rem 1rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .alignwide,
    .alignfull {
        margin-left: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
    }
}