/*
Theme Name: Orao Blog Theme
Theme URI: https://posao-nemacka.de
Author: Orao Personalvermittlung
Author URI: https://posao-nemacka.de
Description: A custom Dark Mode Bento-Box theme for Orao Blog, built with Tailwind CSS via CDN.
Version: 1.0.0
Text Domain: orao-theme
*/

/* 
  Since we are using Tailwind CSS via CDN for rapid styling parity with the Next.js app,
  we only need to add minimal custom CSS overrides here if necessary.
  The main styling will be done using Tailwind utility classes in the PHP files.
*/

body {
    background-color: #0f172a; /* Tailwind slate-900 */
    color: #f1f5f9; /* Tailwind slate-100 */
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Custom Scrollbar for better dark mode feel */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a; 
}
::-webkit-scrollbar-thumb {
    background: #334155; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569; 
}

/* WordPress default classes handling (images, alignments) */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}
img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem; /* Rounded xl */
}

/* Base styles for standard WordPress Gutenberg Blocks inside single post */
.post-content h1, .post-content h2, .post-content h3, .post-content h4 {
    color: #ffffff;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.post-content h2 { font-size: 1.875rem; }
.post-content h3 { font-size: 1.5rem; }

.post-content p {
    color: #cbd5e1; /* slate-300 */
    line-height: 1.75;
    margin-bottom: 1.5rem;
}

.post-content a {
    color: #06b6d4; /* cyan-500 */
    text-decoration: none;
    transition: color 0.2s;
}
.post-content a:hover {
    color: #22d3ee; /* cyan-400 */
}

.post-content ul, .post-content ol {
    color: #cbd5e1;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}
.post-content li {
    margin-bottom: 0.5rem;
}

.post-content blockquote {
    border-left: 4px solid #06b6d4;
    padding-left: 1rem;
    color: #94a3b8; /* slate-400 */
    font-style: italic;
    background-color: rgba(30, 41, 59, 0.5); /* slate-800/50 */
    padding: 1rem;
    border-radius: 0.5rem;
}