/* 
 * Hasmet Plastik (OKPress) Global Stylesheet
 * Custom Overrides & UI Effects
 */

body { 
    background-color: var(--bg-body); 
    color: var(--text-main); 
    transition: background-color 0.3s, color 0.3s;
}

/* Dark Mode Global Overrides */
.dark .bg-white { background-color: var(--bg-card) !important; }
.dark .bg-gray-50 { background-color: var(--bg-body) !important; }
.dark .bg-gray-100 { background-color: #1e293b !important; }
.dark .text-gray-900, .dark .text-gray-800, .dark .text-gray-700 { color: #f8fafc !important; }
.dark .text-gray-600, .dark .text-gray-500 { color: #cbd5e1 !important; }
.dark .border-gray-100, .dark .border-gray-200 { border-color: var(--border-color) !important; }
.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]), .dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-color) !important; }
.dark .glass-nav { background: rgba(30, 41, 59, 0.95) !important; }
.dark .shadow-sm, .dark .shadow-md, .dark .shadow-lg, .dark .shadow-xl { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important; }
.dark .text-hasmet-darkblue, .dark .text-hasmet-blue { color: #93c5fd !important; }
.dark .bg-blue-50 { background-color: #1e3a8a !important; color: #93c5fd !important; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .text-black { color: #f8fafc !important; }
.dark p, .dark span { color: inherit; }
.dark p.text-gray-600, .dark p.text-gray-500 { color: #cbd5e1 !important; }

/* Kategori Kartları Hover Efektleri */
.category-card {
    overflow: hidden;
    position: relative;
}

.category-img {
    transition: transform 0.7s ease;
}

.category-card:hover .category-img {
    transform: scale(1.1);
}

.category-overlay {
    background: linear-gradient(to top, rgba(0, 43, 94, 0.95) 0%, rgba(0, 43, 94, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    transition: background 0.4s ease;
}

.category-card:hover .category-overlay {
    background: linear-gradient(to top, rgba(0, 84, 166, 0.95) 0%, rgba(0, 84, 166, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
}

/* Glassmorphism Navbar */
.glass-nav {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   RTL (RIGHT-TO-LEFT) GLOBAL OVERRIDES FOR TAILWIND
   ========================================================================== */
html[dir="rtl"] .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .space-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .-space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .-space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .-space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] .-space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }

html[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
html[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
html[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
html[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
html[dir="rtl"] .ml-5 { margin-left: 0; margin-right: 1.25rem; }
html[dir="rtl"] .ml-6 { margin-left: 0; margin-right: 1.5rem; }
html[dir="rtl"] .ml-8 { margin-left: 0; margin-right: 2rem; }
html[dir="rtl"] .ml-12 { margin-left: 0; margin-right: 3rem; }
html[dir="rtl"] .ml-20 { margin-left: 0; margin-right: 5rem; }
html[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }

html[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
html[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
html[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
html[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
html[dir="rtl"] .mr-5 { margin-right: 0; margin-left: 1.25rem; }
html[dir="rtl"] .mr-6 { margin-right: 0; margin-left: 1.5rem; }
html[dir="rtl"] .mr-8 { margin-right: 0; margin-left: 2rem; }
html[dir="rtl"] .mr-12 { margin-right: 0; margin-left: 3rem; }
html[dir="rtl"] .mr-20 { margin-right: 0; margin-left: 5rem; }
html[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }

html[dir="rtl"] .-ml-20 { margin-left: 0; margin-right: -5rem; }
html[dir="rtl"] .-mr-20 { margin-right: 0; margin-left: -5rem; }

html[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
html[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
html[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
html[dir="rtl"] .pl-5 { padding-left: 0; padding-right: 1.25rem; }
html[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }
html[dir="rtl"] .pl-8 { padding-left: 0; padding-right: 2rem; }
html[dir="rtl"] .pl-10 { padding-left: 0; padding-right: 2.5rem; }

html[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
html[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
html[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
html[dir="rtl"] .pr-5 { padding-right: 0; padding-left: 1.25rem; }
html[dir="rtl"] .pr-6 { padding-right: 0; padding-left: 1.5rem; }
html[dir="rtl"] .pr-8 { padding-right: 0; padding-left: 2rem; }
html[dir="rtl"] .pr-10 { padding-right: 0; padding-left: 2.5rem; }

html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }
html[dir="rtl"] .md\:text-left { text-align: right; }
html[dir="rtl"] .md\:text-right { text-align: left; }

html[dir="rtl"] .left-0 { left: auto; right: 0; }
html[dir="rtl"] .right-0 { right: auto; left: 0; }
html[dir="rtl"] .absolute.top-0.right-0 { right: auto; left: 0; }
html[dir="rtl"] .absolute.bottom-0.left-0 { left: auto; right: 0; }
html[dir="rtl"] .md\:right-8 { right: auto; left: 2rem; }
html[dir="rtl"] .md\:left-8 { left: auto; right: 2rem; }
html[dir="rtl"] .-right-16 { right: auto; left: -4rem; }

/* Flip arrows */
html[dir="rtl"] i.fa-arrow-right,
html[dir="rtl"] i.fa-chevron-right,
html[dir="rtl"] i.fa-long-arrow-alt-right,
html[dir="rtl"] svg.lucide-arrow-right {
    transform: scaleX(-1);
}

/* Fix AOS Fade directions in RTL */
html[dir="rtl"] [data-aos="fade-right"] {
    transform: translate3d(100px, 0, 0);
}
html[dir="rtl"] [data-aos="fade-right"].aos-animate {
    transform: translate3d(0, 0, 0);
}

html[dir="rtl"] [data-aos="fade-left"] {
    transform: translate3d(-100px, 0, 0);
}
html[dir="rtl"] [data-aos="fade-left"].aos-animate {
    transform: translate3d(0, 0, 0);
}

/* Fix Gradients in RTL */
html[dir="rtl"] .bg-gradient-to-r { background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
html[dir="rtl"] .bg-gradient-to-l { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
html[dir="rtl"] .bg-gradient-to-tr { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); }
html[dir="rtl"] .bg-gradient-to-tl { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); }
html[dir="rtl"] .bg-gradient-to-br { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); }
html[dir="rtl"] .bg-gradient-to-bl { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }