/*
Theme Name: PhoenixBytes Wp Theme
Theme URI: https://www.phoenixbytes.com
Author: Semih AVCI
Author URI: https://www.phoenixbytes.com
Description: Bu tasarım Phoenixbytes tarafından Hazırlanmıştır. Tema Default tema olup belirtilen istek ve özelliklerde tasarlanıp kodlanmıştır.
Version: 1.0
*/

@import url(css/tailwind-style.css);



.entry-content p {
    @apply mb-4;
}

.entry-content h2 {
    @apply text-2xl font-bold mb-4 pb-2;
}

.entry-content h3 {
    @apply text-2xl font-bold mb-5 text-gray-800 leading-tight;
}

/* WordPress Editor Styles */
.entry-content {
    @apply text-gray-800 leading-relaxed;
}

.entry-content p {
    @apply mb-6 text-lg leading-relaxed;
}

.entry-content h1 {
    @apply text-4xl lg:text-5xl font-bold mb-8 text-gray-800 leading-tight;
}

.entry-content h2 {
    @apply text-3xl lg:text-4xl font-bold mb-6 text-gray-800 leading-tight;
}

.entry-content h3 {
    @apply text-2xl lg:text-3xl font-bold mb-5 text-gray-800 leading-tight;
}

.entry-content h4 {
    @apply text-xl lg:text-2xl font-bold mb-4 text-gray-800 leading-tight;
}

.entry-content h5 {
    @apply text-lg lg:text-xl font-bold mb-3 text-gray-800 leading-tight;
}

.entry-content h6 {
    @apply text-base lg:text-lg font-bold mb-3 text-gray-800 leading-tight;
}

.entry-content ul {
    @apply mb-6 space-y-2;
}

.entry-content ol {
    @apply mb-6 space-y-2;
}

.entry-content li {
    @apply text-gray-700 leading-relaxed;
}

.entry-content ul li {
    @apply flex items-start;
}

.entry-content ul li::before {
    @apply content-['•'] text-blue-600 font-bold mr-2 mt-1;
}

.entry-content ol {
    @apply list-decimal list-inside;
}

.entry-content blockquote {
    @apply border-l-4 border-blue-600 pl-6 py-4 my-8 bg-blue-50 rounded-r-lg italic;
}

.entry-content blockquote p {
    @apply mb-0 text-gray-700;
}

.entry-content a {
    @apply text-blue-600 hover:text-blue-700 underline transition-colors duration-300;
}

.entry-content strong {
    @apply font-bold text-gray-900;
}

.entry-content em {
    @apply italic text-gray-700;
}

.entry-content code {
    @apply bg-gray-100 px-2 py-1 rounded text-sm font-mono text-gray-800;
}

.entry-content pre {
    @apply bg-gray-900 text-white p-4 rounded-lg overflow-x-auto mb-6;
}

.entry-content pre code {
    @apply bg-transparent text-white p-0;
}

.entry-content table {
    @apply w-full border-collapse border border-gray-300 mb-6;
}

.entry-content th {
    @apply bg-gray-100 border border-gray-300 px-4 py-3 text-left font-bold text-gray-800;
}

.entry-content td {
    @apply border border-gray-300 px-4 py-3 text-gray-700;
}

.entry-content img {
    @apply max-w-full h-auto rounded-lg shadow-lg mb-6;
}

.entry-content .wp-block-image {
    @apply mb-6;
}

.entry-content .wp-block-image img {
    @apply mb-0;
}

.entry-content .wp-block-image figcaption {
    @apply text-center text-sm text-gray-600 mt-2 italic;
}

/* WordPress Block Styles */
.entry-content .wp-block-button {
    @apply mb-6;
}

.entry-content .wp-block-button__link {
    @apply inline-flex items-center bg-gradient-to-r from-blue-600 to-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:from-blue-700 hover:to-purple-700 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1;
}

.entry-content .wp-block-quote {
    @apply border-l-4 border-blue-600 pl-6 py-4 my-8 bg-blue-50 rounded-r-lg;
}

.entry-content .wp-block-quote p {
    @apply mb-0 text-gray-700 italic;
}

.entry-content .wp-block-pullquote {
    @apply border-t-4 border-b-4 border-blue-600 py-8 my-8 text-center;
}

.entry-content .wp-block-pullquote blockquote {
    @apply border-0 bg-transparent p-0 m-0;
}

.entry-content .wp-block-pullquote blockquote p {
    @apply text-2xl font-bold text-gray-800 mb-4;
}

.entry-content .wp-block-pullquote cite {
    @apply text-gray-600 italic;
}

/* Responsive Typography */
@media (max-width: 768px) {
    .entry-content h1 {
        @apply text-3xl;
    }
    
    .entry-content h2 {
        @apply text-2xl;
    }
    
    .entry-content h3 {
        @apply text-xl;
    }
    
    .entry-content h4 {
        @apply text-lg;
    }
    
    .entry-content p {
        @apply text-base;
    }
}