/*
Theme Name: Özgür Onbaşı Hukuk
Theme URI: https://ozguronbasi.av.tr
Author: Özgür Onbaşı
Author URI: https://ozguronbasi.av.tr
Description: Av. Özgür Onbaşı Hukuk & Danışmanlık - Özel WordPress Teması
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ozguronbasi
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
*/

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c68a44;
}

/* Text Selection */
::selection {
    background: #c68a44;
    color: #fff;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.glass-nav .logo-text,
.glass-nav .nav-link {
    color: #1a1a1a !important;
}
.glass-nav .logo-subtitle {
    color: #9ca3af !important;
}
.glass-nav .nav-link:hover {
    color: #c68a44 !important;
}
.glass-nav .mobile-menu-btn-icon {
    color: #1a1a1a !important;
}

/* Dark Mode Overrides */
.dark body, html.dark body { background: #0a0a0a; color: #f5f5f5; }
html.dark .bg-white { background: #0a0a0a !important; }
html.dark .bg-gray-50 { background: #18181b !important; }
html.dark .bg-gray-100 { background: #1c1c1f !important; }
html.dark .text-gray-900 { color: #f5f5f5 !important; }
html.dark .text-gray-700 { color: #d4d4d8 !important; }
html.dark .text-gray-600 { color: #a1a1aa !important; }
html.dark .text-gray-500 { color: #a1a1aa !important; }
html.dark .text-gray-400 { color: #71717a !important; }
html.dark .border-gray-100 { border-color: rgba(255,255,255,0.05) !important; }
html.dark .border-gray-200 { border-color: rgba(255,255,255,0.08) !important; }
html.dark .border-gray-300 { border-color: rgba(255,255,255,0.1) !important; }
html.dark .glass-nav {
    background: rgba(10, 10, 10, 0.8) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html.dark .glass-nav .logo-text,
html.dark .glass-nav .nav-link {
    color: #f5f5f5 !important;
}
html.dark .glass-nav .mobile-menu-btn-icon {
    color: #f5f5f5 !important;
}
html.dark .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.4) !important; }
html.dark .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.4) !important; }
html.dark .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important; }
html.dark .shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; }
html.dark footer { background: #000 !important; }
html.dark ::-webkit-scrollbar-track { background: #0a0a0a; }
html.dark ::-webkit-scrollbar-thumb { background: #333; }
html.dark .hover\:shadow-xl:hover { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5) !important; }

/* Blog Content Styles */
.blog-content h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; font-family: 'Playfair Display', serif; color: #111827; }
.blog-content h3 { font-size: 1.25rem; font-weight: 700; margin-top: 1.75rem; margin-bottom: 0.75rem; color: #111827; }
.blog-content h4 { font-size: 1.1rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; color: #111827; }
.blog-content p { margin-bottom: 1rem; line-height: 1.8; }
.blog-content ul { list-style-type: disc; margin-bottom: 1.25rem; padding-left: 1.75rem; }
.blog-content ol { list-style-type: decimal; margin-bottom: 1.25rem; padding-left: 1.75rem; }
.blog-content ul ul { list-style-type: circle; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.blog-content ol ol { list-style-type: lower-alpha; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.blog-content li { margin-bottom: 0.5rem; line-height: 1.7; }
.blog-content li::marker { color: #c68a44; }
.blog-content dl { margin-bottom: 1.25rem; }
.blog-content dt { font-weight: 700; color: #111827; margin-top: 1rem; }
.blog-content dd { padding-left: 1.5rem; margin-bottom: 0.5rem; color: #6b7280; }
.blog-content blockquote { border-left: 4px solid #c68a44; padding: 1rem 1.5rem; margin: 1.5rem 0; background: #fbf8f3; font-style: italic; border-radius: 2px; }
.blog-content a { color: #c68a44; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s; }
.blog-content a:hover { color: #a06e2e; }
.blog-content img { border-radius: 2px; margin: 1.5rem 0; max-width: 100%; height: auto; }
.blog-content figure { margin: 1.5rem 0; }
.blog-content figcaption { text-align: center; font-size: 0.85rem; color: #9ca3af; margin-top: 0.5rem; }
.blog-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.9rem; }
.blog-content th { background: #f9fafb; font-weight: 700; text-align: left; padding: 0.75rem 1rem; border: 1px solid #e5e7eb; }
.blog-content td { padding: 0.75rem 1rem; border: 1px solid #e5e7eb; }
.blog-content tr:hover td { background: #f9fafb; }
.blog-content hr { border: none; border-top: 2px solid #e5e7eb; margin: 2rem 0; }
.blog-content code { background: #f3f4f6; padding: 0.15rem 0.4rem; border-radius: 3px; font-size: 0.875em; color: #c68a44; }
.blog-content pre { background: #1f2937; color: #e5e7eb; padding: 1.25rem; border-radius: 4px; overflow-x: auto; margin: 1.5rem 0; font-size: 0.875rem; line-height: 1.7; }
.blog-content pre code { background: none; padding: 0; color: inherit; font-size: inherit; }
.blog-content strong { font-weight: 700; color: #111827; }
.blog-content em { font-style: italic; }
.blog-content .wp-block-separator { border-top: 2px solid #e5e7eb; margin: 2rem 0; }

html.dark .blog-content h2,
html.dark .blog-content h3,
html.dark .blog-content h4,
html.dark .blog-content dt,
html.dark .blog-content strong { color: #f5f5f5 !important; }
html.dark .blog-content blockquote { background: #18181b !important; }
html.dark .blog-content code { background: #27272a !important; }
html.dark .blog-content th { background: #27272a !important; border-color: #3f3f46 !important; }
html.dark .blog-content td { border-color: #3f3f46 !important; }
html.dark .blog-content tr:hover td { background: #27272a !important; }
html.dark .blog-content hr,
html.dark .blog-content .wp-block-separator { border-color: #3f3f46 !important; }